/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
@layer properties;@layer theme,base,components,utilities;@layer theme{:root,:host{--font-sans:"Visby Round CF", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;--color-red-50:oklch(97.1% 0.013 17.38);--color-red-400:oklch(70.4% 0.191 22.216);--color-red-500:oklch(63.7% 0.237 25.331);--color-red-700:oklch(50.5% 0.213 27.518);--color-red-800:oklch(44.4% 0.177 26.899);--color-red-950:oklch(25.8% 0.092 26.042);--color-yellow-50:oklch(98.7% 0.026 102.212);--color-yellow-500:oklch(79.5% 0.184 86.047);--color-yellow-600:oklch(68.1% 0.162 75.834);--color-yellow-700:oklch(55.4% 0.135 66.442);--color-yellow-800:oklch(47.6% 0.114 61.907);--color-yellow-950:oklch(28.6% 0.066 53.813);--color-green-50:oklch(98.2% 0.018 155.826);--color-green-500:oklch(72.3% 0.219 149.579);--color-green-600:oklch(62.7% 0.194 149.214);--color-green-700:oklch(52.7% 0.154 150.069);--color-green-800:oklch(44.8% 0.119 151.328);--color-green-950:oklch(26.6% 0.065 152.934);--color-blue-50:oklch(97% 0.014 254.604);--color-blue-400:oklch(70.7% 0.165 254.624);--color-blue-500:oklch(62.3% 0.214 259.815);--color-blue-700:oklch(48.8% 0.243 264.376);--color-blue-800:oklch(42.4% 0.199 265.638);--color-blue-950:oklch(28.2% 0.091 267.935);--color-gray-50:oklch(98.5% 0.002 247.839);--color-gray-100:oklch(96.7% 0.003 264.542);--color-gray-200:oklch(92.8% 0.006 264.531);--color-gray-300:oklch(87.2% 0.01 258.338);--color-gray-400:oklch(70.7% 0.022 261.325);--color-gray-500:oklch(55.1% 0.027 264.364);--color-gray-700:oklch(37.3% 0.034 259.733);--color-gray-800:oklch(27.8% 0.033 256.848);--color-gray-900:oklch(21% 0.034 264.665);--color-black:#000;--color-white:#fff;--spacing:0.25rem;--container-xs:20rem;--container-sm:24rem;--text-xs:0.75rem;--text-xs--line-height:1.5;--text-sm:0.875rem;--text-sm--line-height:calc(1.25 / 0.875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--text-8xl:6rem;--text-8xl--line-height:1;--text-9xl:8rem;--text-9xl--line-height:1;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wide:0.025em;--leading-normal:1.5;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--shadow-md:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--drop-shadow-md:0 3px 3px rgb(0 0 0 / 0.12);--ease-in:cubic-bezier(0.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, 0.2, 1);--ease-in-out:cubic-bezier(0.4, 0, 0.2, 1);--animate-spin:spin 1s linear infinite;--blur-sm:8px;--default-transition-duration:150ms;--default-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-body-fg:var(--color-fg);--color-body-bg:white;--color-primary-50:#EFEFE7;--color-primary-100:#CFCBE7;--color-primary-400:#6F63B6;--color-primary-500:#6558B1;--color-primary-600:#4C418B;--color-primary:var(--color-primary-500);--color-secondary-400:#C4E9E0;--color-secondary-500:#B5E3D8;--color-secondary-600:#A5CFC5;--color-secondary-lighter:var(--color-secondary-400);--color-secondary:var(--color-secondary-500);--color-secondary-darker:var(--color-secondary-600);--color-light-lighter:#eeeef1;--color-light:#d8d7df;--color-light-darker:#6e7185;--color-dark:var(--color-dark-900);--color-dark-darker:var(--color-dark-950);--color-success-accent:var(--color-green-500);--color-success-fg-on-accent:'white';--color-success-fg:var(--color-green-700);--color-success-fg-on-bg:var(--color-green-700);--color-success-bg:var(--color-green-50);--color-success-border:var(--color-green-500);--color-success-border-on-bg:var(--color-green-500);--color-success-fg-dark:var(--color-green-800);--color-success-fg-on-bg-dark:var(--color-green-600);--color-success-bg-dark:var(--color-green-950);--color-success-border-dark:var(--color-green-700);--color-success-border-on-bg-dark:var(--color-green-700);--color-warning-accent:var(--color-yellow-500);--color-warning-fg:var(--color-yellow-700);--color-warning-fg-on-bg:var(--color-yellow-800);--color-warning-bg:var(--color-yellow-50);--color-warning-border:var(--color-yellow-500);--color-warning-border-on-bg:var(--color-yellow-600);--color-warning-fg-dark:var(--color-yellow-800);--color-warning-fg-on-bg-dark:var(--color-yellow-600);--color-warning-bg-dark:var(--color-yellow-950);--color-warning-border-dark:var(--color-yellow-600);--color-warning-border-on-bg-dark:var(--color-yellow-500);--color-danger-accent:var(--color-red-500);--color-danger-fg:var(--color-red-700);--color-danger-fg-on-bg:var(--color-red-500);--color-danger-bg:var(--color-red-50);--color-danger-border:var(--color-red-400);--color-danger-border-on-bg:var(--color-red-400);--color-danger-fg-dark:var(--color-red-800);--color-danger-fg-on-bg-dark:var(--color-red-800);--color-danger-bg-dark:var(--color-red-950);--color-danger-border-dark:var(--color-red-500);--color-danger-border-on-bg-dark:var(--color-red-500);--color-info-accent:var(--color-blue-500);--color-info-fg:var(--color-blue-700);--color-info-fg-on-bg:var(--color-blue-700);--color-info-bg:var(--color-blue-50);--color-info-border:var(--color-blue-400);--color-info-border-on-bg:var(--color-blue-500);--color-info-fg-dark:var(--color-blue-800);--color-info-fg-on-bg-dark:var(--color-blue-400);--color-info-bg-dark:var(--color-blue-950);--color-info-border-dark:var(--color-blue-500);--color-info-border-on-bg-dark:var(--color-blue-500);--color-neutral-accent:var(--color-gray-500);--color-neutral-fg:var(--color-gray-700);--color-neutral-fg-on-bg:var(--color-gray-700);--color-neutral-bg:hsla(220, 13%, 91%, 0.5);--color-neutral-border-on-bg:var(--color-gray-400);--color-neutral-border:var(--color-gray-400);--color-neutral-fg-dark:var(--color-gray-800);--color-neutral-fg-on-bg-dark:var(--color-gray-400);--color-neutral-bg-dark:hsla(220, 13%, 91%, 0.2);--color-neutral-border-dark:var(--color-gray-500);--color-neutral-border-on-bg-dark:var(--color-gray-500);--gap-none:0px;--gap-xs:0.5rem;--gap-sm:1rem;--gap-default:2rem;--gap-lg:4rem;--padding-none:0px;--padding-sm:1rem;--padding-default:1.5rem;--spacing-admin-bar:var(--wp-admin--admin-bar--height, 0px);--aspect-1\/1:1 / 1;--aspect-4\/3:4 / 3;--aspect-5\/4:5 / 4;--aspect-16\/9:16 / 9;--aspect-21\/9:21 / 9;--font-heading:"Visby Round CF", sans-serif;--font-heading-alternative:"Visby Round CF", sans-serif;--font-subheading:"Visby Round CF", sans-serif;--font-subheading-alternative:"Visby Round CF", sans-serif;--text-theme-sm:0.875rem;--text-theme-sm--line-height:1.25;--text-theme-sm--letter-spacing:0em;--text-theme-sm--font-weight:500;--text-theme-base:1rem;--text-theme-base--line-height:1.75;--text-theme-base--letter-spacing:0em;--text-theme-base--font-weight:500;--text-theme-lg:1.125rem;--text-theme-lg--line-height:1.75;--text-theme-lg--letter-spacing:0em;--text-theme-lg--font-weight:500;--text-theme-lead:1.125rem;--text-theme-lead--line-height:1.75;--text-theme-lead--letter-spacing:0em;--text-theme-lead--font-weight:600;--text-h1:clamp(1.75rem, 3.7vw, 2rem);--text-h1--line-height:1.25;--text-h1--letter-spacing:0em;--text-h1--font-weight:700;--text-h2:clamp(1.5rem, 3.5vw, 1.75rem);--text-h2--line-height:1.25;--text-h2--letter-spacing:0em;--text-h2--font-weight:700;--text-h3:clamp(1.25rem, 3vw, 1.5rem);--text-h3--line-height:1.25;--text-h3--letter-spacing:0em;--text-h3--font-weight:700;--text-h4:clamp(1.125rem, 2.5vw, 1.25rem);--text-h4--line-height:1.5;--text-h4--letter-spacing:0em;--text-h4--font-weight:700;--text-h5:clamp(1rem, 2vw, 1.125rem);--text-h5--line-height:1.5;--text-h5--letter-spacing:0em;--text-h5--font-weight:700;--text-h6:clamp(0.875rem, 1.5vw, 1rem);--text-h6--line-height:1.5;--text-h6--letter-spacing:0em;--text-h6--font-weight:700;--text-h1-subtitle:clamp(1.125rem, 5.5vw, 1.25rem);--text-h1-subtitle--line-height:1.25;--text-h1-subtitle--letter-spacing:0em;--text-h1-subtitle--font-weight:700;--text-h2-subtitle:clamp(1.125rem, 5.5vw, 1.25rem);--text-h2-subtitle--line-height:1.25;--text-h2-subtitle--letter-spacing:0em;--text-h2-subtitle--font-weight:700;--text-h3-subtitle:clamp(1rem, 5.5vw, 1.125rem);--text-h3-subtitle--line-height:1.25;--text-h3-subtitle--letter-spacing:0em;--text-h3-subtitle--font-weight:700;--text-h4-subtitle:clamp(0.875rem, 6vw, 1rem);--text-h4-subtitle--line-height:1.25;--text-h4-subtitle--letter-spacing:0em;--text-h4-subtitle--font-weight:700;--text-h5-subtitle:0.875rem;--text-h5-subtitle--line-height:1.25;--text-h5-subtitle--letter-spacing:0em;--text-h5-subtitle--font-weight:700;--text-h6-subtitle:0.875rem;--text-h6-subtitle--line-height:1.25;--text-h6-subtitle--letter-spacing:0em;--text-h6-subtitle--font-weight:700;--text-d1:clamp(2.25rem, 5.5vw, 3rem);--text-d1--line-height:1.25;--text-d1--letter-spacing:0em;--text-d1--font-weight:700;--text-d2:clamp(2rem, 4.6vw, 2.5rem);--text-d2--line-height:1.25;--text-d2--letter-spacing:0em;--text-d2--font-weight:700;--text-d3:clamp(1.75rem, 3.7vw, 2rem);--text-d3--line-height:1.25;--text-d3--letter-spacing:0em;--text-d3--font-weight:700;--text-d4:clamp(1.75rem, 3.7vw, 2rem);--text-d4--line-height:1.25;--text-d4--letter-spacing:0em;--text-d4--font-weight:700;--text-d1-subtitle:clamp(1.5rem, 3.5vw, 1.75rem);--text-d1-subtitle--line-height:1.25;--text-d1-subtitle--letter-spacing:0em;--text-d1-subtitle--font-weight:700;--text-d2-subtitle:clamp(1.25rem, 3vw, 1.5rem);--text-d2-subtitle--line-height:1.25;--text-d2-subtitle--letter-spacing:0em;--text-d2-subtitle--font-weight:700;--text-d3-subtitle:clamp(1.125rem, 2.75vw, 1.25rem);--text-d3-subtitle--line-height:1.25;--text-d3-subtitle--letter-spacing:0em;--text-d3-subtitle--font-weight:700;--text-d4-subtitle:clamp(1.123rem, 2.75vw, 1.25rem);--text-d4-subtitle--line-height:1.25;--text-d4-subtitle--letter-spacing:0em;--text-d4-subtitle--font-weight:700;--color-fg:var(--color-dark);--color-fg-muted:var(--color-light-darker);--color-fg-darker:var(--color-dark-darker);--color-dark-200:#99ACC1;--color-dark-300:#6682A3;--color-dark-800:#152951;--color-dark-900:#0C2340;--color-dark-950:#0A1C33;--radius-theme:2.5rem}}@layer base{*,::after,::before,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;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:#fff0}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;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{font-size:75%;line-height:0;position:relative;vertical-align:baseline}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{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:#fff0;opacity:1}: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)){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,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-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"]),::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden="until-found"])){display:none!important}}@layer utilities{.\@container\/branches{container-type:inline-size;container-name:branches}.\@container\/counters{container-type:inline-size;container-name:counters}.\@container\/gallery-grid{container-type:inline-size;container-name:gallery-grid}.\@container\/icon-box{container-type:inline-size;container-name:icon-box}.\@container\/icons-list{container-type:inline-size;container-name:icons-list}.\@container\/logos-grid{container-type:inline-size;container-name:logos-grid}.\@container\/logos-slider{container-type:inline-size;container-name:logos-slider}.\@container\/main{container-type:inline-size;container-name:main}.\@container\/openinghours{container-type:inline-size;container-name:openinghours}.\@container\/post-item{container-type:inline-size;container-name:post-item}.\@container\/posts-grid{container-type:inline-size;container-name:posts-grid}.\@container\/posts-slider{container-type:inline-size;container-name:posts-slider}.\@container\/protected-content{container-type:inline-size;container-name:protected-content}.\@container\/solutions{container-type:inline-size;container-name:solutions}.\@container\/tabs{container-type:inline-size;container-name:tabs}.\@container\/testimonial{container-type:inline-size;container-name:testimonial}.\@container{container-type:inline-size}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border-width:0}.\!absolute{position:absolute!important}.\!static{position:static!important}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing) * 0)}.top-0{top:calc(var(--spacing) * 0)}.top-2{top:calc(var(--spacing) * 2)}.top-4{top:calc(var(--spacing) * 4)}.top-\[var\(--element-col-sticky-content-offset-top\,var\(--element-col-sticky-content-offset\,var\(--header-height\,0px\)\)\)\]{top:var(--element-col-sticky-content-offset-top,var(--element-col-sticky-content-offset,var(--header-height,0)))}.top-admin-bar{top:var(--spacing-admin-bar)}.top-full{top:100%}.-right-4{right:calc(var(--spacing) * -4)}.right-0{right:calc(var(--spacing) * 0)}.right-2{right:calc(var(--spacing) * 2)}.bottom-\[var\(--element-col-sticky-content-offset-bottom\,var\(--element-col-sticky-content-offset\,2rem\)\)\]{bottom:var(--element-col-sticky-content-offset-bottom,var(--element-col-sticky-content-offset,2rem))}.left-0{left:calc(var(--spacing) * 0)}.left-4{left:calc(var(--spacing) * 4)}.isolate{isolation:isolate}.z-5{z-index:5}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-\[1\]{z-index:1}.order-1{order:1}.order-2{order:2}.order-3{order:3}.order-4{order:4}.col-span-4{grid-column:span 4 / span 4}.col-span-8{grid-column:span 8 / span 8}.col-start-2{grid-column-start:2}.container{width:100%;@media (width>=30rem){max-width:30rem}@media (width>=40rem){max-width:40rem}@media (width>=48rem){max-width:48rem}@media (width>=64rem){max-width:64rem}@media (width>=80rem){max-width:80rem}@media (width>=90rem){max-width:90rem}@media (width>=96rem){max-width:96rem}}.mx-auto{margin-inline:auto}.my-3{margin-block:calc(var(--spacing) * 3)}.button{.button__label{@media (hover:none) and (pointer:coarse){margin-top:-.125em;&:has(+.button__icon){margin-top:-.3em}}}.button__icon{line-height:1;transition:transform 150ms ease-in-out;>*{line-height:var(--element-button-icon-size)!important}}&:hover,&:focus{.button__icon{transform:translateX(.25em)}}}.\!mt-0{margin-top:calc(var(--spacing) * 0)!important}.-mt-px{margin-top:-1px}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-12{margin-top:calc(var(--spacing) * 12)}.mt-auto{margin-top:auto}.base-container{--container-padding:var(--base-container-padding-sm);--container-max-width:var(--base-container-max-width-default);@media (width>48rem){--container-padding:var(--base-container-padding-md)}@media (width>64rem){--container-padding:var(--base-container-padding-lg)}@media (width>80rem){--container-padding:var(--base-container-padding-xl)}@media (width>96rem){--container-padding:var(--base-container-padding-2xl)}&.base-container-sm{--container-max-width:var(--base-container-max-width-sm)}&.base-container-md{--container-max-width:var(--base-container-max-width-md)}&.base-container-full{--container-max-width:var(--base-container-max-width-full)}margin-left:auto;margin-right:auto;width:100%;max-width:var(--container-max-width);padding-left:var(--container-padding);padding-right:var(--container-padding)}.mr-auto{margin-right:auto}.\!mb-0{margin-bottom:calc(var(--spacing) * 0)!important}.-mb-px{margin-bottom:-1px}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-auto{margin-left:auto}.button{--element-button-font-size:var(--element-button-sizes-default-font-size);--element-button-font-weight:var(--element-button-sizes-default-font-weight);--element-button-font-family:var(--element-button-sizes-default-font-family);--element-button-text-transform:var(--element-button-sizes-default-text-transform);--element-button-letter-spacing:var(--element-button-sizes-default-letter-spacing);--element-button-line-height:var(--element-button-sizes-default-line-height);--element-button-gap-x:var(--element-button-sizes-default-gap-x);--element-button-gap-y:var(--element-button-sizes-default-gap-y);--element-button-py:var(--element-button-sizes-default-py);--element-button-px:var(--element-button-sizes-default-px);--element-button-border-width:var(--element-button-sizes-default-border-width);--element-button-border-radius:var(--element-button-sizes-default-border-radius);--element-button-icon-size:var(--element-button-sizes-default-icon-size);--element-button-color:inherit;--element-button-color-hover:inherit;--element-button-color-active:inherit;--element-button-border-color:inherit;--element-button-border-color-hover:inherit;--element-button-border-color-active:inherit;--element-button-background-color:inherit;--element-button-background-color-hover:inherit;--element-button-background-color-active:inherit;display:inline-flex;align-items:center;flex-wrap:nowrap;font-size:var(--element-button-font-size);font-weight:var(--element-button-font-weight);font-family:var(--element-button-font-family,inherit);text-transform:var(--element-button-text-transform);letter-spacing:var(--element-button-letter-spacing);line-height:var(--element-button-line-height);column-gap:var(--element-button-gap-x);row-gap:var(--element-button-gap-y);padding:var(--element-button-py) var(--element-button-px);color:var(--element-button-color);border-width:var(--element-button-border-width);border-style:solid;border-color:var(--element-button-border-color);background-color:var(--element-button-background-color);border-radius:var(--element-button-border-radius);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:150ms;cursor:pointer;.button__icon{>*{font-size:var(--element-button-icon-size);width:var(--element-button-icon-size);height:auto}}@media (hover:hover){&:hover{--element-button-color:var(--element-button-color-hover);--element-button-border-color:var(--element-button-border-color-hover);--element-button-background-color:var(--element-button-background-color-hover)}}&:active{--element-button-color:var(--element-button-color-active);--element-button-border-color:var(--element-button-border-color-active);--element-button-background-color:var(--element-button-background-color-active)}}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.block{display:block}.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-1\/1{aspect-ratio:var(--aspect-1\/1)}.aspect-4\/3{aspect-ratio:var(--aspect-4\/3)}.aspect-5\/4{aspect-ratio:var(--aspect-5\/4)}.aspect-16\/9{aspect-ratio:var(--aspect-16\/9)}.aspect-21\/9{aspect-ratio:var(--aspect-21\/9)}.aspect-\[var\(--img-aspect\,auto\)\]{aspect-ratio:var(--img-aspect,auto)}.aspect-\[var\(--video-aspect-ratio\,16\/9\)\]{aspect-ratio:var(--video-aspect-ratio,16/9)}.styled-scrollbar{&::-webkit-scrollbar{width:var(--styled-scrollbar-width,5px);height:var(--styled-scrollbar-height,5px)}&::-webkit-scrollbar-track{background-color:var(--styled-scrollbar-track-bg,transparent);border-radius:var(--styled-scrollbar-track-border-radius,2px)}&::-webkit-scrollbar-thumb{background-color:var(--styled-scrollbar-thumb-bg,var(--element-color-fg-muted));border-radius:var(--styled-scrollbar-thumb-border-radius,2px)}}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-\[1em\]{width:1em;height:1em}.size-\[var\(--element-socialmedia-size\,_1\.5rem\)\]{width:var(--element-socialmedia-size,1.5rem);height:var(--element-socialmedia-size,1.5rem)}.size-\[var\(--nav-menu-subnav-icon-size\,var\(--item-font-size\,1rem\)\)\]{width:var(--nav-menu-subnav-icon-size,var(--item-font-size,1rem));height:var(--nav-menu-subnav-icon-size,var(--item-font-size,1rem))}.size-auto{width:auto;height:auto}.\!h-auto{height:auto!important}.h-1{height:calc(var(--spacing) * 1)}.h-5{height:calc(var(--spacing) * 5)}.h-12{height:calc(var(--spacing) * 12)}.h-16{height:calc(var(--spacing) * 16)}.h-full{height:100%}.max-h-full{max-height:100%}.min-h-\[10rem\]{min-height:10rem}.min-h-\[calc\(100svh-var\(--wp-admin--admin-bar--height\,0px\)\)\]{min-height:calc(100svh - var(--wp-admin--admin-bar--height,0px))}.min-h-\[var\(--element-icons-list-icon-default-title-min-height\,var\(--element-icons-list-title-min-height\,calc\(var\(--spacing\)\*9\)\)\)\]{min-height:var(--element-icons-list-icon-default-title-min-height,var(--element-icons-list-title-min-height,calc(var(--spacing) * 9)))}.min-h-\[var\(--element-icons-list-icon-lg-title-min-height\,var\(--element-icons-list-title-min-height\,calc\(var\(--spacing\)\*12\)\)\)\]{min-height:var(--element-icons-list-icon-lg-title-min-height,var(--element-icons-list-title-min-height,calc(var(--spacing) * 12)))}.min-h-\[var\(--element-icons-list-icon-sm-title-min-height\,var\(--element-icons-list-title-min-height\,calc\(var\(--spacing\)\*6\)\)\)\]{min-height:var(--element-icons-list-icon-sm-title-min-height,var(--element-icons-list-title-min-height,calc(var(--spacing) * 6)))}.min-h-\[var\(--element-icons-list-icon-xl-title-min-height\,var\(--element-icons-list-title-min-height\,calc\(var\(--spacing\)\*14\)\)\)\]{min-height:var(--element-icons-list-icon-xl-title-min-height,var(--element-icons-list-title-min-height,calc(var(--spacing) * 14)))}.min-h-\[var\(--element-min-height-auto\)\]{min-height:var(--element-min-height-auto)}.min-h-\[var\(--element-min-height-full\)\]{min-height:var(--element-min-height-full)}.min-h-\[var\(--element-min-height-lg\)\]{min-height:var(--element-min-height-lg)}.min-h-\[var\(--element-min-height-md\)\]{min-height:var(--element-min-height-md)}.min-h-full{min-height:100%}.w-5{width:calc(var(--spacing) * 5)}.w-8{width:calc(var(--spacing) * 8)}.w-12{width:calc(var(--spacing) * 12)}.w-14{width:calc(var(--spacing) * 14)}.w-22{width:calc(var(--spacing) * 22)}.w-24{width:calc(var(--spacing) * 24)}.w-44{width:calc(var(--spacing) * 44)}.w-\[11rem\]{width:11rem}.w-\[var\(--element-icons-list-icon-default-icon-size\,var\(--element-icons-list-icon-size\,calc\(var\(--spacing\)\*9\)\)\)\]{width:var(--element-icons-list-icon-default-icon-size,var(--element-icons-list-icon-size,calc(var(--spacing) * 9)))}.w-\[var\(--element-icons-list-icon-lg-icon-size\,var\(--element-icons-list-icon-size\,calc\(var\(--spacing\)\*12\)\)\)\]{width:var(--element-icons-list-icon-lg-icon-size,var(--element-icons-list-icon-size,calc(var(--spacing) * 12)))}.w-\[var\(--element-icons-list-icon-sm-icon-size\,var\(--element-icons-list-icon-size\,calc\(var\(--spacing\)\*6\)\)\)\]{width:var(--element-icons-list-icon-sm-icon-size,var(--element-icons-list-icon-size,calc(var(--spacing) * 6)))}.w-\[var\(--element-icons-list-icon-xl-icon-size\,var\(--element-icons-list-icon-size\,calc\(var\(--spacing\)\*14\)\)\)\]{width:var(--element-icons-list-icon-xl-icon-size,var(--element-icons-list-icon-size,calc(var(--spacing) * 14)))}.w-fit{width:fit-content}.w-full{width:100%}.w-xs{width:var(--container-xs)}.max-w-16{max-width:calc(var(--spacing) * 16)}.max-w-20{max-width:calc(var(--spacing) * 20)}.max-w-32{max-width:calc(var(--spacing) * 32)}.max-w-\[11\.5rem\]{max-width:11.5rem}.max-w-\[31rem\]{max-width:31rem}.max-w-\[600px\]{max-width:600px}.max-w-screen{max-width:100vw}.min-w-\(--menu-item-col-size\){min-width:var(--menu-item-col-size)}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.grow{flex-grow:1}.basis-\[400px\]{flex-basis:400px}.basis-full{flex-basis:100%}.-translate-x-40{--tw-translate-x:calc(var(--spacing) * -40);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-0{--tw-translate-x:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-40{--tw-translate-x:calc(var(--spacing) * 40);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-full{--tw-translate-y:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.-rotate-30{rotate:calc(30deg * -1)}.-rotate-45{rotate:calc(45deg * -1)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.\!cursor-pointer{cursor:pointer!important}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-wrap{flex-wrap:wrap}.place-content-center{place-content:center}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-center-safe{justify-content:safe center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.justify-stretch{justify-content:stretch}.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-8{gap:calc(var(--spacing) * 8)}.gap-12{gap:calc(var(--spacing) * 12)}.gap-\[var\(--element-buttons-gap-default\)\]{gap:var(--element-buttons-gap-default)}.gap-\[var\(--element-buttons-gap-lg\)\]{gap:var(--element-buttons-gap-lg)}.gap-\[var\(--element-buttons-gap-sm\)\]{gap:var(--element-buttons-gap-sm)}.gap-\[var\(--element-icons-list-icon-default-gap\,var\(--element-icons-list-gap\,calc\(var\(--spacing\)\*3\)\)\)\]{gap:var(--element-icons-list-icon-default-gap,var(--element-icons-list-gap,calc(var(--spacing) * 3)))}.gap-\[var\(--element-icons-list-icon-lg-gap\,var\(--element-icons-list-gap\,calc\(var\(--spacing\)\*4\)\)\)\]{gap:var(--element-icons-list-icon-lg-gap,var(--element-icons-list-gap,calc(var(--spacing) * 4)))}.gap-\[var\(--element-icons-list-icon-sm-gap\,var\(--element-icons-list-gap\,calc\(var\(--spacing\)\*2\)\)\)\]{gap:var(--element-icons-list-icon-sm-gap,var(--element-icons-list-gap,calc(var(--spacing) * 2)))}.gap-\[var\(--element-icons-list-icon-xl-gap\,var\(--element-icons-list-gap\,calc\(var\(--spacing\)\*4\)\)\)\]{gap:var(--element-icons-list-icon-xl-gap,var(--element-icons-list-gap,calc(var(--spacing) * 4)))}.gap-\[var\(--element-icons-list-title-default-content-gap\,var\(--element-icons-list-content-gap\,calc\(var\(--spacing\)\*3\)\)\)\]{gap:var(--element-icons-list-title-default-content-gap,var(--element-icons-list-content-gap,calc(var(--spacing) * 3)))}.gap-\[var\(--element-icons-list-title-lg-content-gap\,var\(--element-icons-list-content-gap\,calc\(var\(--spacing\)\*4\)\)\)\]{gap:var(--element-icons-list-title-lg-content-gap,var(--element-icons-list-content-gap,calc(var(--spacing) * 4)))}.gap-\[var\(--element-icons-list-title-sm-content-gap\,var\(--element-icons-list-content-gap\,calc\(var\(--spacing\)\*2\)\)\)\]{gap:var(--element-icons-list-title-sm-content-gap,var(--element-icons-list-content-gap,calc(var(--spacing) * 2)))}.gap-\[var\(--element-socialmedia-gap\,_var\(--element-gap-sm\)\)\]{gap:var(--element-socialmedia-gap,var(--element-gap-sm))}.gap-\[var\(--element-socialmedia-items-gap\,_var\(--element-gap-xs\)\)\]{gap:var(--element-socialmedia-items-gap,var(--element-gap-xs))}.gap-default{gap:var(--gap-default)}.gap-lg{gap:var(--gap-lg)}.gap-sm{gap:var(--gap-sm)}.gap-xs{gap:var(--gap-xs)}.gap-x-1{column-gap:calc(var(--spacing) * 1)}.gap-x-2{column-gap:calc(var(--spacing) * 2)}.gap-x-3{column-gap:calc(var(--spacing) * 3)}.gap-x-4{column-gap:calc(var(--spacing) * 4)}.gap-x-6{column-gap:calc(var(--spacing) * 6)}.gap-x-8{column-gap:calc(var(--spacing) * 8)}.gap-x-\[var\(--element-icons-list-gap-x\,var\(--gap-default\)\)\]{column-gap:var(--element-icons-list-gap-x,var(--gap-default))}.gap-x-\[var\(--element-row-gap-x-default\)\]{column-gap:var(--element-row-gap-x-default)}.gap-x-\[var\(--element-row-gap-x-lg\)\]{column-gap:var(--element-row-gap-x-lg)}.gap-x-\[var\(--element-row-gap-x-sm\)\]{column-gap:var(--element-row-gap-x-sm)}.gap-x-lg{column-gap:var(--gap-lg)}.gap-x-none{column-gap:var(--gap-none)}.\!gap-y-0{row-gap:calc(var(--spacing) * 0)!important}.gap-y-1{row-gap:calc(var(--spacing) * 1)}.gap-y-2{row-gap:calc(var(--spacing) * 2)}.gap-y-4{row-gap:calc(var(--spacing) * 4)}.gap-y-\[var\(--element-icons-list-gap-y\,var\(--gap-sm\)\)\]{row-gap:var(--element-icons-list-gap-y,var(--gap-sm))}.gap-y-\[var\(--element-row-gap-y-default\)\]{row-gap:var(--element-row-gap-y-default)}.gap-y-\[var\(--element-row-gap-y-lg\)\]{row-gap:var(--element-row-gap-y-lg)}.gap-y-\[var\(--element-row-gap-y-sm\)\]{row-gap:var(--element-row-gap-y-sm)}.gap-y-\[var\(--element-section-rows-gap-y-default\)\]{row-gap:var(--element-section-rows-gap-y-default)}.gap-y-\[var\(--element-section-rows-gap-y-lg\)\]{row-gap:var(--element-section-rows-gap-y-lg)}.gap-y-\[var\(--element-section-rows-gap-y-sm\)\]{row-gap:var(--element-section-rows-gap-y-sm)}.gap-y-none{row-gap:var(--gap-none)}.gap-y-sm{row-gap:var(--gap-sm)}.gap-y-xs{row-gap:var(--gap-xs)}.divide-y{:where(&>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}}.divide-\[var\(--element-color-border\)\]{:where(&>:not(:last-child)){border-color:var(--element-color-border)}}.place-self-center{place-self:center}.place-self-end{place-self:end}.place-self-start{place-self:start}.self-center{align-self:center}.self-end{align-self:flex-end}.self-start{align-self:flex-start}.self-stretch{align-self:stretch}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overflow-clip{overflow:clip}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.scroll-smooth{scroll-behavior:smooth}.message{--element-message-accent:currentColor;--element-message-fg:currentColor;--element-message-bg:none;--element-message-border-radius:var(--element-border-radius-md, 0px);--element-message-title-font-weight:var(--font-weight-semibold);--element-message-padding:calc(var(--spacing) * 4);&[data-border="0"]{--element-message-border-width:0}&[data-border="0"][data-bg="0"]{--element-message-padding:0}background-color:var(--element-message-bg);border-radius:var(--element-message-border-radius);padding:var(--element-message-padding);font-size:var(--element-message-font-size,inherit);border:var(--element-message-border-width,1px) var(--element-message-border-style,solid) var(--element-message-border,transparent);line-height:var(--element-message-line-height,1.5);.element-message-content{--element-color-accent:currentColor;--element-color-accent-alternate:currentColor;--typography-link-decoration-default:var(--element-message-link-decoration-default, underline);--typography-link-decoration-hover:var(--element-message-link-decoration-hover, none);--typography-link-font-weight:var(--element-message-link-font-weight, var(--typography-font-weight));line-height:inherit}&[data-type="success"]{--element-message-accent:var(--color-success-accent);--element-message-fg:var(--color-success-fg);--element-message-border:var(--color-success-border);&[data-bg="1"]{--element-message-bg:var(--color-success-bg);--element-message-fg:var(--color-success-fg-on-bg);--element-message-border:var(--color-success-border-on-bg)}&[data-color-mode="dark"]{--element-message-fg:var(--color-success-fg-dark);--element-message-border:var(--color-success-border-dark);&[data-bg="1"]{--element-message-bg:var(--color-success-bg-dark);--element-message-fg:var(--color-success-fg-on-bg-dark);--element-message-border:var(--color-success-border-on-bg-dark)}}}&[data-type="danger"]{--element-message-accent:var(--color-danger-accent);--element-message-fg:var(--color-danger-fg);--element-message-border:var(--color-danger-border);&[data-bg="1"]{--element-message-bg:var(--color-danger-bg);--element-message-fg:var(--color-danger-fg-on-bg);--element-message-border:var(--color-danger-border-on-bg)}&[data-color-mode="dark"]{--element-message-fg:var(--color-danger-fg-dark);--element-message-border:var(--color-danger-border-dark);&[data-bg="1"]{--element-message-bg:var(--color-danger-bg-dark);--element-message-fg:var(--color-danger-fg-on-bg-dark);--element-message-border:var(--color-danger-border-on-bg-dark)}}}&[data-type="warning"]{--element-message-accent:var(--color-warning-accent);--element-message-fg:var(--color-warning-fg);--element-message-border:var(--color-warning-border);&[data-bg="1"]{--element-message-bg:var(--color-warning-bg);--element-message-fg:var(--color-warning-fg-on-bg);--element-message-border:var(--color-warning-border-on-bg)}&[data-color-mode="dark"]{--element-message-fg:var(--color-warning-fg-dark);--element-message-border:var(--color-warning-border-dark);&[data-bg="1"]{--element-message-bg:var(--color-warning-bg-dark);--element-message-fg:var(--color-warning-fg-on-bg-dark);--element-message-border:var(--color-warning-border-on-bg-dark)}}}&[data-type="info"]{--element-message-accent:var(--color-info-accent);--element-message-fg:var(--color-info-fg);--element-message-border:var(--color-info-border);&[data-bg="1"]{--element-message-bg:var(--color-info-bg);--element-message-fg:var(--color-info-fg-on-bg);--element-message-border:var(--color-info-border-on-bg)}&[data-color-mode="dark"]{--element-message-fg:var(--color-info-fg-dark);--element-message-border:var(--color-info-border-dark);&[data-bg="1"]{--element-message-bg:var(--color-info-bg-dark);--element-message-fg:var(--color-info-fg-on-bg-dark);--element-message-border:var(--color-info-border-on-bg-dark)}}}&[data-type="neutral"]{--element-message-accent:var(--color-neutral-accent);--element-message-fg:var(--color-neutral-fg);--element-message-border:var(--color-neutral-border);&[data-bg="1"]{--element-message-bg:var(--color-neutral-bg);--element-message-fg:var(--color-neutral-fg-on-bg);--element-message-border:var(--color-neutral-border-on-bg)}&[data-color-mode="dark"]{--element-message-fg:var(--color-neutral-fg-dark);--element-message-border:var(--color-neutral-border-dark);&[data-bg="1"]{--element-message-bg:var(--color-neutral-bg-dark);--element-message-fg:var(--color-neutral-fg-on-bg-dark);--element-message-border:var(--color-neutral-border-on-bg-dark)}}}}.\!rounded-full{border-radius:calc(infinity * 1px)!important}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\[5px\]{border-radius:5px}.rounded-\[8px\]{border-radius:8px}.rounded-\[var\(--element-bg-border-radius\,var\(--element-border-radius-lg\,_0px\)\)\]{border-radius:var(--element-bg-border-radius,var(--element-border-radius-lg,0))}.rounded-\[var\(--element-image-border-radius\,var\(--element-border-radius-md\,_0px\)\)\]{border-radius:var(--element-image-border-radius,var(--element-border-radius-md,0))}.rounded-\[var\(--element-nav-list-dropdown-border-radius\,var\(--element-border-radius-md\,_0px\)\)\]{border-radius:var(--element-nav-list-dropdown-border-radius,var(--element-border-radius-md,0))}.rounded-\[var\(--element-tabs-tab-image-border-radius\,var\(--element-border-radius-sm\,_0px\)\)\]{border-radius:var(--element-tabs-tab-image-border-radius,var(--element-border-radius-sm,0))}.rounded-\[var\(--element-testimonial-border-radius\,var\(--element-border-radius-md\,_0px\)\)\]{border-radius:var(--element-testimonial-border-radius,var(--element-border-radius-md,0))}.rounded-\[var\(--element-video-border-radius\,var\(--element-border-radius-md\,_0px\)\)\]{border-radius:var(--element-video-border-radius,var(--element-border-radius-md,0))}.rounded-full{border-radius:calc(infinity * 1px)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-br-none{border-bottom-right-radius:0}.rounded-bl-3xl{border-bottom-left-radius:var(--radius-3xl)}.rounded-bl-theme{border-bottom-left-radius:var(--radius-theme)}.border{border-style:var(--tw-border-style);border-width:1px}.\!border-t-0{border-top-style:var(--tw-border-style)!important;border-top-width:0px!important}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t-1{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-r-2{border-right-style:var(--tw-border-style);border-right-width:2px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-l-\[length\:var\(--element-nav-list-child-item-border-left\,2px\)\]{border-left-style:var(--tw-border-style);border-left-width:var(--element-nav-list-child-item-border-left,2px)}.border-\(--element-color-bg-alternate\){border-color:var(--element-color-bg-alternate)}.border-\(--element-color-border\){border-color:var(--element-color-border)}.border-\[\#00000015\]{border-color:#00000015}.border-\[var\(--element-color-border\)\]{border-color:var(--element-color-border)}.border-\[var\(--element-color-nav-tab-border\)\]{border-color:var(--element-color-nav-tab-border)}.border-transparent{border-color:#fff0}.border-t-\(--element-color-border\){border-top-color:var(--element-color-border)}.border-b-\(--element-color-border\){border-bottom-color:var(--element-color-border)}.bg-\(--color-primary\){background-color:var(--color-primary)}.bg-\(--element-color-bg\){background-color:var(--element-color-bg)}.bg-\(--element-color-bg-alternate\){background-color:var(--element-color-bg-alternate)}.bg-\[\#0082FA\]{background-color:#0082FA}.bg-\[var\(--element-color-bg\)\]{background-color:var(--element-color-bg)}.bg-\[var\(--element-color-bg-alternate\)\]{background-color:var(--element-color-bg-alternate)}.bg-black\/5{background-color:color-mix(in srgb,#000 5%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-black) 5%,transparent)}}.bg-body-bg{background-color:var(--color-body-bg)}.bg-light{background-color:var(--color-light)}.bg-white{background-color:var(--color-white)}.bg-white\/70{background-color:color-mix(in srgb,#fff 70%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-white) 70%,transparent)}}.bg-white\/80{background-color:color-mix(in srgb,#fff 80%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-white) 80%,transparent)}}.p-2{padding:calc(var(--spacing) * 2)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.\!px-6{padding-inline:calc(var(--spacing) * 6)!important}.px-0{padding-inline:calc(var(--spacing) * 0)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-0\.5{padding-block:calc(var(--spacing) * 0.5)}.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-8{padding-block:calc(var(--spacing) * 8)}.py-\[var\(--element-nav-list-item-padding-y\,0\.75rem\)\]{padding-block:var(--element-nav-list-item-padding-y,.75rem)}.py-\[var\(--element-nav-list-item-py\,0\.75rem\)\]{padding-block:var(--element-nav-list-item-py,.75rem)}.\!ps-0{padding-inline-start:calc(var(--spacing) * 0)!important}.pt-1{padding-top:calc(var(--spacing) * 1)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-\[var\(--element-col-padding-t-default\,var\(--element-col-padding-default\)\)\]{padding-top:var(--element-col-padding-t-default,var(--element-col-padding-default))}.pt-\[var\(--element-col-padding-t-lg\,var\(--element-col-padding-lg\)\)\]{padding-top:var(--element-col-padding-t-lg,var(--element-col-padding-lg))}.pt-\[var\(--element-col-padding-t-sm\,var\(--element-col-padding-sm\)\)\]{padding-top:var(--element-col-padding-t-sm,var(--element-col-padding-sm))}.pt-\[var\(--element-row-padding-t-default\,var\(--element-row-padding-default\)\)\]{padding-top:var(--element-row-padding-t-default,var(--element-row-padding-default))}.pt-\[var\(--element-row-padding-t-lg\,var\(--element-row-padding-lg\)\)\]{padding-top:var(--element-row-padding-t-lg,var(--element-row-padding-lg))}.pt-\[var\(--element-row-padding-t-sm\,var\(--element-row-padding-sm\)\)\]{padding-top:var(--element-row-padding-t-sm,var(--element-row-padding-sm))}.pt-default{padding-top:var(--padding-default)}.pt-none{padding-top:var(--padding-none)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-4{padding-right:calc(var(--spacing) * 4)}.pr-\[var\(--element-col-padding-r-default\,var\(--element-col-padding-default\)\)\]{padding-right:var(--element-col-padding-r-default,var(--element-col-padding-default))}.pr-\[var\(--element-col-padding-r-lg\,var\(--element-col-padding-lg\)\)\]{padding-right:var(--element-col-padding-r-lg,var(--element-col-padding-lg))}.pr-\[var\(--element-col-padding-r-sm\,var\(--element-col-padding-sm\)\)\]{padding-right:var(--element-col-padding-r-sm,var(--element-col-padding-sm))}.pr-\[var\(--element-row-padding-r-default\,var\(--element-row-padding-default\)\)\]{padding-right:var(--element-row-padding-r-default,var(--element-row-padding-default))}.pr-\[var\(--element-row-padding-r-lg\,var\(--element-row-padding-lg\)\)\]{padding-right:var(--element-row-padding-r-lg,var(--element-row-padding-lg))}.pr-\[var\(--element-row-padding-r-sm\,var\(--element-row-padding-sm\)\)\]{padding-right:var(--element-row-padding-r-sm,var(--element-row-padding-sm))}.pr-none{padding-right:var(--padding-none)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pb-\[var\(--element-col-padding-b-default\,var\(--element-col-padding-default\)\)\]{padding-bottom:var(--element-col-padding-b-default,var(--element-col-padding-default))}.pb-\[var\(--element-col-padding-b-lg\,var\(--element-col-padding-lg\)\)\]{padding-bottom:var(--element-col-padding-b-lg,var(--element-col-padding-lg))}.pb-\[var\(--element-col-padding-b-sm\,var\(--element-col-padding-sm\)\)\]{padding-bottom:var(--element-col-padding-b-sm,var(--element-col-padding-sm))}.pb-\[var\(--element-row-padding-b-default\,var\(--element-row-padding-default\)\)\]{padding-bottom:var(--element-row-padding-b-default,var(--element-row-padding-default))}.pb-\[var\(--element-row-padding-b-lg\,var\(--element-row-padding-lg\)\)\]{padding-bottom:var(--element-row-padding-b-lg,var(--element-row-padding-lg))}.pb-\[var\(--element-row-padding-b-sm\,var\(--element-row-padding-sm\)\)\]{padding-bottom:var(--element-row-padding-b-sm,var(--element-row-padding-sm))}.pb-\[var\(--typography-item-margin-bottom\)\]{padding-bottom:var(--typography-item-margin-bottom)}.pb-none{padding-bottom:var(--padding-none)}.pl-0{padding-left:calc(var(--spacing) * 0)}.pl-1{padding-left:calc(var(--spacing) * 1)}.pl-3{padding-left:calc(var(--spacing) * 3)}.pl-\[var\(--element-col-padding-l-default\,var\(--element-col-padding-default\)\)\]{padding-left:var(--element-col-padding-l-default,var(--element-col-padding-default))}.pl-\[var\(--element-col-padding-l-lg\,var\(--element-col-padding-lg\)\)\]{padding-left:var(--element-col-padding-l-lg,var(--element-col-padding-lg))}.pl-\[var\(--element-col-padding-l-sm\,var\(--element-col-padding-sm\)\)\]{padding-left:var(--element-col-padding-l-sm,var(--element-col-padding-sm))}.pl-\[var\(--element-nav-list-child-item-padding-left\,0\.75rem\)\]{padding-left:var(--element-nav-list-child-item-padding-left,.75rem)}.pl-\[var\(--element-row-padding-l-default\,var\(--element-row-padding-default\)\)\]{padding-left:var(--element-row-padding-l-default,var(--element-row-padding-default))}.pl-\[var\(--element-row-padding-l-lg\,var\(--element-row-padding-lg\)\)\]{padding-left:var(--element-row-padding-l-lg,var(--element-row-padding-lg))}.pl-\[var\(--element-row-padding-l-sm\,var\(--element-row-padding-sm\)\)\]{padding-left:var(--element-row-padding-l-sm,var(--element-row-padding-sm))}.pl-none{padding-left:var(--padding-none)}.pl-sm{padding-left:var(--padding-sm)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-mono{font-family:var(--font-mono)}.text-d1{font-size:var(--text-d1);line-height:var(--tw-leading,var(--text-d1--line-height));letter-spacing:var(--tw-tracking,var(--text-d1--letter-spacing));font-weight:var(--tw-font-weight,var(--text-d1--font-weight))}.text-d1-subtitle{font-size:var(--text-d1-subtitle);line-height:var(--tw-leading,var(--text-d1-subtitle--line-height));letter-spacing:var(--tw-tracking,var(--text-d1-subtitle--letter-spacing));font-weight:var(--tw-font-weight,var(--text-d1-subtitle--font-weight))}.text-d2{font-size:var(--text-d2);line-height:var(--tw-leading,var(--text-d2--line-height));letter-spacing:var(--tw-tracking,var(--text-d2--letter-spacing));font-weight:var(--tw-font-weight,var(--text-d2--font-weight))}.text-d2-subtitle{font-size:var(--text-d2-subtitle);line-height:var(--tw-leading,var(--text-d2-subtitle--line-height));letter-spacing:var(--tw-tracking,var(--text-d2-subtitle--letter-spacing));font-weight:var(--tw-font-weight,var(--text-d2-subtitle--font-weight))}.text-d3{font-size:var(--text-d3);line-height:var(--tw-leading,var(--text-d3--line-height));letter-spacing:var(--tw-tracking,var(--text-d3--letter-spacing));font-weight:var(--tw-font-weight,var(--text-d3--font-weight))}.text-d3-subtitle{font-size:var(--text-d3-subtitle);line-height:var(--tw-leading,var(--text-d3-subtitle--line-height));letter-spacing:var(--tw-tracking,var(--text-d3-subtitle--letter-spacing));font-weight:var(--tw-font-weight,var(--text-d3-subtitle--font-weight))}.text-d4{font-size:var(--text-d4);line-height:var(--tw-leading,var(--text-d4--line-height));letter-spacing:var(--tw-tracking,var(--text-d4--letter-spacing));font-weight:var(--tw-font-weight,var(--text-d4--font-weight))}.text-d4-subtitle{font-size:var(--text-d4-subtitle);line-height:var(--tw-leading,var(--text-d4-subtitle--line-height));letter-spacing:var(--tw-tracking,var(--text-d4-subtitle--letter-spacing));font-weight:var(--tw-font-weight,var(--text-d4-subtitle--font-weight))}.text-h1{font-size:var(--text-h1);line-height:var(--tw-leading,var(--text-h1--line-height));letter-spacing:var(--tw-tracking,var(--text-h1--letter-spacing));font-weight:var(--tw-font-weight,var(--text-h1--font-weight))}.text-h1-subtitle{font-size:var(--text-h1-subtitle);line-height:var(--tw-leading,var(--text-h1-subtitle--line-height));letter-spacing:var(--tw-tracking,var(--text-h1-subtitle--letter-spacing));font-weight:var(--tw-font-weight,var(--text-h1-subtitle--font-weight))}.text-h2{font-size:var(--text-h2);line-height:var(--tw-leading,var(--text-h2--line-height));letter-spacing:var(--tw-tracking,var(--text-h2--letter-spacing));font-weight:var(--tw-font-weight,var(--text-h2--font-weight))}.text-h2-subtitle{font-size:var(--text-h2-subtitle);line-height:var(--tw-leading,var(--text-h2-subtitle--line-height));letter-spacing:var(--tw-tracking,var(--text-h2-subtitle--letter-spacing));font-weight:var(--tw-font-weight,var(--text-h2-subtitle--font-weight))}.text-h3{font-size:var(--text-h3);line-height:var(--tw-leading,var(--text-h3--line-height));letter-spacing:var(--tw-tracking,var(--text-h3--letter-spacing));font-weight:var(--tw-font-weight,var(--text-h3--font-weight))}.text-h3-subtitle{font-size:var(--text-h3-subtitle);line-height:var(--tw-leading,var(--text-h3-subtitle--line-height));letter-spacing:var(--tw-tracking,var(--text-h3-subtitle--letter-spacing));font-weight:var(--tw-font-weight,var(--text-h3-subtitle--font-weight))}.text-h4{font-size:var(--text-h4);line-height:var(--tw-leading,var(--text-h4--line-height));letter-spacing:var(--tw-tracking,var(--text-h4--letter-spacing));font-weight:var(--tw-font-weight,var(--text-h4--font-weight))}.text-h4-subtitle{font-size:var(--text-h4-subtitle);line-height:var(--tw-leading,var(--text-h4-subtitle--line-height));letter-spacing:var(--tw-tracking,var(--text-h4-subtitle--letter-spacing));font-weight:var(--tw-font-weight,var(--text-h4-subtitle--font-weight))}.text-h5{font-size:var(--text-h5);line-height:var(--tw-leading,var(--text-h5--line-height));letter-spacing:var(--tw-tracking,var(--text-h5--letter-spacing));font-weight:var(--tw-font-weight,var(--text-h5--font-weight))}.text-h5-subtitle{font-size:var(--text-h5-subtitle);line-height:var(--tw-leading,var(--text-h5-subtitle--line-height));letter-spacing:var(--tw-tracking,var(--text-h5-subtitle--letter-spacing));font-weight:var(--tw-font-weight,var(--text-h5-subtitle--font-weight))}.text-h6{font-size:var(--text-h6);line-height:var(--tw-leading,var(--text-h6--line-height));letter-spacing:var(--tw-tracking,var(--text-h6--letter-spacing));font-weight:var(--tw-font-weight,var(--text-h6--font-weight))}.text-h6-subtitle{font-size:var(--text-h6-subtitle);line-height:var(--tw-leading,var(--text-h6-subtitle--line-height));letter-spacing:var(--tw-tracking,var(--text-h6-subtitle--letter-spacing));font-weight:var(--tw-font-weight,var(--text-h6-subtitle--font-weight))}.text-theme-base{font-size:var(--text-theme-base);line-height:var(--tw-leading,var(--text-theme-base--line-height));letter-spacing:var(--tw-tracking,var(--text-theme-base--letter-spacing));font-weight:var(--tw-font-weight,var(--text-theme-base--font-weight))}.text-theme-lead{font-size:var(--text-theme-lead);line-height:var(--tw-leading,var(--text-theme-lead--line-height));letter-spacing:var(--tw-tracking,var(--text-theme-lead--letter-spacing));font-weight:var(--tw-font-weight,var(--text-theme-lead--font-weight))}.text-theme-lg{font-size:var(--text-theme-lg);line-height:var(--tw-leading,var(--text-theme-lg--line-height));letter-spacing:var(--tw-tracking,var(--text-theme-lg--letter-spacing));font-weight:var(--tw-font-weight,var(--text-theme-lg--font-weight))}.text-theme-sm{font-size:var(--text-theme-sm);line-height:var(--tw-leading,var(--text-theme-sm--line-height));letter-spacing:var(--tw-tracking,var(--text-theme-sm--letter-spacing));font-weight:var(--tw-font-weight,var(--text-theme-sm--font-weight))}.\!text-lg{font-size:var(--text-lg)!important;line-height:var(--tw-leading,var(--text-lg--line-height))!important}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}.text-8xl{font-size:var(--text-8xl);line-height:var(--tw-leading,var(--text-8xl--line-height))}.text-9xl{font-size:var(--text-9xl);line-height:var(--tw-leading,var(--text-9xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[length\:var\(--element-icons-list-title-default-subtitle-size\,var\(--element-icons-list-subtitle-size\,var\(--text-theme-base\)\)\)\]{font-size:var(--element-icons-list-title-default-subtitle-size,var(--element-icons-list-subtitle-size,var(--text-theme-base)))}.text-\[length\:var\(--element-icons-list-title-default-text-size\,var\(--element-icons-list-text-size\,var\(--text-theme-base\)\)\)\]{font-size:var(--element-icons-list-title-default-text-size,var(--element-icons-list-text-size,var(--text-theme-base)))}.text-\[length\:var\(--element-icons-list-title-default-title-size\,var\(--element-icons-list-title-size\,var\(--text-theme-base\)\)\)\]{font-size:var(--element-icons-list-title-default-title-size,var(--element-icons-list-title-size,var(--text-theme-base)))}.text-\[length\:var\(--element-icons-list-title-lg-subtitle-size\,var\(--element-icons-list-subtitle-size\,var\(--text-theme-lg\)\)\)\]{font-size:var(--element-icons-list-title-lg-subtitle-size,var(--element-icons-list-subtitle-size,var(--text-theme-lg)))}.text-\[length\:var\(--element-icons-list-title-lg-title-size\,var\(--element-icons-list-title-size\,var\(--text-theme-lg\)\)\)\]{font-size:var(--element-icons-list-title-lg-title-size,var(--element-icons-list-title-size,var(--text-theme-lg)))}.text-\[length\:var\(--element-icons-list-title-sm-subtitle-size\,var\(--element-icons-list-subtitle-size\,var\(--text-theme-sm\)\)\)\]{font-size:var(--element-icons-list-title-sm-subtitle-size,var(--element-icons-list-subtitle-size,var(--text-theme-sm)))}.text-\[length\:var\(--element-icons-list-title-sm-text-size\,var\(--element-icons-list-text-size\,var\(--text-theme-sm\)\)\)\]{font-size:var(--element-icons-list-title-sm-text-size,var(--element-icons-list-text-size,var(--text-theme-sm)))}.text-\[length\:var\(--element-icons-list-title-sm-title-size\,var\(--element-icons-list-title-size\,var\(--text-theme-sm\)\)\)\]{font-size:var(--element-icons-list-title-sm-title-size,var(--element-icons-list-title-size,var(--text-theme-sm)))}.leading-\[1\.5\]{--tw-leading:1.5;line-height:1.5}.leading-\[var\(--element-icons-list-text-line-height\,var\(--text-theme-base--line-height\)\)\]{--tw-leading:var(--element-icons-list-text-line-height,var(--text-theme-base--line-height));line-height:var(--element-icons-list-text-line-height,var(--text-theme-base--line-height))}.leading-\[var\(--element-icons-list-title-default-subtitle-line-height\,var\(--element-icons-list-subtitle-line-height\,var\(--text-theme-base--line-height\)\)\)\]{--tw-leading:var(--element-icons-list-title-default-subtitle-line-height,var(--element-icons-list-subtitle-line-height,var(--text-theme-base--line-height)));line-height:var(--element-icons-list-title-default-subtitle-line-height,var(--element-icons-list-subtitle-line-height,var(--text-theme-base--line-height)))}.leading-\[var\(--element-icons-list-title-default-title-line-height\,var\(--element-icons-list-title-line-height\,var\(--text-theme-base--line-height\)\)\)\]{--tw-leading:var(--element-icons-list-title-default-title-line-height,var(--element-icons-list-title-line-height,var(--text-theme-base--line-height)));line-height:var(--element-icons-list-title-default-title-line-height,var(--element-icons-list-title-line-height,var(--text-theme-base--line-height)))}.leading-\[var\(--element-icons-list-title-lg-subtitle-line-height\,var\(--element-icons-list-subtitle-line-height\,var\(--text-theme-lg--line-height\)\)\)\]{--tw-leading:var(--element-icons-list-title-lg-subtitle-line-height,var(--element-icons-list-subtitle-line-height,var(--text-theme-lg--line-height)));line-height:var(--element-icons-list-title-lg-subtitle-line-height,var(--element-icons-list-subtitle-line-height,var(--text-theme-lg--line-height)))}.leading-\[var\(--element-icons-list-title-lg-title-line-height\,var\(--element-icons-list-title-line-height\,var\(--text-theme-lg--line-height\)\)\)\]{--tw-leading:var(--element-icons-list-title-lg-title-line-height,var(--element-icons-list-title-line-height,var(--text-theme-lg--line-height)));line-height:var(--element-icons-list-title-lg-title-line-height,var(--element-icons-list-title-line-height,var(--text-theme-lg--line-height)))}.leading-\[var\(--element-icons-list-title-sm-subtitle-line-height\,var\(--element-icons-list-subtitle-line-height\,var\(--text-theme-sm--line-height\)\)\)\]{--tw-leading:var(--element-icons-list-title-sm-subtitle-line-height,var(--element-icons-list-subtitle-line-height,var(--text-theme-sm--line-height)));line-height:var(--element-icons-list-title-sm-subtitle-line-height,var(--element-icons-list-subtitle-line-height,var(--text-theme-sm--line-height)))}.leading-\[var\(--element-icons-list-title-sm-title-line-height\,var\(--element-icons-list-title-line-height\,var\(--text-theme-sm--line-height\)\)\)\]{--tw-leading:var(--element-icons-list-title-sm-title-line-height,var(--element-icons-list-title-line-height,var(--text-theme-sm--line-height)));line-height:var(--element-icons-list-title-sm-title-line-height,var(--element-icons-list-title-line-height,var(--text-theme-sm--line-height)))}.leading-none{--tw-leading:1;line-height:1}.font-\[900\]{--tw-font-weight:900;font-weight:900}.font-\[var\(--element-message-title-font-weight\)\]{--tw-font-weight:var(--element-message-title-font-weight);font-weight:var(--element-message-title-font-weight)}.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)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.text-balance{text-wrap:balance}.text-nowrap{text-wrap:nowrap}.text-pretty{text-wrap:pretty}.text-wrap{text-wrap:wrap}.hyphens-auto{-webkit-hyphens:auto;hyphens:auto}.whitespace-nowrap{white-space:nowrap}.text-\(--element-button-colors-dark-color-outline\){color:var(--element-button-colors-dark-color-outline)}.text-\(--element-color-accent\){color:var(--element-color-accent)}.text-\(--element-color-default-nav-fg\){color:var(--element-color-default-nav-fg)}.text-\(--element-color-fg\){color:var(--element-color-fg)}.text-\(--element-color-nav-fg\){color:var(--element-color-nav-fg)}.text-\[\#374151\]{color:#374151}.text-\[var\(--element-color-accent\)\]{color:var(--element-color-accent)}.text-\[var\(--element-color-fg\)\]{color:var(--element-color-fg)}.text-\[var\(--element-color-fg-muted\)\]{color:var(--element-color-fg-muted)}.text-\[var\(--element-color-nav-fg\)\]{color:var(--element-color-nav-fg)}.text-\[var\(--element-color-nav-tab-fg\)\]{color:var(--element-color-nav-tab-fg)}.text-\[var\(--element-color-socialmedia-item\,_var\(--element-color-accent\)\)\]{color:var(--element-color-socialmedia-item,var(--element-color-accent))}.text-\[var\(--element-color-subtitle\)\]{color:var(--element-color-subtitle)}.text-\[var\(--element-color-subtitle-alternate\)\]{color:var(--element-color-subtitle-alternate)}.text-\[var\(--element-color-title\)\]{color:var(--element-color-title)}.text-\[var\(--element-color-title-alternate\)\]{color:var(--element-color-title-alternate)}.text-\[var\(--element-message-accent\)\]{color:var(--element-message-accent)}.text-\[var\(--element-message-fg\)\]{color:var(--element-message-fg)}.text-black\/70{color:color-mix(in srgb,#000 70%,transparent);@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklab,var(--color-black) 70%,transparent)}}.text-black\/90{color:color-mix(in srgb,#000 90%,transparent);@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklab,var(--color-black) 90%,transparent)}}.text-body-fg{color:var(--color-body-fg)}.text-primary{color:var(--color-primary)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.opacity-0{opacity:0%}.opacity-100{opacity:100%}.shadow-\(--nav-menu-sub-menu-box-shadow\){--tw-shadow:var(--nav-menu-sub-menu-box-shadow);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.drop-shadow-md{--tw-drop-shadow-size:drop-shadow(0 3px 3px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.12)));--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-sm{--tw-backdrop-blur:blur(var(--blur-sm));-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))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.delay-100{transition-delay:100ms}.delay-150{transition-delay:150ms}.delay-300{transition-delay:300ms}.duration-150{--tw-duration:150ms;transition-duration:150ms}.duration-200{--tw-duration:200ms;transition-duration:200ms}.duration-300{--tw-duration:300ms;transition-duration:300ms}.duration-500{--tw-duration:500ms;transition-duration:500ms}.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)}.will-change-transform{will-change:transform}.button-lg{--element-button-font-size:var(--element-button-sizes-lg-font-size);--element-button-font-weight:var(--element-button-sizes-lg-font-weight);--element-button-font-family:var(--element-button-sizes-lg-font-family);--element-button-text-transform:var(--element-button-sizes-lg-text-transform);--element-button-line-height:var(--element-button-sizes-lg-line-height);--element-button-gap-x:var(--element-button-sizes-lg-gap-x);--element-button-gap-y:var(--element-button-sizes-lg-gap-y);--element-button-py:var(--element-button-sizes-lg-py);--element-button-px:var(--element-button-sizes-lg-px);--element-button-border-width:var(--element-button-sizes-lg-border-width);--element-button-border-radius:var(--element-button-sizes-lg-border-radius);--element-button-icon-size:var(--element-button-sizes-lg-icon-size);&:where(:not(.no-downscale)){@media (max-width:30rem){--element-button-font-size:var(--element-button-sizes-default-font-size);--element-button-font-weight:var(--element-button-sizes-default-font-weight);--element-button-font-family:var(--element-button-sizes-default-font-family);--element-button-text-transform:var(--element-button-sizes-default-text-transform);--element-button-letter-spacing:var(--element-button-sizes-default-letter-spacing);--element-button-line-height:var(--element-button-sizes-default-line-height);--element-button-gap-x:var(--element-button-sizes-default-gap-x);--element-button-gap-y:var(--element-button-sizes-default-gap-y);--element-button-py:var(--element-button-sizes-default-py);--element-button-px:var(--element-button-sizes-default-px);--element-button-border-width:var(--element-button-sizes-default-border-width);--element-button-border-radius:var(--element-button-sizes-default-border-radius);--element-button-icon-size:var(--element-button-sizes-default-icon-size);--element-button-color:inherit;--element-button-color-hover:inherit;--element-button-color-active:inherit;--element-button-border-color:inherit;--element-button-border-color-hover:inherit;--element-button-border-color-active:inherit;--element-button-background-color:inherit;--element-button-background-color-hover:inherit;--element-button-background-color-active:inherit}}}.button-dark-link{--element-button-link-color:var(--element-button-colors-dark-link-color, var(--element-button-colors-dark-outline-color, var(--element-color-accent)));--element-button-link-color-hover:var(--element-button-colors-dark-link-color-hover, var(--element-button-colors-link-color-hover, var(--element-color-accent-alternate)));--element-button-link-color-active:var(--element-button-colors-dark-link-color-active, var(--element-button-colors-link-color-active, var(--element-button-colors-dark-link-color-hover, var(--element-button-colors-link-color-hover, var(--element-color-accent-alternate)))));--element-button-link-border-color:var(--element-button-colors-dark-link-border-color, var(--element-button-colors-link-border-color, transparent));--element-button-link-background-color:var(--element-button-colors-dark-link-background-color, var(--element-button-colors-link-background-color, transparent));--element-button-link-px:var(--element-button-colors-dark-link-px, var(--element-button-colors-link-px, 0px));&.button-link--link{--element-button-color:var(--element-button-colors-light-border-color-hover);--element-button-colors-link-color-hover:var(--element-button-colors-light-border-color-active);--element-button-colors-link-color-active:var(--element-button-colors-light-border-color-active)}&.button-link--dark{--element-button-color:var(--element-button-colors-primary-border-color-hover);--element-button-colors-link-color-hover:var(--element-button-colors-primary-border-color-active);--element-button-colors-link-color-active:var(--element-button-colors-primary-border-color-active)}&.button-link--secondary{--element-button-color:var(--element-button-colors-secondary-border-color-hover);--element-button-colors-link-color-hover:var(--element-button-colors-secondary-border-color-active);--element-button-colors-link-color-active:var(--element-button-colors-secondary-border-color-active)}&.button{--element-button-color:var(--element-button-link-color, var(--element-button-colors-link-color, var(--element-color-accent)));--element-button-border-width:var(--element-button-link-border-width, var(--element-button-colors-link-border-width, var(--element-button-sizes-default-border-width)));--element-button-border-color:var(--element-button-link-border-color, var(--element-button-colors-link-border-color, transparent));--element-button-background-color:var(--element-button-link-background-color, var(--element-button-colors-link-background-color, transparent));--element-button-px:var(--element-button-link-px, var(--element-button-colors-link-px, 0px));@media (hover:hover){&:hover{--element-button-color:var(--element-button-link-color-hover,  var(--element-button-colors-link-color-hover, var(--element-color-accent-alternate)))}}&:focus,&:active{--element-button-color:var(--element-button-link-color-active,  var(--element-button-colors-link-color-active, var(--element-button-colors-link-color-hover, var(--element-color-accent-alternate))))}}}.button-light-link{--element-button-link-color:var(--element-button-colors-light-link-color, var(--element-button-colors-light-outline-color, var(--element-color-accent)));--element-button-link-color-hover:var(--element-button-colors-light-link-color-hover, var(--element-button-colors-link-color-hover, var(--element-color-accent-alternate)));--element-button-link-color-active:var(--element-button-colors-light-link-color-active, var(--element-button-colors-link-color-active, var(--element-button-colors-light-link-color-hover, var(--element-button-colors-link-color-hover, var(--element-color-accent-alternate)))));--element-button-link-border-color:var(--element-button-colors-light-link-border-color, var(--element-button-colors-link-border-color, transparent));--element-button-link-background-color:var(--element-button-colors-light-link-background-color, var(--element-button-colors-link-background-color, transparent));--element-button-link-px:var(--element-button-colors-light-link-px, var(--element-button-colors-link-px, 0px));&.button-link--link{--element-button-color:var(--element-button-colors-light-border-color-hover);--element-button-colors-link-color-hover:var(--element-button-colors-light-border-color-active);--element-button-colors-link-color-active:var(--element-button-colors-light-border-color-active)}&.button-link--dark{--element-button-color:var(--element-button-colors-primary-border-color-hover);--element-button-colors-link-color-hover:var(--element-button-colors-primary-border-color-active);--element-button-colors-link-color-active:var(--element-button-colors-primary-border-color-active)}&.button-link--secondary{--element-button-color:var(--element-button-colors-secondary-border-color-hover);--element-button-colors-link-color-hover:var(--element-button-colors-secondary-border-color-active);--element-button-colors-link-color-active:var(--element-button-colors-secondary-border-color-active)}&.button{--element-button-color:var(--element-button-link-color, var(--element-button-colors-link-color, var(--element-color-accent)));--element-button-border-width:var(--element-button-link-border-width, var(--element-button-colors-link-border-width, var(--element-button-sizes-default-border-width)));--element-button-border-color:var(--element-button-link-border-color, var(--element-button-colors-link-border-color, transparent));--element-button-background-color:var(--element-button-link-background-color, var(--element-button-colors-link-background-color, transparent));--element-button-px:var(--element-button-link-px, var(--element-button-colors-link-px, 0px));@media (hover:hover){&:hover{--element-button-color:var(--element-button-link-color-hover,  var(--element-button-colors-link-color-hover, var(--element-color-accent-alternate)))}}&:focus,&:active{--element-button-color:var(--element-button-link-color-active,  var(--element-button-colors-link-color-active, var(--element-button-colors-link-color-hover, var(--element-color-accent-alternate))))}}}.button-md{--element-button-font-size:var(--element-button-sizes-default-font-size);--element-button-font-weight:var(--element-button-sizes-default-font-weight);--element-button-font-family:var(--element-button-sizes-default-font-family);--element-button-text-transform:var(--element-button-sizes-default-text-transform);--element-button-letter-spacing:var(--element-button-sizes-default-letter-spacing);--element-button-line-height:var(--element-button-sizes-default-line-height);--element-button-gap-x:var(--element-button-sizes-default-gap-x);--element-button-gap-y:var(--element-button-sizes-default-gap-y);--element-button-py:var(--element-button-sizes-default-py);--element-button-px:var(--element-button-sizes-default-px);--element-button-border-width:var(--element-button-sizes-default-border-width);--element-button-border-radius:var(--element-button-sizes-default-border-radius);--element-button-icon-size:var(--element-button-sizes-default-icon-size);--element-button-color:inherit;--element-button-color-hover:inherit;--element-button-color-active:inherit;--element-button-border-color:inherit;--element-button-border-color-hover:inherit;--element-button-border-color-active:inherit;--element-button-background-color:inherit;--element-button-background-color-hover:inherit;--element-button-background-color-active:inherit}.button-primary-link{--element-button-link-color:var(--element-button-colors-primary-link-color, var(--element-button-colors-primary-outline-color, var(--element-color-accent)));--element-button-link-color-hover:var(--element-button-colors-primary-link-color-hover, var(--element-button-colors-link-color-hover, var(--element-color-accent-alternate)));--element-button-link-color-active:var(--element-button-colors-primary-link-color-active, var(--element-button-colors-link-color-active, var(--element-button-colors-primary-link-color-hover, var(--element-button-colors-link-color-hover, var(--element-color-accent-alternate)))));--element-button-link-border-color:var(--element-button-colors-primary-link-border-color, var(--element-button-colors-link-border-color, transparent));--element-button-link-background-color:var(--element-button-colors-primary-link-background-color, var(--element-button-colors-link-background-color, transparent));--element-button-link-px:var(--element-button-colors-primary-link-px, var(--element-button-colors-link-px, 0px));&.button-link--link{--element-button-color:var(--element-button-colors-light-border-color-hover);--element-button-colors-link-color-hover:var(--element-button-colors-light-border-color-active);--element-button-colors-link-color-active:var(--element-button-colors-light-border-color-active)}&.button-link--dark{--element-button-color:var(--element-button-colors-primary-border-color-hover);--element-button-colors-link-color-hover:var(--element-button-colors-primary-border-color-active);--element-button-colors-link-color-active:var(--element-button-colors-primary-border-color-active)}&.button-link--secondary{--element-button-color:var(--element-button-colors-secondary-border-color-hover);--element-button-colors-link-color-hover:var(--element-button-colors-secondary-border-color-active);--element-button-colors-link-color-active:var(--element-button-colors-secondary-border-color-active)}&.button{--element-button-color:var(--element-button-link-color, var(--element-button-colors-link-color, var(--element-color-accent)));--element-button-border-width:var(--element-button-link-border-width, var(--element-button-colors-link-border-width, var(--element-button-sizes-default-border-width)));--element-button-border-color:var(--element-button-link-border-color, var(--element-button-colors-link-border-color, transparent));--element-button-background-color:var(--element-button-link-background-color, var(--element-button-colors-link-background-color, transparent));--element-button-px:var(--element-button-link-px, var(--element-button-colors-link-px, 0px));@media (hover:hover){&:hover{--element-button-color:var(--element-button-link-color-hover,  var(--element-button-colors-link-color-hover, var(--element-color-accent-alternate)))}}&:focus,&:active{--element-button-color:var(--element-button-link-color-active,  var(--element-button-colors-link-color-active, var(--element-button-colors-link-color-hover, var(--element-color-accent-alternate))))}}}.button-secondary-link{--element-button-link-color:var(--element-button-colors-secondary-link-color, var(--element-button-colors-secondary-outline-color, var(--element-color-accent)));--element-button-link-color-hover:var(--element-button-colors-secondary-link-color-hover, var(--element-button-colors-link-color-hover, var(--element-color-accent-alternate)));--element-button-link-color-active:var(--element-button-colors-secondary-link-color-active, var(--element-button-colors-link-color-active, var(--element-button-colors-secondary-link-color-hover, var(--element-button-colors-link-color-hover, var(--element-color-accent-alternate)))));--element-button-link-border-color:var(--element-button-colors-secondary-link-border-color, var(--element-button-colors-link-border-color, transparent));--element-button-link-background-color:var(--element-button-colors-secondary-link-background-color, var(--element-button-colors-link-background-color, transparent));--element-button-link-px:var(--element-button-colors-secondary-link-px, var(--element-button-colors-link-px, 0px));&.button-link--link{--element-button-color:var(--element-button-colors-light-border-color-hover);--element-button-colors-link-color-hover:var(--element-button-colors-light-border-color-active);--element-button-colors-link-color-active:var(--element-button-colors-light-border-color-active)}&.button-link--dark{--element-button-color:var(--element-button-colors-primary-border-color-hover);--element-button-colors-link-color-hover:var(--element-button-colors-primary-border-color-active);--element-button-colors-link-color-active:var(--element-button-colors-primary-border-color-active)}&.button-link--secondary{--element-button-color:var(--element-button-colors-secondary-border-color-hover);--element-button-colors-link-color-hover:var(--element-button-colors-secondary-border-color-active);--element-button-colors-link-color-active:var(--element-button-colors-secondary-border-color-active)}&.button{--element-button-color:var(--element-button-link-color, var(--element-button-colors-link-color, var(--element-color-accent)));--element-button-border-width:var(--element-button-link-border-width, var(--element-button-colors-link-border-width, var(--element-button-sizes-default-border-width)));--element-button-border-color:var(--element-button-link-border-color, var(--element-button-colors-link-border-color, transparent));--element-button-background-color:var(--element-button-link-background-color, var(--element-button-colors-link-background-color, transparent));--element-button-px:var(--element-button-link-px, var(--element-button-colors-link-px, 0px));@media (hover:hover){&:hover{--element-button-color:var(--element-button-link-color-hover,  var(--element-button-colors-link-color-hover, var(--element-color-accent-alternate)))}}&:focus,&:active{--element-button-color:var(--element-button-link-color-active,  var(--element-button-colors-link-color-active, var(--element-button-colors-link-color-hover, var(--element-color-accent-alternate))))}}}.button-dark-outline{--element-button-outline-color:var(--element-button-colors-dark-outline-color, var(--element-button-colors-dark-color-outline));--element-button-outline-border-width:var(--element-button-colors-dark-outline-border-width, var(--element-button-sizes-default-border-width));--element-button-outline-border-color:var(--element-button-colors-dark-outline-border-color, var(--element-button-colors-dark-border-color));--element-button-outline-background-color:var(--element-button-colors-dark-outline-background-color, transparent);--element-button-outline-color-hover:var(--element-button-colors-dark-outline-color-hover, var(--element-button-colors-dark-color-outline-hover, var(--element-button-colors-dark-color)));--element-button-outline-border-color-hover:var(--element-button-colors-dark-outline-border-color-hover, var(--element-button-colors-dark-color-outline, var(--element-button-colors-dark-border-color-hover)));--element-button-outline-background-color-hover:var(--element-button-colors-dark-outline-background-color-hover, var(--element-button-colors-dark-color-outline, var(--element-button-colors-dark-background-color-hover)));--element-button-outline-color-active:var(--element-button-colors-dark-outline-color-active, var(--element-button-colors-dark-color-outline-active, var(--element-button-colors-dark-outline-color-hover, var(--element-button-colors-dark-color-outline-hover, var(--element-button-colors-dark-color-outline)))));--element-button-outline-border-color-active:var(--element-button-colors-dark-outline-border-color-active, var(--element-button-colors-dark-border-color-active));--element-button-outline-background-color-active:var(--element-button-colors-dark-outline-background-color-active, var(--element-button-colors-dark-background-color-active));&.button{--element-button-color:var(--element-button-outline-color);--element-button-border-width:var(--element-button-outline-border-width);--element-button-border-color:var(--element-button-outline-border-color);--element-button-background-color:var(--element-button-outline-background-color);@media (hover:hover){&:hover{--element-button-color:var(--element-button-outline-color-hover);--element-button-border-color:var(--element-button-outline-border-color-hover);--element-button-background-color:var(--element-button-outline-background-color-hover)}}&:active{--element-button-color:var(--element-button-outline-color-active);--element-button-border-color:var(--element-button-outline-border-color-active);--element-button-background-color:var(--element-button-outline-background-color-active)}}}.button-light-outline{--element-button-outline-color:var(--element-button-colors-light-outline-color, var(--element-button-colors-light-color-outline));--element-button-outline-border-width:var(--element-button-colors-light-outline-border-width, var(--element-button-sizes-default-border-width));--element-button-outline-border-color:var(--element-button-colors-light-outline-border-color, var(--element-button-colors-light-border-color));--element-button-outline-background-color:var(--element-button-colors-light-outline-background-color, transparent);--element-button-outline-color-hover:var(--element-button-colors-light-outline-color-hover, var(--element-button-colors-light-color-outline-hover, var(--element-button-colors-light-color)));--element-button-outline-border-color-hover:var(--element-button-colors-light-outline-border-color-hover, var(--element-button-colors-light-color-outline-hover, var(--element-button-colors-light-border-color-hover)));--element-button-outline-background-color-hover:var(--element-button-colors-light-outline-background-color-hover, var(--element-button-colors-light-color-outline-hover, var(--element-button-colors-light-background-color-hover)));--element-button-outline-color-active:var(--element-button-colors-light-outline-color-active, var(--element-button-colors-light-color-outline-active, var(--element-button-colors-light-outline-color-hover, var(--element-button-colors-light-color-outline-hover, var(--element-button-colors-light-color-outline)))));--element-button-outline-border-color-active:var(--element-button-colors-light-outline-border-color-active, var(--element-button-colors-light-border-color-active));--element-button-outline-background-color-active:var(--element-button-colors-light-outline-background-color-active, var(--element-button-colors-light-background-color-active));&.button{--element-button-color:var(--element-button-outline-color);--element-button-border-width:var(--element-button-outline-border-width);--element-button-border-color:var(--element-button-outline-border-color);--element-button-background-color:var(--element-button-outline-background-color);@media (hover:hover){&:hover{--element-button-color:var(--element-button-outline-color-hover);--element-button-border-color:var(--element-button-outline-border-color-hover);--element-button-background-color:var(--element-button-outline-background-color-hover)}}&:active{--element-button-color:var(--element-button-outline-color-active);--element-button-border-color:var(--element-button-outline-border-color-active);--element-button-background-color:var(--element-button-outline-background-color-active)}}}.button-primary-outline{--element-button-outline-color:var(--element-button-colors-primary-outline-color, var(--element-button-colors-primary-color-outline));--element-button-outline-border-width:var(--element-button-colors-primary-outline-border-width, var(--element-button-sizes-default-border-width));--element-button-outline-border-color:var(--element-button-colors-primary-outline-border-color, var(--element-button-colors-primary-border-color));--element-button-outline-background-color:var(--element-button-colors-primary-outline-background-color, transparent);--element-button-outline-color-hover:var(--element-button-colors-primary-outline-color-hover, var(--element-button-colors-primary-color-outline-hover, var(--element-button-colors-primary-color)));--element-button-outline-border-color-hover:var(--element-button-colors-primary-outline-border-color-hover, var(--element-button-colors-primary-color-outline, var(--element-button-colors-primary-border-color-hover)));--element-button-outline-background-color-hover:var(--element-button-colors-primary-outline-background-color-hover, var(--element-button-colors-primary-color-outline, var(--element-button-colors-primary-background-color-hover)));--element-button-outline-color-active:var(--element-button-colors-primary-outline-color-active, var(--element-button-colors-primary-color-outline-active, var(--element-button-colors-primary-outline-color-hover, var(--element-button-colors-primary-color-outline-hover, var(--element-button-colors-primary-color-outline)))));--element-button-outline-border-color-active:var(--element-button-colors-primary-outline-border-color-active, var(--element-button-colors-primary-border-color-active));--element-button-outline-background-color-active:var(--element-button-colors-primary-outline-background-color-active, var(--element-button-colors-primary-background-color-active));&.button{--element-button-color:var(--element-button-outline-color);--element-button-border-width:var(--element-button-outline-border-width);--element-button-border-color:var(--element-button-outline-border-color);--element-button-background-color:var(--element-button-outline-background-color);@media (hover:hover){&:hover{--element-button-color:var(--element-button-outline-color-hover);--element-button-border-color:var(--element-button-outline-border-color-hover);--element-button-background-color:var(--element-button-outline-background-color-hover)}}&:active{--element-button-color:var(--element-button-outline-color-active);--element-button-border-color:var(--element-button-outline-border-color-active);--element-button-background-color:var(--element-button-outline-background-color-active)}}}.button-secondary-outline{--element-button-outline-color:var(--element-button-colors-secondary-outline-color, var(--element-button-colors-secondary-color-outline));--element-button-outline-border-width:var(--element-button-colors-secondary-outline-border-width, var(--element-button-sizes-default-border-width));--element-button-outline-border-color:var(--element-button-colors-secondary-outline-border-color, var(--element-button-colors-secondary-border-color));--element-button-outline-background-color:var(--element-button-colors-secondary-outline-background-color, transparent);--element-button-outline-color-hover:var(--element-button-colors-secondary-outline-color-hover, var(--element-button-colors-secondary-color-outline-hover, var(--element-button-colors-secondary-color)));--element-button-outline-border-color-hover:var(--element-button-colors-secondary-outline-border-color-hover, var(--element-button-colors-secondary-color-outline, var(--element-button-colors-secondary-border-color-hover)));--element-button-outline-background-color-hover:var(--element-button-colors-secondary-outline-background-color-hover, var(--element-button-colors-secondary-color-outline, var(--element-button-colors-secondary-background-color-hover)));--element-button-outline-color-active:var(--element-button-colors-secondary-outline-color-active, var(--element-button-colors-secondary-color-outline-active, var(--element-button-colors-secondary-outline-color-hover, var(--element-button-colors-secondary-color-outline-hover, var(--element-button-colors-secondary-color-outline)))));--element-button-outline-border-color-active:var(--element-button-colors-secondary-outline-border-color-active, var(--element-button-colors-secondary-border-color-active));--element-button-outline-background-color-active:var(--element-button-colors-secondary-outline-background-color-active, var(--element-button-colors-secondary-background-color-active));&.button{--element-button-color:var(--element-button-outline-color);--element-button-border-width:var(--element-button-outline-border-width);--element-button-border-color:var(--element-button-outline-border-color);--element-button-background-color:var(--element-button-outline-background-color);@media (hover:hover){&:hover{--element-button-color:var(--element-button-outline-color-hover);--element-button-border-color:var(--element-button-outline-border-color-hover);--element-button-background-color:var(--element-button-outline-background-color-hover)}}&:active{--element-button-color:var(--element-button-outline-color-active);--element-button-border-color:var(--element-button-outline-border-color-active);--element-button-background-color:var(--element-button-outline-background-color-active)}}}.button-default-link{&.button-link--link{--element-button-color:var(--element-button-colors-light-border-color-hover);--element-button-colors-link-color-hover:var(--element-button-colors-light-border-color-active);--element-button-colors-link-color-active:var(--element-button-colors-light-border-color-active)}&.button-link--dark{--element-button-color:var(--element-button-colors-primary-border-color-hover);--element-button-colors-link-color-hover:var(--element-button-colors-primary-border-color-active);--element-button-colors-link-color-active:var(--element-button-colors-primary-border-color-active)}&.button-link--secondary{--element-button-color:var(--element-button-colors-secondary-border-color-hover);--element-button-colors-link-color-hover:var(--element-button-colors-secondary-border-color-active);--element-button-colors-link-color-active:var(--element-button-colors-secondary-border-color-active)}&.button{--element-button-color:var(--element-button-link-color, var(--element-button-colors-link-color, var(--element-color-accent)));--element-button-border-width:var(--element-button-link-border-width, var(--element-button-colors-link-border-width, var(--element-button-sizes-default-border-width)));--element-button-border-color:var(--element-button-link-border-color, var(--element-button-colors-link-border-color, transparent));--element-button-background-color:var(--element-button-link-background-color, var(--element-button-colors-link-background-color, transparent));--element-button-px:var(--element-button-link-px, var(--element-button-colors-link-px, 0px));@media (hover:hover){&:hover{--element-button-color:var(--element-button-link-color-hover,  var(--element-button-colors-link-color-hover, var(--element-color-accent-alternate)))}}&:focus,&:active{--element-button-color:var(--element-button-link-color-active,  var(--element-button-colors-link-color-active, var(--element-button-colors-link-color-hover, var(--element-color-accent-alternate))))}}}.button-sm{--element-button-font-size:var(--element-button-sizes-sm-font-size);--element-button-font-weight:var(--element-button-sizes-sm-font-weight);--element-button-font-family:var(--element-button-sizes-sm-font-family);--element-button-text-transform:var(--element-button-sizes-sm-text-transform);--element-button-line-height:var(--element-button-sizes-sm-line-height);--element-button-gap-x:var(--element-button-sizes-sm-gap-x);--element-button-gap-y:var(--element-button-sizes-sm-gap-y);--element-button-py:var(--element-button-sizes-sm-py);--element-button-px:var(--element-button-sizes-sm-px);--element-button-border-width:var(--element-button-sizes-sm-border-width);--element-button-border-radius:var(--element-button-sizes-sm-border-radius);--element-button-icon-size:var(--element-button-sizes-sm-icon-size)}.button-dark{--element-button-color:var(--element-button-colors-dark-color);--element-button-border-width:var(--element-button-colors-dark-border-width, var(--element-button-sizes-default-border-width));--element-button-border-color:var(--element-button-colors-dark-border-color);--element-button-background-color:var(--element-button-colors-dark-background-color);--element-button-color-hover:var(--element-button-colors-dark-color-hover, var(--element-button-colors-dark-color));--element-button-border-color-hover:var(--element-button-colors-dark-border-color-hover);--element-button-background-color-hover:var(--element-button-colors-dark-background-color-hover);--element-button-color-active:var(--element-button-colors-dark-color-active, var(--element-button-colors-dark-color-hover, var(--element-button-colors-dark-color)));--element-button-border-color-active:var(--element-button-colors-dark-border-color-active);--element-button-background-color-active:var(--element-button-colors-dark-background-color-active)}.button-light{--element-button-color:var(--element-button-colors-light-color);--element-button-border-width:var(--element-button-colors-light-border-width, var(--element-button-sizes-default-border-width));--element-button-border-color:var(--element-button-colors-light-border-color);--element-button-background-color:var(--element-button-colors-light-background-color);--element-button-color-hover:var(--element-button-colors-light-color-hover, var(--element-button-colors-light-color));--element-button-border-color-hover:var(--element-button-colors-light-border-color-hover);--element-button-background-color-hover:var(--element-button-colors-light-background-color-hover);--element-button-color-active:var(--element-button-colors-light-color-active, var(--element-button-colors-light-color-hover, var(--element-button-colors-light-color)));--element-button-border-color-active:var(--element-button-colors-light-border-color-active);--element-button-background-color-active:var(--element-button-colors-light-background-color-active)}.button-primary{--element-button-color:var(--element-button-colors-primary-color);--element-button-border-width:var(--element-button-colors-primary-border-width, var(--element-button-sizes-default-border-width));--element-button-border-color:var(--element-button-colors-primary-border-color);--element-button-background-color:var(--element-button-colors-primary-background-color);--element-button-color-hover:var(--element-button-colors-primary-color-hover, var(--element-button-colors-primary-color));--element-button-border-color-hover:var(--element-button-colors-primary-border-color-hover);--element-button-background-color-hover:var(--element-button-colors-primary-background-color-hover);--element-button-color-active:var(--element-button-colors-primary-color-active, var(--element-button-colors-primary-color-hover, var(--element-button-colors-primary-color)));--element-button-border-color-active:var(--element-button-colors-primary-border-color-active);--element-button-background-color-active:var(--element-button-colors-primary-background-color-active)}.button-secondary{--element-button-color:var(--element-button-colors-secondary-color);--element-button-border-width:var(--element-button-colors-secondary-border-width, var(--element-button-sizes-default-border-width));--element-button-border-color:var(--element-button-colors-secondary-border-color);--element-button-background-color:var(--element-button-colors-secondary-background-color);--element-button-color-hover:var(--element-button-colors-secondary-color-hover, var(--element-button-colors-secondary-color));--element-button-border-color-hover:var(--element-button-colors-secondary-border-color-hover);--element-button-background-color-hover:var(--element-button-colors-secondary-background-color-hover);--element-button-color-active:var(--element-button-colors-secondary-color-active, var(--element-button-colors-secondary-color-hover, var(--element-button-colors-secondary-color)));--element-button-border-color-active:var(--element-button-colors-secondary-border-color-active);--element-button-background-color-active:var(--element-button-colors-secondary-background-color-active)}.button-link{&.button-link--link{--element-button-color:var(--element-button-colors-light-border-color-hover);--element-button-colors-link-color-hover:var(--element-button-colors-light-border-color-active);--element-button-colors-link-color-active:var(--element-button-colors-light-border-color-active)}&.button-link--dark{--element-button-color:var(--element-button-colors-primary-border-color-hover);--element-button-colors-link-color-hover:var(--element-button-colors-primary-border-color-active);--element-button-colors-link-color-active:var(--element-button-colors-primary-border-color-active)}&.button-link--secondary{--element-button-color:var(--element-button-colors-secondary-border-color-hover);--element-button-colors-link-color-hover:var(--element-button-colors-secondary-border-color-active);--element-button-colors-link-color-active:var(--element-button-colors-secondary-border-color-active)}}.button-link{&.button{--element-button-color:var(--element-button-link-color, var(--element-button-colors-link-color, var(--element-color-accent)));--element-button-border-width:var(--element-button-link-border-width, var(--element-button-colors-link-border-width, var(--element-button-sizes-default-border-width)));--element-button-border-color:var(--element-button-link-border-color, var(--element-button-colors-link-border-color, transparent));--element-button-background-color:var(--element-button-link-background-color, var(--element-button-colors-link-background-color, transparent));--element-button-px:var(--element-button-link-px, var(--element-button-colors-link-px, 0px));@media (hover:hover){&:hover{--element-button-color:var(--element-button-link-color-hover,  var(--element-button-colors-link-color-hover, var(--element-color-accent-alternate)))}}&:focus,&:active{--element-button-color:var(--element-button-link-color-active,  var(--element-button-colors-link-color-active, var(--element-button-colors-link-color-hover, var(--element-color-accent-alternate))))}}}.select-none{-webkit-user-select:none;user-select:none}.\[--element-image-border-radius\:0px\]{--element-image-border-radius:0px}.\[--element-image-border-radius\:var\(--element-logos-border-radius\,0px\)\]{--element-image-border-radius:var(--element-logos-border-radius,0px)}.\[--element-title-margin-bottom-h6\:_0px\]{--element-title-margin-bottom-h6:0px}.\[grid-area\:tabcontent\]{grid-area:tabcontent}.\[grid-template-areas\:\'tabcontent\'\] {
    grid-template-areas: 'tabcontent';
  }
  .\*\:inline-block {
    :is(& > *) {
      display: inline-block;
    }
  }
  .\*\:aspect-1\/1 {
    :is(& > *) {
      aspect-ratio: var(--aspect-1\/1);
    }
  }
  .\*\:size-8 {
    :is(& > *) {
      width: calc(var(--spacing) * 8);
      height: calc(var(--spacing) * 8);
    }
  }
  .\*\:\!h-auto {
    :is(& > *) {
      height: auto !important;
    }
  }
  .\*\:min-h-full {
    :is(& > *) {
      min-height: 100%;
    }
  }
  .\*\:max-w-12 {
    :is(& > *) {
      max-width: calc(var(--spacing) * 12);
    }
  }
  .\*\:select-none {
    :is(& > *) {
      -webkit-user-select: none;
      user-select: none;
    }
  }
  .group-focus-within\/icons-list-item-title-wrapper\:text-\[var\(--element-color-accent\)\] {
    &:is(:where(.group\/icons-list-item-title-wrapper):focus-within *) {
      color: var(--element-color-accent);
    }
  }
  .group-hover\:pointer-events-auto {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        pointer-events: auto;
      }
    }
  }
  .group-hover\:mt-6 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        margin-top: calc(var(--spacing) * 6);
      }
    }
  }
  .group-hover\:-translate-x-1 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-translate-x: calc(var(--spacing) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .group-hover\:translate-x-1 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-translate-x: calc(var(--spacing) * 1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .group-hover\:scale-105 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-scale-x: 105%;
        --tw-scale-y: 105%;
        --tw-scale-z: 105%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
  }
  .group-hover\:text-\(--element-color-default-nav-fg-hover\) {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--element-color-default-nav-fg-hover);
      }
    }
  }
  .group-hover\:opacity-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
  .group-hover\:\[--element-color-title\:_var\(--element-color-accent\)\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --element-color-title:  var(--element-color-accent);
      }
    }
  }
  .group-hover\:\[--element-color-title\:var\(--element-color-accent\)\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --element-color-title: var(--element-color-accent);
      }
    }
  }
  .group-hover\/icons-list-item-title-wrapper\:text-\[var\(--element-color-accent\)\] {
    &:is(:where(.group\/icons-list-item-title-wrapper):hover *) {
      @media (hover: hover) {
        color: var(--element-color-accent);
      }
    }
  }
  .group-\[\&\[aria-expanded\=\'true\'\]\]\:rotate-180 {
    &:is(:where(.group)[aria-expanded='true'] *) {
      rotate: 180deg;
    }
  }
  .peer-checked\:pointer-events-none {
    &:is(:where(.peer):checked ~ *) {
      pointer-events: none;
    }
  }
  .peer-checked\:opacity-0 {
    &:is(:where(.peer):checked ~ *) {
      opacity: 0%;
    }
  }
  .peer-checked\:blur-\[100px\] {
    &:is(:where(.peer):checked ~ *) {
      --tw-blur: blur(100px);
      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,);
    }
  }
  .focus-within\:pointer-events-auto {
    &:focus-within {
      pointer-events: auto;
    }
  }
  .focus-within\:mt-6 {
    &:focus-within {
      margin-top: calc(var(--spacing) * 6);
    }
  }
  .focus-within\:opacity-100 {
    &:focus-within {
      opacity: 100%;
    }
  }
  .hover\:border-\[var\(--element-color-nav-fg-hover\)\] {
    &:hover {
      @media (hover: hover) {
        border-color: var(--element-color-nav-fg-hover);
      }
    }
  }
  .hover\:border-\[var\(--element-color-nav-tab-border-hover\)\] {
    &:hover {
      @media (hover: hover) {
        border-color: var(--element-color-nav-tab-border-hover);
      }
    }
  }
  .hover\:bg-\(--element-color-bg-alternate\) {
    &:hover {
      @media (hover: hover) {
        background-color: var(--element-color-bg-alternate);
      }
    }
  }
  .hover\:bg-\[var\(--element-color-nav-bg-hover\)\] {
    &:hover {
      @media (hover: hover) {
        background-color: var(--element-color-nav-bg-hover);
      }
    }
  }
  .hover\:text-\(--element-button-colors-dark-border-color-hover\) {
    &:hover {
      @media (hover: hover) {
        color: var(--element-button-colors-dark-border-color-hover);
      }
    }
  }
  .hover\:text-\(--element-color-default-nav-fg-hover\) {
    &:hover {
      @media (hover: hover) {
        color: var(--element-color-default-nav-fg-hover);
      }
    }
  }
  .hover\:text-\[var\(--element-color-nav-fg-hover\)\] {
    &:hover {
      @media (hover: hover) {
        color: var(--element-color-nav-fg-hover);
      }
    }
  }
  .hover\:text-\[var\(--element-color-nav-tab-fg-hover\)\] {
    &:hover {
      @media (hover: hover) {
        color: var(--element-color-nav-tab-fg-hover);
      }
    }
  }
  .hover\:text-\[var\(--element-color-socialmedia-item-hover\,_var\(--element-color-accent-alternate\)\)\] {
    &:hover {
      @media (hover: hover) {
        color: var(--element-color-socialmedia-item-hover, var(--element-color-accent-alternate));
      }
    }
  }
  .focus\:outline-none {
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  .active\:border-\[var\(--element-color-accent\)\] {
    &:is(.active), :is(.active &) {
      border-color: var(--element-color-accent);
    }
  }
  .active\:border-\[var\(--element-color-nav-tab-border-active\)\] {
    &:is(.active), :is(.active &) {
      border-color: var(--element-color-nav-tab-border-active);
    }
  }
  .active\:bg-\[var\(--element-color-nav-bg-active\)\] {
    &:is(.active), :is(.active &) {
      background-color: var(--element-color-nav-bg-active);
    }
  }
  .active\:bg-\[var\(--element-color-nav-tab-bg-active\)\] {
    &:is(.active), :is(.active &) {
      background-color: var(--element-color-nav-tab-bg-active);
    }
  }
  .active\:text-\[var\(--element-color-accent\)\] {
    &:is(.active), :is(.active &) {
      color: var(--element-color-accent);
    }
  }
  .active\:text-\[var\(--element-color-nav-fg-active\)\] {
    &:is(.active), :is(.active &) {
      color: var(--element-color-nav-fg-active);
    }
  }
  .active\:text-\[var\(--element-color-nav-tab-fg-active\)\] {
    &:is(.active), :is(.active &) {
      color: var(--element-color-nav-tab-fg-active);
    }
  }
  .active\:hover\:text-\[var\(--element-color-nav-tab-fg-active\)\] {
    &:is(.active), :is(.active &) {
      &:hover {
        @media (hover: hover) {
          color: var(--element-color-nav-tab-fg-active);
        }
      }
    }
  }
  .has-\[\#pe\\_rating\]\:opacity-100 {
    &:has(*:is(#pe_rating)) {
      opacity: 100%;
    }
  }
  .has-\[\:focus-visible\]\:bg-\(--element-color-bg-alternate\) {
    &:has(*:is(:focus-visible)) {
      background-color: var(--element-color-bg-alternate);
    }
  }
  .max-navbreakpoint\:absolute {
    @media (width < 90rem) {
      position: absolute;
    }
  }
  .max-navbreakpoint\:fixed {
    @media (width < 90rem) {
      position: fixed;
    }
  }
  .max-navbreakpoint\:relative {
    @media (width < 90rem) {
      position: relative;
    }
  }
  .max-navbreakpoint\:inset-0 {
    @media (width < 90rem) {
      inset: calc(var(--spacing) * 0);
    }
  }
  .max-navbreakpoint\:top-0 {
    @media (width < 90rem) {
      top: calc(var(--spacing) * 0);
    }
  }
  .max-navbreakpoint\:right-0 {
    @media (width < 90rem) {
      right: calc(var(--spacing) * 0);
    }
  }
  .max-navbreakpoint\:-z-10 {
    @media (width < 90rem) {
      z-index: calc(10 * -1);
    }
  }
  .max-navbreakpoint\:z-30 {
    @media (width < 90rem) {
      z-index: 30;
    }
  }
  .max-navbreakpoint\:mb-4 {
    @media (width < 90rem) {
      margin-bottom: calc(var(--spacing) * 4);
    }
  }
  .max-navbreakpoint\:ml-auto {
    @media (width < 90rem) {
      margin-left: auto;
    }
  }
  .max-navbreakpoint\:\!hidden {
    @media (width < 90rem) {
      display: none !important;
    }
  }
  .max-navbreakpoint\:flex {
    @media (width < 90rem) {
      display: flex;
    }
  }
  .max-navbreakpoint\:styled-scrollbar {
    @media (width < 90rem) {
      &::-webkit-scrollbar {
        width: var(--styled-scrollbar-width, 5px);
        height: var(--styled-scrollbar-height, 5px);
      }
      &::-webkit-scrollbar-track {
        background-color: var(--styled-scrollbar-track-bg, transparent);
        border-radius: var(--styled-scrollbar-track-border-radius, 2px);
      }
      &::-webkit-scrollbar-thumb {
        background-color: var(--styled-scrollbar-thumb-bg, var(--element-color-fg-muted));
        border-radius: var(--styled-scrollbar-thumb-border-radius, 2px);
      }
    }
  }
  .max-navbreakpoint\:h-full {
    @media (width < 90rem) {
      height: 100%;
    }
  }
  .max-navbreakpoint\:h-screen {
    @media (width < 90rem) {
      height: 100vh;
    }
  }
  .max-navbreakpoint\:h-svh {
    @media (width < 90rem) {
      height: 100svh;
    }
  }
  .max-navbreakpoint\:max-w-sm {
    @media (width < 90rem) {
      max-width: var(--container-sm);
    }
  }
  .max-navbreakpoint\:translate-x-full {
    @media (width < 90rem) {
      --tw-translate-x: 100%;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .max-navbreakpoint\:flex-col {
    @media (width < 90rem) {
      flex-direction: column;
    }
  }
  .max-navbreakpoint\:flex-col-reverse {
    @media (width < 90rem) {
      flex-direction: column-reverse;
    }
  }
  .max-navbreakpoint\:justify-end {
    @media (width < 90rem) {
      justify-content: flex-end;
    }
  }
  .max-navbreakpoint\:overflow-x-hidden {
    @media (width < 90rem) {
      overflow-x: hidden;
    }
  }
  .max-navbreakpoint\:overflow-y-auto {
    @media (width < 90rem) {
      overflow-y: auto;
    }
  }
  .max-navbreakpoint\:rounded-bl-theme {
    @media (width < 90rem) {
      border-bottom-left-radius: var(--radius-theme);
    }
  }
  .max-navbreakpoint\:bg-gray-900\/30 {
    @media (width < 90rem) {
      background-color: color-mix(in srgb, oklch(21% 0.034 264.665) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-gray-900) 30%, transparent);
      }
    }
  }
  .max-navbreakpoint\:bg-white {
    @media (width < 90rem) {
      background-color: var(--color-white);
    }
  }
  .max-navbreakpoint\:p-4 {
    @media (width < 90rem) {
      padding: calc(var(--spacing) * 4);
    }
  }
  .max-navbreakpoint\:p-6 {
    @media (width < 90rem) {
      padding: calc(var(--spacing) * 6);
    }
  }
  .max-navbreakpoint\:transition-transform {
    @media (width < 90rem) {
      transition-property: transform, translate, scale, rotate;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
  }
  .max-lg\:max-h-8 {
    @media (width < 64rem) {
      max-height: calc(var(--spacing) * 8);
    }
  }
  .max-sm\:hidden {
    @media (width < 40rem) {
      display: none;
    }
  }
  .max-xs\:flex-col {
    @media (width < 30rem) {
      flex-direction: column;
    }
  }
  .max-xs\:gap-y-2 {
    @media (width < 30rem) {
      row-gap: calc(var(--spacing) * 2);
    }
  }
  .xs\:col-span-6 {
    @media (width >= 30rem) {
      grid-column: span 6 / span 6;
    }
  }
  .xs\:-mr-10 {
    @media (width >= 30rem) {
      margin-right: calc(var(--spacing) * -10);
    }
  }
  .xs\:mb-2 {
    @media (width >= 30rem) {
      margin-bottom: calc(var(--spacing) * 2);
    }
  }
  .xs\:basis-\[400px\] {
    @media (width >= 30rem) {
      flex-basis: 400px;
    }
  }
  .xs\:\!pr-12 {
    @media (width >= 30rem) {
      padding-right: calc(var(--spacing) * 12) !important;
    }
  }
  .sm\:col-span-4 {
    @media (width >= 40rem) {
      grid-column: span 4 / span 4;
    }
  }
  .sm\:col-span-8 {
    @media (width >= 40rem) {
      grid-column: span 8 / span 8;
    }
  }
  .sm\:inline-block {
    @media (width >= 40rem) {
      display: inline-block;
    }
  }
  .sm\:flex-row {
    @media (width >= 40rem) {
      flex-direction: row;
    }
  }
  .sm\:gap-sm {
    @media (width >= 40rem) {
      gap: var(--gap-sm);
    }
  }
  .sm\:max-md\:hidden {
    @media (width >= 40rem) {
      @media (width < 48rem) {
        display: none;
      }
    }
  }
  .md\:rounded-bl-theme {
    @media (width >= 48rem) {
      border-bottom-left-radius: var(--radius-theme);
    }
  }
  .md\:max-lg\:hidden {
    @media (width >= 48rem) {
      @media (width < 64rem) {
        display: none;
      }
    }
  }
  .lg\:block {
    @media (width >= 64rem) {
      display: block;
    }
  }
  .lg\:hidden {
    @media (width >= 64rem) {
      display: none;
    }
  }
  .lg\:gap-x-10 {
    @media (width >= 64rem) {
      column-gap: calc(var(--spacing) * 10);
    }
  }
  .lg\:button-md {
    @media (width >= 64rem) {
      --element-button-font-size: var(--element-button-sizes-default-font-size);
      --element-button-font-weight: var(--element-button-sizes-default-font-weight);
      --element-button-font-family: var(--element-button-sizes-default-font-family);
      --element-button-text-transform: var(--element-button-sizes-default-text-transform);
      --element-button-letter-spacing: var(--element-button-sizes-default-letter-spacing);
      --element-button-line-height: var(--element-button-sizes-default-line-height);
      --element-button-gap-x: var(--element-button-sizes-default-gap-x);
      --element-button-gap-y: var(--element-button-sizes-default-gap-y);
      --element-button-py: var(--element-button-sizes-default-py);
      --element-button-px: var(--element-button-sizes-default-px);
      --element-button-border-width: var(--element-button-sizes-default-border-width);
      --element-button-border-radius: var(--element-button-sizes-default-border-radius);
      --element-button-icon-size: var(--element-button-sizes-default-icon-size);
      --element-button-color: inherit;
      --element-button-color-hover: inherit;
      --element-button-color-active: inherit;
      --element-button-border-color: inherit;
      --element-button-border-color-hover: inherit;
      --element-button-border-color-active: inherit;
      --element-button-background-color: inherit;
      --element-button-background-color-hover: inherit;
      --element-button-background-color-active: inherit;
    }
  }
  .navbreakpoint\:col-span-3 {
    @media (width >= 90rem) {
      grid-column: span 3 / span 3;
    }
  }
  .navbreakpoint\:col-span-9 {
    @media (width >= 90rem) {
      grid-column: span 9 / span 9;
    }
  }
  .navbreakpoint\:flex {
    @media (width >= 90rem) {
      display: flex;
    }
  }
  .navbreakpoint\:hidden {
    @media (width >= 90rem) {
      display: none;
    }
  }
  .navbreakpoint\:inline-block {
    @media (width >= 90rem) {
      display: inline-block;
    }
  }
  .navbreakpoint\:w-14 {
    @media (width >= 90rem) {
      width: calc(var(--spacing) * 14);
    }
  }
  .navbreakpoint\:w-\[15rem\] {
    @media (width >= 90rem) {
      width: 15rem;
    }
  }
  .navbreakpoint\:flex-col {
    @media (width >= 90rem) {
      flex-direction: column;
    }
  }
  .navbreakpoint\:items-end {
    @media (width >= 90rem) {
      align-items: flex-end;
    }
  }
  .navbreakpoint\:gap-5 {
    @media (width >= 90rem) {
      gap: calc(var(--spacing) * 5);
    }
  }
  .navbreakpoint\:gap-x-4 {
    @media (width >= 90rem) {
      column-gap: calc(var(--spacing) * 4);
    }
  }
  .navbreakpoint\:p-5 {
    @media (width >= 90rem) {
      padding: calc(var(--spacing) * 5);
    }
  }
  .navbreakpoint\:p-6 {
    @media (width >= 90rem) {
      padding: calc(var(--spacing) * 6);
    }
  }
  .navbreakpoint\:p-8 {
    @media (width >= 90rem) {
      padding: calc(var(--spacing) * 8);
    }
  }
  .navbreakpoint\:text-nowrap {
    @media (width >= 90rem) {
      text-wrap: nowrap;
    }
  }
  .\32 xl\:col-span-2 {
    @media (width >= 96rem) {
      grid-column: span 2 / span 2;
    }
  }
  .\32 xl\:col-span-10 {
    @media (width >= 96rem) {
      grid-column: span 10 / span 10;
    }
  }
  .\@xs\/gallery-grid\:grid-cols-2 {
    @container gallery-grid (width >= 20rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .\@xs\/logos-grid\:grid-cols-2 {
    @container logos-grid (width >= 20rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .\@xs\/openinghours\:flex-row {
    @container openinghours (width >= 20rem) {
      flex-direction: row;
    }
  }
  .\@xs\/testimonial\:flex-row {
    @container testimonial (width >= 20rem) {
      flex-direction: row;
    }
  }
  .\@xs\/openinghours\:gap-y-xs {
    @container openinghours (width >= 20rem) {
      row-gap: var(--gap-xs);
    }
  }
  .\@xs\/testimonial\:self-center {
    @container testimonial (width >= 20rem) {
      align-self: center;
    }
  }
  .\@xs\/post-item\:px-6 {
    @container post-item (width >= 20rem) {
      padding-inline: calc(var(--spacing) * 6);
    }
  }
  .\@sm\/icon-box\:w-24 {
    @container icon-box (width >= 24rem) {
      width: calc(var(--spacing) * 24);
    }
  }
  .\@sm\/icons-list\:basis-1\/2 {
    @container icons-list (width >= 24rem) {
      flex-basis: calc(1/2 * 100%);
    }
  }
  .\@sm\/logos-grid\:grid-cols-3 {
    @container logos-grid (width >= 24rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .\@sm\/icons-list\:flex-row {
    @container icons-list (width >= 24rem) {
      flex-direction: row;
    }
  }
  .\@md\/protected-content\:w-auto {
    @container protected-content (width >= 28rem) {
      width: auto;
    }
  }
  .\@md\/icons-list\:basis-1\/2 {
    @container icons-list (width >= 28rem) {
      flex-basis: calc(1/2 * 100%);
    }
  }
  .\@md\/gallery-grid\:grid-cols-3 {
    @container gallery-grid (width >= 28rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .\@md\/icons-list\:flex-row {
    @container icons-list (width >= 28rem) {
      flex-direction: row;
    }
  }
  .\@md\/protected-content\:flex-row {
    @container protected-content (width >= 28rem) {
      flex-direction: row;
    }
  }
  .\@lg\/icons-list\:basis-1\/3 {
    @container icons-list (width >= 32rem) {
      flex-basis: calc(1/3 * 100%);
    }
  }
  .\@lg\/gallery-grid\:grid-cols-4 {
    @container gallery-grid (width >= 32rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .\@lg\/gallery-grid\:grid-cols-6 {
    @container gallery-grid (width >= 32rem) {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
  }
  .\@lg\/logos-grid\:grid-cols-4 {
    @container logos-grid (width >= 32rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .\@lg\/icons-list\:flex-row {
    @container icons-list (width >= 32rem) {
      flex-direction: row;
    }
  }
  .\@xl\/tabs\:w-32 {
    @container tabs (width >= 36rem) {
      width: calc(var(--spacing) * 32);
    }
  }
  .\@xl\/tabs\:max-w-20 {
    @container tabs (width >= 36rem) {
      max-width: calc(var(--spacing) * 20);
    }
  }
  .\@xl\/tabs\:max-w-32 {
    @container tabs (width >= 36rem) {
      max-width: calc(var(--spacing) * 32);
    }
  }
  .\@xl\/branches\:grid-cols-2 {
    @container branches (width >= 36rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .\@xl\/gallery-grid\:grid-cols-5 {
    @container gallery-grid (width >= 36rem) {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }
  .\@xl\/logos-grid\:grid-cols-5 {
    @container logos-grid (width >= 36rem) {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }
  .\@xl\/posts-grid\:grid-cols-2 {
    @container posts-grid (width >= 36rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .\@xl\/solutions\:grid-cols-2 {
    @container solutions (width >= 36rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .\@xl\/tabs\:flex-row {
    @container tabs (width >= 36rem) {
      flex-direction: row;
    }
  }
  .\@xl\/tabs\:pt-0 {
    @container tabs (width >= 36rem) {
      padding-top: calc(var(--spacing) * 0);
    }
  }
  .\@2xl\/icons-list\:basis-1\/3 {
    @container icons-list (width >= 42rem) {
      flex-basis: calc(1/3 * 100%);
    }
  }
  .\@2xl\/icons-list\:basis-1\/4 {
    @container icons-list (width >= 42rem) {
      flex-basis: calc(1/4 * 100%);
    }
  }
  .\@2xl\/icons-list\:basis-1\/5 {
    @container icons-list (width >= 42rem) {
      flex-basis: calc(1/5 * 100%);
    }
  }
  .\@2xl\/counters\:grid-cols-2 {
    @container counters (width >= 42rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .\@2xl\/gallery-grid\:grid-cols-7 {
    @container gallery-grid (width >= 42rem) {
      grid-template-columns: repeat(7, minmax(0, 1fr));
    }
  }
  .\@2xl\/logos-grid\:grid-cols-6 {
    @container logos-grid (width >= 42rem) {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
  }
  .\@2xl\/icons-list\:flex-row {
    @container icons-list (width >= 42rem) {
      flex-direction: row;
    }
  }
  .\@3xl\/gallery-grid\:grid-cols-7 {
    @container gallery-grid (width >= 48rem) {
      grid-template-columns: repeat(7, minmax(0, 1fr));
    }
  }
  .\@3xl\/gallery-grid\:grid-cols-8 {
    @container gallery-grid (width >= 48rem) {
      grid-template-columns: repeat(8, minmax(0, 1fr));
    }
  }
  .\@3xl\/logos-grid\:grid-cols-7 {
    @container logos-grid (width >= 48rem) {
      grid-template-columns: repeat(7, minmax(0, 1fr));
    }
  }
  .\@3xl\:grid-cols-2 {
    @container (width >= 48rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .\@3xl\/tabs\:gap-lg {
    @container tabs (width >= 48rem) {
      gap: var(--gap-lg);
    }
  }
  .\@4xl\/icons-list\:basis-1\/4 {
    @container icons-list (width >= 56rem) {
      flex-basis: calc(1/4 * 100%);
    }
  }
  .\@4xl\/icons-list\:basis-1\/5 {
    @container icons-list (width >= 56rem) {
      flex-basis: calc(1/5 * 100%);
    }
  }
  .\@4xl\/branches\:grid-cols-2 {
    @container branches (width >= 56rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .\@4xl\/branches\:grid-cols-3 {
    @container branches (width >= 56rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .\@4xl\/branches\:grid-cols-4 {
    @container branches (width >= 56rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .\@4xl\/branches\:grid-cols-5 {
    @container branches (width >= 56rem) {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }
  .\@4xl\/counters\:grid-cols-2 {
    @container counters (width >= 56rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .\@4xl\/counters\:grid-cols-3 {
    @container counters (width >= 56rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .\@4xl\/counters\:grid-cols-4 {
    @container counters (width >= 56rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .\@4xl\/counters\:grid-cols-5 {
    @container counters (width >= 56rem) {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }
  .\@4xl\/gallery-grid\:grid-cols-9 {
    @container gallery-grid (width >= 56rem) {
      grid-template-columns: repeat(9, minmax(0, 1fr));
    }
  }
  .\@4xl\/logos-grid\:grid-cols-8 {
    @container logos-grid (width >= 56rem) {
      grid-template-columns: repeat(8, minmax(0, 1fr));
    }
  }
  .\@4xl\/posts-grid\:grid-cols-3 {
    @container posts-grid (width >= 56rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .\@4xl\/solutions\:grid-cols-2 {
    @container solutions (width >= 56rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .\@4xl\/solutions\:grid-cols-3 {
    @container solutions (width >= 56rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .\@4xl\/solutions\:grid-cols-4 {
    @container solutions (width >= 56rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .\@4xl\/solutions\:grid-cols-5 {
    @container solutions (width >= 56rem) {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }
  .\@4xl\/icons-list\:flex-row {
    @container icons-list (width >= 56rem) {
      flex-direction: row;
    }
  }
  .\@4xl\/counters\:gap-8 {
    @container counters (width >= 56rem) {
      gap: calc(var(--spacing) * 8);
    }
  }
  .\@4xl\/solutions\:gap-8 {
    @container solutions (width >= 56rem) {
      gap: calc(var(--spacing) * 8);
    }
  }
  .\@4xl\:gap-8 {
    @container (width >= 56rem) {
      gap: calc(var(--spacing) * 8);
    }
  }
  .\@5xl\/gallery-grid\:grid-cols-10 {
    @container gallery-grid (width >= 64rem) {
      grid-template-columns: repeat(10, minmax(0, 1fr));
    }
  }
  .\@5xl\/logos-grid\:grid-cols-9 {
    @container logos-grid (width >= 64rem) {
      grid-template-columns: repeat(9, minmax(0, 1fr));
    }
  }
  .\@5xl\:grid-cols-3 {
    @container (width >= 64rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .\@5xl\:grid-cols-4 {
    @container (width >= 64rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .\@6xl\/logos-grid\:grid-cols-10 {
    @container logos-grid (width >= 72rem) {
      grid-template-columns: repeat(10, minmax(0, 1fr));
    }
  }
  .\@7xl\/logos-grid\:grid-cols-11 {
    @container logos-grid (width >= 80rem) {
      grid-template-columns: repeat(11, minmax(0, 1fr));
    }
  }
  .\@8xl\/logos-grid\:grid-cols-12 {
    @container logos-grid (width >= 90rem) {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
  }
  .\@8xl\:grid-cols-4 {
    @container (width >= 90rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .\@8xl\:grid-cols-5 {
    @container (width >= 90rem) {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }
  .navbreakpoint\:scrolled\:w-\[10\.5rem\] {
    @media (width >= 90rem) {
      html.scrolled & {
        width: 10.5rem;
      }
    }
  }
  .mobile-nav-menu-main-open\:fixed {
    @media (width < 90rem) {
      input#header-menu-toggle:checked &, input#header-menu-toggle:checked + #wrapper & {
        position: fixed;
      }
    }
  }
  .mobile-nav-menu-main-open\:top-1 {
    @media (width < 90rem) {
      input#header-menu-toggle:checked &, input#header-menu-toggle:checked + #wrapper & {
        top: calc(var(--spacing) * 1);
      }
    }
  }
  .mobile-nav-menu-main-open\:top-4 {
    @media (width < 90rem) {
      input#header-menu-toggle:checked &, input#header-menu-toggle:checked + #wrapper & {
        top: calc(var(--spacing) * 4);
      }
    }
  }
  .mobile-nav-menu-main-open\:right-4 {
    @media (width < 90rem) {
      input#header-menu-toggle:checked &, input#header-menu-toggle:checked + #wrapper & {
        right: calc(var(--spacing) * 4);
      }
    }
  }
  .mobile-nav-menu-main-open\:z-40 {
    @media (width < 90rem) {
      input#header-menu-toggle:checked &, input#header-menu-toggle:checked + #wrapper & {
        z-index: 40;
      }
    }
  }
  .mobile-nav-menu-main-open\:translate-x-0 {
    @media (width < 90rem) {
      input#header-menu-toggle:checked &, input#header-menu-toggle:checked + #wrapper & {
        --tw-translate-x: calc(var(--spacing) * 0);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .\[\&_a\]\:hidden {
    & a {
      display: none;
    }
  }
  .\[\&_span\]\:text-\(--element-color-accent\) {
    & span {
      color: var(--element-color-accent);
    }
  }
  .\[\&_svg\]\:size-8 {
    & svg {
      width: calc(var(--spacing) * 8);
      height: calc(var(--spacing) * 8);
    }
  }
  .\[\&_svg\]\:size-14 {
    & svg {
      width: calc(var(--spacing) * 14);
      height: calc(var(--spacing) * 14);
    }
  }
  .\[\&_svg\]\:size-\[var\(--element-icons-list-icon-default-icon-size\,var\(--element-icons-list-icon-size\,calc\(var\(--spacing\)\*9\)\)\)\] {
    & svg {
      width: var(--element-icons-list-icon-default-icon-size,var(--element-icons-list-icon-size,calc(var(--spacing) * 9)));
      height: var(--element-icons-list-icon-default-icon-size,var(--element-icons-list-icon-size,calc(var(--spacing) * 9)));
    }
  }
  .\[\&_svg\]\:size-\[var\(--element-icons-list-icon-lg-icon-size\,var\(--element-icons-list-icon-size\,calc\(var\(--spacing\)\*12\)\)\)\] {
    & svg {
      width: var(--element-icons-list-icon-lg-icon-size,var(--element-icons-list-icon-size,calc(var(--spacing) * 12)));
      height: var(--element-icons-list-icon-lg-icon-size,var(--element-icons-list-icon-size,calc(var(--spacing) * 12)));
    }
  }
  .\[\&_svg\]\:size-\[var\(--element-icons-list-icon-sm-icon-size\,var\(--element-icons-list-icon-size\,calc\(var\(--spacing\)\*6\)\)\)\] {
    & svg {
      width: var(--element-icons-list-icon-sm-icon-size,var(--element-icons-list-icon-size,calc(var(--spacing) * 6)));
      height: var(--element-icons-list-icon-sm-icon-size,var(--element-icons-list-icon-size,calc(var(--spacing) * 6)));
    }
  }
  .\[\&_svg\]\:size-\[var\(--element-icons-list-icon-xl-icon-size\,var\(--element-icons-list-icon-size\,calc\(var\(--spacing\)\*14\)\)\)\] {
    & svg {
      width: var(--element-icons-list-icon-xl-icon-size,var(--element-icons-list-icon-size,calc(var(--spacing) * 14)));
      height: var(--element-icons-list-icon-xl-icon-size,var(--element-icons-list-icon-size,calc(var(--spacing) * 14)));
    }
  }
  .navbreakpoint\:\[\&_svg\]\:size-14 {
    @media (width >= 90rem) {
      & svg {
        width: calc(var(--spacing) * 14);
        height: calc(var(--spacing) * 14);
      }
    }
  }
  .\@sm\/icon-box\:\[\&_svg\]\:size-24 {
    @container icon-box (width >= 24rem) {
      & svg {
        width: calc(var(--spacing) * 24);
        height: calc(var(--spacing) * 24);
      }
    }
  }
  .\[\&\:not\(\.swiper-initialized\)\]\:-mx-1 {
    &:not(.swiper-initialized) {
      margin-inline: calc(var(--spacing) * -1);
    }
  }
  .\[\&\:not\(\.swiper-initialized\)\]\:-mx-2 {
    &:not(.swiper-initialized) {
      margin-inline: calc(var(--spacing) * -2);
    }
  }
  .\[\&\:not\(\.swiper-initialized\)\]\:-mx-4 {
    &:not(.swiper-initialized) {
      margin-inline: calc(var(--spacing) * -4);
    }
  }
  .\[\&\:not\(\.swiper-initialized\)\]\:-mx-6 {
    &:not(.swiper-initialized) {
      margin-inline: calc(var(--spacing) * -6);
    }
  }
  .\[\&\:not\(\.swiper-initialized\)\>\*\>\.swiper-slide\]\:min-h-full {
    &:not(.swiper-initialized)>*>.swiper-slide {
      min-height: 100%;
    }
  }
  .\[\&\:not\(\.swiper-initialized\)\>\*\>\.swiper-slide\]\:shrink-0 {
    &:not(.swiper-initialized)>*>.swiper-slide {
      flex-shrink: 0;
    }
  }
  .\[\&\:not\(\.swiper-initialized\)\>\*\>\.swiper-slide\]\:basis-6\/12 {
    &:not(.swiper-initialized)>*>.swiper-slide {
      flex-basis: calc(6/12 * 100%);
    }
  }
  .\[\&\:not\(\.swiper-initialized\)\>\*\>\.swiper-slide\]\:basis-full {
    &:not(.swiper-initialized)>*>.swiper-slide {
      flex-basis: 100%;
    }
  }
  .\[\&\:not\(\.swiper-initialized\)\>\*\>\.swiper-slide\]\:border-x-4 {
    &:not(.swiper-initialized)>*>.swiper-slide {
      border-inline-style: var(--tw-border-style);
      border-inline-width: 4px;
    }
  }
  .\[\&\:not\(\.swiper-initialized\)\>\*\>\.swiper-slide\]\:border-x-8 {
    &:not(.swiper-initialized)>*>.swiper-slide {
      border-inline-style: var(--tw-border-style);
      border-inline-width: 8px;
    }
  }
  .\[\&\:not\(\.swiper-initialized\)\>\*\>\.swiper-slide\]\:border-x-\[16px\] {
    &:not(.swiper-initialized)>*>.swiper-slide {
      border-inline-style: var(--tw-border-style);
      border-inline-width: 16px;
    }
  }
  .\[\&\:not\(\.swiper-initialized\)\>\*\>\.swiper-slide\]\:border-x-\[24px\] {
    &:not(.swiper-initialized)>*>.swiper-slide {
      border-inline-style: var(--tw-border-style);
      border-inline-width: 24px;
    }
  }
  .\[\&\:not\(\.swiper-initialized\)\>\*\>\.swiper-slide\]\:border-transparent {
    &:not(.swiper-initialized)>*>.swiper-slide {
      border-color: transparent;
    }
  }
  .\@md\/logos-slider\:\[\&\:not\(\.swiper-initialized\)\>\*\>\.swiper-slide\]\:basis-\[calc\(100\%\/var\(--slides-per-view-md\)\)\] {
    @container logos-slider (width >= 28rem) {
      &:not(.swiper-initialized)>*>.swiper-slide {
        flex-basis: calc(100% / var(--slides-per-view-md));
      }
    }
  }
  .\@md\:\[\&\:not\(\.swiper-initialized\)\>\*\>\.swiper-slide\]\:basis-\[calc\(100\%\/var\(--slides-per-view-md\)\)\] {
    @container (width >= 28rem) {
      &:not(.swiper-initialized)>*>.swiper-slide {
        flex-basis: calc(100% / var(--slides-per-view-md));
      }
    }
  }
  .\@md\:\[\&\:not\(\.swiper-initialized\)\>\*\>\.swiper-slide\]\:basis-\[calc\(100\%\/var\(--thumbs-per-view-md\)\)\] {
    @container (width >= 28rem) {
      &:not(.swiper-initialized)>*>.swiper-slide {
        flex-basis: calc(100% / var(--thumbs-per-view-md));
      }
    }
  }
  .\@3xl\/logos-slider\:\[\&\:not\(\.swiper-initialized\)\>\*\>\.swiper-slide\]\:basis-\[calc\(100\%\/var\(--slides-per-view-3xl\)\)\] {
    @container logos-slider (width >= 48rem) {
      &:not(.swiper-initialized)>*>.swiper-slide {
        flex-basis: calc(100% / var(--slides-per-view-3xl));
      }
    }
  }
  .\@3xl\:\[\&\:not\(\.swiper-initialized\)\>\*\>\.swiper-slide\]\:basis-\[calc\(100\%\/var\(--slides-per-view-3xl\)\)\] {
    @container (width >= 48rem) {
      &:not(.swiper-initialized)>*>.swiper-slide {
        flex-basis: calc(100% / var(--slides-per-view-3xl));
      }
    }
  }
  .\@3xl\:\[\&\:not\(\.swiper-initialized\)\>\*\>\.swiper-slide\]\:basis-\[calc\(100\%\/var\(--thumbs-per-view-3xl\)\)\] {
    @container (width >= 48rem) {
      &:not(.swiper-initialized)>*>.swiper-slide {
        flex-basis: calc(100% / var(--thumbs-per-view-3xl));
      }
    }
  }
  .\@6xl\/logos-slider\:\[\&\:not\(\.swiper-initialized\)\>\*\>\.swiper-slide\]\:basis-\[calc\(100\%\/var\(--slides-per-view-6xl\)\)\] {
    @container logos-slider (width >= 72rem) {
      &:not(.swiper-initialized)>*>.swiper-slide {
        flex-basis: calc(100% / var(--slides-per-view-6xl));
      }
    }
  }
  .\@6xl\:\[\&\:not\(\.swiper-initialized\)\>\*\>\.swiper-slide\]\:basis-\[calc\(100\%\/var\(--slides-per-view-6xl\)\)\] {
    @container (width >= 72rem) {
      &:not(.swiper-initialized)>*>.swiper-slide {
        flex-basis: calc(100% / var(--slides-per-view-6xl));
      }
    }
  }
  .\@6xl\:\[\&\:not\(\.swiper-initialized\)\>\*\>\.swiper-slide\]\:basis-\[calc\(100\%\/var\(--thumbs-per-view-6xl\)\)\] {
    @container (width >= 72rem) {
      &:not(.swiper-initialized)>*>.swiper-slide {
        flex-basis: calc(100% / var(--thumbs-per-view-6xl));
      }
    }
  }
  .\@7xl\/logos-slider\:\[\&\:not\(\.swiper-initialized\)\>\*\>\.swiper-slide\]\:basis-\[calc\(100\%\/var\(--slides-per-view-7xl\)\)\] {
    @container logos-slider (width >= 80rem) {
      &:not(.swiper-initialized)>*>.swiper-slide {
        flex-basis: calc(100% / var(--slides-per-view-7xl));
      }
    }
  }
  .\@7xl\:\[\&\:not\(\.swiper-initialized\)\>\*\>\.swiper-slide\]\:basis-\[calc\(100\%\/var\(--slides-per-view-7xl\)\)\] {
    @container (width >= 80rem) {
      &:not(.swiper-initialized)>*>.swiper-slide {
        flex-basis: calc(100% / var(--slides-per-view-7xl));
      }
    }
  }
  .\@7xl\:\[\&\:not\(\.swiper-initialized\)\>\*\>\.swiper-slide\]\:basis-\[calc\(100\%\/var\(--thumbs-per-view-7xl\)\)\] {
    @container (width >= 80rem) {
      &:not(.swiper-initialized)>*>.swiper-slide {
        flex-basis: calc(100% / var(--thumbs-per-view-7xl));
      }
    }
  }
  .\@8xl\/logos-slider\:\[\&\:not\(\.swiper-initialized\)\>\*\>\.swiper-slide\]\:basis-\[calc\(100\%\/var\(--slides-per-view-8xl\)\)\] {
    @container logos-slider (width >= 90rem) {
      &:not(.swiper-initialized)>*>.swiper-slide {
        flex-basis: calc(100% / var(--slides-per-view-8xl));
      }
    }
  }
  .\@8xl\:\[\&\:not\(\.swiper-initialized\)\>\*\>\.swiper-slide\]\:basis-\[calc\(100\%\/var\(--slides-per-view-8xl\)\)\] {
    @container (width >= 90rem) {
      &:not(.swiper-initialized)>*>.swiper-slide {
        flex-basis: calc(100% / var(--slides-per-view-8xl));
      }
    }
  }
  .\@8xl\:\[\&\:not\(\.swiper-initialized\)\>\*\>\.swiper-slide\]\:basis-\[calc\(100\%\/var\(--thumbs-per-view-8xl\)\)\] {
    @container (width >= 90rem) {
      &:not(.swiper-initialized)>*>.swiper-slide {
        flex-basis: calc(100% / var(--thumbs-per-view-8xl));
      }
    }
  }
  .\[\&\:not\(\.swiper-initialized\)\>\.swiper-wrapper\]\:overflow-hidden {
    &:not(.swiper-initialized)>.swiper-wrapper {
      overflow: hidden;
    }
  }
  .\[\&\:not\(\.swiper-initialized\)\>\.swiper-wrapper\>\.swiper-slide\]\:w-1\/3 {
    &:not(.swiper-initialized)>.swiper-wrapper>.swiper-slide {
      width: calc(1/3 * 100%);
    }
  }
  .\[\&\:not\(\.swiper-initialized\)\>\.swiper-wrapper\>\.swiper-slide\]\:border-x-\[16px\] {
    &:not(.swiper-initialized)>.swiper-wrapper>.swiper-slide {
      border-inline-style: var(--tw-border-style);
      border-inline-width: 16px;
    }
  }
  .\[\&\:not\(\.swiper-initialized\)\>\.swiper-wrapper\>\.swiper-slide\]\:border-x-transparent {
    &:not(.swiper-initialized)>.swiper-wrapper>.swiper-slide {
      border-inline-color: transparent;
    }
  }
  .\*\:\[\&\:not\(\:first-child\)\]\:border-t {
    :is(& > *) {
      &:not(:first-child) {
        border-top-style: var(--tw-border-style);
        border-top-width: 1px;
      }
    }
  }
  .\*\:\[\&\:not\(\:first-child\)\]\:border-t-\(--element-color-border\) {
    :is(& > *) {
      &:not(:first-child) {
        border-top-color: var(--element-color-border);
      }
    }
  }
  .\*\:\[\&\:not\(\:first-child\)\]\:pt-\[var\(--element-section-rows-gap-y-default\)\] {
    :is(& > *) {
      &:not(:first-child) {
        padding-top: var(--element-section-rows-gap-y-default);
      }
    }
  }
  .max-navbreakpoint\:\[\&\:not\(\:only-child\)\]\:border-t {
    @media (width < 90rem) {
      &:not(:only-child) {
        border-top-style: var(--tw-border-style);
        border-top-width: 1px;
      }
    }
  }
  .max-navbreakpoint\:\[\&\:not\(\:only-child\)\]\:border-\[var\(--element-color-border\)\] {
    @media (width < 90rem) {
      &:not(:only-child) {
        border-color: var(--element-color-border);
      }
    }
  }
  .\[\&\>\.section-element-bg\]\:border-y {
    &>.section-element-bg {
      border-block-style: var(--tw-border-style);
      border-block-width: 1px;
    }
  }
  .\[\&\>\.section-element-bg\]\:border-y-\(--element-color-border\) {
    &>.section-element-bg {
      border-block-color: var(--element-color-border);
    }
  }
  .max-navbreakpoint\:\[\&\>div\>ul\.menu\]\:px-6 {
    @media (width < 90rem) {
      &>div>ul.menu {
        padding-inline: calc(var(--spacing) * 6);
      }
    }
  }
}
:root {
  --base-container-padding-xs: max(env(safe-area-inset-left), 1rem);
  --base-container-padding-sm: max(env(safe-area-inset-left), 1rem);
  --base-container-padding-md: max(env(safe-area-inset-left), 2rem);
  --base-container-padding-lg: max(env(safe-area-inset-left), 2rem);
  --base-container-padding-xl: max(env(safe-area-inset-left), 2rem);
  --base-container-padding-2xl: max(env(safe-area-inset-left), 2rem);
  --base-container-max-width-sm: 64rem;
  --base-container-max-width-md: 80rem;
  --base-container-max-width-default: 96rem;
  --base-container-max-width-full: none;
  --element-min-height-full: 100svh;
  --element-min-height-lg: 85svh;
  --element-min-height-md: 50svh;
  --element-min-height-auto: auto;
  --element-gap-xs: 0.5rem;
  --element-gap-sm: 1rem;
  --element-gap-md: 1.5rem;
  --element-gap-default: 2rem;
  --element-gap-lg: 3rem;
  --element-border-radius-sm: 0.25rem;
  --element-border-radius-md: 0.375rem;
  --element-border-radius-lg: 0.5rem;
  --element-header-top-height-navbreakpoint-down: 40px;
  --element-header-top-height-navbreakpoint-down-scrolled: 40px;
  --element-header-top-height-navbreakpoint-up: 40px;
  --element-header-top-height-navbreakpoint-up-scrolled: 40px;
  --element-header-main-height-navbreakpoint-down: 100px;
  --element-header-main-height-navbreakpoint-down-scrolled: 100px;
  --element-header-main-height-navbreakpoint-up: 120px;
  --element-header-main-height-navbreakpoint-up-scrolled: 100px;
  --element-header-main-navigation-prev-link-height: 4rem;
  --element-header-main-navigation-sub-menu-title-height: 3rem;
  --element-section-rows-padding-y-sm: clamp(0.75rem, 2vw, 1.5rem);
  --element-section-rows-padding-y-default: clamp(1.5rem, 5vw, 3rem);
  --element-section-rows-padding-y-lg: clamp(3rem, 8vw, 6rem);
  --element-section-rows-gap-y-default: clamp(2rem / 1.5, 5vw, 2rem);
  --element-section-rows-gap-y-sm: 1rem;
  --element-section-rows-gap-y-lg: clamp(4rem / 1.5, 9vw, 4rem);
  --element-row-gap-y-default: clamp(2rem / 1.5, 5vw, 2rem);
  --element-row-gap-y-sm: 1rem;
  --element-row-gap-y-lg: clamp(4rem / 1.5, 9vw, 4rem);
  --element-row-gap-x-default: 2rem;
  --element-row-gap-x-sm: 1rem;
  --element-row-gap-x-lg: 4rem;
  --element-row-padding-default: clamp(2rem / 1.5, 5vw, 2rem);
  --element-row-padding-sm: 1rem;
  --element-row-padding-lg: clamp(4rem / 1.5, 9vw, 4rem);
  --element-col-padding-default: clamp(1rem, 6vw, 1.5rem);
  --element-col-padding-sm: 1rem;
  --element-col-padding-lg: clamp(1.5rem, 6vw, 2rem);
  --element-banner-padding-y: clamp(3rem, 5vw, 5rem);
  --element-spacer-height-xs: 1rem;
  --element-spacer-height-sm: 2rem;
  --element-spacer-height-default: 3rem;
  --element-spacer-height-lg: 5rem;
  --element-title-gap-y-h1: 0.5rem;
  --element-title-gap-y-h2: 0.5rem;
  --element-title-gap-y-h3: 0.25rem;
  --element-title-gap-y-h4: 0.25rem;
  --element-title-gap-y-h5: 0rem;
  --element-title-gap-y-h6: 0rem;
  --element-title-gap-y-d1: 0.5rem;
  --element-title-gap-y-d2: 0.5rem;
  --element-title-gap-y-d3: 0.5rem;
  --element-title-gap-y-d4: 0.5rem;
  --element-title-margin-bottom-h1: clamp(1.5rem, 4vw, 2rem);
  --element-title-margin-bottom-h2: clamp(1rem, 4vw, 1.5rem);
  --element-title-margin-bottom-h3: clamp(0.5rem, 3vw, 1rem);
  --element-title-margin-bottom-h4: clamp(0.5rem, 3vw, 1rem);
  --element-title-margin-bottom-h5: 0.5rem;
  --element-title-margin-bottom-h6: 0.5rem;
  --element-title-margin-bottom-d1: clamp(1.5rem, 4vw, 2rem);
  --element-title-margin-bottom-d2: clamp(1rem, 4vw, 1.5rem);
  --element-title-margin-bottom-d3: clamp(1rem, 3vw, 1.5rem);
  --element-title-margin-bottom-d4: clamp(1rem, 3vw, 1.5rem);
  --element-buttons-gap-sm: 0.5rem;
  --element-buttons-gap-default: 1rem;
  --element-buttons-gap-lg: 1rem;
  --element-button-colors-link-color: var(--color-primary);
  --element-button-colors-link-border-color: transparent;
  --element-button-colors-link-border-color-hover: transparent;
  --element-button-colors-link-border-color-active: transparent;
  --element-button-colors-link-background-color: transparent;
  --element-button-colors-link-background-color-hover: transparent;
  --element-button-colors-link-background-color-active: transparent;
  --element-button-colors-primary-color: #fff;
  --element-button-colors-primary-border-color: var(--color-primary-500);
  --element-button-colors-primary-border-color-hover: var(--color-primary-400);
  --element-button-colors-primary-border-color-active: var(--color-primary-500);
  --element-button-colors-primary-background-color: var(--color-primary-500);
  --element-button-colors-primary-background-color-hover: var(--color-primary-400);
  --element-button-colors-primary-background-color-active: var(--color-primary-500);
  --element-button-colors-primary-outline-color: var(--color-primary-500);
  --element-button-colors-secondary-color: #fff;
  --element-button-colors-secondary-border-color: var(--color-secondary);
  --element-button-colors-secondary-border-color-hover: var(--color-secondary-lighter);
  --element-button-colors-secondary-border-color-active: var(--color-secondary-darker);
  --element-button-colors-secondary-background-color: var(--color-secondary);
  --element-button-colors-secondary-background-color-hover: var(--color-secondary-lighter);
  --element-button-colors-secondary-background-color-active: var(--color-secondary-darker);
  --element-button-colors-secondary-outline-color: var(--color-secondary);
  --element-button-colors-light-color: black;
  --element-button-colors-light-border-color: var(--color-gray-100);
  --element-button-colors-light-border-color-hover: var(--color-gray-50);
  --element-button-colors-light-border-color-active: var(--color-gray-200);
  --element-button-colors-light-background-color: var(--color-gray-100);
  --element-button-colors-light-background-color-hover: var(--color-gray-50);
  --element-button-colors-light-background-color-active: var(--color-gray-200);
  --element-button-colors-light-outline-color: var(--color-gray-100);
  --element-button-colors-dark-color: #fff;
  --element-button-colors-dark-border-color: var(--color-gray-800);
  --element-button-colors-dark-border-color-hover: var(--color-gray-700);
  --element-button-colors-dark-border-color-active: var(--color-gray-900);
  --element-button-colors-dark-background-color: var(--color-gray-800);
  --element-button-colors-dark-background-color-hover: var(--color-gray-700);
  --element-button-colors-dark-background-color-active: var(--color-gray-900);
  --element-button-colors-dark-outline-color: var(--color-gray-800);
  --element-button-sizes-default-font-size: 0.875rem;
  --element-button-sizes-default-font-weight: 600;
  --element-button-sizes-default-font-family: inherit;
  --element-button-sizes-default-text-transform: none;
  --element-button-sizes-default-letter-spacing: 0;
  --element-button-sizes-default-line-height: 1.25rem;
  --element-button-sizes-default-border-radius: 0.25rem;
  --element-button-sizes-default-border-width: 1px;
  --element-button-sizes-default-px: 1.25rem;
  --element-button-sizes-default-py: 0.875rem;
  --element-button-sizes-default-gap-x: 0.5rem;
  --element-button-sizes-default-gap-y: 0.5rem;
  --element-button-sizes-default-icon-size: 1.3rem;
  --element-button-sizes-sm-font-size: 0.75rem;
  --element-button-sizes-sm-font-weight: var(--element-button-sizes-default-font-weight);
  --element-button-sizes-sm-font-family: var(--element-button-sizes-default-font-family);
  --element-button-sizes-sm-text-transform: var(--element-button-sizes-default-text-transform);
  --element-button-sizes-sm-letter-spacing: var(--element-button-sizes-default-letter-spacing);
  --element-button-sizes-sm-line-height: 1rem;
  --element-button-sizes-sm-border-radius: var(--element-button-sizes-default-border-radius);
  --element-button-sizes-sm-border-width: var(--element-button-sizes-default-border-width);
  --element-button-sizes-sm-px: 0.625rem;
  --element-button-sizes-sm-py: 0.5rem;
  --element-button-sizes-sm-gap-x: 0.25rem;
  --element-button-sizes-sm-gap-y: 0.25rem;
  --element-button-sizes-sm-icon-size: 1rem;
  --element-button-sizes-lg-font-size: 1rem;
  --element-button-sizes-lg-font-weight: var(--element-button-sizes-default-font-weight);
  --element-button-sizes-lg-font-family: var(--element-button-sizes-default-font-family);
  --element-button-sizes-lg-text-transform: var(--element-button-sizes-default-text-transform);
  --element-button-sizes-lg-letter-spacing: var(--element-button-sizes-default-letter-spacing);
  --element-button-sizes-lg-line-height: 1.25rem;
  --element-button-sizes-lg-border-radius: var(--element-button-sizes-default-border-radius);
  --element-button-sizes-lg-border-width: var(--element-button-sizes-default-border-width);
  --element-button-sizes-lg-px: 1.75rem;
  --element-button-sizes-lg-py: 1.25rem;
  --element-button-sizes-lg-gap-x: 0.75rem;
  --element-button-sizes-lg-gap-y: 0.5rem;
  --element-button-sizes-lg-icon-size: 1.5rem;
  --element-button-sizes-lg-downscale-breakpoint: 30rem;
  --element-forms-general-input-font-weight: 400;
  --element-forms-general-input-padding-x: 1rem;
  --element-forms-general-input-padding-y: 0.75rem;
  --element-forms-general-input-border-radius: 0.25rem;
  --element-forms-general-input-border-style: solid;
  --element-forms-general-input-border-width: 1px;
  --element-forms-general-input-box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --element-forms-general-option-padding-x: 0.375rem;
  --element-forms-general-option-padding-y: 0.375rem;
  --element-forms-general-input-font-size: 1rem;
  --element-forms-general-input-line-height: 1.5;
  --element-forms-general-focus-ring-width: 3px;
  --element-forms-general-focus-ring-offset: 0px;
  --element-forms-general-label-font-weight: 700;
  --element-forms-general-label-font-size: 1rem;
  --element-forms-general-checkbox-border-radius: 0.25rem;
  --element-forms-colors-default-inputs-color: var(--color-gray-800);
  --element-forms-colors-default-inputs-option-color: var(--color-gray-800);
  --element-forms-colors-default-inputs-accent-background: var(--color-primary-500);
  --element-forms-colors-default-inputs-accent-foreground: #fff;
  --element-forms-colors-default-inputs-background-color: #fff;
  --element-forms-colors-default-inputs-border-color: rgba(0, 0, 0, 0.1);
  --element-forms-colors-default-inputs-focus-border-color: var(--color-primary-500);
  --element-forms-colors-default-inputs-focus-ring-color: rgba(0, 14, 199, 0.25);
  --element-forms-colors-default-inputs-focus-background-color: #fff;
  --element-forms-colors-default-inputs-required-border-color: var(--color-danger-border);
  --element-forms-colors-default-inputs-required-ring-color: rgba(239, 68, 68, 0.25);
  --element-forms-colors-default-inputs-radio-checkbox-accent: var(--color-primary-500);
  --element-forms-colors-alt-inputs-color: rgba(255, 255, 255, 0.9);
  --element-forms-colors-alt-inputs-option-color: var(--color-gray-800);
  --element-forms-colors-alt-inputs-accent-background: var(--color-primary-500);
  --element-forms-colors-alt-inputs-accent-foreground: #fff;
  --element-forms-colors-alt-inputs-background-color: rgba(255, 255, 255, 0.15);
  --element-forms-colors-alt-inputs-border-color: rgba(255, 255, 255, 0.15);
  --element-forms-colors-alt-inputs-focus-border-color: #fff;
  --element-forms-colors-alt-inputs-focus-ring-color: rgba(255, 255, 255, 0.25);
  --element-forms-colors-alt-inputs-focus-background-color: rgba(255, 255, 255, 0.05);
  --element-forms-colors-alt-inputs-required-border-color: var(--color-danger-border);
  --element-forms-colors-alt-inputs-required-ring-color: rgba(239, 68, 68, 0.25);
  --element-forms-colors-alt-inputs-radio-checkbox-accent: #fff;
}
:root {
  --element-color-default-bg: white;
  --element-color-default-bg-alternate: var(--color-gray-50);
  --element-color-default-fg: var(--color-gray-800);
  --element-color-default-fg-darker: var(--color-gray-900);
  --element-color-default-fg-muted: var(--color-gray-500);
  --element-color-default-accent: var(--color-primary-500);
  --element-color-default-accent-alternate: var(--color-primary-400);
  --element-color-default-title: var(--element-color-default-fg-darker);
  --element-color-default-title-alternate: var(--element-color-default-fg-darker);
  --element-color-default-subtitle: var(--element-color-default-fg-muted);
  --element-color-default-subtitle-alternate: var(--element-color-default-accent);
  --element-color-default-border: rgba(0, 0, 0, .08);
  --element-color-default-nav-fg: var(--element-color-default-fg-muted);
  --element-color-default-nav-fg-hover: var(--element-color-default-fg);
  --element-color-default-nav-fg-active: var(--element-color-default-fg);
  --element-color-default-nav-border: transparent;
  --element-color-default-nav-border-hover: transparent;
  --element-color-default-nav-border-active: transparent;
  --element-color-default-nav-bg: transparent;
  --element-color-default-nav-bg-hover: transparent;
  --element-color-default-nav-bg-active: transparent;
  --element-color-default-nav-tab-fg: var(--element-color-default-nav-fg);
  --element-color-default-nav-tab-fg-hover: var(--element-color-default-nav-fg-hover);
  --element-color-default-nav-tab-fg-active: var(--element-color-default-accent);
  --element-color-default-nav-tab-border: transparent;
  --element-color-default-nav-tab-border-hover: var(--color-gray-300);
  --element-color-default-nav-tab-border-active: var(--element-color-default-accent);
  --element-color-default-nav-tab-bg: transparent;
  --element-color-default-nav-tab-bg-hover: transparent;
  --element-color-default-nav-tab-bg-active: transparent;
  --element-color-default-nav-pagination-fg: var(--element-color-default-nav-fg);
  --element-color-default-nav-pagination-fg-hover: var(--element-color-default-nav-fg-hover);
  --element-color-default-nav-pagination-fg-active: var(--element-color-default-nav-fg-active);
  --element-color-default-nav-pagination-border: rgba(0, 0, 0, 0.08);
  --element-color-default-nav-pagination-border-hover: transparent;
  --element-color-default-nav-pagination-border-active: transparent;
  --element-color-default-nav-pagination-bg: var(--element-color-default-bg);
  --element-color-default-nav-pagination-bg-hover: var(--element-color-default-bg-alternate);
  --element-color-default-nav-pagination-bg-active: var(--color-gray-100);
  --element-color-primary-bg: var(--color-primary-100);
  --element-color-primary-bg-alternate: rgba(255, 255, 255, .2);
  --element-color-primary-fg: var(--color-gray-800);
  --element-color-primary-fg-darker: var(--color-gray-900);
  --element-color-primary-fg-muted: var(--color-gray-500);
  --element-color-primary-accent: var(--color-primary-500);
  --element-color-primary-accent-alternate: var(--color-primary-400);
  --element-color-primary-title: var(--element-color-primary-fg-darker);
  --element-color-primary-title-alternate: var(--element-color-primary-fg-darker);
  --element-color-primary-subtitle: var(--element-color-primary-fg-muted);
  --element-color-primary-subtitle-alternate: var(--element-color-primary-accent);
  --element-color-primary-border: rgba(0, 0, 0, .08);
  --element-color-primary-nav-fg: var(--element-color-primary-fg-muted);
  --element-color-primary-nav-fg-hover: var(--element-color-primary-fg);
  --element-color-primary-nav-fg-active: var(--element-color-primary-fg);
  --element-color-primary-nav-border: transparent;
  --element-color-primary-nav-border-hover: transparent;
  --element-color-primary-nav-border-active: transparent;
  --element-color-primary-nav-bg: transparent;
  --element-color-primary-nav-bg-hover: transparent;
  --element-color-primary-nav-bg-active: transparent;
  --element-color-primary-nav-tab-fg: var(--element-color-primary-nav-fg);
  --element-color-primary-nav-tab-fg-hover: var(--element-color-primary-nav-fg-hover);
  --element-color-primary-nav-tab-fg-active: var(--element-color-primary-accent);
  --element-color-primary-nav-tab-border: transparent;
  --element-color-primary-nav-tab-border-hover: rgba(0, 0, 0, .1);
  --element-color-primary-nav-tab-border-active: var(--element-color-primary-accent);
  --element-color-primary-nav-tab-bg: transparent;
  --element-color-primary-nav-tab-bg-hover: transparent;
  --element-color-primary-nav-tab-bg-active: transparent;
  --element-color-primary-nav-pagination-fg: var(--element-color-primary-nav-fg);
  --element-color-primary-nav-pagination-fg-hover: var(--element-color-primary-nav-fg-hover);
  --element-color-primary-nav-pagination-fg-active: var(--element-color-primary-nav-fg-active);
  --element-color-primary-nav-pagination-border: rgba(0, 0, 0, 0.08);
  --element-color-primary-nav-pagination-border-hover: transparent;
  --element-color-primary-nav-pagination-border-active: transparent;
  --element-color-primary-nav-pagination-bg: rgba(255, 255, 255, 0.05);
  --element-color-primary-nav-pagination-bg-hover: rgba(255, 255, 255, 0.4);
  --element-color-primary-nav-pagination-bg-active: rgba(255, 255, 255, 0.7);
  --element-color-light-bg: var(--color-gray-50);
  --element-color-light-bg-alternate: var(--color-gray-100);
  --element-color-light-fg: var(--color-gray-800);
  --element-color-light-fg-darker: var(--color-gray-900);
  --element-color-light-fg-muted: var(--color-gray-500);
  --element-color-light-accent: var(--color-primary-500);
  --element-color-light-accent-alternate: var(--color-primary-400);
  --element-color-light-title: var(--element-color-light-fg-darker);
  --element-color-light-title-alternate: var(--element-color-light-fg-darker);
  --element-color-light-subtitle: var(--element-color-light-fg-muted);
  --element-color-light-subtitle-alternate: var(--element-color-light-accent);
  --element-color-light-border: rgba(0, 0, 0, .08);
  --element-color-light-nav-fg: var(--element-color-light-fg-muted);
  --element-color-light-nav-fg-hover: var(--element-color-light-fg);
  --element-color-light-nav-fg-active: var(--element-color-light-fg);
  --element-color-light-nav-border: transparent;
  --element-color-light-nav-border-hover: transparent;
  --element-color-light-nav-border-active: transparent;
  --element-color-light-nav-bg: transparent;
  --element-color-light-nav-bg-hover: transparent;
  --element-color-light-nav-bg-active: transparent;
  --element-color-light-nav-tab-fg: var(--element-color-light-nav-fg);
  --element-color-light-nav-tab-fg-hover: var(--element-color-light-nav-fg-hover);
  --element-color-light-nav-tab-fg-active: var(--element-color-light-accent);
  --element-color-light-nav-tab-border: transparent;
  --element-color-light-nav-tab-border-hover: var(--color-gray-300);
  --element-color-light-nav-tab-border-active: var(--element-color-light-accent);
  --element-color-light-nav-tab-bg: transparent;
  --element-color-light-nav-tab-bg-hover: transparent;
  --element-color-light-nav-tab-bg-active: transparent;
  --element-color-light-nav-pagination-fg: var(--element-color-light-nav-fg);
  --element-color-light-nav-pagination-fg-hover: var(--element-color-light-nav-fg-hover);
  --element-color-light-nav-pagination-fg-active: var(--element-color-light-nav-fg-active);
  --element-color-light-nav-pagination-border: rgba(0, 0, 0, 0.08);
  --element-color-light-nav-pagination-border-hover: transparent;
  --element-color-light-nav-pagination-border-active: transparent;
  --element-color-light-nav-pagination-bg: var(--element-color-light-bg);
  --element-color-light-nav-pagination-bg-hover: var(--element-color-light-bg-alternate);
  --element-color-light-nav-pagination-bg-active: var(--color-gray-200);
  --element-color-dark-bg: black;
  --element-color-dark-bg-alternate: rgba(255, 255, 255, .15);
  --element-color-dark-fg: rgba(255, 255, 255, .8);
  --element-color-dark-fg-darker: var(--color-gray-900);
  --element-color-dark-fg-muted: rgba(255, 255, 255, .7);
  --element-color-dark-accent: white;
  --element-color-dark-accent-alternate: rgba(255, 255, 255, .8);
  --element-color-dark-title: white;
  --element-color-dark-title-alternate: white;
  --element-color-dark-subtitle: var(--element-color-dark-fg-muted);
  --element-color-dark-subtitle-alternate: var(--element-color-dark-accent);
  --element-color-dark-border: rgba(255, 255, 255, .2);
  --element-color-dark-nav-fg: var(--element-color-dark-fg-muted);
  --element-color-dark-nav-fg-hover: var(--element-color-dark-fg);
  --element-color-dark-nav-fg-active: var(--element-color-dark-fg);
  --element-color-dark-nav-border: transparent;
  --element-color-dark-nav-border-hover: transparent;
  --element-color-dark-nav-border-active: transparent;
  --element-color-dark-nav-bg: transparent;
  --element-color-dark-nav-bg-hover: transparent;
  --element-color-dark-nav-bg-active: transparent;
  --element-color-dark-nav-tab-fg: rgba(255, 255, 255, .6);
  --element-color-dark-nav-tab-fg-hover: rgba(255, 255, 255, .9);
  --element-color-dark-nav-tab-fg-active: var(--element-color-dark-accent);
  --element-color-dark-nav-tab-border: transparent;
  --element-color-dark-nav-tab-border-hover: rgba(255, 255, 255, .6);
  --element-color-dark-nav-tab-border-active: var(--element-color-dark-accent);
  --element-color-dark-nav-tab-bg: transparent;
  --element-color-dark-nav-tab-bg-hover: transparent;
  --element-color-dark-nav-tab-bg-active: transparent;
  --element-color-dark-nav-pagination-fg: var(--element-color-dark-nav-fg);
  --element-color-dark-nav-pagination-fg-hover: var(--element-color-dark-nav-fg-hover);
  --element-color-dark-nav-pagination-fg-active: var(--element-color-dark-nav-fg-active);
  --element-color-dark-nav-pagination-border: rgba(255, 255, 255, 0.2);
  --element-color-dark-nav-pagination-border-hover: transparent;
  --element-color-dark-nav-pagination-border-active: transparent;
  --element-color-dark-nav-pagination-bg: rgba(255, 255, 255, .05);
  --element-color-dark-nav-pagination-bg-hover: rgba(255, 255, 255, .1);
  --element-color-dark-nav-pagination-bg-active: rgba(255, 255, 255, 0.2);
  --element-color-video-image-bg: black;
  --element-color-video-image-bg-alternate: rgba(255, 255, 255, .15);
  --element-color-video-image-fg: rgba(255, 255, 255, .9);
  --element-color-video-image-fg-darker: var(--color-gray-900);
  --element-color-video-image-fg-muted: rgba(255, 255, 255, .7);
  --element-color-video-image-accent: white;
  --element-color-video-image-accent-alternate: rgba(255, 255, 255, .8);
  --element-color-video-image-title: white;
  --element-color-video-image-title-alternate: white;
  --element-color-video-image-subtitle: var(--element-color-video-image-fg-muted);
  --element-color-video-image-subtitle-alternate: var(--element-color-video-image-accent);
  --element-color-video-image-border: rgba(255, 255, 255, .2);
  --element-color-video-image-nav-fg: var(--element-color-video-image-fg-muted);
  --element-color-video-image-nav-fg-hover: var(--element-color-video-image-fg);
  --element-color-video-image-nav-fg-active: var(--element-color-video-image-fg);
  --element-color-video-image-nav-border: transparent;
  --element-color-video-image-nav-border-hover: transparent;
  --element-color-video-image-nav-border-active: transparent;
  --element-color-video-image-nav-bg: transparent;
  --element-color-video-image-nav-bg-hover: transparent;
  --element-color-video-image-nav-bg-active: transparent;
  --element-color-video-image-nav-tab-fg: rgba(255, 255, 255, .6);
  --element-color-video-image-nav-tab-fg-hover: rgba(255, 255, 255, .9);
  --element-color-video-image-nav-tab-fg-active: var(--element-color-video-image-accent);
  --element-color-video-image-nav-tab-border: transparent;
  --element-color-video-image-nav-tab-border-hover: rgba(255, 255, 255, .6);
  --element-color-video-image-nav-tab-border-active: var(--element-color-video-image-accent);
  --element-color-video-image-nav-tab-bg: transparent;
  --element-color-video-image-nav-tab-bg-hover: transparent;
  --element-color-video-image-nav-tab-bg-active: transparent;
  --element-color-video-image-nav-pagination-fg: var(--element-color-video-image-nav-fg);
  --element-color-video-image-nav-pagination-fg-hover: var(--element-color-video-image-nav-fg-hover);
  --element-color-video-image-nav-pagination-fg-active: var(--element-color-video-image-nav-fg-active);
  --element-color-video-image-nav-pagination-border: rgba(255, 255, 255, 0.2);
  --element-color-video-image-nav-pagination-border-hover: transparent;
  --element-color-video-image-nav-pagination-border-active: transparent;
  --element-color-video-image-nav-pagination-bg: rgba(255, 255, 255, .05);
  --element-color-video-image-nav-pagination-bg-hover: rgba(255, 255, 255, .1);
  --element-color-video-image-nav-pagination-bg-active: rgba(255, 255, 255, 0.2);
  &, [data-element-color="default"] {
    --element-color-bg: var(--element-color-default-bg);
    --element-color-bg-alternate: var(--element-color-default-bg-alternate);
    --element-color-fg: var(--element-color-default-fg);
    --element-color-fg-darker: var(--element-color-default-fg-darker);
    --element-color-fg-muted: var(--element-color-default-fg-muted);
    --element-color-accent: var(--element-color-default-accent);
    --element-color-accent-alternate: var(--element-color-default-accent-alternate);
    --element-color-title: var(--element-color-default-title);
    --element-color-title-alternate: var(--element-color-default-title-alternate);
    --element-color-subtitle: var(--element-color-default-subtitle);
    --element-color-subtitle-alternate: var(--element-color-default-subtitle-alternate);
    --element-color-border: var(--element-color-default-border);
    --element-color-nav-fg: var(--element-color-default-nav-fg);
    --element-color-nav-fg-hover: var(--element-color-default-nav-fg-hover);
    --element-color-nav-fg-active: var(--element-color-default-nav-fg-active);
    --element-color-nav-border: var(--element-color-default-nav-border);
    --element-color-nav-border-hover: var(--element-color-default-nav-border-hover);
    --element-color-nav-border-active: var(--element-color-default-nav-border-active);
    --element-color-nav-bg: var(--element-color-default-nav-bg);
    --element-color-nav-bg-hover: var(--element-color-default-nav-bg-hover);
    --element-color-nav-bg-active: var(--element-color-default-nav-bg-active);
    --element-color-nav-tab-fg: var(--element-color-default-nav-tab-fg);
    --element-color-nav-tab-fg-hover: var(--element-color-default-nav-tab-fg-hover);
    --element-color-nav-tab-fg-active: var(--element-color-default-nav-tab-fg-active);
    --element-color-nav-tab-border: var(--element-color-default-nav-tab-border);
    --element-color-nav-tab-border-hover: var(--element-color-default-nav-tab-border-hover);
    --element-color-nav-tab-border-active: var(--element-color-default-nav-tab-border-active);
    --element-color-nav-tab-bg: var(--element-color-default-nav-tab-bg);
    --element-color-nav-tab-bg-hover: var(--element-color-default-nav-tab-bg-hover);
    --element-color-nav-tab-bg-active: var(--element-color-default-nav-tab-bg-active);
    --element-color-nav-pagination-fg: var(--element-color-default-nav-pagination-fg);
    --element-color-nav-pagination-fg-hover: var(--element-color-default-nav-pagination-fg-hover);
    --element-color-nav-pagination-fg-active: var(--element-color-default-nav-pagination-fg-active);
    --element-color-nav-pagination-border: var(--element-color-default-nav-pagination-border);
    --element-color-nav-pagination-border-hover: var(--element-color-default-nav-pagination-border-hover);
    --element-color-nav-pagination-border-active: var(--element-color-default-nav-pagination-border-active);
    --element-color-nav-pagination-bg: var(--element-color-default-nav-pagination-bg);
    --element-color-nav-pagination-bg-hover: var(--element-color-default-nav-pagination-bg-hover);
    --element-color-nav-pagination-bg-active: var(--element-color-default-nav-pagination-bg-active);
  }
  [data-element-color="primary"] {
    --element-color-bg: var(--element-color-primary-bg);
    --element-color-bg-alternate: var(--element-color-primary-bg-alternate);
    --element-color-fg: var(--element-color-primary-fg);
    --element-color-fg-darker: var(--element-color-primary-fg-darker);
    --element-color-fg-muted: var(--element-color-primary-fg-muted);
    --element-color-accent: var(--element-color-primary-accent);
    --element-color-accent-alternate: var(--element-color-primary-accent-alternate);
    --element-color-title: var(--element-color-primary-title);
    --element-color-title-alternate: var(--element-color-primary-title-alternate);
    --element-color-subtitle: var(--element-color-primary-subtitle);
    --element-color-subtitle-alternate: var(--element-color-primary-subtitle-alternate);
    --element-color-border: var(--element-color-primary-border);
    --element-color-nav-fg: var(--element-color-primary-nav-fg);
    --element-color-nav-fg-hover: var(--element-color-primary-nav-fg-hover);
    --element-color-nav-fg-active: var(--element-color-primary-nav-fg-active);
    --element-color-nav-border: var(--element-color-primary-nav-border);
    --element-color-nav-border-hover: var(--element-color-primary-nav-border-hover);
    --element-color-nav-border-active: var(--element-color-primary-nav-border-active);
    --element-color-nav-bg: var(--element-color-primary-nav-bg);
    --element-color-nav-bg-hover: var(--element-color-primary-nav-bg-hover);
    --element-color-nav-bg-active: var(--element-color-primary-nav-bg-active);
    --element-color-nav-tab-fg: var(--element-color-primary-nav-tab-fg);
    --element-color-nav-tab-fg-hover: var(--element-color-primary-nav-tab-fg-hover);
    --element-color-nav-tab-fg-active: var(--element-color-primary-nav-tab-fg-active);
    --element-color-nav-tab-border: var(--element-color-primary-nav-tab-border);
    --element-color-nav-tab-border-hover: var(--element-color-primary-nav-tab-border-hover);
    --element-color-nav-tab-border-active: var(--element-color-primary-nav-tab-border-active);
    --element-color-nav-tab-bg: var(--element-color-primary-nav-tab-bg);
    --element-color-nav-tab-bg-hover: var(--element-color-primary-nav-tab-bg-hover);
    --element-color-nav-tab-bg-active: var(--element-color-primary-nav-tab-bg-active);
    --element-color-nav-pagination-fg: var(--element-color-primary-nav-pagination-fg);
    --element-color-nav-pagination-fg-hover: var(--element-color-primary-nav-pagination-fg-hover);
    --element-color-nav-pagination-fg-active: var(--element-color-primary-nav-pagination-fg-active);
    --element-color-nav-pagination-border: var(--element-color-primary-nav-pagination-border);
    --element-color-nav-pagination-border-hover: var(--element-color-primary-nav-pagination-border-hover);
    --element-color-nav-pagination-border-active: var(--element-color-primary-nav-pagination-border-active);
    --element-color-nav-pagination-bg: var(--element-color-primary-nav-pagination-bg);
    --element-color-nav-pagination-bg-hover: var(--element-color-primary-nav-pagination-bg-hover);
    --element-color-nav-pagination-bg-active: var(--element-color-primary-nav-pagination-bg-active);
  }
  [data-element-color="light"] {
    --element-color-bg: var(--element-color-light-bg);
    --element-color-bg-alternate: var(--element-color-light-bg-alternate);
    --element-color-fg: var(--element-color-light-fg);
    --element-color-fg-darker: var(--element-color-light-fg-darker);
    --element-color-fg-muted: var(--element-color-light-fg-muted);
    --element-color-accent: var(--element-color-light-accent);
    --element-color-accent-alternate: var(--element-color-light-accent-alternate);
    --element-color-title: var(--element-color-light-title);
    --element-color-title-alternate: var(--element-color-light-title-alternate);
    --element-color-subtitle: var(--element-color-light-subtitle);
    --element-color-subtitle-alternate: var(--element-color-light-subtitle-alternate);
    --element-color-border: var(--element-color-light-border);
    --element-color-nav-fg: var(--element-color-light-nav-fg);
    --element-color-nav-fg-hover: var(--element-color-light-nav-fg-hover);
    --element-color-nav-fg-active: var(--element-color-light-nav-fg-active);
    --element-color-nav-border: var(--element-color-light-nav-border);
    --element-color-nav-border-hover: var(--element-color-light-nav-border-hover);
    --element-color-nav-border-active: var(--element-color-light-nav-border-active);
    --element-color-nav-bg: var(--element-color-light-nav-bg);
    --element-color-nav-bg-hover: var(--element-color-light-nav-bg-hover);
    --element-color-nav-bg-active: var(--element-color-light-nav-bg-active);
    --element-color-nav-tab-fg: var(--element-color-light-nav-tab-fg);
    --element-color-nav-tab-fg-hover: var(--element-color-light-nav-tab-fg-hover);
    --element-color-nav-tab-fg-active: var(--element-color-light-nav-tab-fg-active);
    --element-color-nav-tab-border: var(--element-color-light-nav-tab-border);
    --element-color-nav-tab-border-hover: var(--element-color-light-nav-tab-border-hover);
    --element-color-nav-tab-border-active: var(--element-color-light-nav-tab-border-active);
    --element-color-nav-tab-bg: var(--element-color-light-nav-tab-bg);
    --element-color-nav-tab-bg-hover: var(--element-color-light-nav-tab-bg-hover);
    --element-color-nav-tab-bg-active: var(--element-color-light-nav-tab-bg-active);
    --element-color-nav-pagination-fg: var(--element-color-light-nav-pagination-fg);
    --element-color-nav-pagination-fg-hover: var(--element-color-light-nav-pagination-fg-hover);
    --element-color-nav-pagination-fg-active: var(--element-color-light-nav-pagination-fg-active);
    --element-color-nav-pagination-border: var(--element-color-light-nav-pagination-border);
    --element-color-nav-pagination-border-hover: var(--element-color-light-nav-pagination-border-hover);
    --element-color-nav-pagination-border-active: var(--element-color-light-nav-pagination-border-active);
    --element-color-nav-pagination-bg: var(--element-color-light-nav-pagination-bg);
    --element-color-nav-pagination-bg-hover: var(--element-color-light-nav-pagination-bg-hover);
    --element-color-nav-pagination-bg-active: var(--element-color-light-nav-pagination-bg-active);
  }
  [data-element-color="dark"] {
    --element-color-bg: var(--element-color-dark-bg);
    --element-color-bg-alternate: var(--element-color-dark-bg-alternate);
    --element-color-fg: var(--element-color-dark-fg);
    --element-color-fg-darker: var(--element-color-dark-fg-darker);
    --element-color-fg-muted: var(--element-color-dark-fg-muted);
    --element-color-accent: var(--element-color-dark-accent);
    --element-color-accent-alternate: var(--element-color-dark-accent-alternate);
    --element-color-title: var(--element-color-dark-title);
    --element-color-title-alternate: var(--element-color-dark-title-alternate);
    --element-color-subtitle: var(--element-color-dark-subtitle);
    --element-color-subtitle-alternate: var(--element-color-dark-subtitle-alternate);
    --element-color-border: var(--element-color-dark-border);
    --element-color-nav-fg: var(--element-color-dark-nav-fg);
    --element-color-nav-fg-hover: var(--element-color-dark-nav-fg-hover);
    --element-color-nav-fg-active: var(--element-color-dark-nav-fg-active);
    --element-color-nav-border: var(--element-color-dark-nav-border);
    --element-color-nav-border-hover: var(--element-color-dark-nav-border-hover);
    --element-color-nav-border-active: var(--element-color-dark-nav-border-active);
    --element-color-nav-bg: var(--element-color-dark-nav-bg);
    --element-color-nav-bg-hover: var(--element-color-dark-nav-bg-hover);
    --element-color-nav-bg-active: var(--element-color-dark-nav-bg-active);
    --element-color-nav-tab-fg: var(--element-color-dark-nav-tab-fg);
    --element-color-nav-tab-fg-hover: var(--element-color-dark-nav-tab-fg-hover);
    --element-color-nav-tab-fg-active: var(--element-color-dark-nav-tab-fg-active);
    --element-color-nav-tab-border: var(--element-color-dark-nav-tab-border);
    --element-color-nav-tab-border-hover: var(--element-color-dark-nav-tab-border-hover);
    --element-color-nav-tab-border-active: var(--element-color-dark-nav-tab-border-active);
    --element-color-nav-tab-bg: var(--element-color-dark-nav-tab-bg);
    --element-color-nav-tab-bg-hover: var(--element-color-dark-nav-tab-bg-hover);
    --element-color-nav-tab-bg-active: var(--element-color-dark-nav-tab-bg-active);
    --element-color-nav-pagination-fg: var(--element-color-dark-nav-pagination-fg);
    --element-color-nav-pagination-fg-hover: var(--element-color-dark-nav-pagination-fg-hover);
    --element-color-nav-pagination-fg-active: var(--element-color-dark-nav-pagination-fg-active);
    --element-color-nav-pagination-border: var(--element-color-dark-nav-pagination-border);
    --element-color-nav-pagination-border-hover: var(--element-color-dark-nav-pagination-border-hover);
    --element-color-nav-pagination-border-active: var(--element-color-dark-nav-pagination-border-active);
    --element-color-nav-pagination-bg: var(--element-color-dark-nav-pagination-bg);
    --element-color-nav-pagination-bg-hover: var(--element-color-dark-nav-pagination-bg-hover);
    --element-color-nav-pagination-bg-active: var(--element-color-dark-nav-pagination-bg-active);
  }
  [data-element-color="image"] {
    --element-color-bg: var(--element-color-image-bg, var(--element-color-video-image-bg));
    --element-color-bg-alternate: var(--element-color-image-bg-alternate, var(--element-color-video-image-bg-alternate));
    --element-color-fg: var(--element-color-image-fg, var(--element-color-video-image-fg));
    --element-color-fg-darker: var(--element-color-image-fg-darker, var(--element-color-video-image-fg-darker));
    --element-color-fg-muted: var(--element-color-image-fg-muted, var(--element-color-video-image-fg-muted));
    --element-color-accent: var(--element-color-image-accent, var(--element-color-video-image-accent));
    --element-color-accent-alternate: var(--element-color-image-accent-alternate, var(--element-color-video-image-accent-alternate));
    --element-color-title: var(--element-color-image-title, var(--element-color-video-image-title));
    --element-color-title-alternate: var(--element-color-image-title-alternate, var(--element-color-video-image-title-alternate));
    --element-color-subtitle: var(--element-color-image-subtitle, var(--element-color-video-image-subtitle));
    --element-color-subtitle-alternate: var(--element-color-image-subtitle-alternate, var(--element-color-video-image-subtitle-alternate));
    --element-color-border: var(--element-color-image-border, var(--element-color-video-image-border));
    --element-color-nav-fg: var(--element-color-image-nav-fg, var(--element-color-video-image-nav-fg));
    --element-color-nav-fg-hover: var(--element-color-image-nav-fg-hover, var(--element-color-video-image-nav-fg-hover));
    --element-color-nav-fg-active: var(--element-color-image-nav-fg-active, var(--element-color-video-image-nav-fg-active));
    --element-color-nav-border: var(--element-color-image-nav-border, var(--element-color-video-image-nav-border));
    --element-color-nav-border-hover: var(--element-color-image-nav-border-hover, var(--element-color-video-image-nav-border-hover));
    --element-color-nav-border-active: var(--element-color-image-nav-border-active, var(--element-color-video-image-nav-border-active));
    --element-color-nav-bg: var(--element-color-image-nav-bg, var(--element-color-video-image-nav-bg));
    --element-color-nav-bg-hover: var(--element-color-image-nav-bg-hover, var(--element-color-video-image-nav-bg-hover));
    --element-color-nav-bg-active: var(--element-color-image-nav-bg-active, var(--element-color-video-image-nav-bg-active));
    --element-color-nav-tab-fg: var(--element-color-image-nav-tab-fg, var(--element-color-video-image-nav-tab-fg));
    --element-color-nav-tab-fg-hover: var(--element-color-image-nav-tab-fg-hover, var(--element-color-video-image-nav-tab-fg-hover));
    --element-color-nav-tab-fg-active: var(--element-color-image-nav-tab-fg-active, var(--element-color-video-image-nav-tab-fg-active));
    --element-color-nav-tab-border: var(--element-color-image-nav-tab-border, var(--element-color-video-image-nav-tab-border));
    --element-color-nav-tab-border-hover: var(--element-color-image-nav-tab-border-hover, var(--element-color-video-image-nav-tab-border-hover));
    --element-color-nav-tab-border-active: var(--element-color-image-nav-tab-border-active, var(--element-color-video-image-nav-tab-border-active));
    --element-color-nav-tab-bg: var(--element-color-image-nav-tab-bg, var(--element-color-video-image-nav-tab-bg));
    --element-color-nav-tab-bg-hover: var(--element-color-image-nav-tab-bg-hover, var(--element-color-video-image-nav-tab-bg-hover));
    --element-color-nav-tab-bg-active: var(--element-color-image-nav-tab-bg-active, var(--element-color-video-image-nav-tab-bg-active));
    --element-color-nav-pagination-fg: var(--element-color-image-nav-pagination-fg, var(--element-color-video-image-nav-pagination-fg));
    --element-color-nav-pagination-fg-hover: var(--element-color-image-nav-pagination-fg-hover, var(--element-color-video-image-nav-pagination-fg-hover));
    --element-color-nav-pagination-fg-active: var(--element-color-image-nav-pagination-fg-active, var(--element-color-video-image-nav-pagination-fg-active));
    --element-color-nav-pagination-border: var(--element-color-image-nav-pagination-border, var(--element-color-video-image-nav-pagination-border));
    --element-color-nav-pagination-border-hover: var(--element-color-image-nav-pagination-border-hover, var(--element-color-video-image-nav-pagination-border-hover));
    --element-color-nav-pagination-border-active: var(--element-color-image-nav-pagination-border-active, var(--element-color-video-image-nav-pagination-border-active));
    --element-color-nav-pagination-bg: var(--element-color-image-nav-pagination-bg, var(--element-color-video-image-nav-pagination-bg));
    --element-color-nav-pagination-bg-hover: var(--element-color-image-nav-pagination-bg-hover, var(--element-color-video-image-nav-pagination-bg-hover));
    --element-color-nav-pagination-bg-active: var(--element-color-image-nav-pagination-bg-active, var(--element-color-video-image-nav-pagination-bg-active));
  }
  [data-element-color="video"] {
    --element-color-bg: var(--element-color-video-bg, var(--element-color-video-image-bg));
    --element-color-bg-alternate: var(--element-color-video-bg-alternate, var(--element-color-video-image-bg-alternate));
    --element-color-fg: var(--element-color-video-fg, var(--element-color-video-image-fg));
    --element-color-fg-darker: var(--element-color-video-fg-darker, var(--element-color-video-image-fg-darker));
    --element-color-fg-muted: var(--element-color-video-fg-muted, var(--element-color-video-image-fg-muted));
    --element-color-accent: var(--element-color-video-accent, var(--element-color-video-image-accent));
    --element-color-accent-alternate: var(--element-color-video-accent-alternate, var(--element-color-video-image-accent-alternate));
    --element-color-title: var(--element-color-video-title, var(--element-color-video-image-title));
    --element-color-title-alternate: var(--element-color-video-title-alternate, var(--element-color-video-image-title-alternate));
    --element-color-subtitle: var(--element-color-video-subtitle, var(--element-color-video-image-subtitle));
    --element-color-subtitle-alternate: var(--element-color-video-subtitle-alternate, var(--element-color-video-image-subtitle-alternate));
    --element-color-border: var(--element-color-video-border, var(--element-color-video-image-border));
    --element-color-nav-fg: var(--element-color-video-nav-fg, var(--element-color-video-image-nav-fg));
    --element-color-nav-fg-hover: var(--element-color-video-nav-fg-hover, var(--element-color-video-image-nav-fg-hover));
    --element-color-nav-fg-active: var(--element-color-video-nav-fg-active, var(--element-color-video-image-nav-fg-active));
    --element-color-nav-border: var(--element-color-video-nav-border, var(--element-color-video-image-nav-border));
    --element-color-nav-border-hover: var(--element-color-video-nav-border-hover, var(--element-color-video-image-nav-border-hover));
    --element-color-nav-border-active: var(--element-color-video-nav-border-active, var(--element-color-video-image-nav-border-active));
    --element-color-nav-bg: var(--element-color-video-nav-bg, var(--element-color-video-image-nav-bg));
    --element-color-nav-bg-hover: var(--element-color-video-nav-bg-hover, var(--element-color-video-image-nav-bg-hover));
    --element-color-nav-bg-active: var(--element-color-video-nav-bg-active, var(--element-color-video-image-nav-bg-active));
    --element-color-nav-tab-fg: var(--element-color-video-nav-tab-fg, var(--element-color-video-image-nav-tab-fg));
    --element-color-nav-tab-fg-hover: var(--element-color-video-nav-tab-fg-hover, var(--element-color-video-image-nav-tab-fg-hover));
    --element-color-nav-tab-fg-active: var(--element-color-video-nav-tab-fg-active, var(--element-color-video-image-nav-tab-fg-active));
    --element-color-nav-tab-border: var(--element-color-video-nav-tab-border, var(--element-color-video-image-nav-tab-border));
    --element-color-nav-tab-border-hover: var(--element-color-video-nav-tab-border-hover, var(--element-color-video-image-nav-tab-border-hover));
    --element-color-nav-tab-border-active: var(--element-color-video-nav-tab-border-active, var(--element-color-video-image-nav-tab-border-active));
    --element-color-nav-tab-bg: var(--element-color-video-nav-tab-bg, var(--element-color-video-image-nav-tab-bg));
    --element-color-nav-tab-bg-hover: var(--element-color-video-nav-tab-bg-hover, var(--element-color-video-image-nav-tab-bg-hover));
    --element-color-nav-tab-bg-active: var(--element-color-video-nav-tab-bg-active, var(--element-color-video-image-nav-tab-bg-active));
    --element-color-nav-pagination-fg: var(--element-color-video-nav-pagination-fg, var(--element-color-video-image-nav-pagination-fg));
    --element-color-nav-pagination-fg-hover: var(--element-color-video-nav-pagination-fg-hover, var(--element-color-video-image-nav-pagination-fg-hover));
    --element-color-nav-pagination-fg-active: var(--element-color-video-nav-pagination-fg-active, var(--element-color-video-image-nav-pagination-fg-active));
    --element-color-nav-pagination-border: var(--element-color-video-nav-pagination-border, var(--element-color-video-image-nav-pagination-border));
    --element-color-nav-pagination-border-hover: var(--element-color-video-nav-pagination-border-hover, var(--element-color-video-image-nav-pagination-border-hover));
    --element-color-nav-pagination-border-active: var(--element-color-video-nav-pagination-border-active, var(--element-color-video-image-nav-pagination-border-active));
    --element-color-nav-pagination-bg: var(--element-color-video-nav-pagination-bg, var(--element-color-video-image-nav-pagination-bg));
    --element-color-nav-pagination-bg-hover: var(--element-color-video-nav-pagination-bg-hover, var(--element-color-video-image-nav-pagination-bg-hover));
    --element-color-nav-pagination-bg-active: var(--element-color-video-nav-pagination-bg-active, var(--element-color-video-image-nav-pagination-bg-active));
  }
}
:root, .preview-shadow-root {
  --swiper-navigation-border-radius: var(--radius-theme);
  --swiper-navigation-border-color: var(--element-color-nav-pagination-border);
  --swiper-navigation-width: 3.75rem;
  --swiper-navigation-color: var(--element-color-nav-pagination-fg);
  --swiper-navigation-bg: var(--element-color-nav-pagination-bg);
  --styled-scrollbar-track-bg: rgba(0, 0, 0, 0.05);
  --styled-scrollbar-thumb-bg: var(--element-color-default-accent);
  --hamburger-width: 2.5rem;
  --hamburger-height: 2.5rem;
  --hamburger-padding: 0.5rem;
  --hamburger-align-items: flex-end;
  --hamburger-justify-content: center;
  --hamburger-gap: 0.25rem;
  --hamburger-color: var(--element-color-default-nav-fg);
  --hamburger-color-hover: var(--element-color-dark-nav-fg-hover);
  --hamburger-color-active: var(--element-color-dark-nav-fg);
  --hamburger-bun-size: 0.1875rem;
  --hamburger-bun-border-radius: 0.1875rem;
  --hamburger-middle-bun-width: 85%;
  --hamburger-bottom-bun-width: 70%;
  --header-box-shadow-scrolled: 0px 4px 6px -1px rgba(0, 0, 0, 0.10), 0px 2px 4px -2px rgba(0, 0, 0, 0.05);
  --header-transition: top 150ms ease-in-out, transform 150ms ease-in-out, height 150ms ease-in-out, background-color 150ms ease-in-out, box-shadow 150ms ease-in-out;
  --header-top-bg: var(--element-color-dark-bg);
  --header-main-bg: var(--element-color-light-bg);
  --header-main-bg-scrolled: white;
  --element-header-top-height-navbreakpoint-up: 3.5rem;
  --element-header-top-height-navbreakpoint-up-scrolled: 3.5rem;
  --element-header-top-height-navbreakpoint-down: 0rem;
  --element-header-top-height-navbreakpoint-down-scrolled: 0rem;
  --element-header-main-height-navbreakpoint-up: 8.5rem;
  --element-header-main-height-navbreakpoint-up-scrolled: 5.5rem;
  --element-header-main-height-navbreakpoint-down: 4.5rem;
  --element-header-main-height-navbreakpoint-down-scrolled: 4.5rem;
  @media ((width >= 64rem) and (width < 90rem)) {
    --element-header-top-height-navbreakpoint-down: 3.5rem;
    --element-header-top-height-navbreakpoint-down-scrolled: 3.5rem;
    --element-header-main-height-navbreakpoint-down: 8.5rem;
    --element-header-main-height-navbreakpoint-down-scrolled: 5.5rem;
  }
  --nav-menu-top-lvl0-menu-item-color: var(--element-color-dark-nav-fg);
  --nav-menu-top-lvl0-menu-item-color-hover: var(--element-color-dark-nav-fg-hover);
  --nav-menu-top-lvl0-menu-item-color-active: var(--element-color-dark-nav-fg-active);
  --nav-menu-top-lvl0-menu-item-font-weight: 700;
  --nav-menu-top-lvl0-menu-item-line-height: 1.25;
  --nav-menu-main-gap: 0.25rem 2rem;
  --nav-menu-main-prev-link-height: 3rem;
  --nav-menu-main-prev-link-bg: var(--element-color-dark-bg);
  --nav-menu-main-menu-title-display: none;
  --nav-menu-main-menu-title-font-weight: 700;
  --nav-menu-main-menu-title-color: var(--element-color-default-nav-fg);
  --nav-menu-main-padding-y: 0;
  --nav-menu-main-padding-x: 0;
  --nav-menu-main-prev-link-margin-left: -1.5rem;
  --nav-menu-main-prev-link-margin-right: -1.5rem;
  --nav-menu-main-sub-menu-prev-link-color: var(--element-color-dark-nav-fg);
  --nav-menu-main-sub-menu-prev-link-font-weight: 700;
  --nav-menu-main-sub-menu-prev-link-font-size: var(--text-theme-sm);
  --nav-menu-main-lvl0-menu-item-font-weight: 700;
  --nav-menu-sub-menu-position-top: 60%;
  --nav-menu-sub-menu-offset-top: 1.5rem;
  --nav-menu-sub-menu-border-radius: 1rem;
  --nav-menu-sub-menu-box-shadow: 0px 20px 25px -5px rgba(0, 0, 0, 0.10), 0px 8px 10px -6px rgba(0, 0, 0, 0.10);
  --nav-menu-main-wrapper-bg: var(--color-light);
  --nav-menu-main-mega-sub-menu-height-mobile: 99%;
  --nav-menu-main-mega-sub-menu-border-radius-mobile: 0 0 0 2.5rem;
  --nav-menu-main-mega-sub-menu-bg-mobile: white;
  --nav-menu-main-mega-menu-columns-gap-x: 2rem;
  --nav-menu-main-sub-menu-prev-link-padding-x: 1rem;
  --nav-menu-main-menu-sub-title-color: var(--element-button-colors-dark-color-outline);
  --nav-menu-main-menu-sub-title-margin: 1rem 0;
  --nav-menu-main-menu-sub-title-font-size: var(--text-theme-sm);
  --nav-menu-mega-menu-width: 100%;
  --nav-menu-mega-menu-position-left: 0;
  --nav-menu-main-sub-menu-padding-x: 1.5rem;
  --nav-main-mega-sub-menu-padding: 0.5rem 1rem;
  --nav-menu-subnav-icon-size: 1.5rem;
  @media (width >= 90rem) {
    --nav-main-mega-sub-menu-container-padding: 1rem 1rem 2rem 1rem;
  }
  @media (width < 90rem) {
    --nav-menu-main-lvl0-menu-item-padding: 0.75rem 0;
  }
  --pagination-padding: 0.75rem 1.25rem;
  --pagination-font-size: var(--text-theme-sm);
  --pagination-border-radius: 10rem;
  --element-row-gap-x-lg: clamp(2rem, 8cqw, 4rem);
  --element-button-font-family: var(--font-heading-alternative);
  --element-buttons-gap-sm: 0.5rem;
  --element-buttons-gap-default: 1rem;
  --element-buttons-gap-lg: 1rem;
  --element-button-colors-link-color: var(--color-primary);
  --element-button-colors-link-color-hover: var(--element-button-colors-dark-background-color);
  --element-button-colors-link-color-active: var(--element-button-colors-dark-background-color);
  --element-button-colors-primary-color: #ffffff;
  --element-button-colors-primary-color-outline: var(--color-primary);
  --element-button-colors-primary-border-color: var(--color-primary);
  --element-button-colors-primary-border-color-hover: var(--element-button-colors-dark-background-color);
  --element-button-colors-primary-border-color-active: var(--element-button-colors-primary-border-color-hover);
  --element-button-colors-primary-background-color: var(--color-primary);
  --element-button-colors-primary-background-color-hover: var(--element-button-colors-dark-background-color);
  --element-button-colors-primary-background-color-active: var(--element-button-colors-primary-background-color-hover);
  --element-button-colors-secondary-color: var(--color-fg);
  --element-button-colors-secondary-color-hover: var(--color-secondary);
  --element-button-colors-secondary-color-outline: var(--color-secondary);
  --element-button-colors-secondary-border-color: var(--color-secondary-lighter);
  --element-button-colors-secondary-border-color-hover: white;
  --element-button-colors-secondary-border-color-active: var(--element-button-colors-secondary-border-color-hover);
  --element-button-colors-secondary-background-color: var(--color-secondary);
  --element-button-colors-secondary-background-color-hover: var(--element-button-colors-dark-background-color);
  --element-button-colors-secondary-background-color-active: var(--element-button-colors-secondary-background-color-hover);
  --element-button-colors-light-color: var(--color-gray-800);
  --element-button-colors-light-color-hover: white;
  --element-button-colors-light-color-outline: var(--color-light);
  --element-button-colors-light-border-color: var(--color-light);
  --element-button-colors-light-border-color-hover: var(--element-button-colors-dark-background-color);
  --element-button-colors-light-border-color-active: var(--element-button-colors-light-border-color-hover);
  --element-button-colors-light-background-color: var(--color-light);
  --element-button-colors-light-background-color-hover: var(--element-button-colors-dark-background-color);
  --element-button-colors-light-background-color-active: var(--element-button-colors-light-background-color-hover);
  --element-button-colors-dark-color: var(--color-secondary);
  --element-button-colors-dark-color-outline: var(--color-dark-900);
  --element-button-colors-dark-border-color: var(--color-dark-900);
  --element-button-colors-dark-border-color-hover: var(--color-dark-800);
  --element-button-colors-dark-border-color-active: var(--element-button-colors-dark-border-color-hover);
  --element-button-colors-dark-background-color: var(--color-dark-900);
  --element-button-colors-dark-background-color-hover: var(--color-dark-900);
  --element-button-colors-dark-background-color-active: var(--element-button-colors-dark-background-color-hover);
  --element-button-sizes-default-px: 1.5rem;
  --element-button-sizes-default-py: 0.875rem;
  --element-button-sizes-default-gap-x: 0.5rem;
  --element-button-sizes-default-gap-y: 0.5rem;
  --element-button-sizes-default-border-radius: calc(infinity * 1px);
  --element-button-sizes-default-icon-size: 1.25rem;
  --element-button-sizes-lg-px: 1.75rem;
  --element-button-sizes-lg-py: 1.25rem;
  --element-button-sizes-lg-gap-x: 0.5rem;
  --element-button-sizes-lg-gap-y: 0.5rem;
  --element-button-sizes-lg-border-radius: calc(infinity * 1px);
  --element-button-sizes-lg-icon-size: 1.5rem;
  --element-button-sizes-sm-px: 0.875rem;
  --element-button-sizes-sm-py: 0.5rem;
  --element-button-sizes-sm-gap-x: 0.25rem;
  --element-button-sizes-sm-gap-y: 0.25rem;
  --element-button-sizes-sm-border-radius: calc(infinity * 1px);
  --element-button-sizes-sm-icon-size: 1rem;
  --element-forms-general-input-border-radius: 0.5rem;
  --element-forms-general-input-padding-x: 1rem;
  --element-forms-general-input-padding-y: 0.75rem;
  --element-image-border-radius: 1rem;
  --element-icons-list-icon-default-icon-size: calc(var(--spacing) * 8);
  --element-icons-list-icon-lg-icon-size: clamp(calc(var(--spacing) * 8), 8vw, calc(var(--spacing) * 14));
  --element-icons-list-icon-xl-icon-size: clamp(calc(var(--spacing) * 14), 8vw, calc(var(--spacing) * 24));
  --element-icons-list-title-default-content-gap: 0px;
  --element-icons-list-icon-default-title-min-height: auto;
  --element-icons-list-title-line-height: 1.5;
  --element-icons-list-subtitle-line-height: 1.5;
  --element-icons-list-text-line-height: 1.5;
  --element-color-default-bg: white;
  --element-color-default-bg-alternate: var(--color-light-lighter);
  --element-color-default-fg: var(--color-fg);
  --element-color-default-fg-darker: var(--color-fg-darker);
  --element-color-default-fg-muted: var(--color-fg-muted);
  --element-color-default-accent: var(--color-primary);
  --element-color-default-accent-alternate: var(--color-secondary);
  --element-color-default-title: var(--element-color-default-fg);
  --element-color-default-title-alternate: var(--element-color-default-fg);
  --element-color-default-subtitle: var(--element-color-default-accent);
  --element-color-default-subtitle-alternate: var(--element-color-default-accent);
  --element-color-default-border: rgba(0, 0, 0, .08);
  --element-color-default-nav-fg: var(--element-color-default-fg-muted);
  --element-color-default-nav-fg-hover: var(--element-color-default-fg);
  --element-color-default-nav-fg-active: var(--element-color-default-accent);
  --element-color-default-nav-border: transparent;
  --element-color-default-nav-border-hover: transparent;
  --element-color-default-nav-border-active: transparent;
  --element-color-default-nav-bg: transparent;
  --element-color-default-nav-bg-hover: transparent;
  --element-color-default-nav-bg-active: transparent;
  --element-color-default-nav-tab-fg: var(--element-color-default-nav-fg);
  --element-color-default-nav-tab-fg-hover: var(--element-color-default-nav-fg-hover);
  --element-color-default-nav-tab-fg-active: var(--element-color-default-accent);
  --element-color-default-nav-tab-border: transparent;
  --element-color-default-nav-tab-border-hover: transparent;
  --element-color-default-nav-tab-border-active: transparent;
  --element-color-default-nav-tab-bg: transparent;
  --element-color-default-nav-tab-bg-hover: transparent;
  --element-color-default-nav-tab-bg-active: var(--element-color-default-bg);
  --element-color-default-nav-pagination-fg: var(--element-button-colors-dark-color-outline);
  --element-color-default-nav-pagination-fg-hover: white;
  --element-color-default-nav-pagination-fg-active: white;
  --element-color-default-nav-pagination-border: var(--element-button-colors-dark-border-color);
  --element-color-default-nav-pagination-border-hover: transparent;
  --element-color-default-nav-pagination-border-active: transparent;
  --element-color-default-nav-pagination-bg: transparent;
  --element-color-default-nav-pagination-bg-hover: var(--element-button-colors-dark-color-outline);
  --element-color-default-nav-pagination-bg-active: var(--element-button-colors-dark-background-color-active);
  --element-color-light-bg: var(--color-light-lighter);
  --element-color-light-bg-alternate: white;
  --element-color-light-fg: var(--color-fg);
  --element-color-light-fg-darker: var(--color-fg-darker);
  --element-color-light-fg-muted: var(--color-fg-muted);
  --element-color-light-accent: var(--color-primary);
  --element-color-light-accent-alternate: var(--color-secondary);
  --element-color-light-title: var(--element-color-light-fg);
  --element-color-light-title-alternate: var(--element-color-light-fg);
  --element-color-light-subtitle: var(--element-color-light-accent);
  --element-color-light-subtitle-alternate: var(--element-color-light-accent);
  --element-color-light-border: rgba(0, 0, 0, .08);
  --element-color-light-nav-fg: var(--element-color-light-fg-muted);
  --element-color-light-nav-fg-hover: var(--element-color-light-fg);
  --element-color-light-nav-fg-active: var(--element-color-light-accent);
  --element-color-light-nav-border: transparent;
  --element-color-light-nav-border-hover: transparent;
  --element-color-light-nav-border-active: var(--element-color-light-accent);
  --element-color-light-nav-bg: transparent;
  --element-color-light-nav-bg-hover: transparent;
  --element-color-light-nav-bg-active: transparent;
  --element-color-light-nav-tab-fg: var(--element-color-light-nav-fg);
  --element-color-light-nav-tab-fg-hover: var(--element-color-light-nav-fg-hover);
  --element-color-light-nav-tab-fg-active: var(--element-color-light-accent);
  --element-color-light-nav-tab-border: transparent;
  --element-color-light-nav-tab-border-hover: transparent;
  --element-color-light-nav-tab-border-active: transparent;
  --element-color-light-nav-tab-bg: transparent;
  --element-color-light-nav-tab-bg-hover: transparent;
  --element-color-light-nav-tab-bg-active: var(--element-color-light-bg);
  --element-color-light-nav-pagination-fg: var(--element-color-light-nav-fg);
  --element-color-light-nav-pagination-fg-hover: var(--element-color-light-nav-fg-hover);
  --element-color-light-nav-pagination-fg-active: var(--element-color-light-nav-fg-active);
  --element-color-light-nav-pagination-border: rgba(0, 0, 0, .08);
  --element-color-light-nav-pagination-border-hover: transparent;
  --element-color-light-nav-pagination-border-active: transparent;
  --element-color-light-nav-pagination-bg: var(--element-color-light-bg);
  --element-color-light-nav-pagination-bg-hover: var(--element-color-light-bg-alternate);
  --element-color-light-nav-pagination-bg-active: var(--element-color-light-accent);
  --element-color-primary-bg: var(--color-primary);
  --element-color-primary-bg-alternate: var(--color-primary-400);
  --element-color-primary-fg: var(--color-primary-50);
  --element-color-primary-fg-darker: var(--color-fg-darker);
  --element-color-primary-fg-muted: var(--color-primary-100);
  --element-color-primary-accent: white;
  --element-color-primary-accent-alternate: var(--color-secondary);
  --element-color-primary-title: var(--color-light-lighter);
  --element-color-primary-title-alternate: var(--color-light-lighter);
  --element-color-primary-subtitle: var(--element-color-primary-accent-alternate);
  --element-color-primary-subtitle-alternate: var(--element-color-primary-accent-alternate);
  --element-color-primary-border: rgba(255, 255, 255, .08);
  --element-color-primary-nav-fg: var(--element-color-primary-fg-muted);
  --element-color-primary-nav-fg-hover: var(--element-color-primary-fg);
  --element-color-primary-nav-fg-active: var(--element-color-primary-fg);
  --element-color-primary-nav-border: transparent;
  --element-color-primary-nav-border-hover: transparent;
  --element-color-primary-nav-border-active: transparent;
  --element-color-primary-nav-bg: transparent;
  --element-color-primary-nav-bg-hover: transparent;
  --element-color-primary-nav-bg-active: transparent;
  --element-color-primary-nav-tab-fg: var(--element-color-primary-nav-fg);
  --element-color-primary-nav-tab-fg-hover: var(--element-color-primary-nav-fg-hover);
  --element-color-primary-nav-tab-fg-active: var(--element-color-primary-title);
  --element-color-primary-nav-tab-border: transparent;
  --element-color-primary-nav-tab-border-hover: transparent;
  --element-color-primary-nav-tab-border-active: transparent;
  --element-color-primary-nav-tab-bg: transparent;
  --element-color-primary-nav-tab-bg-hover: transparent;
  --element-color-primary-nav-tab-bg-active: var(--element-color-primary-bg);
  --element-color-primary-nav-pagination-fg: var(--element-color-primary-nav-fg);
  --element-color-primary-nav-pagination-fg-hover: var(--element-color-primary-nav-fg-hover);
  --element-color-primary-nav-pagination-fg-active: var(--element-color-primary-nav-fg-active);
  --element-color-primary-nav-pagination-border: rgba(0, 0, 0, .08);
  --element-color-primary-nav-pagination-border-hover: transparent;
  --element-color-primary-nav-pagination-border-active: transparent;
  --element-color-primary-nav-pagination-bg: rgba(255, 255, 255, .05);
  --element-color-primary-nav-pagination-bg-hover: rgba(255, 255, 255, .4);
  --element-color-primary-nav-pagination-bg-active: rgba(255, 255, 255, .7);
  --element-color-dark-bg: var(--color-dark);
  --element-color-dark-bg-alternate: var(--color-dark-950);
  --element-color-dark-fg: var(--color-dark-200);
  --element-color-dark-fg-darker: var(--color-fg-darker);
  --element-color-dark-fg-muted: var(--color-dark-300);
  --element-color-dark-accent: var(--color-secondary);
  --element-color-dark-accent-alternate: var(--color-primary);
  --element-color-dark-title: var(--color-light);
  --element-color-dark-title-alternate: var(--color-light);
  --element-color-dark-subtitle: var(--element-color-dark-accent);
  --element-color-dark-subtitle-alternate: var(--element-color-dark-accent);
  --element-color-dark-border: rgba(255, 255, 255, .2);
  --element-color-dark-nav-fg: var(--element-color-dark-fg);
  --element-color-dark-nav-fg-hover: var(--element-color-dark-fg-muted);
  --element-color-dark-nav-fg-active: var(--element-color-dark-accent);
  --element-color-dark-nav-border: transparent;
  --element-color-dark-nav-border-hover: transparent;
  --element-color-dark-nav-border-active: transparent;
  --element-color-dark-nav-bg: transparent;
  --element-color-dark-nav-bg-hover: transparent;
  --element-color-dark-nav-bg-active: transparent;
  --element-color-dark-nav-tab-fg: rgba(255, 255, 255, .6);
  --element-color-dark-nav-tab-fg-hover: rgba(255, 255, 255, .9);
  --element-color-dark-nav-tab-fg-active: var(--element-color-dark-accent);
  --element-color-dark-nav-tab-border: transparent;
  --element-color-dark-nav-tab-border-hover: transparent;
  --element-color-dark-nav-tab-border-active: transparent;
  --element-color-dark-nav-tab-bg: transparent;
  --element-color-dark-nav-tab-bg-hover: transparent;
  --element-color-dark-nav-tab-bg-active: var(--element-color-dark-bg);
  --element-color-dark-nav-pagination-fg: var(--element-color-dark-nav-fg);
  --element-color-dark-nav-pagination-fg-hover: var(--element-color-dark-nav-fg-hover);
  --element-color-dark-nav-pagination-fg-active: var(--element-color-dark-nav-fg-active);
  --element-color-dark-nav-pagination-border: rgba(255, 255, 255, .2);
  --element-color-dark-nav-pagination-border-hover: transparent;
  --element-color-dark-nav-pagination-border-active: transparent;
  --element-color-dark-nav-pagination-bg: rgba(255, 255, 255, .05);
  --element-color-dark-nav-pagination-bg-hover: rgba(255, 255, 255, .1);
  --element-color-dark-nav-pagination-bg-active: rgba(255, 255, 255, .2);
  --element-color-video-image-bg: var(--element-color-dark-bg);
  --element-color-video-image-bg-alternate: var(--element-color-dark-bg-alternate);
  --element-color-video-image-fg: var(--element-color-dark-fg);
  --element-color-video-image-fg-darker: var(--element-color-dark-fg-darker);
  --element-color-video-image-fg-muted: var(--element-color-dark-fg-muted);
  --element-color-video-image-accent: var(--element-color-dark-accent);
  --element-color-video-image-accent-alternate: var(--element-color-dark-accent-alternate);
  --element-color-video-image-title: var(--element-color-dark-title);
  --element-color-video-image-title-alternate: var(--element-color-dark-title-alternate);
  --element-color-video-image-subtitle: var(--element-color-dark-subtitle);
  --element-color-video-image-subtitle-alternate: var(--element-color-dark-subtitle-alternate);
  --element-color-video-image-border: var(--element-color-dark-border);
  --element-color-video-image-nav-fg: var(--element-color-dark-nav-fg);
  --element-color-video-image-nav-fg-hover: var(--element-color-dark-nav-fg-hover);
  --element-color-video-image-nav-fg-active: var(--element-color-dark-nav-fg-active);
  --element-color-video-image-nav-border: var(--element-color-dark-nav-border);
  --element-color-video-image-nav-border-hover: var(--element-color-dark-nav-border-hover);
  --element-color-video-image-nav-border-active: var(--element-color-dark-nav-border-active);
  --element-color-video-image-nav-bg: var(--element-color-dark-nav-bg);
  --element-color-video-image-nav-bg-hover: var(--element-color-dark-nav-bg-hover);
  --element-color-video-image-nav-bg-active: var(--element-color-dark-nav-bg-active);
  --element-color-video-image-nav-tab-fg: var(--element-color-dark-nav-tab-fg);
  --element-color-video-image-nav-tab-fg-hover: var(--element-color-dark-nav-tab-fg-hover);
  --element-color-video-image-nav-tab-fg-active: var(--element-color-dark-nav-tab-fg-active);
  --element-color-video-image-nav-tab-border: var(--element-color-dark-nav-tab-border);
  --element-color-video-image-nav-tab-border-hover: var(--element-color-dark-nav-tab-border-hover);
  --element-color-video-image-nav-tab-border-active: var(--element-color-dark-nav-tab-border-active);
  --element-color-video-image-nav-tab-bg: var(--element-color-dark-nav-tab-bg);
  --element-color-video-image-nav-tab-bg-hover: var(--element-color-dark-nav-tab-bg-hover);
  --element-color-video-image-nav-tab-bg-active: var(--element-color-dark-nav-tab-bg-active);
  --element-color-video-image-nav-pagination-fg: var(--element-color-dark-nav-pagination-fg);
  --element-color-video-image-nav-pagination-fg-hover: var(--element-color-dark-nav-pagination-fg-hover);
  --element-color-video-image-nav-pagination-fg-active: var(--element-color-dark-nav-pagination-fg-active);
  --element-color-video-image-nav-pagination-border: var(--element-color-dark-nav-pagination-border);
  --element-color-video-image-nav-pagination-border-hover: var(--element-color-dark-nav-pagination-border-hover);
  --element-color-video-image-nav-pagination-border-active: var(--element-color-dark-nav-pagination-border-active);
  --element-color-video-image-nav-pagination-bg: var(--element-color-dark-nav-pagination-bg);
  --element-color-video-image-nav-pagination-bg-hover: var(--element-color-dark-nav-pagination-bg-hover);
  --element-color-video-image-nav-pagination-bg-active: var(--element-color-dark-nav-pagination-bg-active);
}
[data-element-color="default"] {
  --element-color-icon-outline: var(--element-color-default-fg);
  --element-color-icon-fill: var(--element-color-default-bg);
  --element-color-icon-accent: var(--element-color-default-accent-alternate);
  --element-color-icon-bg: rgba(0, 0, 0, 0.1);
  --element-color-icon-accent-alternate: rgba(0, 0, 0, 0.3);
}
[data-element-color="light"] {
  --element-color-icon-outline: var(--element-color-light-fg);
  --element-color-icon-fill: var(--element-color-light-bg);
  --element-color-icon-accent: var(--element-color-light-accent-alternate);
  --element-color-icon-bg: rgba(0, 0, 0, 0.1);
  --element-color-icon-accent-alternate: rgba(0, 0, 0, 0.3);
}
[data-element-color="primary"] {
  --element-color-icon-outline: white;
  --element-color-icon-fill: var(--element-color-primary-bg);
  --element-color-icon-accent: var(--element-color-primary-accent-alternate);
  --element-color-icon-bg: rgba(255, 255, 255, 0.15);
  --element-color-icon-accent-alternate: rgba(255, 255, 255, 0.8);
}
[data-element-color="dark"], [data-element-color="image"], [data-element-color="video"] {
  --cookieconsent-inner-bg: color-mix(in srgb, #0C2340 90%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --cookieconsent-inner-bg: color-mix(in oklab, var(--color-dark) 90%, transparent);
  }
  --element-color-icon-outline: white;
  --element-color-icon-fill: var(--element-color-bg);
  --element-color-icon-accent: var(--element-color-accent);
  --element-color-icon-bg: rgba(255, 255, 255, 0.15);
  --element-color-icon-accent-alternate: rgba(255, 255, 255, 0.3);
}
.title-link:has( > .section-element-title a:hover) .section-element-button, .title-link:has( > .section-element-title a:hover) .section-element-button {
  .button__icon {
    transform: translateX(0.25em);
  }
  .button-link {
    --element-button-color: var(--element-button-colors-light-border-color-active);
  }
  .button-link--link {
    --element-button-color: var(--element-button-colors-light-border-color-active);
  }
  .button-link--dark {
    --element-button-color: var(--element-button-colors-primary-border-color-active);
  }
  .button-link--secondary {
    --element-button-color: var(--element-button-colors-secondary-border-color-active);
  }
}
body.show-breakpoints::after {
  display: inline-block;
}
#__bs_notify__ {
  z-index: 99999 !important;
}
.cookieconsent-oembed-holder {
  display: none;
  width: 100%;
  height: 100%;
  .cookieconsent-oembed-holder-inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    text-align: center;
    padding: var(--cookieconsent-inner-padding, calc(var(--spacing) * 4));
    background-color: var(--cookieconsent-inner-bg, var(--color-gray-200));
  }
}
.custom-admin-message {
  color: #664d03;
  background-color: #fff3cd;
  position: relative;
  padding: .75rem 1.25rem;
  margin-bottom: 1rem;
  border-radius: .25rem;
  &:has(.icon) {
    display: flex;
    gap: 0.5rem;
    align-items: start;
  }
  &.type-success {
    color: #0f5132;
    background-color: #d1e7dd;
    border-color: #badbcc;
  }
  &.type-info {
    color: #084298;
    background-color: #cfe2ff;
  }
  &.type-error {
    color: #842029;
    background-color: #f8d7da;
  }
  &:last-child {
    margin-bottom: 0;
  }
}
:root {
  --element-forms-text: var(--element-color-default-fg);
  --element-forms-text-muted: var(--element-color-default-fg-muted);
  --element-form-radio-checkbox-checked-border-width: 0px;
  --element-forms-colors-inputs-focus-ring-style: 'solid';
  --element-forms-colors-general-required-color: var(--color-danger-accent);
  --element-forms-colors-inputs-color: var(--element-forms-colors-default-inputs-color);
  --element-forms-colors-inputs-accent-background: var(--element-forms-colors-default-inputs-accent-background);
  --element-forms-colors-inputs-accent-foreground: var(--element-forms-colors-default-inputs-accent-foreground);
  --element-forms-colors-inputs-background-color: var(--element-forms-colors-default-inputs-background-color);
  --element-forms-colors-inputs-border-color: var(--element-forms-colors-default-inputs-border-color);
  --element-forms-colors-inputs-focus-border-color: var(--element-forms-colors-default-inputs-focus-border-color);
  --element-forms-colors-inputs-focus-ring-color: var(--element-forms-colors-default-inputs-focus-ring-color);
  --element-forms-colors-inputs-focus-background-color: var(--element-forms-colors-default-inputs-focus-background-color);
  --element-forms-colors-inputs-required-border-color: var(--element-forms-colors-default-inputs-required-border-color);
  --element-forms-colors-inputs-required-ring-color: var(--element-forms-colors-default-inputs-required-ring-color);
  --element-forms-colors-inputs-radio-checkbox-accent: var(--element-forms-colors-default-inputs-radio-checkbox-accent);
  --element-forms-colors-inputs-radio-checkbox-accent-active: var(--element-forms-colors-default-inputs-radio-checkbox-accent);
  --element-form-select-chevron-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%239ca3af' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
  --element-form-select-option-bg: white;
  --placeholder-opacity: 0.5;
  --page-step-opacity: 0.3;
  --chosen-highlight-bg: #1967D2;
  --chosen-highlight-fg: white;
  --chosen-search: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="%236a6a6a" class="size-5"><path fill-rule="evenodd" d="M9 3.5a5.5 5.5 0 1 0 0 11 5.5 5.5 0 0 0 0-11ZM2 9a7 7 0 1 1 12.452 4.391l3.328 3.329a.75.75 0 1 1-1.06 1.06l-3.329-3.328A7 7 0 0 1 2 9Z" clip-rule="evenodd" /></svg>');
  --chosen-choice-remove: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="black"><path d="M6.28 5.22a.75.75 0 0 0-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 1 0 1.06 1.06L10 11.06l3.72 3.72a.75.75 0 1 0 1.06-1.06L11.06 10l3.72-3.72a.75.75 0 0 0-1.06-1.06L10 8.94 6.28 5.22Z" /></svg>');
  --gform-list-add: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="black"><path stroke-linecap="round" stroke-linejoin="round" d="M12 9v6m3-3H9m12 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" /></svg>');
  --gform-list-remove: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="black"><path stroke-linecap="round" stroke-linejoin="round" d="M15 12H9m12 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" /></svg>');
  --icon-invert: 0;
}
.form-colors-alt {
  --element-form-radio-checkbox-checked-border-width: 1px;
  --element-forms-colors-general-required-color: var(--color-danger-fg-accent);
  --element-forms-colors-inputs-color: var(--element-forms-colors-alt-inputs-color);
  --element-forms-colors-inputs-accent-background: var(--element-forms-colors-alt-inputs-accent-background);
  --element-forms-colors-inputs-accent-foreground: var(--element-forms-colors-alt-inputs-accent-foreground);
  --element-forms-colors-inputs-background-color: var(--element-forms-colors-alt-inputs-background-color);
  --element-forms-colors-inputs-border-color: var(--element-forms-colors-alt-inputs-border-color);
  --element-forms-colors-inputs-focus-border-color: var(--element-forms-colors-alt-inputs-focus-border-color);
  --element-forms-colors-inputs-focus-ring-color: var(--element-forms-colors-alt-inputs-focus-ring-color);
  --element-forms-colors-inputs-focus-background-color: var(--element-forms-colors-alt-inputs-focus-background-color);
  --element-forms-colors-inputs-required-border-color: var(--element-forms-colors-alt-inputs-required-border-color);
  --element-forms-colors-inputs-required-ring-color: var(--element-forms-colors-alt-inputs-required-ring-color);
  --element-forms-colors-inputs-radio-checkbox-accent: var(--element-forms-colors-alt-inputs-radio-checkbox-accent);
  --element-forms-colors-inputs-radio-checkbox-accent-active: transparent;
  --element-form-select-chevron-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23918d8a' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
  --element-form-select-option-bg: black;
  --page-step-opacity: 0.45;
  --chosen-choice-remove: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="white"><path d="M6.28 5.22a.75.75 0 0 0-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 1 0 1.06 1.06L10 11.06l3.72 3.72a.75.75 0 1 0 1.06-1.06L11.06 10l3.72-3.72a.75.75 0 0 0-1.06-1.06L10 8.94 6.28 5.22Z" /></svg>');
  --gform-list-add: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="white"><path stroke-linecap="round" stroke-linejoin="round" d="M12 9v6m3-3H9m12 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" /></svg>');
  --gform-list-remove: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="white"><path stroke-linecap="round" stroke-linejoin="round" d="M15 12H9m12 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" /></svg>');
  --icon-invert: 1;
  color-scheme: dark;
}
input[type=search] {
  &::-webkit-search-cancel-button {
    position: relative;
    right: 0px;
    -webkit-appearance: none;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    cursor: pointer;
    background-color: var(--search-cancel-button-bg, var(--color-gray-200));
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 10px;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Ctitle%3Ex%3C/title%3E%3Cpath fill='currentColor' d='M5.293 6.707l5.293 5.293-5.293 5.293c-0.391 0.391-0.391 1.024 0 1.414s1.024 .391 1.414 0l5.293-5.293 5.293 5.293c0.391 .391 1.024 .391 1.414 0s0.391-1.024 0-1.414l-5.293-5.293 5.293-5.293c0.391-0.391 0.391-1.024 0-1.414s-1.024-0.391-1.414 0l-5.293 5.293-5.293-5.293c-0.391-0.391-1.024-0.391-1.414 0s-0.391 1.024 0 1.414z'%3E%3C/path%3E%3C/svg%3E");
    transition: opacity 0.2s ease-in-out;
    opacity: 0.6;
  }
}
.form-input, .form-textarea, .form-multiselect {
  --focus-border-color: var(--element-forms-colors-inputs-focus-border-color);
  --focus-ring-color: var(--element-forms-colors-inputs-focus-ring-color);
  --focus-ring-style: var(--element-forms-colors-inputs-focus-ring-style);
  --focus-ring-width: var(--element-forms-general-focus-ring-width);
  --focus-ring-offset: var(--element-forms-general-focus-ring-offset);
  appearance: none;
  font-size: var(--element-forms-general-input-font-size);
  font-weight: var(--element-forms-general-input-font-weight);
  line-height: var(--element-forms-general-input-line-height);
  padding: var(--element-forms-general-input-padding-y) var(--element-forms-general-input-padding-x);
  border-radius: var(--element-forms-general-input-border-radius);
  border-style: var(--element-forms-general-input-border-style);
  border-width: var(--element-forms-general-input-border-width);
  border-color: var(--element-forms-colors-inputs-border-color);
  color: var(--element-forms-colors-inputs-color);
  background-color: var(--element-forms-colors-inputs-background-color);
  block-size: var(--form-input-height, auto);
  &.chosen-container-active, &:focus {
    outline-offset: var(--focus-ring-offset);
    outline-style: solid;
    outline-width: var(--focus-ring-width);
    outline-color: var(--focus-ring-color);
    border-color: var(--focus-border-color);
  }
  &[disabled] {
    opacity: 0.75;
  }
  box-shadow: var(--element-forms-general-input-box-shadow);
  &:focus {
    background-color: var(--element-forms-colors-inputs-focus-background-color);
  }
  &[readonly], &[disabled] {
    pointer-events: none;
    box-shadow: none;
  }
  &::placeholder {
    color: var(--element-forms-colors-inputs-color);
    opacity: var(--placeholder-opacity);
  }
  &[aria-invalid="true"], &[aria-invalid="true"] + [class*="chosen-container"] {
    border-color: var(--element-forms-colors-inputs-required-border-color);
    --focus-border-color: var(--element-forms-colors-inputs-required-border-color);
    --focus-ring-color: var(--element-forms-colors-inputs-required-ring-color);
  }
  option {
    padding: var(--element-forms-general-option-padding-y) var(--element-forms-general-option-padding-x);
  }
}
.form-select {
  --focus-border-color: var(--element-forms-colors-inputs-focus-border-color);
  --focus-ring-color: var(--element-forms-colors-inputs-focus-ring-color);
  --focus-ring-style: var(--element-forms-colors-inputs-focus-ring-style);
  --focus-ring-width: var(--element-forms-general-focus-ring-width);
  --focus-ring-offset: var(--element-forms-general-focus-ring-offset);
  appearance: none;
  font-size: var(--element-forms-general-input-font-size);
  font-weight: var(--element-forms-general-input-font-weight);
  line-height: var(--element-forms-general-input-line-height);
  padding: var(--element-forms-general-input-padding-y) var(--element-forms-general-input-padding-x);
  border-radius: var(--element-forms-general-input-border-radius);
  border-style: var(--element-forms-general-input-border-style);
  border-width: var(--element-forms-general-input-border-width);
  border-color: var(--element-forms-colors-inputs-border-color);
  color: var(--element-forms-colors-inputs-color);
  background-color: var(--element-forms-colors-inputs-background-color);
  block-size: var(--form-input-height, auto);
  &.chosen-container-active, &:focus {
    outline-offset: var(--focus-ring-offset);
    outline-style: solid;
    outline-width: var(--focus-ring-width);
    outline-color: var(--focus-ring-color);
    border-color: var(--focus-border-color);
  }
  &[disabled] {
    opacity: 0.75;
  }
  box-shadow: var(--element-forms-general-input-box-shadow);
  &:focus {
    background-color: var(--element-forms-colors-inputs-focus-background-color);
  }
  &[readonly], &[disabled] {
    pointer-events: none;
    box-shadow: none;
  }
  &::placeholder {
    color: var(--element-forms-colors-inputs-color);
    opacity: var(--placeholder-opacity);
  }
  &[aria-invalid="true"], &[aria-invalid="true"] + [class*="chosen-container"] {
    border-color: var(--element-forms-colors-inputs-required-border-color);
    --focus-border-color: var(--element-forms-colors-inputs-required-border-color);
    --focus-ring-color: var(--element-forms-colors-inputs-required-ring-color);
  }
  option {
    padding: var(--element-forms-general-option-padding-y) var(--element-forms-general-option-padding-x);
  }
  background-image: var(--element-form-select-chevron-image);
  background-position: right 0.5rem center;
  background-repeat: no-repeat;
  background-size: 1.5em 1.5em;
  option {
    background: var(--element-form-select-option-bg);
  }
}
.form-checkbox {
  --tw-shadow: 0 0 #0000;
  --focus-border-color: var(--element-forms-colors-inputs-focus-border-color);
  --focus-ring-color: var(--element-forms-colors-inputs-focus-ring-color);
  --focus-ring-width: var(--element-forms-general-focus-ring-width);
  --focus-ring-offset: var(--element-forms-general-focus-ring-offset);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
  display: inline-block;
  vertical-align: middle;
  background-origin: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  flex-shrink: 0;
  height: 1rem;
  width: 1rem;
  color: var(--element-forms-colors-inputs-radio-checkbox-accent);
  background-color: var(--element-forms-colors-inputs-background-color);
  position: relative;
  border: none;
  &::before {
    content: '';
    display: block;
    position: absolute;
    inset: 0;
    border-color: var(--element-forms-colors-inputs-border-color);
    border-width: 1px;
    border-style: solid;
    z-index: 1;
  }
  &:checked {
    color: var(--element-forms-colors-inputs-radio-checkbox-accent-active);
    border-color: var(--element-forms-colors-inputs-focus-border-color);
    background-color: currentColor;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    &::before {
      border-color: var(--element-forms-colors-inputs-focus-border-color);
      border-width: var(--element-form-radio-checkbox-checked-border-width);
    }
  }
  &:focus {
    outline: 2px solid transparent;
    outline-offset: var(--focus-ring-offset);
    --tw-ring-inset: var(--tw-empty, /*!*/ /*!*/);
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: var(--focus-ring-color);
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--focus-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    border-color: var(--focus-border-color);
  }
  &, &::before {
    border-radius: var(--element-forms-general-checkbox-border-radius);
  }
  overflow: hidden;
  &:checked {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 11.414 0z'/%3e%3c/svg%3e");
  }
}
.form-radio {
  --tw-shadow: 0 0 #0000;
  --focus-border-color: var(--element-forms-colors-inputs-focus-border-color);
  --focus-ring-color: var(--element-forms-colors-inputs-focus-ring-color);
  --focus-ring-width: var(--element-forms-general-focus-ring-width);
  --focus-ring-offset: var(--element-forms-general-focus-ring-offset);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
  display: inline-block;
  vertical-align: middle;
  background-origin: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  flex-shrink: 0;
  height: 1rem;
  width: 1rem;
  color: var(--element-forms-colors-inputs-radio-checkbox-accent);
  background-color: var(--element-forms-colors-inputs-background-color);
  position: relative;
  border: none;
  &::before {
    content: '';
    display: block;
    position: absolute;
    inset: 0;
    border-color: var(--element-forms-colors-inputs-border-color);
    border-width: 1px;
    border-style: solid;
    z-index: 1;
  }
  &:checked {
    color: var(--element-forms-colors-inputs-radio-checkbox-accent-active);
    border-color: var(--element-forms-colors-inputs-focus-border-color);
    background-color: currentColor;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    &::before {
      border-color: var(--element-forms-colors-inputs-focus-border-color);
      border-width: var(--element-form-radio-checkbox-checked-border-width);
    }
  }
  &:focus {
    outline: 2px solid transparent;
    outline-offset: var(--focus-ring-offset);
    --tw-ring-inset: var(--tw-empty, /*!*/ /*!*/);
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: var(--focus-ring-color);
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--focus-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    border-color: var(--focus-border-color);
  }
  border-radius: 100%;
  &:checked {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
  }
  &::before {
    border-radius: 100%;
  }
}
.form-checkbox, .form-radio {
  --tw-shadow: 0 0 #0000;
  --focus-border-color: var(--element-forms-colors-inputs-focus-border-color);
  --focus-ring-color: var(--element-forms-colors-inputs-focus-ring-color);
  --focus-ring-width: var(--element-forms-general-focus-ring-width);
  --focus-ring-offset: var(--element-forms-general-focus-ring-offset);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
  display: inline-block;
  vertical-align: middle;
  background-origin: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  flex-shrink: 0;
  height: 1rem;
  width: 1rem;
  color: var(--element-forms-colors-inputs-radio-checkbox-accent);
  background-color: var(--element-forms-colors-inputs-background-color);
  position: relative;
  border: none;
  &::before {
    content: '';
    display: block;
    position: absolute;
    inset: 0;
    border-color: var(--element-forms-colors-inputs-border-color);
    border-width: 1px;
    border-style: solid;
    z-index: 1;
  }
  &:checked {
    color: var(--element-forms-colors-inputs-radio-checkbox-accent-active);
    border-color: var(--element-forms-colors-inputs-focus-border-color);
    background-color: currentColor;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    &::before {
      border-color: var(--element-forms-colors-inputs-focus-border-color);
      border-width: var(--element-form-radio-checkbox-checked-border-width);
    }
  }
  &:focus {
    outline: 2px solid transparent;
    outline-offset: var(--focus-ring-offset);
    --tw-ring-inset: var(--tw-empty, /*!*/ /*!*/);
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: var(--focus-ring-color);
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--focus-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    border-color: var(--focus-border-color);
  }
}
.chosen-container.chosen-container-single, .chosen-container.chosen-container-multi, .gform_wrapper.gravity-theme .chosen-container.chosen-container-single, .gform_wrapper.gravity-theme .chosen-container.chosen-container-multi {
  --focus-border-color: var(--element-forms-colors-inputs-focus-border-color);
  --focus-ring-color: var(--element-forms-colors-inputs-focus-ring-color);
  --focus-ring-style: var(--element-forms-colors-inputs-focus-ring-style);
  --focus-ring-width: var(--element-forms-general-focus-ring-width);
  --focus-ring-offset: var(--element-forms-general-focus-ring-offset);
  appearance: none;
  font-size: var(--element-forms-general-input-font-size);
  font-weight: var(--element-forms-general-input-font-weight);
  line-height: var(--element-forms-general-input-line-height);
  padding: var(--element-forms-general-input-padding-y) var(--element-forms-general-input-padding-x);
  border-radius: var(--element-forms-general-input-border-radius);
  border-style: var(--element-forms-general-input-border-style);
  border-width: var(--element-forms-general-input-border-width);
  border-color: var(--element-forms-colors-inputs-border-color);
  color: var(--element-forms-colors-inputs-color);
  background-color: var(--element-forms-colors-inputs-background-color);
  block-size: var(--form-input-height, auto);
  &.chosen-container-active, &:focus {
    outline-offset: var(--focus-ring-offset);
    outline-style: solid;
    outline-width: var(--focus-ring-width);
    outline-color: var(--focus-ring-color);
    border-color: var(--focus-border-color);
  }
  &[disabled] {
    opacity: 0.75;
  }
  box-shadow: var(--element-forms-general-input-box-shadow);
  &:focus {
    background-color: var(--element-forms-colors-inputs-focus-background-color);
  }
  &[readonly], &[disabled] {
    pointer-events: none;
    box-shadow: none;
  }
  &::placeholder {
    color: var(--element-forms-colors-inputs-color);
    opacity: var(--placeholder-opacity);
  }
  &[aria-invalid="true"], &[aria-invalid="true"] + [class*="chosen-container"] {
    border-color: var(--element-forms-colors-inputs-required-border-color);
    --focus-border-color: var(--element-forms-colors-inputs-required-border-color);
    --focus-ring-color: var(--element-forms-colors-inputs-required-ring-color);
  }
  option {
    padding: var(--element-forms-general-option-padding-y) var(--element-forms-general-option-padding-x);
  }
  background-image: var(--element-form-select-chevron-image);
  background-position: right 0.5rem center;
  background-repeat: no-repeat;
  background-size: 1.5em 1.5em;
  option {
    background: var(--element-form-select-option-bg);
  }
  height: auto;
  padding: 0;
  a.chosen-single {
    display: contents;
    span {
      color: var(--element-forms-colors-inputs-color);
      padding: calc(var(--element-forms-general-input-padding-y) + 0.5px) var(--element-forms-general-input-padding-x);
      line-height: var(--element-forms-general-input-line-height);
      margin: 0;
    }
    div {
      display: none;
    }
  }
  &.chosen-container-active {
    .chosen-choices li.search-field input[type=text] {
      color: var(--element-forms-colors-inputs-color);
    }
  }
  .chosen-choices {
    --choice-padding-y: 2px;
    --choice-padding-x: 7px;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background-color: transparent;
    border: none;
    padding: calc(var(--element-forms-general-input-padding-y) + 1px) var(--element-forms-general-input-padding-x);
    line-height: var(--element-forms-general-input-line-height);
    input.chosen-search-input {
      color: var(--element-forms-colors-inputs-color);
    }
    li {
      &.search-field, &.search-choice {
        border: 1px solid transparent;
        line-height: var(--element-forms-general-input-line-height);
        margin: calc((var(--choice-padding-y) + 2px) * -1) 0;
      }
      &.search-field {
        padding: var(--choice-padding-y) 0;
      }
      &.search-choice {
        color: var(--element-forms-colors-inputs-color);
        background-color: var(--element-forms-colors-inputs-background-color);
        background-image: none;
        border-color: var(--element-forms-colors-inputs-border-color);
        border-radius: calc(var(--element-forms-general-input-border-radius) / 2);
        box-shadow: none;
        padding: var(--choice-padding-y) var(--choice-padding-x);
        span {
          display: inline-block;
          padding-right: calc(0.5rem + 16px);
        }
        .search-choice-close {
          top: 0;
          bottom: 0;
          right: 0;
          padding-right: var(--choice-padding-x);
          height: auto;
          width: calc(16px + var(--choice-padding-x));
          opacity: 0.5;
          background-size: 16px;
          background-position: left center;
          background-image: var(--chosen-choice-remove);
          transition: opacity 100ms ease-in-out;
          &:hover {
            background-position: left center;
            opacity: 0.75;
          }
        }
      }
    }
    .chosen-search-input {
      height: auto !important;
      margin: 0 !important;
      line-height: inherit !important;
      font-size: inherit !important;
      min-height: auto !important;
      &.default {
        color: var(--element-forms-colors-inputs-placeholder-color);
        opacity: var(--placeholder-opacity);
      }
    }
  }
  .chosen-drop {
    --result-padding-y: 8px;
    --result-padding-x: 7px;
    border: 1px solid #767676;
    border-top-width: 0;
    border-radius: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: var(--shadow-md);
    padding: var(--element-forms-general-input-padding-y) var(--element-forms-general-input-padding-x);
    color: var(--element-forms-text-muted);
    .chosen-search {
      margin-bottom: 0.5rem !important;
    }
    .chosen-search-input {
      border: 1px solid #6a6a6a;
      padding: 10px 15px;
      background: white var(--chosen-search) no-repeat calc(100% - 10px) 50%;
      background-size: 16px;
      height: auto !important;
      line-height: inherit !important;
      font-size: inherit !important;
      min-height: auto !important;
    }
    .chosen-search, .chosen-results {
      padding: 0;
      margin: 0;
    }
    .chosen-results {
      li {
        padding: var(--result-padding-y) var(--result-padding-x);
        select:is([required], [aria-required="true"]) + &.gf_placeholder {
          display: none;
        }
        &.result-selected {
          color: inherit;
          opacity: 0.75;
          pointer-events: none;
        }
        &.no-results {
          padding: 0;
          background: none;
          color: var(--element-forms-text-muted);
        }
        &:where(:not(.no-results):hover), &.highlighted, &.result-selected {
          background: var(--element-forms-colors-default-inputs-accent-background) linear-gradient(45deg, var(--element-forms-colors-default-inputs-accent-background), var(--element-forms-colors-default-inputs-accent-background));
          color: var(--element-forms-colors-default-inputs-accent-foreground);
          opacity: 1;
        }
        &.highlighted {
          background: var(--chosen-highlight-bg);
          color: var(--chosen-highlight-fg);
        }
      }
    }
  }
}
html body .gform_wrapper:is(.gform-theme, .gravity-theme) {
  color: var(--element-color-fg);
  display: flex;
  flex-direction: column;
  row-gap: var(--element-gap-lg);
  .gform_heading, .gsection {
    --typography-font-size: var(--text-theme-base);
    --typography-font-weight: var(--text-theme-base--font-weight);
    --typography-line-height: var(--text-theme-base--line-height);
    --typography-strong-font-weight: var(--font-weight-semibold);
    --typography-item-margin-top: 0;
    --typography-item-margin-bottom: calc(var(--spacing) * 6);
    --typography-list-item-spacing: calc(var(--spacing) * 1);
    --typography-list-padding-start: calc(var(--spacing) * 6);
    --typography-blockquote-padding: calc(var(--spacing) * 6) calc(var(--spacing) * 6) calc(var(--spacing) * 6) calc(var(--spacing) * 8);
    --typography-blockquote-font-style: 'normal';
    --typography-blockquote-font-weight: var(--text-theme-base--font-weight);
    --typography-blockquote-border-style: solid;
    --typography-blockquote-border-width: calc(var(--spacing) * 1);
    --typography-blockquote-border-color: var(--element-color-accent);
    --typography-blockquote-border-radius: 0;
    --typography-blockquote-bg: var(--element-color-bg-alternate);
    font-size: var(--typography-font-size);
    font-weight: var(--typography-font-weight);
    line-height: var(--typography-line-height);
    > * {
      &:not(:first-child) {
        margin-top: var(--typography-item-margin-top);
      }
      &:not(:last-child) {
        margin-bottom: var(--typography-item-margin-bottom);
      }
    }
    a:where(:not(.button)) {
      color: var(--element-color-accent);
      text-decoration: var(--typography-link-decoration-default, underline);
      font-weight: var(--typography-link-font-weight, inherit);
      &:hover, &:focus, &:active {
        color: var(--element-color-accent-alternate);
        text-decoration: var(--typography-link-decoration-hover, none);
      }
    }
    h1, h2, h3, h4, h5, h6 {
      font-family: var(--typography-font-family-heading, var(--font-heading));
      color: var(--typography-title-fg, var(--element-color-title));
    }
    h1 {
      font-size: var(--text-h1);
      line-height: var(--tw-leading, var(--text-h1--line-height));
      letter-spacing: var(--tw-tracking, var(--text-h1--letter-spacing));
      font-weight: var(--tw-font-weight, var(--text-h1--font-weight));
      --typography-item-margin-bottom: var(--element-title-margin-bottom-h1);
    }
    h2 {
      font-size: var(--text-h2);
      line-height: var(--tw-leading, var(--text-h2--line-height));
      letter-spacing: var(--tw-tracking, var(--text-h2--letter-spacing));
      font-weight: var(--tw-font-weight, var(--text-h2--font-weight));
      --typography-item-margin-bottom: var(--element-title-margin-bottom-h2);
    }
    h3 {
      font-size: var(--text-h3);
      line-height: var(--tw-leading, var(--text-h3--line-height));
      letter-spacing: var(--tw-tracking, var(--text-h3--letter-spacing));
      font-weight: var(--tw-font-weight, var(--text-h3--font-weight));
      --typography-item-margin-bottom: var(--element-title-margin-bottom-h3);
    }
    h4 {
      font-size: var(--text-h4);
      line-height: var(--tw-leading, var(--text-h4--line-height));
      letter-spacing: var(--tw-tracking, var(--text-h4--letter-spacing));
      font-weight: var(--tw-font-weight, var(--text-h4--font-weight));
      --typography-item-margin-bottom: var(--element-title-margin-bottom-h4);
    }
    h5 {
      font-size: var(--text-h5);
      line-height: var(--tw-leading, var(--text-h5--line-height));
      letter-spacing: var(--tw-tracking, var(--text-h5--letter-spacing));
      font-weight: var(--tw-font-weight, var(--text-h5--font-weight));
      --typography-item-margin-bottom: var(--element-title-margin-bottom-h5);
    }
    h6 {
      font-size: var(--text-h6);
      line-height: var(--tw-leading, var(--text-h6--line-height));
      letter-spacing: var(--tw-tracking, var(--text-h6--letter-spacing));
      font-weight: var(--tw-font-weight, var(--text-h6--font-weight));
      --typography-item-margin-bottom: var(--element-title-margin-bottom-h6);
    }
    ul, ol {
      list-style-position: outside;
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(var(--typography-list-item-spacing) * var(--tw-space-y-reverse));
        margin-block-end: calc(var(--typography-list-item-spacing) * calc(1 - var(--tw-space-y-reverse)));
      }
      padding-inline-start: var(--typography-list-padding-start);
    }
    ul {
      list-style-type: disc;
    }
    ol {
      list-style-type: decimal;
    }
    blockquote {
      font-style: var(--typography-blockquote-font-style);
      padding: var(--typography-blockquote-padding);
      font-weight: var(--typography-blockquote-font-weight);
      border-style: var(--typography-blockquote-border-style);
      border-left-width: var(--typography-blockquote-border-width);
      border-left-color: var(--typography-blockquote-border-color);
      border-radius: var(--typography-blockquote-border-radius);
      background-color: var(--typography-blockquote-bg);
    }
    strong {
      font-weight: var(--typography-strong-font-weight);
    }
  }
  .gform_heading {
    display: none;
    margin-bottom: calc(var(--typography-item-margin-bottom) * -1);
    &:has(*:not(:empty)) {
      display: block;
    }
  }
  .gform_validation_errors {
    --element-message-accent: currentColor;
    --element-message-fg: currentColor;
    --element-message-bg: none;
    --element-message-border-radius: var(--element-border-radius-md, 0px);
    --element-message-title-font-weight: var(--font-weight-semibold);
    --element-message-padding: calc(var(--spacing) * 4);
    &[data-border="0"] {
      --element-message-border-width: 0;
    }
    &[data-border="0"][data-bg="0"] {
      --element-message-padding: 0;
    }
    background-color: var(--element-message-bg);
    border-radius: var(--element-message-border-radius);
    padding: var(--element-message-padding);
    font-size: var(--element-message-font-size, inherit);
    border: var(--element-message-border-width, 1px) var(--element-message-border-style, solid) var(--element-message-border, transparent);
    line-height: var(--element-message-line-height, 1.5);
    .element-message-content {
      --element-color-accent: currentColor;
      --element-color-accent-alternate: currentColor;
      --typography-link-decoration-default: var(--element-message-link-decoration-default, underline);
      --typography-link-decoration-hover: var(--element-message-link-decoration-hover, none);
      --typography-link-font-weight: var(--element-message-link-font-weight, var(--typography-font-weight));
      line-height: inherit;
    }
    &[data-type="success"] {
      --element-message-accent: var(--color-success-accent);
      --element-message-fg: var(--color-success-fg);
      --element-message-border: var(--color-success-border);
      &[data-bg="1"] {
        --element-message-bg: var(--color-success-bg);
        --element-message-fg: var(--color-success-fg-on-bg);
        --element-message-border: var(--color-success-border-on-bg);
      }
      &[data-color-mode="dark"] {
        --element-message-fg: var(--color-success-fg-dark);
        --element-message-border: var(--color-success-border-dark);
        &[data-bg="1"] {
          --element-message-bg: var(--color-success-bg-dark);
          --element-message-fg: var(--color-success-fg-on-bg-dark);
          --element-message-border: var(--color-success-border-on-bg-dark);
        }
      }
    }
    &[data-type="danger"] {
      --element-message-accent: var(--color-danger-accent);
      --element-message-fg: var(--color-danger-fg);
      --element-message-border: var(--color-danger-border);
      &[data-bg="1"] {
        --element-message-bg: var(--color-danger-bg);
        --element-message-fg: var(--color-danger-fg-on-bg);
        --element-message-border: var(--color-danger-border-on-bg);
      }
      &[data-color-mode="dark"] {
        --element-message-fg: var(--color-danger-fg-dark);
        --element-message-border: var(--color-danger-border-dark);
        &[data-bg="1"] {
          --element-message-bg: var(--color-danger-bg-dark);
          --element-message-fg: var(--color-danger-fg-on-bg-dark);
          --element-message-border: var(--color-danger-border-on-bg-dark);
        }
      }
    }
    &[data-type="warning"] {
      --element-message-accent: var(--color-warning-accent);
      --element-message-fg: var(--color-warning-fg);
      --element-message-border: var(--color-warning-border);
      &[data-bg="1"] {
        --element-message-bg: var(--color-warning-bg);
        --element-message-fg: var(--color-warning-fg-on-bg);
        --element-message-border: var(--color-warning-border-on-bg);
      }
      &[data-color-mode="dark"] {
        --element-message-fg: var(--color-warning-fg-dark);
        --element-message-border: var(--color-warning-border-dark);
        &[data-bg="1"] {
          --element-message-bg: var(--color-warning-bg-dark);
          --element-message-fg: var(--color-warning-fg-on-bg-dark);
          --element-message-border: var(--color-warning-border-on-bg-dark);
        }
      }
    }
    &[data-type="info"] {
      --element-message-accent: var(--color-info-accent);
      --element-message-fg: var(--color-info-fg);
      --element-message-border: var(--color-info-border);
      &[data-bg="1"] {
        --element-message-bg: var(--color-info-bg);
        --element-message-fg: var(--color-info-fg-on-bg);
        --element-message-border: var(--color-info-border-on-bg);
      }
      &[data-color-mode="dark"] {
        --element-message-fg: var(--color-info-fg-dark);
        --element-message-border: var(--color-info-border-dark);
        &[data-bg="1"] {
          --element-message-bg: var(--color-info-bg-dark);
          --element-message-fg: var(--color-info-fg-on-bg-dark);
          --element-message-border: var(--color-info-border-on-bg-dark);
        }
      }
    }
    &[data-type="neutral"] {
      --element-message-accent: var(--color-neutral-accent);
      --element-message-fg: var(--color-neutral-fg);
      --element-message-border: var(--color-neutral-border);
      &[data-bg="1"] {
        --element-message-bg: var(--color-neutral-bg);
        --element-message-fg: var(--color-neutral-fg-on-bg);
        --element-message-border: var(--color-neutral-border-on-bg);
      }
      &[data-color-mode="dark"] {
        --element-message-fg: var(--color-neutral-fg-dark);
        --element-message-border: var(--color-neutral-border-dark);
        &[data-bg="1"] {
          --element-message-bg: var(--color-neutral-bg-dark);
          --element-message-fg: var(--color-neutral-fg-on-bg-dark);
          --element-message-border: var(--color-neutral-border-on-bg-dark);
        }
      }
    }
    --element-message-accent: var(--color-danger-accent);
    --element-message-bg: var(--color-danger-bg);
    --element-message-fg: var(--color-danger-fg-on-bg);
    --element-message-border: var(--color-danger-border-on-bg);
    padding-left: 48px;
    background: var(--element-message-bg);
    margin: 0;
    h2 {
      margin: 0;
    }
    &:focus {
      outline: none !important;
    }
    box-shadow: none;
    .gform-icon {
      color: var(--color-danger-accent);
    }
    &:focus {
      outline-color: currentColor;
    }
    &, & > * {
      color: var(--color-danger-fg);
    }
  }
  .gfield_validation_message, .validation_message {
    color: var(--element-forms-colors-general-required-color);
    padding: 0;
    border: 0;
    background: none;
    width: auto !important;
    float: none !important;
  }
  .gfield_required, .gfield_error .gfield_repeater_cell label, .gfield_error label, .gfield_error legend, .gfield_validation_message, .validation_message, [aria-invalid=true] + label, label + [aria-invalid=true] {
    color: var(--element-forms-colors-general-required-color);
  }
  .ginput_container_fileupload {
    .moxie-shim {
      top: 0 !important;
      left: 0 !important;
      width: 100% !important;
      height: 100% !important;
    }
  }
  .gf_progressbar_wrapper {
    margin-bottom: var(--element-gap-lg);
    .gf_progressbar_title {
      color: var(--element-color-fg-muted);
    }
  }
  .left_label .gfield_label, .gfield_label {
    margin-bottom: 0.5rem;
    font-size: var(--element-forms-general-label-font-size);
    font-weight: var(--element-forms-general-label-font-weight);
    color: inherit;
  }
  .gfield-image-choice-wrapper-inner {
    display: flex;
    align-items: baseline;
    gap: 0.25rem;
    .gfield-choice-input {
      top: 0.1rem;
    }
  }
  .gf_page_steps {
    margin-bottom: var(--element-gap-default);
    padding-bottom: var(--element-gap-default);
    border-bottom: 1px solid var(--element-color-border);
    display: flex;
    flex-wrap: wrap;
    column-gap: var(--element-gap-default);
    row-gap: var(--element-gap-sm);
    .gf_step {
      margin: 0;
      color: var(--element-color-fg);
      &.gf_step_pending {
        opacity: var(--page-step-opacity);
      }
      a {
        color: inherit;
        text-decoration: none;
      }
    }
    .gf_step_number {
      background: transparent;
      border-color: var(--element-color-fg);
      font-weight: var(--typography-strong-fontWeight);
      color: inherit;
    }
    .gf_step_label {
      font-weight: var(--typography-fontWeight);
      padding-left: 0.5rem;
      text-decoration: none;
    }
    .gf_step_active {
      .gf_step_number {
        border-color: var(--element-color-fg);
      }
      .gf_step_label {
        font-weight: var(--typography-strong-fontWeight);
      }
    }
    .gf_step_completed {
      .gf_step_number {
        color: transparent;
        border-color: transparent;
        &::before {
          background-color: var(--color-success-accent);
          border-color: transparent;
        }
        &::after {
          color: var(--color-success-fg-on-accent);
        }
      }
    }
  }
  .gfield_description {
    padding: 0.5rem 0 0 0;
    &:not(.gfield_validation_message) {
      color: var(--element-color-fg-muted);
    }
    &.gfield_validation_message {
      padding-top: 0;
    }
  }
  .field_description_above .gfield_description {
    padding: 0 0 0.5rem 0;
  }
  * + .gform-field-label--type-inline {
    margin-left: 0.25rem !important;
    line-height: var(--leading-normal);
  }
  .gform-field-label {
    &.gform-field-label--type-sub {
      color: var(--element-color-fg-muted);
    }
  }
  .gform_fields {
    --form-fields-gap: var(--element-gap-sm);
    gap: var(--form-fields-gap);
    &.left_label {
      .gfield_label {
        padding-top: var(--element-forms-general-input-padding-y);
        @media (max-width: 640px) {
          padding-top: 0;
        }
      }
      .gfield_validation_message {
        text-align: right;
      }
    }
    .gfield + .gsection {
      margin-top: calc(var(--element-gap-lg) - var(--form-fields-gap));
    }
    .gsection {
      border-color: var(--element-color-border);
      padding-bottom: var(--element-gap-default);
      margin-bottom: calc(var(--element-gap-default) - var(--form-fields-gap));
    }
    .gsection_description {
      padding: 0;
      margin-bottom: 0;
    }
    .gfield_list_groups {
      gap: var(--form-fields-gap);
      display: flex;
      flex-direction: column;
      .gfield_list_group {
        display: flex;
        gap: var(--form-fields-gap);
        margin-bottom: 0 !important;
        border: none !important;
        padding: 0 !important;
        .gfield_list_group_item {
          margin: 0 !important;
        }
      }
      .gfield_list_icons {
        width: auto;
        gap: 0.25rem;
        display: flex;
        justify-content: space-evenly;
        background: none !important;
        margin: 0 !important;
        padding: 0 !important;
        button {
          color: var(--element-color-fg-muted);
          margin: 0;
          width: 24px;
          height: 24px;
          background-size: 24px 24px;
          background-repeat: no-repeat;
          transition: opacity 100ms ease-in-out;
          opacity: 0.5;
          &:hover {
            opacity: 0.75;
          }
        }
        .add_list_item {
          background-image: var(--gform-list-add);
        }
        .delete_list_item {
          background-image: var(--gform-list-remove);
        }
      }
    }
    .ui-datepicker-trigger {
      filter: invert(var(--icon-invert));
    }
    .gfield--type-fileupload {
      .gform_drop_area, .gpfup__droparea {
        padding: var(--element-row-padding-lg);
        color: inherit;
        background-color: var(--element-color-bg-alternate);
        border-style: dashed;
        border-color: var(--element-color-border);
        border-width: var(--element-forms-upload-drop-area-border-width, 2px);
        border-radius: var(--element-border-radius-md);
      }
      .gform_drop_instructions {
        margin-bottom: 0;
      }
      .gform_drop_area, .gpfup__droparea > div {
        width: 100%;
        display: inline-flex;
        flex-direction: column;
        align-items: center;
        gap: var(--element-gap-sm);
      }
      .gpfup__droparea {
        height: auto;
        display: block;
      }
      .gfield_fileupload_filesize, .gfield_fileupload_percent {
        color: var(--element-color-fg-muted);
        font-size: var(--text-theme-sm);
      }
      .gform_delete_file {
        margin-left: 0.5rem;
      }
      * + .ginput_preview_list:not(:empty) {
        margin-top: 0.5rem;
      }
      .gpfup__files {
        margin-bottom: var(--element-gap-sm);
        border-radius: var(--element-border-radius-sm);
        user-select: none;
        &, .gpfup__file:not(:last-of-type) {
          border-color: var(--element-color-border);
        }
        .gpfup__file:focus-within .gpfup__edit, .gpfup__file:hover .gpfup__edit {
          display: flex;
        }
        .gpfup__edit {
          align-items: center;
          justify-content: center;
        }
        .gpfup__preview-pending {
          filter: invert(var(--icon-invert));
        }
        .gpfup__drag-handle, .gpfup__delete {
          filter: invert(var(--icon-invert));
          opacity: 0.5;
          transition: opacity 100ms ease-in-out;
          &:hover {
            opacity: 0.75;
          }
        }
        .gpfup_progress {
          background-color: var(--color-info-accent);
        }
        .gpfup__filesize {
          color: var(--element-color-fg-muted);
        }
        .gpfup__upload-error-icon path {
          fill: var(--element-forms-colors-general-required-color);
        }
        .gpfup__file-error {
          color: var(--element-forms-colors-general-required-color);
        }
      }
      .ginput_preview_list {
        border-radius: var(--element-border-radius-sm);
        &:not(:empty) {
          border: 1px dashed var(--element-color-border);
        }
        .ginput_preview {
          display: flex;
          align-items: center;
          gap: 0.5rem;
          padding: 0.5rem;
          margin: 0;
          @media only screen and (max-width: 641px) {
            flex-wrap: wrap;
            .gfield_fileupload_filename {
              min-width: 100%;
            }
          }
          .gfield_fileupload_filename {
            flex-grow: 1;
          }
          > * {
            padding: 0;
            line-height: 1.5;
            display: inline-flex;
          }
          & + .ginput_preview {
            border-top: 1px dashed var(--element-color-border);
          }
        }
      }
    }
    .ginput_complex {
      align-items: center;
      display: flex;
      flex-wrap: wrap;
      gap: 0.5rem;
      > * {
        margin: 0;
        padding: 0;
      }
      &.ginput_container_address, &.ginput_container_name {
        display: grid;
        gap: var(--element-gap-sm);
        margin: 0;
        grid-template-columns: repeat(1, minmax(0, 1fr));
        @container (width >= 48rem) {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }
        > * {
          padding: 0 !important;
          margin: 0 !important;
          inline-size: 100%;
          &.ginput_address_line_1 {
            @container (width >= 48rem) {
              grid-column: span 2 / span 2;
            }
          }
        }
      }
    }
    .gfield--type-image_choice {
      .gfield-choice-image-wrapper, .gfield-choice-image-wrapper::before {
        border-radius: var(--element-border-radius-md);
      }
      .gfield-choice-image-wrapper {
        --focus-border-color: var(--element-forms-colors-inputs-focus-border-color);
        --focus-ring-color: var(--element-forms-colors-inputs-focus-ring-color);
        --focus-ring-width: var(--element-forms-general-focus-ring-width);
        --focus-ring-offset: var(--element-forms-general-focus-ring-offset);
        cursor: pointer;
      }
      .gchoice:where(:focus-within) .gfield-choice-image-wrapper {
        &::before {
          border-color: var(--element-forms-colors-inputs-focus-border-color);
        }
      }
      &.gfield_error .gfield-choice-image-wrapper {
        --focus-border-color: var(--element-forms-colors-inputs-required-border-color);
        --focus-ring-color: var(--element-forms-colors-inputs-required-ring-color);
        &::before {
          border-color: var(--element-forms-colors-inputs-required-border-color) !important;
        }
      }
      .gchoice:where(:has(input:checked)) {
        &::after {
          background-color: var(--color-primary);
          filter: none;
        }
      }
      .gchoice:where(:focus-within) .gfield-choice-image-wrapper, &.gfield_error .gchoice:where(:focus-within) .gfield-choice-image-wrapper {
        outline-offset: var(--focus-ring-offset);
        outline-style: solid;
        outline-width: var(--focus-ring-width);
        outline-color: var(--focus-ring-color);
      }
    }
    .gchoice_other_control {
      width: 100%;
      &[disabled] {
        display: none;
      }
    }
    .ginput_container_time {
      min-width: 85px;
    }
    [type='text']:not(.chosen-search-input), [type='email'], [type='url'], [type='password'], [type='number'], [type='date'], [type='datetime-local'], [type='month'], [type='search'], [type='tel'], [type='time'], [type='week'] {
      --focus-border-color: var(--element-forms-colors-inputs-focus-border-color);
      --focus-ring-color: var(--element-forms-colors-inputs-focus-ring-color);
      --focus-ring-style: var(--element-forms-colors-inputs-focus-ring-style);
      --focus-ring-width: var(--element-forms-general-focus-ring-width);
      --focus-ring-offset: var(--element-forms-general-focus-ring-offset);
      appearance: none;
      font-size: var(--element-forms-general-input-font-size);
      font-weight: var(--element-forms-general-input-font-weight);
      line-height: var(--element-forms-general-input-line-height);
      padding: var(--element-forms-general-input-padding-y) var(--element-forms-general-input-padding-x);
      border-radius: var(--element-forms-general-input-border-radius);
      border-style: var(--element-forms-general-input-border-style);
      border-width: var(--element-forms-general-input-border-width);
      border-color: var(--element-forms-colors-inputs-border-color);
      color: var(--element-forms-colors-inputs-color);
      background-color: var(--element-forms-colors-inputs-background-color);
      block-size: var(--form-input-height, auto);
      &.chosen-container-active, &:focus {
        outline-offset: var(--focus-ring-offset);
        outline-style: solid;
        outline-width: var(--focus-ring-width);
        outline-color: var(--focus-ring-color);
        border-color: var(--focus-border-color);
      }
      &[disabled] {
        opacity: 0.75;
      }
      box-shadow: var(--element-forms-general-input-box-shadow);
      &:focus {
        background-color: var(--element-forms-colors-inputs-focus-background-color);
      }
      &[readonly], &[disabled] {
        pointer-events: none;
        box-shadow: none;
      }
      &::placeholder {
        color: var(--element-forms-colors-inputs-color);
        opacity: var(--placeholder-opacity);
      }
      &[aria-invalid="true"], &[aria-invalid="true"] + [class*="chosen-container"] {
        border-color: var(--element-forms-colors-inputs-required-border-color);
        --focus-border-color: var(--element-forms-colors-inputs-required-border-color);
        --focus-ring-color: var(--element-forms-colors-inputs-required-ring-color);
      }
      option {
        padding: var(--element-forms-general-option-padding-y) var(--element-forms-general-option-padding-x);
      }
      @media only screen and (max-width: 641px) {
        line-height: var(--element-forms-general-input-line-height) !important;
        min-height: auto !important;
      }
    }
    input[type="checkbox"] {
      --tw-shadow: 0 0 #0000;
      --focus-border-color: var(--element-forms-colors-inputs-focus-border-color);
      --focus-ring-color: var(--element-forms-colors-inputs-focus-ring-color);
      --focus-ring-width: var(--element-forms-general-focus-ring-width);
      --focus-ring-offset: var(--element-forms-general-focus-ring-offset);
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      padding: 0;
      -webkit-print-color-adjust: exact;
      print-color-adjust: exact;
      display: inline-block;
      vertical-align: middle;
      background-origin: border-box;
      -webkit-user-select: none;
      -moz-user-select: none;
      user-select: none;
      flex-shrink: 0;
      height: 1rem;
      width: 1rem;
      color: var(--element-forms-colors-inputs-radio-checkbox-accent);
      background-color: var(--element-forms-colors-inputs-background-color);
      position: relative;
      border: none;
      &::before {
        content: '';
        display: block;
        position: absolute;
        inset: 0;
        border-color: var(--element-forms-colors-inputs-border-color);
        border-width: 1px;
        border-style: solid;
        z-index: 1;
      }
      &:checked {
        color: var(--element-forms-colors-inputs-radio-checkbox-accent-active);
        border-color: var(--element-forms-colors-inputs-focus-border-color);
        background-color: currentColor;
        background-size: 100% 100%;
        background-position: center;
        background-repeat: no-repeat;
        &::before {
          border-color: var(--element-forms-colors-inputs-focus-border-color);
          border-width: var(--element-form-radio-checkbox-checked-border-width);
        }
      }
      &:focus {
        outline: 2px solid transparent;
        outline-offset: var(--focus-ring-offset);
        --tw-ring-inset: var(--tw-empty, /*!*/ /*!*/);
        --tw-ring-offset-width: 2px;
        --tw-ring-offset-color: #fff;
        --tw-ring-color: var(--focus-ring-color);
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--focus-ring-color);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        border-color: var(--focus-border-color);
      }
      &, &::before {
        border-radius: var(--element-forms-general-checkbox-border-radius);
      }
      overflow: hidden;
      &:checked {
        background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 11.414 0z'/%3e%3c/svg%3e");
      }
    }
    input[type="radio"] {
      --tw-shadow: 0 0 #0000;
      --focus-border-color: var(--element-forms-colors-inputs-focus-border-color);
      --focus-ring-color: var(--element-forms-colors-inputs-focus-ring-color);
      --focus-ring-width: var(--element-forms-general-focus-ring-width);
      --focus-ring-offset: var(--element-forms-general-focus-ring-offset);
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      padding: 0;
      -webkit-print-color-adjust: exact;
      print-color-adjust: exact;
      display: inline-block;
      vertical-align: middle;
      background-origin: border-box;
      -webkit-user-select: none;
      -moz-user-select: none;
      user-select: none;
      flex-shrink: 0;
      height: 1rem;
      width: 1rem;
      color: var(--element-forms-colors-inputs-radio-checkbox-accent);
      background-color: var(--element-forms-colors-inputs-background-color);
      position: relative;
      border: none;
      &::before {
        content: '';
        display: block;
        position: absolute;
        inset: 0;
        border-color: var(--element-forms-colors-inputs-border-color);
        border-width: 1px;
        border-style: solid;
        z-index: 1;
      }
      &:checked {
        color: var(--element-forms-colors-inputs-radio-checkbox-accent-active);
        border-color: var(--element-forms-colors-inputs-focus-border-color);
        background-color: currentColor;
        background-size: 100% 100%;
        background-position: center;
        background-repeat: no-repeat;
        &::before {
          border-color: var(--element-forms-colors-inputs-focus-border-color);
          border-width: var(--element-form-radio-checkbox-checked-border-width);
        }
      }
      &:focus {
        outline: 2px solid transparent;
        outline-offset: var(--focus-ring-offset);
        --tw-ring-inset: var(--tw-empty, /*!*/ /*!*/);
        --tw-ring-offset-width: 2px;
        --tw-ring-offset-color: #fff;
        --tw-ring-color: var(--focus-ring-color);
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--focus-ring-color);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        border-color: var(--focus-border-color);
      }
      border-radius: 100%;
      &:checked {
        background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
      }
      &::before {
        border-radius: 100%;
      }
    }
    textarea {
      --focus-border-color: var(--element-forms-colors-inputs-focus-border-color);
      --focus-ring-color: var(--element-forms-colors-inputs-focus-ring-color);
      --focus-ring-style: var(--element-forms-colors-inputs-focus-ring-style);
      --focus-ring-width: var(--element-forms-general-focus-ring-width);
      --focus-ring-offset: var(--element-forms-general-focus-ring-offset);
      appearance: none;
      font-size: var(--element-forms-general-input-font-size);
      font-weight: var(--element-forms-general-input-font-weight);
      line-height: var(--element-forms-general-input-line-height);
      padding: var(--element-forms-general-input-padding-y) var(--element-forms-general-input-padding-x);
      border-radius: var(--element-forms-general-input-border-radius);
      border-style: var(--element-forms-general-input-border-style);
      border-width: var(--element-forms-general-input-border-width);
      border-color: var(--element-forms-colors-inputs-border-color);
      color: var(--element-forms-colors-inputs-color);
      background-color: var(--element-forms-colors-inputs-background-color);
      block-size: var(--form-input-height, auto);
      &.chosen-container-active, &:focus {
        outline-offset: var(--focus-ring-offset);
        outline-style: solid;
        outline-width: var(--focus-ring-width);
        outline-color: var(--focus-ring-color);
        border-color: var(--focus-border-color);
      }
      &[disabled] {
        opacity: 0.75;
      }
      box-shadow: var(--element-forms-general-input-box-shadow);
      &:focus {
        background-color: var(--element-forms-colors-inputs-focus-background-color);
      }
      &[readonly], &[disabled] {
        pointer-events: none;
        box-shadow: none;
      }
      &::placeholder {
        color: var(--element-forms-colors-inputs-color);
        opacity: var(--placeholder-opacity);
      }
      &[aria-invalid="true"], &[aria-invalid="true"] + [class*="chosen-container"] {
        border-color: var(--element-forms-colors-inputs-required-border-color);
        --focus-border-color: var(--element-forms-colors-inputs-required-border-color);
        --focus-ring-color: var(--element-forms-colors-inputs-required-ring-color);
      }
      option {
        padding: var(--element-forms-general-option-padding-y) var(--element-forms-general-option-padding-x);
      }
      resize: vertical;
    }
    select:where(:not([multiple])) {
      --focus-border-color: var(--element-forms-colors-inputs-focus-border-color);
      --focus-ring-color: var(--element-forms-colors-inputs-focus-ring-color);
      --focus-ring-style: var(--element-forms-colors-inputs-focus-ring-style);
      --focus-ring-width: var(--element-forms-general-focus-ring-width);
      --focus-ring-offset: var(--element-forms-general-focus-ring-offset);
      appearance: none;
      font-size: var(--element-forms-general-input-font-size);
      font-weight: var(--element-forms-general-input-font-weight);
      line-height: var(--element-forms-general-input-line-height);
      padding: var(--element-forms-general-input-padding-y) var(--element-forms-general-input-padding-x);
      border-radius: var(--element-forms-general-input-border-radius);
      border-style: var(--element-forms-general-input-border-style);
      border-width: var(--element-forms-general-input-border-width);
      border-color: var(--element-forms-colors-inputs-border-color);
      color: var(--element-forms-colors-inputs-color);
      background-color: var(--element-forms-colors-inputs-background-color);
      block-size: var(--form-input-height, auto);
      &.chosen-container-active, &:focus {
        outline-offset: var(--focus-ring-offset);
        outline-style: solid;
        outline-width: var(--focus-ring-width);
        outline-color: var(--focus-ring-color);
        border-color: var(--focus-border-color);
      }
      &[disabled] {
        opacity: 0.75;
      }
      box-shadow: var(--element-forms-general-input-box-shadow);
      &:focus {
        background-color: var(--element-forms-colors-inputs-focus-background-color);
      }
      &[readonly], &[disabled] {
        pointer-events: none;
        box-shadow: none;
      }
      &::placeholder {
        color: var(--element-forms-colors-inputs-color);
        opacity: var(--placeholder-opacity);
      }
      &[aria-invalid="true"], &[aria-invalid="true"] + [class*="chosen-container"] {
        border-color: var(--element-forms-colors-inputs-required-border-color);
        --focus-border-color: var(--element-forms-colors-inputs-required-border-color);
        --focus-ring-color: var(--element-forms-colors-inputs-required-ring-color);
      }
      option {
        padding: var(--element-forms-general-option-padding-y) var(--element-forms-general-option-padding-x);
      }
      background-image: var(--element-form-select-chevron-image);
      background-position: right 0.5rem center;
      background-repeat: no-repeat;
      background-size: 1.5em 1.5em;
      option {
        background: var(--element-form-select-option-bg);
      }
    }
    select:where([multiple]) {
      --focus-border-color: var(--element-forms-colors-inputs-focus-border-color);
      --focus-ring-color: var(--element-forms-colors-inputs-focus-ring-color);
      --focus-ring-style: var(--element-forms-colors-inputs-focus-ring-style);
      --focus-ring-width: var(--element-forms-general-focus-ring-width);
      --focus-ring-offset: var(--element-forms-general-focus-ring-offset);
      appearance: none;
      font-size: var(--element-forms-general-input-font-size);
      font-weight: var(--element-forms-general-input-font-weight);
      line-height: var(--element-forms-general-input-line-height);
      padding: var(--element-forms-general-input-padding-y) var(--element-forms-general-input-padding-x);
      border-radius: var(--element-forms-general-input-border-radius);
      border-style: var(--element-forms-general-input-border-style);
      border-width: var(--element-forms-general-input-border-width);
      border-color: var(--element-forms-colors-inputs-border-color);
      color: var(--element-forms-colors-inputs-color);
      background-color: var(--element-forms-colors-inputs-background-color);
      block-size: var(--form-input-height, auto);
      &.chosen-container-active, &:focus {
        outline-offset: var(--focus-ring-offset);
        outline-style: solid;
        outline-width: var(--focus-ring-width);
        outline-color: var(--focus-ring-color);
        border-color: var(--focus-border-color);
      }
      &[disabled] {
        opacity: 0.75;
      }
      box-shadow: var(--element-forms-general-input-box-shadow);
      &:focus {
        background-color: var(--element-forms-colors-inputs-focus-background-color);
      }
      &[readonly], &[disabled] {
        pointer-events: none;
        box-shadow: none;
      }
      &::placeholder {
        color: var(--element-forms-colors-inputs-color);
        opacity: var(--placeholder-opacity);
      }
      &[aria-invalid="true"], &[aria-invalid="true"] + [class*="chosen-container"] {
        border-color: var(--element-forms-colors-inputs-required-border-color);
        --focus-border-color: var(--element-forms-colors-inputs-required-border-color);
        --focus-ring-color: var(--element-forms-colors-inputs-required-ring-color);
      }
      option {
        padding: var(--element-forms-general-option-padding-y) var(--element-forms-general-option-padding-x);
      }
    }
  }
  .gform-footer, .gform-page-footer {
    display: flex;
    flex-wrap: wrap;
    column-gap: var(--element-gap-default);
    row-gap: var(--element-gap-sm);
    justify-content: space-between;
    input {
      margin: 0;
    }
    input[type="submit"], .gform_next_button {
      margin-left: auto !important;
    }
    &:has(.button), &:has(.button) {
      position: relative;
      padding: calc(var(--element-gap-lg) / 2) 0 0 0;
      margin: calc(var(--element-gap-lg) / 2) 0 0 0;
    }
  }
  [data-js-spinner-id="gform-ajax-spinner"] {
    position: absolute;
    align-self: auto;
    border-width: 0;
    border-bottom: 3px solid var(--element-color-accent) !important;
    top: 0;
    right: 100%;
    bottom: 0;
    left: 0;
    width: 0;
    height: 0;
    transform: none;
    border-radius: 0 !important;
    background: transparent;
    animation: gFormLoadingBar 1s linear infinite;
  }
  #field_submit {
    flex-direction: column;
    position: relative;
    justify-content: flex-end;
    overflow: hidden;
    input[type="submit"] {
      margin-top: 1rem;
    }
  }
}
.cropper__lightbox .gpfup__cropper__topbar {
  button {
    .button__label {
      @media (hover: none) and (pointer: coarse) {
        margin-top: -0.125em;
        &:has(+.button__icon) {
          margin-top: -0.3em;
        }
      }
    }
    .button__icon {
      line-height: 1;
      transition: transform 150ms ease-in-out;
      > * {
        line-height: var(--element-button-icon-size) !important;
      }
    }
    &:hover, &:focus {
      .button__icon {
        transform: translateX(0.25em);
      }
    }
    --element-button-font-size: var(--element-button-sizes-default-font-size);
    --element-button-font-weight: var(--element-button-sizes-default-font-weight);
    --element-button-font-family: var(--element-button-sizes-default-font-family);
    --element-button-text-transform: var(--element-button-sizes-default-text-transform);
    --element-button-letter-spacing: var(--element-button-sizes-default-letter-spacing);
    --element-button-line-height: var(--element-button-sizes-default-line-height);
    --element-button-gap-x: var(--element-button-sizes-default-gap-x);
    --element-button-gap-y: var(--element-button-sizes-default-gap-y);
    --element-button-py: var(--element-button-sizes-default-py);
    --element-button-px: var(--element-button-sizes-default-px);
    --element-button-border-width: var(--element-button-sizes-default-border-width);
    --element-button-border-radius: var(--element-button-sizes-default-border-radius);
    --element-button-icon-size: var(--element-button-sizes-default-icon-size);
    --element-button-color: inherit;
    --element-button-color-hover: inherit;
    --element-button-color-active: inherit;
    --element-button-border-color: inherit;
    --element-button-border-color-hover: inherit;
    --element-button-border-color-active: inherit;
    --element-button-background-color: inherit;
    --element-button-background-color-hover: inherit;
    --element-button-background-color-active: inherit;
    display: inline-flex;
    align-items: center;
    flex-wrap: nowrap;
    font-size: var(--element-button-font-size);
    font-weight: var(--element-button-font-weight);
    font-family: var(--element-button-font-family, inherit);
    text-transform: var(--element-button-text-transform);
    letter-spacing: var(--element-button-letter-spacing);
    line-height: var(--element-button-line-height);
    column-gap: var(--element-button-gap-x);
    row-gap: var(--element-button-gap-y);
    padding: var(--element-button-py) var(--element-button-px);
    color: var(--element-button-color);
    border-width: var(--element-button-border-width);
    border-style: solid;
    border-color: var(--element-button-border-color);
    background-color: var(--element-button-background-color);
    border-radius: var(--element-button-border-radius);
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    cursor: pointer;
    .button__icon {
      > * {
        font-size: var(--element-button-icon-size);
        width: var(--element-button-icon-size);
        height: auto;
      }
    }
    @media (hover: hover) {
      &:hover {
        --element-button-color: var(--element-button-color-hover);
        --element-button-border-color: var(--element-button-border-color-hover);
        --element-button-background-color: var(--element-button-background-color-hover);
      }
    }
    &:active {
      --element-button-color: var(--element-button-color-active);
      --element-button-border-color: var(--element-button-border-color-active);
      --element-button-background-color: var(--element-button-background-color-active);
    }
  }
  button.gpfup__cancel {
    --element-button-color: var(--element-button-colors-light-color);
    --element-button-border-width: var(--element-button-colors-light-border-width, var(--element-button-sizes-default-border-width));
    --element-button-border-color: var(--element-button-colors-light-border-color);
    --element-button-background-color: var(--element-button-colors-light-background-color);
    --element-button-color-hover: var(--element-button-colors-light-color-hover, var(--element-button-colors-light-color));
    --element-button-border-color-hover: var(--element-button-colors-light-border-color-hover);
    --element-button-background-color-hover: var(--element-button-colors-light-background-color-hover);
    --element-button-color-active: var(--element-button-colors-light-color-active, var(--element-button-colors-light-color-hover, var(--element-button-colors-light-color)));
    --element-button-border-color-active: var(--element-button-colors-light-border-color-active);
    --element-button-background-color-active: var(--element-button-colors-light-background-color-active);
  }
  button.gpfup__rotate_left, button.gpfup__rotate_right {
    --element-button-color: var(--element-button-colors-secondary-color);
    --element-button-border-width: var(--element-button-colors-secondary-border-width, var(--element-button-sizes-default-border-width));
    --element-button-border-color: var(--element-button-colors-secondary-border-color);
    --element-button-background-color: var(--element-button-colors-secondary-background-color);
    --element-button-color-hover: var(--element-button-colors-secondary-color-hover, var(--element-button-colors-secondary-color));
    --element-button-border-color-hover: var(--element-button-colors-secondary-border-color-hover);
    --element-button-background-color-hover: var(--element-button-colors-secondary-background-color-hover);
    --element-button-color-active: var(--element-button-colors-secondary-color-active, var(--element-button-colors-secondary-color-hover, var(--element-button-colors-secondary-color)));
    --element-button-border-color-active: var(--element-button-colors-secondary-border-color-active);
    --element-button-background-color-active: var(--element-button-colors-secondary-background-color-active);
  }
  button.gpfup__crop {
    --element-button-color: var(--element-button-colors-primary-color);
    --element-button-border-width: var(--element-button-colors-primary-border-width, var(--element-button-sizes-default-border-width));
    --element-button-border-color: var(--element-button-colors-primary-border-color);
    --element-button-background-color: var(--element-button-colors-primary-background-color);
    --element-button-color-hover: var(--element-button-colors-primary-color-hover, var(--element-button-colors-primary-color));
    --element-button-border-color-hover: var(--element-button-colors-primary-border-color-hover);
    --element-button-background-color-hover: var(--element-button-colors-primary-background-color-hover);
    --element-button-color-active: var(--element-button-colors-primary-color-active, var(--element-button-colors-primary-color-hover, var(--element-button-colors-primary-color)));
    --element-button-border-color-active: var(--element-button-colors-primary-border-color-active);
    --element-button-background-color-active: var(--element-button-colors-primary-background-color-active);
  }
}
.gform_button_select_files, .gf-button-secondary--default, .gf-button-primary--default, .gf-button-secondary--alt, .gf-button-primary--alt {
  &:where(:not([data-conditional-logic="hidden"])) {
    .button__label {
      @media (hover: none) and (pointer: coarse) {
        margin-top: -0.125em !important;
        &:has(+.button__icon) {
          margin-top: -0.3em !important;
        }
      }
    }
    .button__icon {
      line-height: 1 !important;
      transition: transform 150ms ease-in-out !important;
      > * {
        line-height: var(--element-button-icon-size) !important;
      }
    }
    &:hover, &:focus {
      .button__icon {
        transform: translateX(0.25em) !important;
      }
    }
    --element-button-font-size: var(--element-button-sizes-default-font-size) !important;
    --element-button-font-weight: var(--element-button-sizes-default-font-weight) !important;
    --element-button-font-family: var(--element-button-sizes-default-font-family) !important;
    --element-button-text-transform: var(--element-button-sizes-default-text-transform) !important;
    --element-button-letter-spacing: var(--element-button-sizes-default-letter-spacing) !important;
    --element-button-line-height: var(--element-button-sizes-default-line-height) !important;
    --element-button-gap-x: var(--element-button-sizes-default-gap-x) !important;
    --element-button-gap-y: var(--element-button-sizes-default-gap-y) !important;
    --element-button-py: var(--element-button-sizes-default-py) !important;
    --element-button-px: var(--element-button-sizes-default-px) !important;
    --element-button-border-width: var(--element-button-sizes-default-border-width) !important;
    --element-button-border-radius: var(--element-button-sizes-default-border-radius) !important;
    --element-button-icon-size: var(--element-button-sizes-default-icon-size) !important;
    --element-button-color: inherit !important;
    --element-button-color-hover: inherit !important;
    --element-button-color-active: inherit !important;
    --element-button-border-color: inherit !important;
    --element-button-border-color-hover: inherit !important;
    --element-button-border-color-active: inherit !important;
    --element-button-background-color: inherit !important;
    --element-button-background-color-hover: inherit !important;
    --element-button-background-color-active: inherit !important;
    display: inline-flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    font-size: var(--element-button-font-size) !important;
    font-weight: var(--element-button-font-weight) !important;
    font-family: var(--element-button-font-family, inherit) !important;
    text-transform: var(--element-button-text-transform) !important;
    letter-spacing: var(--element-button-letter-spacing) !important;
    line-height: var(--element-button-line-height) !important;
    column-gap: var(--element-button-gap-x) !important;
    row-gap: var(--element-button-gap-y) !important;
    padding: var(--element-button-py) var(--element-button-px) !important;
    color: var(--element-button-color) !important;
    border-width: var(--element-button-border-width) !important;
    border-style: solid !important;
    border-color: var(--element-button-border-color) !important;
    background-color: var(--element-button-background-color) !important;
    border-radius: var(--element-button-border-radius) !important;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
    transition-duration: 150ms !important;
    cursor: pointer !important;
    .button__icon {
      > * {
        font-size: var(--element-button-icon-size) !important;
        width: var(--element-button-icon-size) !important;
        height: auto !important;
      }
    }
    @media (hover: hover) {
      &:hover {
        --element-button-color: var(--element-button-color-hover) !important;
        --element-button-border-color: var(--element-button-border-color-hover) !important;
        --element-button-background-color: var(--element-button-background-color-hover) !important;
      }
    }
    &:active {
      --element-button-color: var(--element-button-color-active) !important;
      --element-button-border-color: var(--element-button-border-color-active) !important;
      --element-button-background-color: var(--element-button-background-color-active) !important;
    }
  }
}
.gform_button_select_files, .gf-button-secondary--default {
  --element-button-color: var(--element-button-colors-secondary-color) !important;
  --element-button-border-width: var(--element-button-colors-secondary-border-width, var(--element-button-sizes-default-border-width)) !important;
  --element-button-border-color: var(--element-button-colors-secondary-border-color) !important;
  --element-button-background-color: var(--element-button-colors-secondary-background-color) !important;
  --element-button-color-hover: var(--element-button-colors-secondary-color-hover, var(--element-button-colors-secondary-color)) !important;
  --element-button-border-color-hover: var(--element-button-colors-secondary-border-color-hover) !important;
  --element-button-background-color-hover: var(--element-button-colors-secondary-background-color-hover) !important;
  --element-button-color-active: var(--element-button-colors-secondary-color-active, var(--element-button-colors-secondary-color-hover, var(--element-button-colors-secondary-color))) !important;
  --element-button-border-color-active: var(--element-button-colors-secondary-border-color-active) !important;
  --element-button-background-color-active: var(--element-button-colors-secondary-background-color-active) !important;
}
.gf-button-primary--default {
  --element-button-color: var(--element-button-colors-primary-color) !important;
  --element-button-border-width: var(--element-button-colors-primary-border-width, var(--element-button-sizes-default-border-width)) !important;
  --element-button-border-color: var(--element-button-colors-primary-border-color) !important;
  --element-button-background-color: var(--element-button-colors-primary-background-color) !important;
  --element-button-color-hover: var(--element-button-colors-primary-color-hover, var(--element-button-colors-primary-color)) !important;
  --element-button-border-color-hover: var(--element-button-colors-primary-border-color-hover) !important;
  --element-button-background-color-hover: var(--element-button-colors-primary-background-color-hover) !important;
  --element-button-color-active: var(--element-button-colors-primary-color-active, var(--element-button-colors-primary-color-hover, var(--element-button-colors-primary-color))) !important;
  --element-button-border-color-active: var(--element-button-colors-primary-border-color-active) !important;
  --element-button-background-color-active: var(--element-button-colors-primary-background-color-active) !important;
}
.gf-button-secondary--alt {
  --element-button-outline-color: var(--element-button-colors-light-outline-color, var(--element-button-colors-light-color-outline)) !important;
  --element-button-outline-border-width: var(--element-button-colors-light-outline-border-width, var(--element-button-sizes-default-border-width)) !important;
  --element-button-outline-border-color: var(--element-button-colors-light-outline-border-color, var(--element-button-colors-light-border-color)) !important;
  --element-button-outline-background-color: var(--element-button-colors-light-outline-background-color, transparent) !important;
  --element-button-outline-color-hover: var(--element-button-colors-light-outline-color-hover, var(--element-button-colors-light-color-outline-hover, var(--element-button-colors-light-color))) !important;
  --element-button-outline-border-color-hover: var(--element-button-colors-light-outline-border-color-hover, var(--element-button-colors-light-color-outline-hover, var(--element-button-colors-light-border-color-hover))) !important;
  --element-button-outline-background-color-hover: var(--element-button-colors-light-outline-background-color-hover, var(--element-button-colors-light-color-outline-hover, var(--element-button-colors-light-background-color-hover))) !important;
  --element-button-outline-color-active: var(--element-button-colors-light-outline-color-active, var(--element-button-colors-light-color-outline-active, var(--element-button-colors-light-outline-color-hover, var(--element-button-colors-light-color-outline-hover, var(--element-button-colors-light-color-outline))))) !important;
  --element-button-outline-border-color-active: var(--element-button-colors-light-outline-border-color-active, var(--element-button-colors-light-border-color-active)) !important;
  --element-button-outline-background-color-active: var(--element-button-colors-light-outline-background-color-active, var(--element-button-colors-light-background-color-active)) !important;
  &.button {
    --element-button-color: var(--element-button-outline-color) !important;
    --element-button-border-width: var(--element-button-outline-border-width) !important;
    --element-button-border-color: var(--element-button-outline-border-color) !important;
    --element-button-background-color: var(--element-button-outline-background-color) !important;
    @media (hover: hover) {
      &:hover {
        --element-button-color: var(--element-button-outline-color-hover) !important;
        --element-button-border-color: var(--element-button-outline-border-color-hover) !important;
        --element-button-background-color: var(--element-button-outline-background-color-hover) !important;
      }
    }
    &:active {
      --element-button-color: var(--element-button-outline-color-active) !important;
      --element-button-border-color: var(--element-button-outline-border-color-active) !important;
      --element-button-background-color: var(--element-button-outline-background-color-active) !important;
    }
  }
}
.gf-button-primary--alt {
  --element-button-color: var(--element-button-colors-light-color) !important;
  --element-button-border-width: var(--element-button-colors-light-border-width, var(--element-button-sizes-default-border-width)) !important;
  --element-button-border-color: var(--element-button-colors-light-border-color) !important;
  --element-button-background-color: var(--element-button-colors-light-background-color) !important;
  --element-button-color-hover: var(--element-button-colors-light-color-hover, var(--element-button-colors-light-color)) !important;
  --element-button-border-color-hover: var(--element-button-colors-light-border-color-hover) !important;
  --element-button-background-color-hover: var(--element-button-colors-light-background-color-hover) !important;
  --element-button-color-active: var(--element-button-colors-light-color-active, var(--element-button-colors-light-color-hover, var(--element-button-colors-light-color))) !important;
  --element-button-border-color-active: var(--element-button-colors-light-border-color-active) !important;
  --element-button-background-color-active: var(--element-button-colors-light-background-color-active) !important;
}
@keyframes gFormLoadingBar {
  0% {
    left: 0%;
    right: 100%;
    width: 0%;
  }
  10% {
    left: 0%;
    right: 75%;
    width: 25%;
  }
  90% {
    right: 0%;
    left: 75%;
    width: 25%;
  }
  100% {
    left: 100%;
    right: 0%;
    width: 0%;
  }
}
:root {
  --hamburger-transition-duration-default: var(--hamburger-transition-duration, 250ms);
  --hamburger-bun-size-default: var(--hamburger-bun-size, calc(var(--spacing) * 0.5));
}
@layer components {
  .hamburger {
    display: flex;
    flex-direction: column;
    align-items: var(--hamburger-align-items, unset);
    justify-content: var(--hamburger-justify-content, space-between);
    gap: var(--hamburger-gap, 0);
    width: var(--hamburger-width, calc(var(--spacing) * 10));
    height: var(--hamburger-height, calc(var(--spacing) * 8));
    padding: var(--hamburger-padding, calc(var(--spacing) * 1));
    cursor: pointer;
    transition: row-gap var(--hamburger-transition-duration-default) linear var(--hamburger-transition-duration-default);
    #header-menu-toggle:checked + #wrapper & {
      row-gap: 0;
      transition: row-gap var(--hamburger-transition-duration-default) linear;
      .bun {
        background-color: var(--hamburger-color-active, var(--hamburger-color, black));
      }
    }
    &:hover, &:focus {
      .bun {
        background-color: var(--hamburger-color-hover, var(--hamburger-color, black));
      }
    }
    .bun {
      display: block;
      width: var(--hamburger-bun-width, 100%);
      height: var(--hamburger-bun-size-default);
      background-color: var(--hamburger-color, black);
      border-radius: var(--hamburger-bun-border-radius, 0);
      &.top {
        width: var(--hamburger-top-bun-width, var(--hamburger-bun-width, 100%));
        transition: margin var(--hamburger-transition-duration-default) linear var(--hamburger-transition-duration-default), background-color var(--hamburger-transition-duration-default) linear calc(var(--hamburger-transition-duration-default) / 2);
        #header-menu-toggle:checked + #wrapper & {
          width: 100%;
          margin-bottom: calc(-1 * var(--hamburger-bun-size-default));
          background-color: transparent;
          transition: margin var(--hamburger-transition-duration-default) linear, background-color var(--hamburger-transition-duration-default) linear calc(var(--hamburger-transition-duration-default) / 2);
        }
      }
      &.bottom {
        width: var(--hamburger-bottom-bun-width, var(--hamburger-bun-width, 100%));
        transition: margin var(--hamburger-transition-duration-default) linear var(--hamburger-transition-duration-default), background-color var(--hamburger-transition-duration-default) linear calc(var(--hamburger-transition-duration-default) / 2);
        #header-menu-toggle:checked + #wrapper & {
          width: 100%;
          margin-top: calc(-1 * var(--hamburger-bun-size-default));
          background-color: transparent;
          transition: margin var(--hamburger-transition-duration-default) linear, background-color var(--hamburger-transition-duration-default) linear calc(var(--hamburger-transition-duration-default) / 2);
        }
      }
      &.middle {
        width: var(--hamburger-middle-bun-width, var(--hamburger-bun-width, 100%));
        transition: background-color var(--hamburger-transition-duration-default) linear calc(var(--hamburger-transition-duration-default) / 2);
        #header-menu-toggle:checked + #wrapper & {
          width: 100%;
          transition: 0ms none;
          background-color: transparent;
        }
        .bun {
          opacity: 0;
          transform: rotate(0deg);
          #header-menu-toggle:checked + #wrapper & {
            opacity: 1;
            transition: transform var(--hamburger-transition-duration-default) linear var(--hamburger-transition-duration-default), background-color var(--hamburger-transition-duration-default) linear var(--hamburger-transition-duration-default);
            &.bun-motion-1 {
              transform: rotate(45deg);
            }
            &.bun-motion-2 {
              transform: rotate(-45deg);
            }
          }
          & + .bun {
            margin-top: calc(-1 * var(--hamburger-bun-size-default));
          }
        }
      }
    }
  }
}
:root {
  --header-top-height: var(--element-header-top-height-navbreakpoint-down);
  --header-main-height: var(--element-header-main-height-navbreakpoint-down);
  --header-height: calc(var(--header-top-height) + var(--header-main-height));
  --header-height-fixed: calc(var(--element-header-top-height-navbreakpoint-down) + var(--element-header-main-height-navbreakpoint-down));
  @media (width >= 90rem) {
    --header-top-height: var(--element-header-top-height-navbreakpoint-up);
    --header-main-height: var(--element-header-main-height-navbreakpoint-up);
    --header-height-fixed: calc(var(--element-header-top-height-navbreakpoint-up) + var(--element-header-main-height-navbreakpoint-up));
  }
}
.scrolled {
  --header-top-height: var(--element-header-top-height-navbreakpoint-down-scrolled);
  --header-main-height: var(--element-header-main-height-navbreakpoint-down-scrolled);
  @media (width >= 90rem) {
    --header-top-height: var(--element-header-top-height-navbreakpoint-up-scrolled);
    --header-main-height: var(--element-header-main-height-navbreakpoint-up-scrolled);
  }
}
@media (width < 90rem) {
  #header-menu-toggle:checked + #wrapper {
    max-height: calc(100vh - var(--wp-admin--admin-bar--height, 0px));
    overflow: hidden;
    @supports (max-height: 100dvh) {
      max-height: calc(100dvh - var(--wp-admin--admin-bar--height, 0px));
    }
  }
}
#header {
  height: var(--header-height);
  transition: var(--header-transition, height 150ms ease-in-out);
  border: var(--header-border, none);
  box-shadow: var(--header-box-shadow, none);
  .scrolled & {
    box-shadow: var(--header-box-shadow-scrolled, var(--header-box-shadow, none));
  }
  #header_top_wrapper {
    height: var(--header-top-height);
    transition: var(--header-top-transition, var(--header-transition, height 150ms ease-in-out));
    background-color: var(--header-top-bg, var(--color-light));
  }
  #header_main_wrapper {
    height: var(--header-main-height);
    transition: var(--header-main-transition, var(--header-transition, height 150ms ease-in-out));
    background-color: var(--header-main-bg, white);
    .scrolled & {
      background-color: var(--header-main-bg-scrolled, var(--header-main-bg, white));
    }
  }
  @media (width < 90rem) {
    .admin-bar:has(#header-menu-toggle[type="checkbox"]:checked) & {
      z-index: 999999;
    }
  }
}
.horizontal-touch-scroll {
  overflow: hidden;
  &.horizontal-touch-scroll--no-scroll-indicator ~ .overflow-slider__scroll-indicator-bar, &.horizontal-touch-scroll--no-arrows ~ .overflow-slider__arrows {
    display: none;
  }
  &[data-has-overflow="false"] {
    ~ .overflow-slider__arrows {
      display: none;
    }
  }
  ~ .overflow-slider__scroll-indicator {
    .overflow-slider__scroll-indicator-bar {
      background-color: var(--styled-scrollbar-track-bg, transparent);
      border-radius: var(--styled-scrollbar-track-border-radius, 2px);
      .overflow-slider__scroll-indicator-button {
        background-color: var(--styled-scrollbar-thumb-bg, var(--element-color-fg-muted));
        border-radius: var(--styled-scrollbar-thumb-border-radius, 2px);
      }
    }
  }
  ~ .overflow-slider__arrows {
    pointer-events: none;
    .overflow-slider__arrows-button {
      pointer-events: auto;
    }
  }
}
@layer components {
  .logo {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    font-size: 0;
    color: transparent;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left center;
    background-image: url(https://onexillium.nl/wp-content/themes/onexillium-v1/assets/images/logo.svg);
  }
  .logo-diap {
    background-image: url(https://onexillium.nl/wp-content/themes/onexillium-v1/assets/images/logo-diap.svg);
  }
}
#main {
  padding-top: var(--main-padding-top, var(--header-height-fixed));
}
:root {
  --nav-menu-hover-visibility-delay: 200ms;
  --nav-menu-transition-duration: 250ms;
  --nav-menu-transition-duration-out: 200ms;
  @media (width >= 90rem) {
    --nav-menu-transition-duration: 300ms;
  }
}
.nav-menu {
  html.touchevents & > .menu:has(> .menu-item[data-depth="0"] > .menu-open[type="radio"]:checked) > .menu-close-label, html.no-touchevents & > .menu:has(> .menu-item[data-depth="0"]:hover) > .menu-close-label {
    display: block;
    position: fixed;
    z-index: -1;
    inset: 0;
  }
  &.submenu-last-right {
    li[data-depth="0"]:last-child {
      .sub-menu-container {
        --nav-menu-sub-menu-position-left: auto;
        --nav-menu-sub-menu-position-right: 0px;
        --nav-main-default-sub-menu-submenu-position-left: auto;
        .sub-sub-menu-container {
          right: 100%;
          margin-left: 0 !important;
          margin-right: calc(var(--nav-menu-sub-menu-offset-left) + var(--nav-menu-sub-menu-transition-margin-left-size, 0rem));
          &::before {
            left: auto !important;
            right: calc(var(--nav-main-default-sub-menu-submenu-offset-left, 1rem) * -1);
          }
        }
      }
    }
  }
  > .menu .menu-item {
    --nav-menu-item-font-size-base: var(--nav-menu-item-font-size, var(--text-theme-base));
    --nav-menu-item-font-weight-base: var(--nav-menu-item-font-weight, var(--text-theme-base--font-weight));
    --nav-menu-item-line-height-base: var(--nav-menu-item-line-height, var(--text-theme-base--line-height));
    --nav-menu-item-color-base: var(--nav-menu-item-color, inherit);
    --nav-menu-item-letter-spacing-base: var(--nav-menu-item-letter-spacing, var(--text-theme-base--letter-spacing));
    --nav-menu-item-text-transform-base: var(--nav-menu-item-text-transform, inherit);
    --nav-menu-item-transition-base: var(--nav-menu-item-transition, inherit);
    --nav-menu-sub-menu-offset-top-base: var(--nav-menu-sub-menu-offset-top, calc(var(--nav-menu-item-font-size-base) * var(--nav-menu-item-line-height-base)));
    --item-font-size: var(--nav-menu-item-font-size-base);
    --item-font-weight: var(--nav-menu-item-font-weight-base);
    --item-line-height: var(--nav-menu-item-line-height-base);
    --item-color: var(--nav-menu-item-color-base);
    --item-letter-spacing: var(--nav-menu-item-letter-spacing-base);
    --item-text-transform: var(--nav-menu-item-text-transform-base);
    --item-transition: var(--nav-menu-item-transition-base);
    &[data-depth="0"] {
      display: inline-flex;
    }
    &.menu-item-has-children {
      html.touchevents & > a > .subnav-toggle.open-subnav::before {
        content: "";
        display: block;
        position: absolute;
        inset: 0;
      }
      &[data-depth="0"] {
        > a {
          position: relative;
        }
        html.no-touchevents & > a::before {
          content: "";
          position: absolute;
          left: 50%;
          width: calc(100% + 4rem);
          top: 0;
          height: calc(var(--nav-menu-sub-menu-transition-margin-top-size, 1rem) + (var(--nav-menu-sub-menu-offset-top-base, 0rem) / 2));
          margin-top: calc(var(--nav-menu-sub-menu-offset-top-base, 0rem) / 2);
          opacity: 0;
          visibility: hidden;
          transform: translateX(-50%);
          transition: opacity var(--nav-menu-transition-duration) ease-in-out var(--nav-menu-hover-visibility-delay);
          cursor: default;
        }
        html.no-touchevents &:hover > a {
          &::before {
            opacity: 1;
            visibility: visible;
            transition: opacity var(--nav-menu-transition-duration) ease-in-out var(--nav-menu-hover-visibility-delay);
          }
          > span {
            z-index: 1;
          }
        }
      }
      html.no-touchevents &[data-depth="0"]:hover, html.no-touchevents &.has-default-menu .menu-item.menu-item-has-children:hover, &.has-mega-menu[data-depth="0"]:has(> .menu-open[type="radio"]:checked), &.has-mega-menu[data-depth="0"]:has(> a:focus-visible), &.has-mega-menu[data-depth="0"]:has(> .sub-menu-container:focus-within), &.has-default-menu[data-depth="0"]:has(> .sub-menu-container:focus-within), &.has-default-menu[data-depth="0"]:has(> a:focus-visible), &.has-default-menu[data-depth="0"]:has(> .menu-open[type="radio"]:checked), &.has-default-menu[data-depth="0"] .menu-item.menu-item-has-children:has(> .sub-menu-container:focus-within), &.has-default-menu[data-depth="0"] .menu-item.menu-item-has-children:has(> a:focus-visible), &.has-default-menu[data-depth="0"] .menu-item.menu-item-has-children:has(> .menu-open[type="radio"]:checked) {
        > a {
          position: relative;
          .subnav-toggle {
            &.open-subnav {
              display: none;
            }
            &.close-subnav {
              display: inline-block;
            }
          }
        }
        > .sub-menu-container {
          margin-top: calc(var(--nav-menu-sub-menu-offset-top-base) + var(--nav-menu-sub-menu-transition-margin-top-size, 0.5rem));
          margin-left: calc(var(--nav-menu-sub-menu-offset-left) + var(--nav-menu-sub-menu-transition-margin-left-size, 0rem));
          opacity: 1;
          grid-template-rows: 1fr;
          pointer-events: all;
          transition: opacity var(--nav-menu-transition-opacity-duration, var(--nav-menu-transition-duration)) ease-in-out var(--nav-menu-hover-visibility-delay), grid-template-rows var(--nav-menu-transition-grid-template-rows-duration, 0ms) linear var(--nav-menu-hover-visibility-delay), margin var(--nav-menu-transition-margin-duration, var(--nav-menu-transition-duration)) ease-in-out var(--nav-menu-hover-visibility-delay);
          &.sub-sub-menu-container {
            --nav-menu-sub-menu-offset-left: 1rem;
          }
        }
      }
      &.has-default-menu {
        > .sub-menu-container {
          white-space: nowrap;
          .sub-menu-nav-container {
            overflow: visible;
            padding: var(--nav-main-default-sub-menu-padding, var(--nav-main-sub-menu-padding, 1rem));
          }
          .menu-item.menu-item-has-children {
            position: relative;
            > .sub-menu-container {
              --nav-menu-sub-menu-offset-top: -1em;
              --nav-menu-sub-menu-offset-left: 0rem;
              --nav-menu-sub-menu-transition-margin-top-size: 0px;
              --nav-menu-sub-menu-position-top: var(--nav-main-default-sub-menu-submenu-offset-top, 0);
              --nav-menu-sub-menu-position-left: var(--nav-main-default-sub-menu-submenu-position-left, 100%);
              &::before {
                content: "";
                position: absolute;
                left: calc(var(--nav-main-default-sub-menu-submenu-offset-left, 1rem) * -1);
                height: min(4rem, 100%);
                width: var(--nav-main-default-sub-menu-submenu-offset-left, 1rem);
              }
            }
          }
        }
        .sub-menu-container {
          min-width: var(--nav-menu-default-sub-menu-min-width, var(--nav-menu-sub-menu-min-width, max-content));
          background-color: var(--nav-menu-default-sub-menu-bg, var(--nav-menu-sub-menu-bg, white));
          box-shadow: var(--nav-menu-default-sub-menu-box-shadow, var(--nav-menu-sub-menu-box-shadow, none));
          filter: var(--nav-menu-default-sub-menu-filter, var(--nav-menu-sub-menu-filter, none));
          border-radius: var(--nav-menu-default-sub-menu-border-radius, var(--nav-menu-sub-menu-border-radius, none));
          border: var(--nav-menu-default-sub-menu-border, var(--nav-menu-sub-menu-border, none));
        }
      }
      &.has-mega-menu {
        position: initial;
        > .sub-menu-container {
          --nav-menu-sub-menu-position-left: var(--nav-menu-mega-menu-position-left, var(--container-padding));
          width: var(--nav-menu-mega-menu-width, calc(100% - (var(--container-padding) * 2)));
          padding: var(--nav-main-mega-sub-menu-container-padding, 0);
          background-color: var(--nav-menu-mega-sub-menu-bg, var(--nav-menu-sub-menu-bg, white));
          box-shadow: var(--nav-menu-mega-sub-menu-box-shadow, var(--nav-menu-sub-menu-box-shadow, none));
          filter: var(--nav-menu-mega-sub-menu-filter, var(--nav-menu-sub-menu-filter, none));
          border-radius: var(--nav-menu-mega-sub-menu-border-radius, var(--nav-menu-sub-menu-border-radius, none));
          border: var(--nav-menu-mega-sub-menu-border, var(--nav-menu-sub-menu-border, none));
          > .sub-menu-nav-container {
            margin-left: auto;
            margin-right: auto;
            width: 100%;
            padding: var(--nav-main-mega-sub-menu-padding, var(--nav-main-sub-menu-padding, 1rem));
          }
          .menu-item-has-children {
            > a > .subnav-toggle {
              visibility: hidden;
            }
            .sub-sub-menu-container {
              --nav-menu-sub-menu-offset-top: var(--nav-menu-mega-menu-offset-top, calc(var(--spacing) * 3));
              position: absolute;
              grid-template-rows: 1fr;
              opacity: 1;
              pointer-events: auto;
            }
          }
        }
      }
      &:where(:is(.has-default-menu, .has-mega-menu)) {
        position: relative;
        .sub-menu-container {
          z-index: 1;
          position: absolute;
          top: var(--nav-menu-sub-menu-position-top, auto);
          left: var(--nav-menu-sub-menu-position-left, 0);
          right: var(--nav-menu-sub-menu-position-right, auto);
        }
      }
      .sub-menu-container {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 0fr;
        opacity: 0;
        margin-top: var(--nav-menu-sub-menu-offset-top-base);
        margin-left: var(--nav-menu-sub-menu-offset-left, 0);
        transition: opacity var(--nav-menu-transition-opacity-duration-out, var(--nav-menu-transition-opacity-duration, var(--nav-menu-transition-duration-out))) ease-in-out 0ms, grid-template-rows var(--nav-menu-transition-grid-template-rows-duration-out, 0ms) ease-in-out var(--nav-menu-transition-duration-out), margin var(--nav-menu-transition-margin-duration-out, var(--nav-menu-transition-margin-duration, var(--nav-menu-transition-duration-out))) ease-in-out 0ms;
        pointer-events: none;
        > .sub-menu-nav-container {
          overflow: clip;
        }
      }
    }
    &:is(.current-menu-item, .current-menu-parent, .current-menu-ancestor) {
      --item-font-size: var(--nav-menu-item-font-size-active, var(--nav-menu-item-font-size-base));
      --item-font-weight: var(--nav-menu-item-font-weight-active, var(--nav-menu-item-font-weight-base));
      --item-line-height: var(--nav-menu-item-line-height-active, var(--nav-menu-item-line-height-base));
      --item-color: var(--nav-menu-item-color-active, var(--nav-menu-item-color-base));
      --item-letter-spacing: var(--nav-menu-item-letter-spacing-active, var(--nav-menu-item-letter-spacing-base));
      --item-text-transform: var(--nav-menu-item-text-transform-active, var(--nav-menu-item-text-transform-base));
      --item-transition: var(--nav-menu-item-transition-active, var(--nav-menu-item-transition-base));
    }
    &:where(:not(.current-menu-item, .current-menu-parent, .current-menu-ancestor)):is(:hover, :has(> a:focus, > a:active)) {
      --item-font-size: var(--nav-menu-item-font-size-hover, var(--nav-menu-item-font-size-base));
      --item-font-weight: var(--nav-menu-item-font-weight-hover, var(--nav-menu-item-font-weight-base));
      --item-line-height: var(--nav-menu-item-line-height-hover, var(--nav-menu-item-line-height-base));
      --item-color: var(--nav-menu-item-color-hover, var(--nav-menu-item-color-base));
      --item-letter-spacing: var(--nav-menu-item-letter-spacing-hover, var(--nav-menu-item-letter-spacing-base));
      --item-text-transform: var(--nav-menu-item-text-transform-hover, var(--nav-menu-item-text-transform-base));
      --item-transition: var(--nav-menu-item-transition-hover, var(--nav-menu-item-transition-base));
    }
    > a {
      display: inline-flex;
      align-items: center;
      gap: var(--gap-xs);
      width: 100%;
      padding: var(--nav-menu-item-padding, 0);
      color: var(--item-color);
      .subnav-toggle {
        line-height: 1;
        &.close-subnav {
          display: none;
        }
      }
      > span {
        display: flex;
        flex-grow: 1;
        font-size: var(--item-font-size);
        font-weight: var(--item-font-weight);
        line-height: var(--item-line-height);
        color: var(--item-color);
        letter-spacing: var(--item-letter-spacing);
        text-transform: var(--item-text-transform);
        transition: var(--item-transition);
      }
    }
  }
}
#header #nav_wrapper {
  > .nav-menu-wrapper {
    @media (width < 90rem) {
      overflow-y: auto;
      overflow-x: hidden;
      background-color: var(--nav-menu-main-wrapper-bg, white);
      &::-webkit-scrollbar {
        width: var(--styled-scrollbar-width, 5px);
        height: var(--styled-scrollbar-height, 5px);
      }
      &::-webkit-scrollbar-track {
        background-color: var(--styled-scrollbar-track-bg, transparent);
        border-radius: var(--styled-scrollbar-track-border-radius, 2px);
      }
      &::-webkit-scrollbar-thumb {
        background-color: var(--styled-scrollbar-thumb-bg, var(--element-color-fg-muted));
        border-radius: var(--styled-scrollbar-thumb-border-radius, 2px);
      }
      &:has(.nav-menu-main > .menu > .menu-item-has-children > .menu-open[type="radio"]:checked) {
        overflow-y: hidden;
        .nav-menu:not(.nav-menu-main) {
          max-height: 0;
          overflow: hidden;
          opacity: 0;
          transition-delay: var(--nav-menu-transition-duration);
        }
      }
    }
  }
  .nav-menu.nav-menu-main {
    > .menu {
      display: flex;
      flex-direction: column;
      gap: var(--nav-menu-main-gap, var(--gap-xs));
      @media (width >= 90rem) {
        flex-direction: row;
      }
    }
    @media (width < 90rem) {
      html.touchevents & > .menu:has(> .menu-item[data-depth="0"] > .menu-open[type="radio"]:checked) > .menu-close-label, html.no-touchevents & > .menu:has(> .menu-item[data-depth="0"]:hover) > .menu-close-label {
        display: none;
      }
    }
    .menu-item[data-depth="0"] {
      --nav-menu-item-padding: var(--nav-menu-main-lvl0-menu-item-padding, 0);
      --nav-menu-item-font-size: var(--nav-menu-main-lvl0-menu-item-font-size, var(--text-theme-base));
      --nav-menu-item-font-size-hover: var(--nav-menu-main-lvl0-menu-item-font-size-hover, var(--nav-menu-main-lvl0-menu-item-font-size, var(--text-theme-base)));
      --nav-menu-item-font-size-active: var(--nav-menu-main-lvl0-menu-item-font-size-active, var(--nav-menu-main-lvl0-menu-item-font-size, var(--text-theme-base)));
      --nav-menu-item-font-weight: var(--nav-menu-main-lvl0-menu-item-font-weight, var(--text-theme-base--font-weight));
      --nav-menu-item-font-weight-hover: var(--nav-menu-main-lvl0-menu-item-font-weight-hover, var(--nav-menu-main-lvl0-menu-item-font-weight, var(--text-theme-base--font-weight)));
      --nav-menu-item-font-weight-active: var(--nav-menu-main-lvl0-menu-item-font-weight-active, var(--nav-menu-main-lvl0-menu-item-font-weight, var(--text-theme-base--font-weight)));
      --nav-menu-item-line-height: var(--nav-menu-main-lvl0-menu-item-line-height, var(--text-theme-base--line-height));
      --nav-menu-item-line-height-hover: var(--nav-menu-main-lvl0-menu-item-line-height-hover, var(--nav-menu-main-lvl0-menu-item-line-height, var(--text-theme-base--line-height)));
      --nav-menu-item-line-height-active: var(--nav-menu-main-lvl0-menu-item-line-height-active, var(--nav-menu-main-lvl0-menu-item-line-height, var(--text-theme-base--line-height)));
      --nav-menu-item-color: var(--nav-menu-main-lvl0-menu-item-color, var(--element-color-nav-fg, var(--color-body-fg)));
      --nav-menu-item-color-hover: var(--nav-menu-main-lvl0-menu-item-color-hover, var(--element-color-nav-fg-hover, var(--nav-menu-main-lvl0-menu-item-color, var(--element-color-nav-fg, var(--color-body-fg)))));
      --nav-menu-item-color-active: var(--nav-menu-main-lvl0-menu-item-color-active, var(--element-color-nav-fg-active, var(--nav-menu-main-lvl0-menu-item-color, var(--element-color-nav-fg, var(--color-body-fg)))));
      --nav-menu-item-letter-spacing: var(--nav-menu-main-lvl0-menu-item-letter-spacing, var(--text-theme-base--letter-spacing));
      --nav-menu-item-letter-spacing-hover: var(--nav-menu-main-lvl0-menu-item-letter-spacing-hover, var(--nav-menu-main-lvl0-menu-item-letter-spacing, var(--text-theme-base--letter-spacing)));
      --nav-menu-item-letter-spacing-active: var(--nav-menu-main-lvl0-menu-item-letter-spacing-active, var(--nav-menu-main-lvl0-menu-item-letter-spacing, var(--text-theme-base--letter-spacing)));
      --nav-menu-item-text-transform: var(--nav-menu-main-lvl0-menu-item-text-transform, none);
      --nav-menu-item-text-transform-hover: var(--nav-menu-main-lvl0-menu-item-text-transform-hover, var(--nav-menu-main-lvl0-menu-item-text-transform, none));
      --nav-menu-item-text-transform-active: var(--nav-menu-main-lvl0-menu-item-text-transform-active, var(--nav-menu-main-lvl0-menu-item-text-transform, none));
      --nav-menu-item-transition: var(--nav-menu-main-lvl0-menu-item-transition, font-size 200ms ease-in-out, font-weight 200ms ease-in-out);
      --nav-menu-item-transition-hover: var(--nav-menu-main-lvl0-menu-item-transition-hover, var(--nav-menu-main-lvl0-menu-item-transition, font-size 200ms ease-in-out, font-weight 200ms ease-in-out));
      --nav-menu-item-transition-active: var(--nav-menu-main-lvl0-menu-item-transition-active, var(--nav-menu-main-lvl0-menu-item-transition, font-size 200ms ease-in-out, font-weight 200ms ease-in-out));
      @media (width < 90rem) {
        --nav-menu-sub-menu-offset-top: 0px;
        --nav-menu-sub-menu-offset-left: 0px;
        --nav-menu-sub-menu-transition-margin-top-size: 0px;
        --nav-menu-sub-menu-transition-margin-left-size: 0px;
      }
      > .sub-menu-container .sub-menu-nav-container .sub-menu li.menu-item {
        --nav-menu-item-padding: var(--nav-menu-main-sub-menu-menu-item-padding, 0);
        --nav-menu-item-font-size: var(--nav-menu-main-sub-menu-menu-item-font-size, var(--text-theme-base));
        --nav-menu-item-font-size-hover: var(--nav-menu-main-sub-menu-menu-item-font-size-hover, var(--nav-menu-main-sub-menu-menu-item-font-size, var(--text-theme-base)));
        --nav-menu-item-font-size-active: var(--nav-menu-main-sub-menu-menu-item-font-size-active, var(--nav-menu-main-sub-menu-menu-item-font-size, var(--text-theme-base)));
        --nav-menu-item-font-weight: var(--nav-menu-main-sub-menu-menu-item-font-weight, var(--text-theme-base--font-weight));
        --nav-menu-item-font-weight-hover: var(--nav-menu-main-sub-menu-menu-item-font-weight-hover, var(--nav-menu-main-sub-menu-menu-item-font-weight, var(--text-theme-base--font-weight)));
        --nav-menu-item-font-weight-active: var(--nav-menu-main-sub-menu-menu-item-font-weight-active, var(--nav-menu-main-sub-menu-menu-item-font-weight, var(--text-theme-base--font-weight)));
        --nav-menu-item-color: var(--nav-menu-main-sub-menu-menu-item-color, var(--element-color-nav-fg, var(--color-body-fg)));
        --nav-menu-item-color-hover: var(--nav-menu-main-sub-menu-menu-item-color-hover, var(--nav-menu-main-sub-menu-menu-item-color, var(--element-color-nav-fg-hover, var(--color-body-fg))));
        --nav-menu-item-color-active: var(--nav-menu-main-sub-menu-menu-item-color-active, var(--nav-menu-main-sub-menu-menu-item-color, var(--element-color-nav-fg-active, var(--color-body-fg))));
        --nav-menu-item-letter-spacing: var(--nav-menu-main-sub-menu-menu-item-letter-spacing, var(--text-theme-base--letter-spacing));
        --nav-menu-item-letter-spacing-hover: var(--nav-menu-main-sub-menu-menu-item-letter-spacing-hover, var(--nav-menu-main-sub-menu-menu-item-letter-spacing, var(--text-theme-base--letter-spacing)));
        --nav-menu-item-letter-spacing-active: var(--nav-menu-main-sub-menu-menu-item-letter-spacing-active, var(--nav-menu-main-sub-menu-menu-item-letter-spacing, var(--text-theme-base--letter-spacing)));
        --nav-menu-item-text-transform: var(--nav-menu-main-sub-menu-menu-item-text-transform, none);
        --nav-menu-item-text-transform-hover: var(--nav-menu-main-sub-menu-menu-item-text-transform-hover, var(--nav-menu-main-sub-menu-menu-item-text-transform, none));
        --nav-menu-item-text-transform-active: var(--nav-menu-main-sub-menu-menu-item-text-transform-active, var(--nav-menu-main-sub-menu-menu-item-text-transform, none));
        --nav-menu-item-transition: var(--nav-menu-main-sub-menu-menu-item-transition, font-size 200ms ease-in-out, font-weight 200ms ease-in-out);
        --nav-menu-item-transition-hover: var(--nav-menu-main-sub-menu-menu-item-transition-hover, var(--nav-menu-main-sub-menu-menu-item-transition, font-size 200ms ease-in-out, font-weight 200ms ease-in-out));
        --nav-menu-item-transition-active: var(--nav-menu-main-sub-menu-menu-item-transition-active, var(--nav-menu-main-sub-menu-menu-item-transition, font-size 200ms ease-in-out, font-weight 200ms ease-in-out));
      }
    }
    @media (width < 90rem) {
      padding: var(--nav-menu-main-padding-y, 0) var(--nav-menu-main-padding-x, 1rem);
      > .menu-prev-link-spacer {
        flex-shrink: 0;
        z-index: 1;
        position: sticky;
        top: var(--nav-menu-main-prev-link-top, 0);
        height: var(--nav-menu-main-prev-link-height, var(--element-header-main-navigation-prev-link-height));
        margin-top: var(--nav-menu-main-prev-link-margin-top, 0);
        margin-left: var(--nav-menu-main-prev-link-margin-left, calc(var(--nav-menu-main-sub-menu-padding-x, 1rem) * -1));
        margin-right: var(--nav-menu-main-prev-link-margin-right, calc(var(--nav-menu-main-sub-menu-padding-x, 1rem) * -1));
        padding: var(--nav-menu-main-sub-menu-prev-link-padding-y, var(--nav-menu-main-sub-menu-padding-y, 0rem)) var(--nav-menu-main-sub-menu-prev-link-padding-x, var(--nav-menu-main-sub-menu-padding-x, 1rem));
        background-color: var(--nav-menu-main-prev-link-bg, var(--color-light));
        @layer base {
          display: block !important;
        }
      }
      > .menu-title {
        align-items: center;
        width: 100%;
        height: var(--element-header-main-navigation-sub-menu-title-height);
        color: var(--nav-menu-main-menu-title-color, inherit);
        font-size: var(--nav-menu-main-menu-title-font-size, inherit);
        font-weight: var(--nav-menu-main-menu-title-font-weight, inherit);
        text-decoration: var(--nav-menu-main-menu-title-text-decoration, inherit);
        text-transform: var(--nav-menu-main-menu-title-text-transform, inherit);
        @layer base {
          display: var(--nav-menu-main-menu-title-display, flex) !important;
        }
      }
      ul:has(> li.menu-item-has-children > .menu-open[type="radio"]:checked) {
        > :is(li.menu-item-element-column > ol > li.menu-item, li.menu-item):where(:not(:has(> .menu-open[type="radio"]:checked))) {
          max-height: 0;
          overflow: hidden;
          opacity: 0;
          transition-delay: var(--nav-menu-transition-duration);
        }
      }
      .menu {
        li.menu-item {
          position: static;
          transition-property: max-height, opacity;
          transition-duration: 0ms;
          transition-delay: 0ms;
          max-height: 99999999999px;
          &.menu-item-has-children {
            overflow: hidden;
            html.no-touchevents &:hover > a > .subnav-toggle {
              display: none;
              &.open-subnav {
                display: inline-block;
              }
            }
            > .menu-open[type="radio"]:checked {
              ~ .sub-menu-container {
                left: 0;
                opacity: 1;
                transition: left var(--nav-menu-transition-duration) ease-in-out, opacity var(--nav-menu-transition-duration) ease-in-out 50ms;
              }
            }
            > a {
              position: relative;
              > span {
                flex-grow: 1;
              }
              &::before {
                display: none;
              }
              .subnav-toggle::before {
                content: "";
                display: block;
                z-index: 1;
                position: absolute;
                inset: 0;
                width: 100%;
                height: 100%;
              }
            }
          }
          .sub-menu-container {
            --nav-menu-sub-menu-box-shadow: none;
            --nav-menu-sub-menu-filter: none;
            --nav-menu-sub-menu-offset-top: 0px;
            --nav-menu-sub-menu-offset-left: 0px;
            --nav-menu-sub-menu-position-top: 0;
            --nav-menu-sub-menu-position-left: 100%;
            --nav-menu-sub-menu-position-right: auto;
            width: var(--nav-menu-main-mega-sub-menu-width-mobile, 100%);
            height: var(--nav-menu-main-mega-sub-menu-height-mobile, 100%);
            border: var(--nav-menu-main-mega-sub-menu-border-mobile, none);
            background-color: var(--nav-menu-main-mega-sub-menu-bg-mobile, var(--nav-menu-main-wrapper-bg, white));
            border-radius: var(--nav-menu-main-mega-sub-menu-border-radius-mobile, none);
            box-shadow: var(--nav-menu-main-mega-sub-menu-box-shadow-mobile, none);
            filter: var(--nav-menu-main-mega-sub-menu-filter-mobile, none);
            overflow-x: hidden;
            overflow-y: auto;
            pointer-events: auto;
            transition: left var(--nav-menu-transition-duration) ease-in-out, opacity var(--nav-menu-transition-duration) ease-in-out;
            &::-webkit-scrollbar {
              width: var(--styled-scrollbar-width, 5px);
              height: var(--styled-scrollbar-height, 5px);
            }
            &::-webkit-scrollbar-track {
              background-color: var(--styled-scrollbar-track-bg, transparent);
              border-radius: var(--styled-scrollbar-track-border-radius, 2px);
            }
            &::-webkit-scrollbar-thumb {
              background-color: var(--styled-scrollbar-thumb-bg, var(--element-color-fg-muted));
              border-radius: var(--styled-scrollbar-thumb-border-radius, 2px);
            }
            &.mega-menu {
              .menu-item-has-children {
                > a > .subnav-toggle {
                  visibility: visible;
                }
              }
            }
            > .sub-menu-nav-container {
              padding: var(--nav-menu-main-sub-menu-padding-y, 0rem) var(--nav-menu-main-sub-menu-padding-x, 1rem);
              overflow-y: auto;
              overscroll-behavior-y: none;
              &::-webkit-scrollbar {
                width: var(--styled-scrollbar-width, 5px);
                height: var(--styled-scrollbar-height, 5px);
              }
              &::-webkit-scrollbar-track {
                background-color: var(--styled-scrollbar-track-bg, transparent);
                border-radius: var(--styled-scrollbar-track-border-radius, 2px);
              }
              &::-webkit-scrollbar-thumb {
                background-color: var(--styled-scrollbar-thumb-bg, var(--element-color-fg-muted));
                border-radius: var(--styled-scrollbar-thumb-border-radius, 2px);
              }
              > .submenu-prev-link, > a {
                align-items: center;
                @layer base {
                  display: flex !important;
                }
              }
              > .submenu-prev-link {
                z-index: 1;
                position: sticky;
                top: var(--nav-menu-main-sub-menu-prev-link-top, var(--nav-menu-main-prev-link-top, 0));
                height: var(--nav-menu-main-sub-menu-prev-link-height, var(--nav-menu-main-prev-link-height, var(--element-header-main-navigation-prev-link-height)));
                margin-top: var(--nav-menu-main-sub-menu-prev-link-margin-top, 0);
                margin-left: var(--nav-menu-main-sub-menu-prev-link-margin-left, var(--nav-menu-main-prev-link-margin-left, calc(var(--nav-menu-main-sub-menu-padding-x, 1rem) * -1)));
                margin-right: var(--nav-menu-main-sub-menu-prev-link-margin-right, var(--nav-menu-main-prev-link-margin-right, calc(var(--nav-menu-main-sub-menu-padding-x, 1rem) * -1)));
                padding: var(--nav-menu-main-sub-menu-prev-link-padding-y, var(--nav-menu-main-sub-menu-padding-y, 0rem)) var(--nav-menu-main-sub-menu-prev-link-padding-x, var(--nav-menu-main-sub-menu-padding-x, 1rem));
                color: var(--nav-menu-main-sub-menu-prev-link-color, inherit);
                font-size: var(--nav-menu-main-sub-menu-prev-link-font-size, inherit);
                font-weight: var(--nav-menu-main-sub-menu-prev-link-font-weight, inherit);
                text-decoration: var(--nav-menu-main-sub-menu-prev-link-text-decoration, inherit);
                text-transform: var(--nav-menu-main-sub-menu-prev-link-text-transform, inherit);
                background-color: var(--nav-menu-main-sub-menu-prev-link-bg, var(--nav-menu-main-prev-link-bg, var(--color-light)));
              }
              > a.sub-menu-title {
                width: 100%;
                height: var(--element-header-main-navigation-sub-menu-title-height);
                padding: var(--nav-menu-main-menu-sub-title-padding, 0rem);
                margin: var(--nav-menu-main-menu-sub-title-margin, 0rem);
                color: var(--nav-menu-main-menu-sub-title-color, var(--nav-menu-main-menu-title-color, inherit));
                font-size: var(--nav-menu-main-menu-sub-title-font-size, var(--nav-menu-main-menu-title-font-size, inherit));
                font-weight: var(--nav-menu-main-menu-sub-title-font-weight, var(--nav-menu-main-menu-title-font-weight, inherit));
                text-decoration: var(--nav-menu-main-menu-sub-title-text-decoration, var(--nav-menu-main-menu-title-text-decoration, inherit));
                text-transform: var(--nav-menu-main-menu-sub-title-text-transform, var(--nav-menu-main-menu-title-text-transform, inherit));
              }
            }
          }
        }
      }
    }
    @media (width >= 90rem) {
      height: var(--header-main-height);
      transition: var(--nav-menu-main-transition, var(--header-main-transition, var(--header-transition)));
      > .menu {
        height: 100%;
        align-items: center;
        .menu-item.menu-item-has-children.has-mega-menu {
          > .sub-menu-container.mega-menu {
            max-height: var(--nav-menu-main-mega-menu-max-height, calc(100vh - (var(--header-height) + var(--nav-menu-main-mega-menu-max-height-offset, 1rem))));
            overflow-y: auto;
            overflow-x: hidden;
            &::-webkit-scrollbar {
              width: var(--styled-scrollbar-width, 5px);
              height: var(--styled-scrollbar-height, 5px);
            }
            &::-webkit-scrollbar-track {
              background-color: var(--styled-scrollbar-track-bg, transparent);
              border-radius: var(--styled-scrollbar-track-border-radius, 2px);
            }
            &::-webkit-scrollbar-thumb {
              background-color: var(--styled-scrollbar-thumb-bg, var(--element-color-fg-muted));
              border-radius: var(--styled-scrollbar-thumb-border-radius, 2px);
            }
            > .sub-menu-nav-container .sub-menu {
              &:has(> .menu-item-element-column) {
                display: flex;
                column-gap: var(--nav-menu-main-mega-menu-columns-gap-x, var(--nav-menu-main-mega-menu-columns-gap, 0px));
                row-gap: var(--nav-menu-main-mega-menu-columns-gap-y, var(--nav-menu-main-mega-menu-columns-gap, 0px));
                > .menu-item-element-column {
                  flex: 1 1 auto;
                  width: 100%;
                  page-break-inside: avoid;
                  > ol {
                    padding: var(--nav-menu-main-mega-menu-columns-column-padding, 0px);
                  }
                }
              }
            }
          }
          .sub-menu-container {
            .menu-item > a {
              width: auto;
            }
            .sub-sub-menu-container {
              --nav-menu-sub-menu-offset-top: 0px;
              position: initial;
            }
          }
        }
      }
    }
  }
}
#header #nav_wrapper {
  .nav-menu.nav-menu-secondary-mobile {
    --nav-menu-secondary-mobile-flex-direction: var(--nav-menu-secondary-mobile-flex-direction-navbreakpointDown, column);
    --nav-menu-secondary-mobile-gap: var(--nav-menu-secondary-mobile-gap-navbreakpointDown, var(--gap-xs));
    @media (width >= 90rem) {
      --nav-menu-secondary-mobile-flex-direction: var(--nav-menu-secondary-mobile-flex-direction-navbreakpointUp, row);
      --nav-menu-secondary-mobile-gap: var(--nav-menu-secondary-mobile-gap-navbreakpointUp, var(--gap-sm));
    }
    > .menu {
      display: flex;
      flex-direction: var(--nav-menu-secondary-mobile-flex-direction);
      gap: var(--nav-menu-secondary-mobile-gap);
    }
  }
}
#header_top_wrapper .nav-menu.nav-menu-top {
  --nav-menu-top-flex-direction: var(--nav-menu-top-flex-direction-navbreakpointDown, row);
  --nav-menu-top-gap: var(--nav-menu-top-gap-navbreakpointDown, var(--gap-xs));
  @media (width >= 90rem) {
    --nav-menu-top-flex-direction: var(--nav-menu-top-flex-direction-navbreakpointUp, row);
    --nav-menu-top-gap: var(--nav-menu-top-gap-navbreakpointUp, var(--gap-sm));
  }
  > .menu {
    display: flex;
    flex-direction: var(--nav-menu-top-flex-direction);
    gap: var(--nav-menu-top-gap);
  }
  .menu-item[data-depth="0"] {
    --nav-menu-item-padding: var(--nav-menu-top-lvl0-menu-item-padding, 0);
    --nav-menu-item-font-size: var(--nav-menu-top-lvl0-menu-item-font-size, var(--text-theme-sm));
    --nav-menu-item-font-size-hover: var(--nav-menu-top-lvl0-menu-item-font-size-hover, var(--nav-menu-top-lvl0-menu-item-font-size, var(--text-theme-sm)));
    --nav-menu-item-font-size-active: var(--nav-menu-top-lvl0-menu-item-font-size-active, var(--nav-menu-top-lvl0-menu-item-font-size, var(--text-theme-sm)));
    --nav-menu-item-font-weight: var(--nav-menu-top-lvl0-menu-item-font-weight, var(--text-theme-sm--font-weight));
    --nav-menu-item-font-weight-hover: var(--nav-menu-top-lvl0-menu-item-font-weight-hover, var(--nav-menu-top-lvl0-menu-item-font-weight, var(--text-theme-sm--font-weight)));
    --nav-menu-item-font-weight-active: var(--nav-menu-top-lvl0-menu-item-font-weight-active, var(--nav-menu-top-lvl0-menu-item-font-weight, var(--text-theme-sm--font-weight)));
    --nav-menu-item-line-height: var(--nav-menu-top-lvl0-menu-item-line-height, var(--text-theme-sm--line-height));
    --nav-menu-item-line-height-hover: var(--nav-menu-top-lvl0-menu-item-line-height-hover, var(--nav-menu-top-lvl0-menu-item-line-height, var(--text-theme-sm--line-height)));
    --nav-menu-item-line-height-active: var(--nav-menu-top-lvl0-menu-item-line-height-active, var(--nav-menu-top-lvl0-menu-item-line-height, var(--text-theme-sm--line-height)));
    --nav-menu-item-color: var(--nav-menu-top-lvl0-menu-item-color, var(--element-color-nav-fg, var(--color-body-fg)));
    --nav-menu-item-color-hover: var(--nav-menu-top-lvl0-menu-item-color-hover, var(--element-color-nav-fg-hover, var(--nav-menu-top-lvl0-menu-item-color, var(--element-color-nav-fg, var(--color-body-fg)))));
    --nav-menu-item-color-active: var(--nav-menu-top-lvl0-menu-item-color-active, var(--element-color-nav-fg-active, var(--nav-menu-top-lvl0-menu-item-color, var(--element-color-nav-fg, var(--color-body-fg)))));
    --nav-menu-item-letter-spacing: var(--nav-menu-top-lvl0-menu-item-letter-spacing, var(--text-theme-sm--letter-spacing));
    --nav-menu-item-letter-spacing-hover: var(--nav-menu-top-lvl0-menu-item-letter-spacing-hover, var(--nav-menu-top-lvl0-menu-item-letter-spacing, var(--text-theme-sm--letter-spacing)));
    --nav-menu-item-letter-spacing-active: var(--nav-menu-top-lvl0-menu-item-letter-spacing-active, var(--nav-menu-top-lvl0-menu-item-letter-spacing, var(--text-theme-sm--letter-spacing)));
    --nav-menu-item-text-transform: var(--nav-menu-top-lvl0-menu-item-text-transform, none);
    --nav-menu-item-text-transform-hover: var(--nav-menu-top-lvl0-menu-item-text-transform-hover, var(--nav-menu-top-lvl0-menu-item-text-transform, none));
    --nav-menu-item-text-transform-active: var(--nav-menu-top-lvl0-menu-item-text-transform-active, var(--nav-menu-top-lvl0-menu-item-text-transform, none));
    --nav-menu-item-transition: var(--nav-menu-top-lvl0-menu-item-transition, font-size 200ms ease-in-out, font-weight 200ms ease-in-out);
    --nav-menu-item-transition-hover: var(--nav-menu-top-lvl0-menu-item-transition-hover, var(--nav-menu-top-lvl0-menu-item-transition, font-size 200ms ease-in-out, font-weight 200ms ease-in-out));
    --nav-menu-item-transition-active: var(--nav-menu-top-lvl0-menu-item-transition-active, var(--nav-menu-top-lvl0-menu-item-transition, font-size 200ms ease-in-out, font-weight 200ms ease-in-out));
    > .sub-menu-container .sub-menu-nav-container .sub-menu li.menu-item {
      --nav-menu-item-padding: var(--nav-menu-top-sub-menu-menu-item-padding, 0);
      --nav-menu-item-font-size: var(--nav-menu-top-sub-menu-menu-item-font-size, var(--text-theme-sm));
      --nav-menu-item-font-size-hover: var(--nav-menu-top-sub-menu-menu-item-font-size-hover, var(--nav-menu-top-sub-menu-menu-item-font-size, var(--text-theme-sm)));
      --nav-menu-item-font-size-active: var(--nav-menu-top-sub-menu-menu-item-font-size-active, var(--nav-menu-top-sub-menu-menu-item-font-size, var(--text-theme-sm)));
      --nav-menu-item-font-weight: var(--nav-menu-top-sub-menu-menu-item-font-weight, var(--text-theme-sm--font-weight));
      --nav-menu-item-font-weight-hover: var(--nav-menu-top-sub-menu-menu-item-font-weight-hover, var(--nav-menu-top-sub-menu-menu-item-font-weight, var(--text-theme-sm--font-weight)));
      --nav-menu-item-font-weight-active: var(--nav-menu-top-sub-menu-menu-item-font-weight-active, var(--nav-menu-top-sub-menu-menu-item-font-weight, var(--text-theme-sm--font-weight)));
      --nav-menu-item-color: var(--nav-menu-top-sub-menu-menu-item-color, var(--element-color-nav-fg, var(--color-body-fg)));
      --nav-menu-item-color-hover: var(--nav-menu-top-sub-menu-menu-item-color-hover, var(--nav-menu-top-sub-menu-menu-item-color, var(--element-color-nav-fg-hover, var(--color-body-fg))));
      --nav-menu-item-color-active: var(--nav-menu-top-sub-menu-menu-item-color-active, var(--nav-menu-top-sub-menu-menu-item-color, var(--element-color-nav-fg-active, var(--color-body-fg))));
      --nav-menu-item-letter-spacing: var(--nav-menu-top-sub-menu-menu-item-letter-spacing, var(--text-theme-sm--letter-spacing));
      --nav-menu-item-letter-spacing-hover: var(--nav-menu-top-sub-menu-menu-item-letter-spacing-hover, var(--nav-menu-top-sub-menu-menu-item-letter-spacing, var(--text-theme-sm--letter-spacing)));
      --nav-menu-item-letter-spacing-active: var(--nav-menu-top-sub-menu-menu-item-letter-spacing-active, var(--nav-menu-top-sub-menu-menu-item-letter-spacing, var(--text-theme-sm--letter-spacing)));
      --nav-menu-item-text-transform: var(--nav-menu-top-sub-menu-menu-item-text-transform, none);
      --nav-menu-item-text-transform-hover: var(--nav-menu-top-sub-menu-menu-item-text-transform-hover, var(--nav-menu-top-sub-menu-menu-item-text-transform, none));
      --nav-menu-item-text-transform-active: var(--nav-menu-top-sub-menu-menu-item-text-transform-active, var(--nav-menu-top-sub-menu-menu-item-text-transform, none));
      --nav-menu-item-transition: var(--nav-menu-top-sub-menu-menu-item-transition, font-size 200ms ease-in-out, font-weight 200ms ease-in-out);
      --nav-menu-item-transition-hover: var(--nav-menu-top-sub-menu-menu-item-transition-hover, var(--nav-menu-top-sub-menu-menu-item-transition, font-size 200ms ease-in-out, font-weight 200ms ease-in-out));
      --nav-menu-item-transition-active: var(--nav-menu-top-sub-menu-menu-item-transition-active, var(--nav-menu-top-sub-menu-menu-item-transition, font-size 200ms ease-in-out, font-weight 200ms ease-in-out));
    }
  }
}
.abovo-pagination {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  .page-item {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    line-height: 1;
    color: var(--pagination-color, var(--element-color-nav-pagination-fg, #6B7280));
    font-size: var(--pagination-font-size, 1rem);
    border: var(--pagination-border-width, 1px) solid var(--pagination-border-color, var(--element-color-nav-pagination-border, rgba(0, 0, 0, 0.08)));
    background: var(--pagination-bg, var(--element-color-nav-pagination-bg, transparent));
    border-radius: var(--pagination-border-radius, var(--element-borderRadius-sm, 0.25rem));
    opacity: var(--pagination-opacity, 1);
    cursor: var(--pagination-cursor, pointer);
    user-select: var(--pagination-user-select, none);
    transition: all 150ms ease-in-out;
    &:hover, &:focus {
      --pagination-color: var(--element-color-nav-pagination-fg-hover);
      --pagination-border-color: var(--element-color-nav-pagination-border-hover);
      --pagination-bg: var(--element-color-nav-pagination-bg-hover);
    }
    &.active, &:active {
      --pagination-color: var(--element-color-nav-pagination-fg-active);
      --pagination-border-color: var(--element-color-nav-pagination-border-active);
      --pagination-bg: var(--element-color-nav-pagination-bg-active);
    }
    a {
      color: inherit;
      min-width: var(--pagination-min-width, 3.25rem);
      padding: var(--pagination-padding, 0.75rem);
    }
  }
}
@layer utilities {
  .responsive-image {
    --object-pos-x: center;
    --object-pos-y: center;
    --object-fit: cover;
    object-position: var(--object-pos-x) var(--object-pos-y);
    object-fit: var(--object-fit);
    &:is(&.responsive-image--contain) {
      --object-fit: contain;
    }
    &:is(&.responsive-image--top) {
      --object-pos-y: top;
    }
    &:is(&.responsive-image--center) {
      --object-pos-y: center;
    }
    &:is(&.responsive-image--bottom) {
      --object-pos-y: bottom;
    }
    &:is(&.responsive-image--y0) {
      --object-pos-y: 0%;
    }
    &:is(&.responsive-image--y10) {
      --object-pos-y: 10%;
    }
    &:is(&.responsive-image--y20) {
      --object-pos-y: 20%;
    }
    &:is(&.responsive-image--y30) {
      --object-pos-y: 30%;
    }
    &:is(&.responsive-image--y40) {
      --object-pos-y: 40%;
    }
    &:is(&.responsive-image--y50) {
      --object-pos-y: 50%;
    }
    &:is(&.responsive-image--y60) {
      --object-pos-y: 60%;
    }
    &:is(&.responsive-image--y70) {
      --object-pos-y: 70%;
    }
    &:is(&.responsive-image--y80) {
      --object-pos-y: 80%;
    }
    &:is(&.responsive-image--y90) {
      --object-pos-y: 90%;
    }
    &:is(&.responsive-image--y100) {
      --object-pos-y: 100%;
    }
    &:is(&.responsive-image--x0) {
      --object-pos-x: 0%;
    }
    &:is(&.responsive-image--x10) {
      --object-pos-x: 10%;
    }
    &:is(&.responsive-image--x20) {
      --object-pos-x: 20%;
    }
    &:is(&.responsive-image--x30) {
      --object-pos-x: 30%;
    }
    &:is(&.responsive-image--x40) {
      --object-pos-x: 40%;
    }
    &:is(&.responsive-image--x50) {
      --object-pos-x: 50%;
    }
    &:is(&.responsive-image--x60) {
      --object-pos-x: 60%;
    }
    &:is(&.responsive-image--x70) {
      --object-pos-x: 70%;
    }
    &:is(&.responsive-image--x80) {
      --object-pos-x: 80%;
    }
    &:is(&.responsive-image--x90) {
      --object-pos-x: 90%;
    }
    &:is(&.responsive-image--x100) {
      --object-pos-x: 100%;
    }
  }
}
@layer utilities {
  .stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: auto;
    content: "";
    background-color: rgba(0,0,0,0);
  }
}
.swiper {
  &:has(.swiper-controls .swiper-scrollbar.swiper-scrollbar-horizontal) {
    padding-bottom: calc(var(--swiper-scrollbar-size, 4px) * 2);
  }
  &.swiper-pagination-disabled .swiper-controls .swiper-pagination {
    display: none !important;
  }
  &.swiper-navigation-disabled .swiper-controls .swiper-navigation {
    display: none !important;
  }
  .swiper-controls {
    display: flex;
    column-gap: var(--swiper-controls-horizontal-gap, var(--swiper-controls-gap, 1rem));
    row-gap: var(--swiper-controls-verical-gap, var(--swiper-controls-gap, 1rem));
    justify-content: space-between;
    margin: var(--swiper-controls-margin, 0px);
    padding: var(--swiper-controls-padding, 0px);
    .swiper-pagination {
      display: inline-flex;
      align-items: center;
      flex-grow: 1;
      column-gap: var(--swiper-pagination-horizontal-gap, var(--swiper-pagination-gap, 4px));
      row-gap: var(--swiper-pagination-verical-gap, var(--swiper-pagination-gap, 4px));
      overflow: hidden;
      &.swiper-pagination-horizontal {
        margin-top: var(--swiper-pagination-margin-top, 2rem);
      }
      &.swiper-pagination-vertical {
        flex-direction: column;
      }
      &.swiper-pagination-bullets {
        column-gap: 0;
        row-gap: var(--swiper-pagination-bullet-verical-gap, var(--swiper-pagination-bullet-gap, 4px));
        padding: var(--swiper-pagination-bullets-padding, 0);
        width: auto !important;
        &.swiper-pagination-vertical {
          margin-top: var(--swiper-pagination-bullets-margin-right, var(--swiper-pagination-margin-right, 2rem));
        }
        &.swiper-pagination-horizontal {
          margin-top: var(--swiper-pagination-bullets-margin-top, var(--swiper-pagination-margin-top, 2rem));
        }
        > .swiper-pagination-bullet {
          flex-shrink: 0;
          width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 0.75rem));
          height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 0.75rem));
          transition: all 150ms ease-in-out;
          border: var(--swiper-pagination-bullet-border-width, 1px) solid var(--swiper-pagination-bullet-border-color, var(--swiper-pagination-bullet-color, var(--element-color-nav-fg, #B7C1F0)));
          background: var(--swiper-pagination-bullet-bg, var(--swiper-pagination-bullet-color, transparent));
          border-radius: var(--swiper-pagination-bullet-border-radius, 1rem);
          user-select: var(--swiper-pagination-bullet-user-select, none);
          opacity: var(--swiper-pagination-bullet-opacity, 1);
          cursor: var(--swiper-pagination-bullet-cursor, pointer);
          margin-right: var(--swiper-pagination-bullet-horizontal-gap, var(--swiper-pagination-bullet-gap, 4px));
          &.swiper-pagination-bullet-active {
            --swiper-pagination-bullet-border-width: 0px;
            --swiper-pagination-bullet-color: var(--element-color-nav-fg, #000EC7);
            --swiper-pagination-bullet-width: calc(var(--swiper-pagination-bullet-size, 0.75rem) * (var(--swiper-pagination-bullet-active-magnification, 1.75)));
          }
        }
        &.swiper-pagination-bullets-dynamic {
          > .swiper-pagination-bullet {
            &:not(:is(.swiper-pagination-bullet-active-prev,.swiper-pagination-bullet-active-prev-prev,.swiper-pagination-bullet-active-next,.swiper-pagination-bullet-active-next-next,.swiper-pagination-bullet-active-main)), &.swiper-pagination-bullet-active-prev-prev, &.swiper-pagination-bullet-active-next-next {
              --swiper-pagination-bullet-opacity: 0;
              --swiper-pagination-bullet-width: 0;
              --swiper-pagination-bullet-border-width: 0;
              --swiper-pagination-bullet-bg: transparent;
              margin-right: 0;
            }
          }
        }
      }
    }
    .swiper-navigation {
      display: inline-flex;
      align-self: flex-end;
      flex-shrink: 0;
      column-gap: var(--swiper-navigation-horizontal-gap, var(--swiper-navigation-gap, 0.5rem));
      row-gap: var(--swiper-navigation-verical-gap, var(--swiper-navigation-gap, 0.5rem));
      margin: var(--swiper-navigation-margin, 0px);
      padding: var(--swiper-navigation-padding, 0px);
      &.swiper-navigation--bottom {
        --swiper-navigation-margin: 2rem 0 0 0;
      }
      &.swiper-navigation--overlay {
        z-index: 10;
        position: absolute;
        top: var(--swiper-navigation-overlay-position-top, 50%);
        left: 0;
        display: flex;
        align-self: auto;
        justify-content: space-between;
        width: 100%;
        padding-left: 1rem;
        padding-right: 1rem;
        pointer-events: none;
        transform: translateY(-50%);
        .swiper-button-prev, .swiper-button-next {
          pointer-events: all;
        }
      }
      .swiper-button-prev, .swiper-button-next {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: var(--swiper-navigation-width, var(--swiper-navigation-size, 3rem));
        height: var(--swiper-navigation-height, var(--swiper-navigation-size, 3rem));
        padding: var(--swiper-navigation-padding, 0);
        color: var(--swiper-navigation-color, var(--element-color-nav-pagination-fg, #6B7280));
        font-size: var(--swiper-navigation-font-size, 1.25rem);
        border: var(--swiper-navigation-border-width, 1px) solid var(--swiper-navigation-border-color, var(--element-color-nav-pagination-border, rgba(0, 0, 0, 0.08)));
        background: var(--swiper-navigation-bg, var(--element-color-nav-pagination-bg, transparent));
        border-radius: var(--swiper-navigation-border-radius, var(--element-borderRadius-sm, 0.25rem));
        opacity: var(--swiper-navigation-opacity, 1);
        cursor: var(--swiper-navigation-cursor, pointer);
        user-select: var(--swiper-navigation-user-select, none);
        transition: all 150ms ease-in-out;
        &.swiper-button-lock, &.swiper-button-disabled {
          --swiper-navigation-cursor: default;
          --swiper-navigation-opacity: 0.5;
        }
        &:not(.swiper-button-lock, .swiper-button-disabled) {
          &:hover, &:focus {
            --swiper-navigation-color: var(--element-color-nav-pagination-fg-hover);
            --swiper-navigation-border-color: var(--element-color-nav-pagination-border-hover);
            --swiper-navigation-bg: var(--element-color-nav-pagination-bg-hover);
          }
          &:active {
            --swiper-navigation-color: var(--element-color-nav-pagination-fg-active);
            --swiper-navigation-border-color: var(--element-color-nav-pagination-border-active);
            --swiper-navigation-bg: var(--element-color-nav-pagination-bg-active);
          }
        }
      }
    }
    .swiper-scrollbar {
      --swiper-scrollbar-sides-offset: 0px;
      --swiper-scrollbar-top: auto;
      --swiper-scrollbar-bottom: 0px;
      position: absolute;
    }
  }
}
@layer utilities {
  :where(.typography) {
    --typography-font-size: var(--text-theme-base);
    --typography-font-weight: var(--text-theme-base--font-weight);
    --typography-line-height: var(--text-theme-base--line-height);
    --typography-strong-font-weight: var(--font-weight-semibold);
    --typography-item-margin-top: 0;
    --typography-item-margin-bottom: calc(var(--spacing) * 6);
    --typography-list-item-spacing: calc(var(--spacing) * 1);
    --typography-list-padding-start: calc(var(--spacing) * 6);
    --typography-blockquote-padding: calc(var(--spacing) * 6) calc(var(--spacing) * 6) calc(var(--spacing) * 6) calc(var(--spacing) * 8);
    --typography-blockquote-font-style: 'normal';
    --typography-blockquote-font-weight: var(--text-theme-base--font-weight);
    --typography-blockquote-border-style: solid;
    --typography-blockquote-border-width: calc(var(--spacing) * 1);
    --typography-blockquote-border-color: var(--element-color-accent);
    --typography-blockquote-border-radius: 0;
    --typography-blockquote-bg: var(--element-color-bg-alternate);
    font-size: var(--typography-font-size);
    font-weight: var(--typography-font-weight);
    line-height: var(--typography-line-height);
    > * {
      &:not(:first-child) {
        margin-top: var(--typography-item-margin-top);
      }
      &:not(:last-child) {
        margin-bottom: var(--typography-item-margin-bottom);
      }
    }
    a:where(:not(.button)) {
      color: var(--element-color-accent);
      text-decoration: var(--typography-link-decoration-default, underline);
      font-weight: var(--typography-link-font-weight, inherit);
      &:hover, &:focus, &:active {
        color: var(--element-color-accent-alternate);
        text-decoration: var(--typography-link-decoration-hover, none);
      }
    }
    h1, h2, h3, h4, h5, h6 {
      font-family: var(--typography-font-family-heading, var(--font-heading));
      color: var(--typography-title-fg, var(--element-color-title));
    }
    h1 {
      font-size: var(--text-h1);
      line-height: var(--tw-leading, var(--text-h1--line-height));
      letter-spacing: var(--tw-tracking, var(--text-h1--letter-spacing));
      font-weight: var(--tw-font-weight, var(--text-h1--font-weight));
      --typography-item-margin-bottom: var(--element-title-margin-bottom-h1);
    }
    h2 {
      font-size: var(--text-h2);
      line-height: var(--tw-leading, var(--text-h2--line-height));
      letter-spacing: var(--tw-tracking, var(--text-h2--letter-spacing));
      font-weight: var(--tw-font-weight, var(--text-h2--font-weight));
      --typography-item-margin-bottom: var(--element-title-margin-bottom-h2);
    }
    h3 {
      font-size: var(--text-h3);
      line-height: var(--tw-leading, var(--text-h3--line-height));
      letter-spacing: var(--tw-tracking, var(--text-h3--letter-spacing));
      font-weight: var(--tw-font-weight, var(--text-h3--font-weight));
      --typography-item-margin-bottom: var(--element-title-margin-bottom-h3);
    }
    h4 {
      font-size: var(--text-h4);
      line-height: var(--tw-leading, var(--text-h4--line-height));
      letter-spacing: var(--tw-tracking, var(--text-h4--letter-spacing));
      font-weight: var(--tw-font-weight, var(--text-h4--font-weight));
      --typography-item-margin-bottom: var(--element-title-margin-bottom-h4);
    }
    h5 {
      font-size: var(--text-h5);
      line-height: var(--tw-leading, var(--text-h5--line-height));
      letter-spacing: var(--tw-tracking, var(--text-h5--letter-spacing));
      font-weight: var(--tw-font-weight, var(--text-h5--font-weight));
      --typography-item-margin-bottom: var(--element-title-margin-bottom-h5);
    }
    h6 {
      font-size: var(--text-h6);
      line-height: var(--tw-leading, var(--text-h6--line-height));
      letter-spacing: var(--tw-tracking, var(--text-h6--letter-spacing));
      font-weight: var(--tw-font-weight, var(--text-h6--font-weight));
      --typography-item-margin-bottom: var(--element-title-margin-bottom-h6);
    }
    ul, ol {
      list-style-position: outside;
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(var(--typography-list-item-spacing) * var(--tw-space-y-reverse));
        margin-block-end: calc(var(--typography-list-item-spacing) * calc(1 - var(--tw-space-y-reverse)));
      }
      padding-inline-start: var(--typography-list-padding-start);
    }
    ul {
      list-style-type: disc;
    }
    ol {
      list-style-type: decimal;
    }
    blockquote {
      font-style: var(--typography-blockquote-font-style);
      padding: var(--typography-blockquote-padding);
      font-weight: var(--typography-blockquote-font-weight);
      border-style: var(--typography-blockquote-border-style);
      border-left-width: var(--typography-blockquote-border-width);
      border-left-color: var(--typography-blockquote-border-color);
      border-radius: var(--typography-blockquote-border-radius);
      background-color: var(--typography-blockquote-bg);
    }
    strong {
      font-weight: var(--typography-strong-font-weight);
    }
  }
}
@media screen and (max-width: 600px) {
  #wpadminbar {
    position: fixed;
  }
}
[x-cloak] {
  display: none !important;
}
.section, .section-element {
  &:where([data-element-color]:not([data-element-color="none"])) {
    isolation: isolate;
    > .section-element-bg {
      z-index: -1;
      position: absolute;
      inset: 0;
    }
  }
}
[class*="section-pt"] {
  padding-top: calc(var(--section-padding-top, 0px) + var(--section-padding-top-offset, 0px));
}
[class*="section-pb"] {
  padding-bottom: calc(var(--section-padding-bottom, 0px) + var(--section-padding-bottom-offset, 0px));
}
[class*="section-mh"] {
  min-height: var(--section-min-height, auto);
}
.section {
  --section-min-height: auto;
  --section-padding-top: 0px;
  --section-padding-bottom: 0px;
  --section-padding-top-offset: 0px;
  --section-padding-bottom-offset: 0px;
  scroll-margin-top: var(--section-scroll-margin-top, var(--header-height));
  &.section-pt {
    --section-padding-top: var(--element-section-rows-padding-y-default);
  }
  &.section-pt--sm {
    --section-padding-top: var(--element-section-rows-padding-y-sm);
  }
  &.section-pt--lg {
    --section-padding-top: var(--element-section-rows-padding-y-lg);
  }
  &.section-pb {
    --section-padding-bottom: var(--element-section-rows-padding-y-default);
  }
  &.section-pb--sm {
    --section-padding-bottom: var(--element-section-rows-padding-y-sm);
  }
  &.section-pb--lg {
    --section-padding-bottom: var(--element-section-rows-padding-y-lg);
  }
  &.section-mh--auto {
    --section-min-height: var(--element-min-height-auto);
  }
  &.section-mh--md {
    --section-min-height: var(--element-min-height-md);
  }
  &.section-mh--lg {
    --section-min-height: var(--element-min-height-lg);
  }
  &.section-mh--full {
    --section-min-height: var(--element-min-height-full);
  }
}
.section-rows {
  &.hidden-on-breakpoint, .hidden-on-breakpoint {
    display: block;
  }
  &.hidden-on-breakpoint.hidden-on-breakpoint--xs {
    @container (inline-size < 42rem) {
      display: none;
    }
  }
  &.hidden-on-breakpoint.hidden-on-breakpoint--sm {
    @container (inline-size >= 42rem) and (inline-size < 56rem) {
      display: none;
    }
  }
  &.hidden-on-breakpoint.hidden-on-breakpoint--md {
    @container (inline-size >= 56rem) and (inline-size < 72rem) {
      display: none;
    }
  }
  &.hidden-on-breakpoint.hidden-on-breakpoint--lg {
    @container (inline-size >= 72rem) {
      display: none;
    }
  }
  .section-element-row > .section-row-wrapper {
    > .section-row {
      display: grid;
      grid-template-columns: repeat(1, minmax(0, 1fr));
      > .section-element-col {
        grid-column: span 1 / span 1;
      }
    }
  }
  .section-row-wrapper.horizontal-touch-scroll {
    ~ .overflow-slider__arrows {
      display: none;
    }
  }
  .section-element-row {
    &[data-nested="0"] {
      @container (inline-size < 42rem) {
        .section-element-image {
          --img-aspect: var(--xs-img-aspect, auto);
        }
        &.hidden-on-breakpoint.hidden-on-breakpoint--xs, .hidden-on-breakpoint.hidden-on-breakpoint--xs {
          display: none;
        }
      }
      @container (inline-size >= 42rem) and (inline-size < 56rem) {
        .section-element-image {
          --img-aspect: var(--sm-img-aspect, auto);
        }
        &.hidden-on-breakpoint.hidden-on-breakpoint--sm, .hidden-on-breakpoint.hidden-on-breakpoint--sm {
          display: none;
        }
      }
      @container (inline-size >= 56rem) and (inline-size < 72rem) {
        .section-element-image {
          --img-aspect: var(--md-img-aspect, auto);
        }
        &.hidden-on-breakpoint.hidden-on-breakpoint--md, .hidden-on-breakpoint.hidden-on-breakpoint--md {
          display: none;
        }
      }
      @container (inline-size >= 72rem) {
        .section-element-image {
          --img-aspect: var(--lg-img-aspect, auto);
        }
        &.hidden-on-breakpoint.hidden-on-breakpoint--lg, .hidden-on-breakpoint.hidden-on-breakpoint--lg {
          display: none;
        }
      }
      &[data-mobile-breakpoint="xs"] {
        --element-row-mobile-breakpoint: 32rem;
        @container (inline-size < 32rem) {
          .section-row-wrapper .hidden-on-breakpoint.hidden-on-breakpoint--mobile-down {
            display: none;
          }
          > .section-row-wrapper.horizontal-touch-scroll {
            > .section-row {
              display: flex !important;
              > .section-element-col {
                min-width: 100%;
              }
            }
          }
        }
        @container (inline-size >= 32rem) {
          .section-row-wrapper .hidden-on-breakpoint.hidden-on-breakpoint--mobile-up {
            display: none;
          }
          > .section-row-wrapper > .section-row {
            grid-template-columns: repeat(12, minmax(0, 1fr));
            > .section-element-col {
              order: 0;
              &.section-col-12 {
                grid-column: span 12 / span 12;
              }
              &.section-col-9 {
                grid-column: span 9 / span 9;
              }
              &.section-col-8 {
                grid-column: span 8 / span 8;
              }
              &.section-col-7 {
                grid-column: span 7 / span 7;
              }
              &.section-col-6 {
                grid-column: span 6 / span 6;
              }
              &.section-col-5 {
                grid-column: span 5 / span 5;
              }
              &.section-col-4 {
                grid-column: span 4 / span 4;
              }
              &.section-col-3 {
                grid-column: span 3 / span 3;
              }
            }
          }
        }
      }
      &[data-mobile-breakpoint="sm"] {
        --element-row-mobile-breakpoint: 42rem;
        @container (inline-size < 42rem) {
          .section-row-wrapper .hidden-on-breakpoint.hidden-on-breakpoint--mobile-down {
            display: none;
          }
          > .section-row-wrapper.horizontal-touch-scroll {
            > .section-row {
              display: flex !important;
              > .section-element-col {
                min-width: 100%;
              }
            }
          }
        }
        @container (inline-size >= 42rem) {
          .section-row-wrapper .hidden-on-breakpoint.hidden-on-breakpoint--mobile-up {
            display: none;
          }
          > .section-row-wrapper > .section-row {
            grid-template-columns: repeat(12, minmax(0, 1fr));
            > .section-element-col {
              order: 0;
              &.section-col-12 {
                grid-column: span 12 / span 12;
              }
              &.section-col-9 {
                grid-column: span 9 / span 9;
              }
              &.section-col-8 {
                grid-column: span 8 / span 8;
              }
              &.section-col-7 {
                grid-column: span 7 / span 7;
              }
              &.section-col-6 {
                grid-column: span 6 / span 6;
              }
              &.section-col-5 {
                grid-column: span 5 / span 5;
              }
              &.section-col-4 {
                grid-column: span 4 / span 4;
              }
              &.section-col-3 {
                grid-column: span 3 / span 3;
              }
            }
          }
        }
      }
      &[data-mobile-breakpoint="default"] {
        --element-row-mobile-breakpoint: 56rem;
        @container (inline-size < 56rem) {
          .section-row-wrapper .hidden-on-breakpoint.hidden-on-breakpoint--mobile-down {
            display: none;
          }
          > .section-row-wrapper.horizontal-touch-scroll {
            > .section-row {
              display: flex !important;
              > .section-element-col {
                min-width: 100%;
              }
            }
          }
        }
        @container (inline-size >= 56rem) {
          .section-row-wrapper .hidden-on-breakpoint.hidden-on-breakpoint--mobile-up {
            display: none;
          }
          > .section-row-wrapper > .section-row {
            grid-template-columns: repeat(12, minmax(0, 1fr));
            > .section-element-col {
              order: 0;
              &.section-col-12 {
                grid-column: span 12 / span 12;
              }
              &.section-col-9 {
                grid-column: span 9 / span 9;
              }
              &.section-col-8 {
                grid-column: span 8 / span 8;
              }
              &.section-col-7 {
                grid-column: span 7 / span 7;
              }
              &.section-col-6 {
                grid-column: span 6 / span 6;
              }
              &.section-col-5 {
                grid-column: span 5 / span 5;
              }
              &.section-col-4 {
                grid-column: span 4 / span 4;
              }
              &.section-col-3 {
                grid-column: span 3 / span 3;
              }
            }
          }
        }
      }
      &[data-mobile-breakpoint="lg"] {
        --element-row-mobile-breakpoint: 72rem;
        @container (inline-size < 72rem) {
          .section-row-wrapper .hidden-on-breakpoint.hidden-on-breakpoint--mobile-down {
            display: none;
          }
          > .section-row-wrapper.horizontal-touch-scroll {
            > .section-row {
              display: flex !important;
              > .section-element-col {
                min-width: 100%;
              }
            }
          }
        }
        @container (inline-size >= 72rem) {
          .section-row-wrapper .hidden-on-breakpoint.hidden-on-breakpoint--mobile-up {
            display: none;
          }
          > .section-row-wrapper > .section-row {
            grid-template-columns: repeat(12, minmax(0, 1fr));
            > .section-element-col {
              order: 0;
              &.section-col-12 {
                grid-column: span 12 / span 12;
              }
              &.section-col-9 {
                grid-column: span 9 / span 9;
              }
              &.section-col-8 {
                grid-column: span 8 / span 8;
              }
              &.section-col-7 {
                grid-column: span 7 / span 7;
              }
              &.section-col-6 {
                grid-column: span 6 / span 6;
              }
              &.section-col-5 {
                grid-column: span 5 / span 5;
              }
              &.section-col-4 {
                grid-column: span 4 / span 4;
              }
              &.section-col-3 {
                grid-column: span 3 / span 3;
              }
            }
          }
        }
      }
    }
    &[data-nested="1"] {
      @container (inline-size < 16rem) {
        .section-element-image {
          --img-aspect: var(--xs-img-aspect, auto);
        }
        &.hidden-on-breakpoint.hidden-on-breakpoint--xs, .hidden-on-breakpoint.hidden-on-breakpoint--xs {
          display: none;
        }
      }
      @container (inline-size >= 24rem) and (inline-size < 32rem) {
        .section-element-image {
          --img-aspect: var(--sm-img-aspect, auto);
        }
        &.hidden-on-breakpoint.hidden-on-breakpoint--sm, .hidden-on-breakpoint.hidden-on-breakpoint--sm {
          display: none;
        }
      }
      @container (inline-size >= 32rem) and (inline-size < 42rem) {
        .section-element-image {
          --img-aspect: var(--md-img-aspect, auto);
        }
        &.hidden-on-breakpoint.hidden-on-breakpoint--md, .hidden-on-breakpoint.hidden-on-breakpoint--md {
          display: none;
        }
      }
      @container (inline-size >= 42rem) {
        .section-element-image {
          --img-aspect: var(--lg-img-aspect, auto);
        }
        &.hidden-on-breakpoint.hidden-on-breakpoint--lg, .hidden-on-breakpoint.hidden-on-breakpoint--lg {
          display: none;
        }
      }
      &[data-mobile-breakpoint="xs"] {
        --element-row-mobile-breakpoint: 16rem;
        @container (inline-size < 16rem) {
          .section-row-wrapper .hidden-on-breakpoint.hidden-on-breakpoint--mobile-down {
            display: none;
          }
          > .section-row-wrapper.horizontal-touch-scroll {
            > .section-row {
              display: flex !important;
              > .section-element-col {
                min-width: 100%;
              }
            }
          }
        }
        @container (inline-size >= 16rem) {
          .section-row-wrapper .hidden-on-breakpoint.hidden-on-breakpoint--mobile-up {
            display: none;
          }
          > .section-row-wrapper > .section-row {
            grid-template-columns: repeat(12, minmax(0, 1fr));
            > .section-element-col {
              order: 0;
              &.section-col-12 {
                grid-column: span 12 / span 12;
              }
              &.section-col-9 {
                grid-column: span 9 / span 9;
              }
              &.section-col-8 {
                grid-column: span 8 / span 8;
              }
              &.section-col-7 {
                grid-column: span 7 / span 7;
              }
              &.section-col-6 {
                grid-column: span 6 / span 6;
              }
              &.section-col-5 {
                grid-column: span 5 / span 5;
              }
              &.section-col-4 {
                grid-column: span 4 / span 4;
              }
              &.section-col-3 {
                grid-column: span 3 / span 3;
              }
            }
          }
        }
      }
      &[data-mobile-breakpoint="sm"] {
        --element-row-mobile-breakpoint: 24rem;
        @container (inline-size < 24rem) {
          .section-row-wrapper .hidden-on-breakpoint.hidden-on-breakpoint--mobile-down {
            display: none;
          }
          > .section-row-wrapper.horizontal-touch-scroll {
            > .section-row {
              display: flex !important;
              > .section-element-col {
                min-width: 100%;
              }
            }
          }
        }
        @container (inline-size >= 24rem) {
          .section-row-wrapper .hidden-on-breakpoint.hidden-on-breakpoint--mobile-up {
            display: none;
          }
          > .section-row-wrapper > .section-row {
            grid-template-columns: repeat(12, minmax(0, 1fr));
            > .section-element-col {
              order: 0;
              &.section-col-12 {
                grid-column: span 12 / span 12;
              }
              &.section-col-9 {
                grid-column: span 9 / span 9;
              }
              &.section-col-8 {
                grid-column: span 8 / span 8;
              }
              &.section-col-7 {
                grid-column: span 7 / span 7;
              }
              &.section-col-6 {
                grid-column: span 6 / span 6;
              }
              &.section-col-5 {
                grid-column: span 5 / span 5;
              }
              &.section-col-4 {
                grid-column: span 4 / span 4;
              }
              &.section-col-3 {
                grid-column: span 3 / span 3;
              }
            }
          }
        }
      }
      &[data-mobile-breakpoint="default"] {
        --element-row-mobile-breakpoint: 32rem;
        @container (inline-size < 32rem) {
          .section-row-wrapper .hidden-on-breakpoint.hidden-on-breakpoint--mobile-down {
            display: none;
          }
          > .section-row-wrapper.horizontal-touch-scroll {
            > .section-row {
              display: flex !important;
              > .section-element-col {
                min-width: 100%;
              }
            }
          }
        }
        @container (inline-size >= 32rem) {
          .section-row-wrapper .hidden-on-breakpoint.hidden-on-breakpoint--mobile-up {
            display: none;
          }
          > .section-row-wrapper > .section-row {
            grid-template-columns: repeat(12, minmax(0, 1fr));
            > .section-element-col {
              order: 0;
              &.section-col-12 {
                grid-column: span 12 / span 12;
              }
              &.section-col-9 {
                grid-column: span 9 / span 9;
              }
              &.section-col-8 {
                grid-column: span 8 / span 8;
              }
              &.section-col-7 {
                grid-column: span 7 / span 7;
              }
              &.section-col-6 {
                grid-column: span 6 / span 6;
              }
              &.section-col-5 {
                grid-column: span 5 / span 5;
              }
              &.section-col-4 {
                grid-column: span 4 / span 4;
              }
              &.section-col-3 {
                grid-column: span 3 / span 3;
              }
            }
          }
        }
      }
      &[data-mobile-breakpoint="lg"] {
        --element-row-mobile-breakpoint: 56rem;
        @container (inline-size < 56rem) {
          .section-row-wrapper .hidden-on-breakpoint.hidden-on-breakpoint--mobile-down {
            display: none;
          }
          > .section-row-wrapper.horizontal-touch-scroll {
            > .section-row {
              display: flex !important;
              > .section-element-col {
                min-width: 100%;
              }
            }
          }
        }
        @container (inline-size >= 56rem) {
          .section-row-wrapper .hidden-on-breakpoint.hidden-on-breakpoint--mobile-up {
            display: none;
          }
          > .section-row-wrapper > .section-row {
            grid-template-columns: repeat(12, minmax(0, 1fr));
            > .section-element-col {
              order: 0;
              &.section-col-12 {
                grid-column: span 12 / span 12;
              }
              &.section-col-9 {
                grid-column: span 9 / span 9;
              }
              &.section-col-8 {
                grid-column: span 8 / span 8;
              }
              &.section-col-7 {
                grid-column: span 7 / span 7;
              }
              &.section-col-6 {
                grid-column: span 6 / span 6;
              }
              &.section-col-5 {
                grid-column: span 5 / span 5;
              }
              &.section-col-4 {
                grid-column: span 4 / span 4;
              }
              &.section-col-3 {
                grid-column: span 3 / span 3;
              }
            }
          }
        }
      }
    }
  }
}
.section-element {
  position: relative;
  scroll-margin-top: calc(var(--section-element-scroll-margin-top, var(--header-height)) + var(--scroll-margin-offset, 1rem));
}
.section-element-banner {
  .section[data-width="full"][data-padding-x="none"] .section-element-row[data-cols="1"][data-element-color="unset"][data-padding-x="auto"] .section-element-col[data-col-size="12"][data-padding-x="none"] > .section-elements &, .section[data-width="full"][data-padding-x="none"] .section-element-row[data-cols="1"][data-padding-x="none"] .section-element-col[data-col-size="12"][data-padding-x="none"] > .section-elements & {
    --element-bg-border-radius: 0px;
  }
  .banner-inner {
    padding-top: var(--banner-padding-top, var(--element-banner-padding-y));
    padding-bottom: var(--banner-padding-bottom, var(--element-banner-padding-y));
  }
}
.section-element-bg {
  .section > & {
    --element-bg-border-radius: 0px;
  }
  &[data-style="video"] {
    > .bg-video, > .bg-video iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
    }
    > .bg-video {
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center center;
      &[data-provider="youtube"] {
        transform: scale(1.2);
      }
      &.playing {
        iframe {
          display: block;
        }
      }
      iframe {
        display: none;
        position: absolute;
        aspect-ratio: 16/9;
        height: 100%;
        width: auto;
        max-width: none;
        max-height: none;
        &.center-y {
          top: 50%;
          left: 0;
          width: auto;
          transform: translateY(-50%);
        }
        &.center-x {
          top: 0;
          left: 50%;
          height: auto;
          transform: translateX(-50%);
        }
      }
    }
  }
  .overlay {
    background: var(--overlay-bg, rgba(0, 0, 0, .2));
  }
}
.section-element-col {
  > .section-elements:has(> .section-element-spacer[data-stretch="1"]) {
    display: flex;
    flex-direction: column;
    height: 100%;
    .section-element-spacer[data-stretch="1"] {
      flex-grow: 1;
    }
  }
}
.section-element-image {
  .section[data-width="full"][data-padding-x="none"] .section-element-row[data-cols="1"][data-padding-x="none"] .section-element-col[data-col-size="12"][data-padding-x="none"] > .section-elements &, .section[data-width="full"][data-padding-x="none"] .section-element-row[data-cols="1"][data-element-color="unset"][data-padding-x="auto"] .section-element-col[data-col-size="12"][data-padding-x="none"] > .section-elements & {
    --element-image-border-radius: 0px;
  }
}
.section-element-message {
  --element-message-accent: currentColor;
  --element-message-fg: currentColor;
  --element-message-bg: none;
  --element-message-border-radius: var(--element-border-radius-md, 0px);
  --element-message-title-font-weight: var(--font-weight-semibold);
  --element-message-padding: calc(var(--spacing) * 4);
  &[data-border="0"] {
    --element-message-border-width: 0;
  }
  &[data-border="0"][data-bg="0"] {
    --element-message-padding: 0;
  }
  background-color: var(--element-message-bg);
  border-radius: var(--element-message-border-radius);
  padding: var(--element-message-padding);
  font-size: var(--element-message-font-size, inherit);
  border: var(--element-message-border-width, 1px) var(--element-message-border-style, solid) var(--element-message-border, transparent);
  line-height: var(--element-message-line-height, 1.5);
  .element-message-content {
    --element-color-accent: currentColor;
    --element-color-accent-alternate: currentColor;
    --typography-link-decoration-default: var(--element-message-link-decoration-default, underline);
    --typography-link-decoration-hover: var(--element-message-link-decoration-hover, none);
    --typography-link-font-weight: var(--element-message-link-font-weight, var(--typography-font-weight));
    line-height: inherit;
  }
  &[data-type="success"] {
    --element-message-accent: var(--color-success-accent);
    --element-message-fg: var(--color-success-fg);
    --element-message-border: var(--color-success-border);
    &[data-bg="1"] {
      --element-message-bg: var(--color-success-bg);
      --element-message-fg: var(--color-success-fg-on-bg);
      --element-message-border: var(--color-success-border-on-bg);
    }
    &[data-color-mode="dark"] {
      --element-message-fg: var(--color-success-fg-dark);
      --element-message-border: var(--color-success-border-dark);
      &[data-bg="1"] {
        --element-message-bg: var(--color-success-bg-dark);
        --element-message-fg: var(--color-success-fg-on-bg-dark);
        --element-message-border: var(--color-success-border-on-bg-dark);
      }
    }
  }
  &[data-type="danger"] {
    --element-message-accent: var(--color-danger-accent);
    --element-message-fg: var(--color-danger-fg);
    --element-message-border: var(--color-danger-border);
    &[data-bg="1"] {
      --element-message-bg: var(--color-danger-bg);
      --element-message-fg: var(--color-danger-fg-on-bg);
      --element-message-border: var(--color-danger-border-on-bg);
    }
    &[data-color-mode="dark"] {
      --element-message-fg: var(--color-danger-fg-dark);
      --element-message-border: var(--color-danger-border-dark);
      &[data-bg="1"] {
        --element-message-bg: var(--color-danger-bg-dark);
        --element-message-fg: var(--color-danger-fg-on-bg-dark);
        --element-message-border: var(--color-danger-border-on-bg-dark);
      }
    }
  }
  &[data-type="warning"] {
    --element-message-accent: var(--color-warning-accent);
    --element-message-fg: var(--color-warning-fg);
    --element-message-border: var(--color-warning-border);
    &[data-bg="1"] {
      --element-message-bg: var(--color-warning-bg);
      --element-message-fg: var(--color-warning-fg-on-bg);
      --element-message-border: var(--color-warning-border-on-bg);
    }
    &[data-color-mode="dark"] {
      --element-message-fg: var(--color-warning-fg-dark);
      --element-message-border: var(--color-warning-border-dark);
      &[data-bg="1"] {
        --element-message-bg: var(--color-warning-bg-dark);
        --element-message-fg: var(--color-warning-fg-on-bg-dark);
        --element-message-border: var(--color-warning-border-on-bg-dark);
      }
    }
  }
  &[data-type="info"] {
    --element-message-accent: var(--color-info-accent);
    --element-message-fg: var(--color-info-fg);
    --element-message-border: var(--color-info-border);
    &[data-bg="1"] {
      --element-message-bg: var(--color-info-bg);
      --element-message-fg: var(--color-info-fg-on-bg);
      --element-message-border: var(--color-info-border-on-bg);
    }
    &[data-color-mode="dark"] {
      --element-message-fg: var(--color-info-fg-dark);
      --element-message-border: var(--color-info-border-dark);
      &[data-bg="1"] {
        --element-message-bg: var(--color-info-bg-dark);
        --element-message-fg: var(--color-info-fg-on-bg-dark);
        --element-message-border: var(--color-info-border-on-bg-dark);
      }
    }
  }
  &[data-type="neutral"] {
    --element-message-accent: var(--color-neutral-accent);
    --element-message-fg: var(--color-neutral-fg);
    --element-message-border: var(--color-neutral-border);
    &[data-bg="1"] {
      --element-message-bg: var(--color-neutral-bg);
      --element-message-fg: var(--color-neutral-fg-on-bg);
      --element-message-border: var(--color-neutral-border-on-bg);
    }
    &[data-color-mode="dark"] {
      --element-message-fg: var(--color-neutral-fg-dark);
      --element-message-border: var(--color-neutral-border-dark);
      &[data-bg="1"] {
        --element-message-bg: var(--color-neutral-bg-dark);
        --element-message-fg: var(--color-neutral-fg-on-bg-dark);
        --element-message-border: var(--color-neutral-border-on-bg-dark);
      }
    }
  }
}
.section-element-spacer {
  &[data-space="xs"] {
    height: var(--element-spacer-height-xs);
  }
  &[data-space="sm"] {
    height: var(--element-spacer-height-sm);
  }
  &[data-space="default"] {
    height: var(--element-spacer-height-default);
  }
  &[data-space="lg"] {
    height: var(--element-spacer-height-lg);
  }
}
.section-element-title {
  --title-row-gap: 0px;
  --title-margin-bottom: 0px;
  --title-font-family-heading: var(--element-title-font-family-heading-default, var(--font-heading));
  --title-font-family-subheading: var(--element-title-font-family-subheading-default, var(--font-subheading));
  display: flex;
  flex-direction: column;
  row-gap: var(--title-row-gap);
  &[display-type="alternative"] {
    --title-font-family-heading: var(--element-title-font-family-heading-alternative, var(--font-heading-alternative));
    --title-font-family-subheading: var(--element-title-font-family-subheading-alternative, var(--font-subheading-alternative));
    .section-element-title__subheading {
      > *:last-child {
        margin-bottom: 0;
      }
    }
  }
  .section-element-title__heading {
    margin-top: 0;
    margin-bottom: 0;
    font-family: var(--title-font-family-heading);
  }
  .section-element-title__subheading {
    font-family: var(--title-font-family-subheading);
    > *:last-child {
      margin-bottom: 0;
    }
  }
  &:not(:last-child) {
    .section-elements > & {
      margin-bottom: var(--title-margin-bottom);
      :where(& + .section-element:not(.section-element-spacer):not([hidden]):not(:empty)) {
        --section-element-margin-top: 0px;
      }
    }
  }
  &.subtitle--top {
    flex-direction: column-reverse;
  }
  &.heading-size--text-h1 {
    --title-margin-bottom: var(--element-title-margin-bottom-h1);
    --title-row-gap: var(--element-title-gap-y-h1);
  }
  &.heading-size--text-h2 {
    --title-margin-bottom: var(--element-title-margin-bottom-h2);
    --title-row-gap: var(--element-title-gap-y-h2);
  }
  &.heading-size--text-h3 {
    --title-margin-bottom: var(--element-title-margin-bottom-h3);
    --title-row-gap: var(--element-title-gap-y-h3);
  }
  &.heading-size--text-h4 {
    --title-margin-bottom: var(--element-title-margin-bottom-h4);
    --title-row-gap: var(--element-title-gap-y-h4);
  }
  &.heading-size--text-h5 {
    --title-margin-bottom: var(--element-title-margin-bottom-h5);
    --title-row-gap: var(--element-title-gap-y-h5);
  }
  &.heading-size--text-h6 {
    --title-margin-bottom: var(--element-title-margin-bottom-h6);
    --title-row-gap: var(--element-title-gap-y-h6);
  }
  &.heading-size--text-d1 {
    --title-margin-bottom: var(--element-title-margin-bottom-d1);
    --title-row-gap: var(--element-title-gap-y-d1);
  }
  &.heading-size--text-d2 {
    --title-margin-bottom: var(--element-title-margin-bottom-d2);
    --title-row-gap: var(--element-title-gap-y-d2);
  }
  &.heading-size--text-d3 {
    --title-margin-bottom: var(--element-title-margin-bottom-d3);
    --title-row-gap: var(--element-title-gap-y-d3);
  }
  &.heading-size--text-d4 {
    --title-margin-bottom: var(--element-title-margin-bottom-d4);
    --title-row-gap: var(--element-title-gap-y-d4);
  }
}
.section-element-video {
  .section[data-width="full"][data-padding-x="none"] .section-element-row[data-cols="1"][data-padding-x="none"] .section-element-col[data-col-size="12"][data-padding-x="none"] > .section-elements &, .section[data-width="full"][data-padding-x="none"] .section-element-row[data-cols="1"][data-element-color="unset"][data-padding-x="auto"] .section-element-col[data-col-size="12"][data-padding-x="none"] > .section-elements & {
    --element-video-border-radius: 0px;
  }
  .video-oembed-holder {
    iframe {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      max-width: 100%;
    }
  }
  &.has-poster {
    &:not(.in-popup) {
      .video-poster {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
      }
    }
    .video-poster-hider:checked {
      & ~ .video-oembed-holder {
        display: block;
      }
    }
  }
  .cookieconsent-oembed-holder .cookieconsent-oembed-holder-inner {
    background: transparent;
  }
}
.section-elements {
  --section-element-margin-top: var(--element-gap-default);
  > .section-element:not(:empty):not([hidden]):not(.section-element-spacer) ~ .section-element:not(:empty):not([hidden]):not(.section-element-spacer) {
    margin-top: var(--section-element-margin-top);
  }
  > .section-element-spacer + .section-element:not(.section-element-spacer) {
    --section-element-margin-top: 0;
  }
  &.section-elements-spacing--none {
    --section-element-margin-top: 0;
  }
  &.section-elements-spacing--sm {
    --section-element-margin-top: var(--element-gap-sm);
  }
  &.section-elements-spacing--md {
    --section-element-margin-top: var(--element-gap-md);
  }
  &.section-elements-spacing--lg {
    --section-element-margin-top: var(--element-gap-lg);
  }
}
body {
  overflow-x: clip;
}
@font-face {
  font-display: swap;
  font-family: "Visby Round CF";
  font-style: normal;
  font-weight: 500;
  src: url(https://onexillium.nl/wp-content/themes/onexillium-v1/assets/fonts/VisbyRoundCF-Medium.woff2) format('woff2');
}
@font-face {
  font-display: swap;
  font-family: "Visby Round CF";
  font-style: normal;
  font-weight: 700;
  src: url(https://onexillium.nl/wp-content/themes/onexillium-v1/assets/fonts/VisbyRoundCF-Bold.woff2) format('woff2');
}
@font-face {
  font-display: swap;
  font-family: "Iconly";
  font-style: normal;
  font-weight: 400;
  src: url(https://onexillium.nl/wp-content/themes/onexillium-v1/assets/fonts/iconly.woff2) format('woff2');
}
[class="icon"], [class^="icon-"], [class*=" icon-"] {
  display: inline-block;
  font-family: "Iconly" !important;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.icon-search:before {
  content: "\e000";
}
.icon-chevron-up:before {
  content: "\e001";
}
.icon-chevron-right:before {
  content: "\e002";
}
.icon-chevron-left:before {
  content: "\e003";
}
.icon-chevron-down:before {
  content: "\e004";
}
.icon-phone:before {
  content: "\e005";
}
.icon-mail:before {
  content: "\e006";
}
#breadcrumbs {
  color: var(--element-color-nav-fg);
  font-size: var(--text-theme-sm);
  > span {
    display: flex;
    flex-wrap: wrap;
    column-gap: 0.5rem;
    align-items: center;
    a:hover {
      color: var(--element-color-nav-fg-hover);
    }
    i {
      font-size: 1.25rem;
    }
    > span:where(:first-child) > a {
      color: var(--element-color-nav-fg-active);
      font-weight: 700;
    }
  }
}
#footer {
  --element-icons-list-title-default-title-line-height: 1.5rem;
  --element-icons-list-title-default-subtitle-line-height: 1.5rem;
  --element-image-border-radius: 0px;
  .icons-list-item-title-wrapper {
    --element-color-fg-muted: var(--color-dark-200);
    gap: calc(var(--spacing) * 2);
  }
  .nav-list {
    --element-nav-list-item-padding-y: calc(var(--spacing) * 2);
    :where(& > :not(:last-child)) {
      --tw-border-style: none;
      border-style: none;
    }
    a {
      --tw-leading: 1.5;
      line-height: 1.5;
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
    }
  }
  @container (inline-size < 42rem) {
    .section-element-image img {
      margin-left: 0;
      margin-right: auto;
    }
  }
  .shortcode-element-socials {
    display: flex;
    justify-content: flex-start;
    @container (inline-size >= 42rem) {
      justify-content: center;
    }
  }
  #socket {
    --section-padding-top-offset: 0rem;
    --section-padding-bottom-offset: 0rem;
    font-size: var(--text-theme-sm);
    color: var(--element-color-fg-muted);
    border-top: 1px solid var(--element-color-border);
    .nav-list {
      --element-nav-list-item-padding-y: calc(var(--spacing) * 1);
      flex-direction: row;
      gap: var(--gap-default);
      justify-content: flex-start;
      a {
        font-size: var(--text-theme-sm);
        line-height: var(--tw-leading, var(--text-theme-sm--line-height));
        letter-spacing: var(--tw-tracking, var(--text-theme-sm--letter-spacing));
        font-weight: var(--tw-font-weight, var(--text-theme-sm--font-weight));
      }
      @container (inline-size >= 42rem) {
        justify-content: safe flex-end;
      }
    }
  }
}
html body #footer .gform_wrapper:is(.gform-theme, .gravity-theme) {
  --element-forms-general-input-border-radius: var(--element-button-sizes-default-border-radius);
  --element-forms-general-input-padding-x: 1.5rem;
  .gform_validation_errors {
    display: none;
  }
  .gform_fields {
    --form-fields-gap: 0rem;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
    .gfield--type-email {
      flex-grow: 1;
      margin-right: -50px;
      .ginput_container_email button {
        padding-right: 60px;
      }
    }
    .gfield--type-submit {
      flex-shrink: 0;
      .gform-button {
        margin-top: 0;
      }
    }
  }
  .gform-footer {
    margin-block-start: 0;
  }
}
#header {
  @media (width >= 90rem) {
    .scrolled & {
      top: calc(var(--spacing-admin-bar) - var(--header-top-height));
    }
    #header_main_wrapper {
      &:before {
        content: '';
        position: fixed;
        top: var(--wp-admin--admin-bar--height, 0px);
        left: 0;
        width: 100%;
        height: 100vh;
        background: rgba(0, 0, 0, 0.1);
        opacity: 0;
        pointer-events: none;
        transition: opacity 150ms ease-in-out;
      }
      &:has(.nav-menu-main .menu-item-has-children[data-depth="0"]:focus-visible):before, &:has(.nav-menu-main .menu-item-has-children[data-depth="0"]:hover):before, &:has(.header-search-container:hover):before {
        opacity: 1;
      }
    }
  }
}
.logo {
  @media (width >= 90rem) {
    .scrolled #header & {
      background-image: url(https://onexillium.nl/wp-content/themes/onexillium-v1/assets/images/logo-scrolled.svg);
    }
  }
}
#header #nav_wrapper {
  .nav-menu.nav-menu-main {
    @media (width < 90rem) {
      padding-bottom: 2rem;
    }
    > .menu {
      @media (width >= 90rem) {
        justify-content: flex-end;
      }
      @media (width < 90rem) {
        padding-top: 2rem;
      }
    }
    .menu-item[data-depth="0"] {
      @media (width >= 90rem) {
        height: 100%;
        justify-content: center;
        html.no-touchevents & > a::before {
          top: calc(50% - 0.25em);
          height: 2.75rem;
        }
        &.menu-item-button {
          align-items: center;
          margin-right: auto;
          &:is(.current-menu-item, [class*="-parent"], [class*="-ancestor"]), &:hover, &:focus {
            > a {
              --element-button-color: var(--element-button-colors-light-color-active, var(--element-button-colors-light-color-hover, var(--element-button-colors-light-color)));
              --element-button-border-color: var(--element-button-colors-light-border-color-active);
              --element-button-background-color: var(--element-button-colors-light-background-color-active);
            }
          }
          > a {
            height: auto;
            .button__label {
              @media (hover: none) and (pointer: coarse) {
                margin-top: -0.125em;
                &:has(+.button__icon) {
                  margin-top: -0.3em;
                }
              }
            }
            .button__icon {
              line-height: 1;
              transition: transform 150ms ease-in-out;
              > * {
                line-height: var(--element-button-icon-size) !important;
              }
            }
            &:hover, &:focus {
              .button__icon {
                transform: translateX(0.25em);
              }
            }
            --element-button-font-size: var(--element-button-sizes-default-font-size);
            --element-button-font-weight: var(--element-button-sizes-default-font-weight);
            --element-button-font-family: var(--element-button-sizes-default-font-family);
            --element-button-text-transform: var(--element-button-sizes-default-text-transform);
            --element-button-letter-spacing: var(--element-button-sizes-default-letter-spacing);
            --element-button-line-height: var(--element-button-sizes-default-line-height);
            --element-button-gap-x: var(--element-button-sizes-default-gap-x);
            --element-button-gap-y: var(--element-button-sizes-default-gap-y);
            --element-button-py: var(--element-button-sizes-default-py);
            --element-button-px: var(--element-button-sizes-default-px);
            --element-button-border-width: var(--element-button-sizes-default-border-width);
            --element-button-border-radius: var(--element-button-sizes-default-border-radius);
            --element-button-icon-size: var(--element-button-sizes-default-icon-size);
            --element-button-color: inherit;
            --element-button-color-hover: inherit;
            --element-button-color-active: inherit;
            --element-button-border-color: inherit;
            --element-button-border-color-hover: inherit;
            --element-button-border-color-active: inherit;
            --element-button-background-color: inherit;
            --element-button-background-color-hover: inherit;
            --element-button-background-color-active: inherit;
            display: inline-flex;
            align-items: center;
            flex-wrap: nowrap;
            font-size: var(--element-button-font-size);
            font-weight: var(--element-button-font-weight);
            font-family: var(--element-button-font-family, inherit);
            text-transform: var(--element-button-text-transform);
            letter-spacing: var(--element-button-letter-spacing);
            line-height: var(--element-button-line-height);
            column-gap: var(--element-button-gap-x);
            row-gap: var(--element-button-gap-y);
            padding: var(--element-button-py) var(--element-button-px);
            color: var(--element-button-color);
            border-width: var(--element-button-border-width);
            border-style: solid;
            border-color: var(--element-button-border-color);
            background-color: var(--element-button-background-color);
            border-radius: var(--element-button-border-radius);
            transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-duration: 150ms;
            cursor: pointer;
            .button__icon {
              > * {
                font-size: var(--element-button-icon-size);
                width: var(--element-button-icon-size);
                height: auto;
              }
            }
            @media (hover: hover) {
              &:hover {
                --element-button-color: var(--element-button-color-hover);
                --element-button-border-color: var(--element-button-border-color-hover);
                --element-button-background-color: var(--element-button-background-color-hover);
              }
            }
            &:active {
              --element-button-color: var(--element-button-color-active);
              --element-button-border-color: var(--element-button-border-color-active);
              --element-button-background-color: var(--element-button-background-color-active);
            }
            --element-button-color: var(--element-button-colors-light-color);
            --element-button-border-width: var(--element-button-colors-light-border-width, var(--element-button-sizes-default-border-width));
            --element-button-border-color: var(--element-button-colors-light-border-color);
            --element-button-background-color: var(--element-button-colors-light-background-color);
            --element-button-color-hover: var(--element-button-colors-light-color-hover, var(--element-button-colors-light-color));
            --element-button-border-color-hover: var(--element-button-colors-light-border-color-hover);
            --element-button-background-color-hover: var(--element-button-colors-light-background-color-hover);
            --element-button-color-active: var(--element-button-colors-light-color-active, var(--element-button-colors-light-color-hover, var(--element-button-colors-light-color)));
            --element-button-border-color-active: var(--element-button-colors-light-border-color-active);
            --element-button-background-color-active: var(--element-button-colors-light-background-color-active);
            > span {
              --item-transition: color 150ms cubic-bezier(0.4, 0, 0.2, 1);
              --item-font-size: var(--element-button-font-size);
              color: var(--element-button-color);
            }
          }
        }
        &:is(.current-menu-item, [class*="-parent"], [class*="-ancestor"]) {
          > .menu-item-active-indicator {
            position: absolute;
            top: 100%;
            width: 3.5rem;
            height: 0.25rem;
            background-color: var(--color-primary);
            transform: translateY(-100%);
            border-radius: calc(infinity * 1px) calc(infinity * 1px) 0 0;
          }
        }
        .has-mega-menu.menu-item-has-children {
          html.no-touchevents & > a::before {
            width: 50vw;
          }
        }
      }
      @media (width < 90rem) {
        & + .menu-item {
          border-top: 1px solid var(--element-color-border);
        }
      }
    }
    .sub-menu-container {
      @media (width >= 90rem) {
        &.mega-menu {
          overflow: visible;
          &::after {
            content: '';
            display: block;
            position: absolute;
            bottom: 0;
            left: 0;
            height: 2.5rem;
            width: 100%;
            background: linear-gradient(180deg, transparent 0%, white 100%);
          }
          > .sub-menu-nav-container {
            overflow-y: auto;
            &::-webkit-scrollbar {
              width: var(--styled-scrollbar-width, 5px);
              height: var(--styled-scrollbar-height, 5px);
            }
            &::-webkit-scrollbar-track {
              background-color: var(--styled-scrollbar-track-bg, transparent);
              border-radius: var(--styled-scrollbar-track-border-radius, 2px);
            }
            &::-webkit-scrollbar-thumb {
              background-color: var(--styled-scrollbar-thumb-bg, var(--element-color-fg-muted));
              border-radius: var(--styled-scrollbar-thumb-border-radius, 2px);
            }
          }
        }
      }
      @media (width < 90rem) {
        > .sub-menu-nav-container {
          position: relative;
          &::after {
            content: '';
            display: block;
            position: sticky;
            bottom: 0;
            left: 0;
            height: 2.5rem;
            width: 100%;
            background: linear-gradient(180deg, transparent 0%, white 100%);
          }
        }
      }
    }
    .menu-item-element-column {
      @media (width < 90rem) {
        & + .menu-item-element-column {
          margin-top: var(--gap-default);
        }
      }
    }
    .menu-item-element-branches, .menu-item-element-solutions {
      > .section-element:is(.section-element-solutions, .section-element-branches) {
        .section-element.current-item {
          --element-color-bg: var(--element-color-bg-alternate);
          --element-color-title: var(--element-color-accent);
        }
        > .grid {
          gap: 0.5rem;
          @media (width < 90rem) {
            gap: 0.75rem;
          }
        }
        .section-element-button {
          @media (width >= 90rem) {
            height: 0;
            overflow: clip;
          }
        }
      }
    }
  }
}
#header #nav_wrapper {
  .nav-menu-mobile-buttons {
    .menu {
      display: flex;
      flex-wrap: wrap;
      margin: -0.5rem;
      .menu-item {
        width: 50%;
        padding: 0.5rem;
        > a {
          .button__label {
            @media (hover: none) and (pointer: coarse) {
              margin-top: -0.125em;
              &:has(+.button__icon) {
                margin-top: -0.3em;
              }
            }
          }
          .button__icon {
            line-height: 1;
            transition: transform 150ms ease-in-out;
            > * {
              line-height: var(--element-button-icon-size) !important;
            }
          }
          &:hover, &:focus {
            .button__icon {
              transform: translateX(0.25em);
            }
          }
          --element-button-font-size: var(--element-button-sizes-default-font-size);
          --element-button-font-weight: var(--element-button-sizes-default-font-weight);
          --element-button-font-family: var(--element-button-sizes-default-font-family);
          --element-button-text-transform: var(--element-button-sizes-default-text-transform);
          --element-button-letter-spacing: var(--element-button-sizes-default-letter-spacing);
          --element-button-line-height: var(--element-button-sizes-default-line-height);
          --element-button-gap-x: var(--element-button-sizes-default-gap-x);
          --element-button-gap-y: var(--element-button-sizes-default-gap-y);
          --element-button-py: var(--element-button-sizes-default-py);
          --element-button-px: var(--element-button-sizes-default-px);
          --element-button-border-width: var(--element-button-sizes-default-border-width);
          --element-button-border-radius: var(--element-button-sizes-default-border-radius);
          --element-button-icon-size: var(--element-button-sizes-default-icon-size);
          --element-button-color: inherit;
          --element-button-color-hover: inherit;
          --element-button-color-active: inherit;
          --element-button-border-color: inherit;
          --element-button-border-color-hover: inherit;
          --element-button-border-color-active: inherit;
          --element-button-background-color: inherit;
          --element-button-background-color-hover: inherit;
          --element-button-background-color-active: inherit;
          display: inline-flex;
          align-items: center;
          flex-wrap: nowrap;
          font-size: var(--element-button-font-size);
          font-weight: var(--element-button-font-weight);
          font-family: var(--element-button-font-family, inherit);
          text-transform: var(--element-button-text-transform);
          letter-spacing: var(--element-button-letter-spacing);
          line-height: var(--element-button-line-height);
          column-gap: var(--element-button-gap-x);
          row-gap: var(--element-button-gap-y);
          padding: var(--element-button-py) var(--element-button-px);
          color: var(--element-button-color);
          border-width: var(--element-button-border-width);
          border-style: solid;
          border-color: var(--element-button-border-color);
          background-color: var(--element-button-background-color);
          border-radius: var(--element-button-border-radius);
          transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-duration: 150ms;
          cursor: pointer;
          .button__icon {
            > * {
              font-size: var(--element-button-icon-size);
              width: var(--element-button-icon-size);
              height: auto;
            }
          }
          @media (hover: hover) {
            &:hover {
              --element-button-color: var(--element-button-color-hover);
              --element-button-border-color: var(--element-button-border-color-hover);
              --element-button-background-color: var(--element-button-background-color-hover);
            }
          }
          &:active {
            --element-button-color: var(--element-button-color-active);
            --element-button-border-color: var(--element-button-border-color-active);
            --element-button-background-color: var(--element-button-background-color-active);
          }
          width: 100%;
          justify-content: center;
          --element-button-outline-color: var(--element-button-colors-primary-outline-color, var(--element-button-colors-primary-color-outline));
          --element-button-outline-border-width: var(--element-button-colors-primary-outline-border-width, var(--element-button-sizes-default-border-width));
          --element-button-outline-border-color: var(--element-button-colors-primary-outline-border-color, var(--element-button-colors-primary-border-color));
          --element-button-outline-background-color: var(--element-button-colors-primary-outline-background-color, transparent);
          --element-button-outline-color-hover: var(--element-button-colors-primary-outline-color-hover, var(--element-button-colors-primary-color-outline-hover, var(--element-button-colors-primary-color)));
          --element-button-outline-border-color-hover: var(--element-button-colors-primary-outline-border-color-hover, var(--element-button-colors-primary-color-outline, var(--element-button-colors-primary-border-color-hover)));
          --element-button-outline-background-color-hover: var(--element-button-colors-primary-outline-background-color-hover, var(--element-button-colors-primary-color-outline, var(--element-button-colors-primary-background-color-hover)));
          --element-button-outline-color-active: var(--element-button-colors-primary-outline-color-active, var(--element-button-colors-primary-color-outline-active, var(--element-button-colors-primary-outline-color-hover, var(--element-button-colors-primary-color-outline-hover, var(--element-button-colors-primary-color-outline)))));
          --element-button-outline-border-color-active: var(--element-button-colors-primary-outline-border-color-active, var(--element-button-colors-primary-border-color-active));
          --element-button-outline-background-color-active: var(--element-button-colors-primary-outline-background-color-active, var(--element-button-colors-primary-background-color-active));
          &.button {
            --element-button-color: var(--element-button-outline-color);
            --element-button-border-width: var(--element-button-outline-border-width);
            --element-button-border-color: var(--element-button-outline-border-color);
            --element-button-background-color: var(--element-button-outline-background-color);
            @media (hover: hover) {
              &:hover {
                --element-button-color: var(--element-button-outline-color-hover);
                --element-button-border-color: var(--element-button-outline-border-color-hover);
                --element-button-background-color: var(--element-button-outline-background-color-hover);
              }
            }
            &:active {
              --element-button-color: var(--element-button-outline-color-active);
              --element-button-border-color: var(--element-button-outline-border-color-active);
              --element-button-background-color: var(--element-button-outline-background-color-active);
            }
          }
          > i {
            font-size: 1.25rem;
          }
        }
      }
    }
  }
}
#header #nav_wrapper {
  .nav-menu.nav-menu-secondary-mobile {
    --nav-menu-secondary-mobile-gap: 0px;
    --nav-menu-item-padding: 0.25rem 0;
    --nav-menu-item-font-size: var(--text-theme-sm);
    --nav-menu-item-font-weight: 700;
    --nav-menu-item-line-height: 1.25rem;
    --nav-menu-item-color: var(--element-color-default-nav-fg);
    position: relative;
    &::after {
      content: '';
      position: absolute;
      bottom: 1.5rem;
      right: 1.5rem;
      width: 27px;
      height: 56px;
      background-image: url(https://onexillium.nl/wp-content/themes/onexillium-v1/assets/images/symbol.svg);
      background-repeat: no-repeat;
    }
  }
}
.abovo-pagination {
  gap: 0.25rem;
  justify-content: start;
  .page-item {
    .page-link {
      font-weight: 700;
    }
  }
}
.section-element-accordion {
  .accordion-title {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}
.section-element-filter {
  .search-filter-field {
    min-width: 15rem;
    .search-filter-label {
      display: none;
    }
  }
  .search-filter-component-combobox {
    --search-filter-input-border-color: rgba(0, 0, 0, 0.1);
    --search-filter-input-border-hover-color: rgba(0, 0, 0, 0.1);
    --search-filter-scale-border-radius: var(--element-forms-general-input-border-radius);
    --search-filter-scale-padding-vertical: 0.75rem;
    --search-filter-scale-padding-horizontal: 1.5rem;
    cursor: pointer;
    box-shadow: var(--element-forms-general-input-box-shadow);
    .search-filter-component-combobox__selection, .search-filter-component-combobox input[type=text] {
      --search-filter-scale-line-height: var(--text-theme-base--line-height);
      --search-filter-scale-font-size: var(--text-theme-base);
      font-family: var(--font-sans), sans-serif;
      cursor: pointer;
    }
    .search-filter-component-combobox__actions-input {
      --search-filter-input-color: var(--color-body-fg);
      --search-filter-scale-line-height: var(--text-theme-base--line-height);
      --search-filter-scale-font-size: var(--text-theme-base);
    }
    .search-filter-component-combobox__actions-input::placeholder {
      color: var(--element-color-fg-muted);
    }
    .search-filter-component-combobox__selection-placeholder {
      --search-filter-input-placeholder-color: var(--element-color-fg-muted);
    }
    .search-filter-component-combobox__listbox-toggle::before {
      content: none;
    }
  }
}
.search-filter-component-popup {
  cursor: pointer;
}
.section-element-icons-list {
  .icons-list-item__title {
    text-wrap: balance;
  }
}
:root {
  --default-image-circle-outline-full-position-left: 50cqw;
  --default-image-circle-fill-accent-position-left: 5cqw;
  --default-image-circle-fill-accent-alt-position-left: 5cqw;
  --default-image-circle-outline-full-position-right: auto;
  --default-image-circle-fill-accent-position-right: auto;
  --default-image-circle-fill-accent-alt-position-right: auto;
}
.section-element-col:first-child {
  --image-circle-outline-full-position-left: var(--default-image-circle-outline-full-position-right);
  --image-circle-fill-accent-position-left: var(--default-image-circle-fill-accent-position-right);
  --image-circle-fill-accent-alt-position-left: var(--default-image-circle-fill-accent-alt-position-right);
  --image-circle-outline-full-position-right: var(--default-image-circle-outline-full-position-left);
  --image-circle-fill-accent-position-right: var(--default-image-circle-fill-accent-position-left);
  --image-circle-fill-accent-alt-position-right: var(--default-image-circle-fill-accent-alt-position-left);
}
.section-element-row[data-nested="1"] {
  --image-circle-outline-full-position-left: var(--default-image-circle-outline-full-position-left);
  --image-circle-fill-accent-position-left: var(--default-image-circle-fill-accent-position-left);
  --image-circle-fill-accent-alt-position-left: var(--default-image-circle-fill-accent-alt-position-left);
  --image-circle-outline-full-position-right: var(--default-image-circle-outline-full-position-right);
  --image-circle-fill-accent-position-right: var(--default-image-circle-fill-accent-position-right);
  --image-circle-fill-accent-alt-position-right: var(--default-image-circle-fill-accent-alt-position-right);
}
.section-element-image {
  &[data-breakout="0"][data-style="circle"][data-image-ratio="1/1"]:is([data-border="1"], [data-dots="1"]) {
    --image-paralax-offset: 14%;
    img {
      width: 100% !important;
    }
    padding: 2rem 0;
    timeline-scope: --rotateFixedSquare;
    > .image-container {
      aspect-ratio: var(--img-aspect);
    }
    @media (width >= 64rem) {
      --image-paralax-offset: 28%;
      padding: 0;
    }
    &[data-full-width="1"] > .image-container {
      max-width: 360px !important;
      @container (inline-size > 448px) {
        max-width: 640px !important;
      }
    }
    &[data-align="left"], &[data-align="left"] > .image-container {
      margin-right: auto;
    }
    &[data-align="right"], &[data-align="right"] > .image-container {
      margin-left: auto;
    }
    &[data-align="unset"], &[data-align="unset"] > .image-container, &[data-align="center"], &[data-align="center"] > .image-container {
      margin-left: auto;
      margin-right: auto;
    }
    &[data-border="1"] > .image-container > img {
      outline: round(down, 4.2cqw, 1px) solid var(--element-color-accent-alternate);
      outline-offset: calc((round(down, 4.2cqw, 1px) - 1px) * -1);
    }
    > .image-container {
      container-type: inline-size;
      position: relative;
      overflow: visible;
      view-timeline: --rotateFixedSquare y;
      > img {
        z-index: 2;
        @supports ((animation-timeline: scroll()) and (animation-range: 0% 100%)) {
          .section:not(.first-page-section) & {
            animation: slide-in linear both;
            animation-timeline: --rotateFixedSquare;
            animation-range: entry 0% exit 100%;
            will-change: transform;
          }
        }
      }
      .image-circle {
        z-index: 10;
        content: "";
        position: absolute;
        border-radius: 50%;
        @supports ((animation-timeline: scroll()) and (animation-range: 0% 100%)) {
          .section:not(.first-page-section) & {
            animation: slide-in linear both;
            animation-timeline: --rotateFixedSquare;
            animation-range: entry 0% exit 100%;
            will-change: transform;
          }
        }
        &.image-circle--outline-full {
          --image-paralax-offset: 4%;
          z-index: 1;
          aspect-ratio: 1/1;
          top: 0;
          left: var(--image-circle-outline-full-position-left, var(--default-image-circle-outline-full-position-left));
          right: var(--image-circle-outline-full-position-right, auto);
          width: 100%;
          border: round(down, 1.75cqw, 1px) solid var(--element-color-accent);
          @media (width >= 90rem) {
            --image-paralax-offset: 7%;
          }
        }
        &.image-circle--fill-accent-alt {
          --image-paralax-offset: 150%;
          top: 8cqw;
          left: var(--image-circle-fill-accent-alt-position-left, var(--default-image-circle-fill-accent-alt-position-left));
          right: var(--image-circle-fill-accent-alt-position-right, var(--default-image-circle-fill-accent-alt-position-righ));
          width: 18cqw;
          height: 18cqw;
          background-color: var(--element-color-accent-alternate);
          @media (width >= 90rem) {
            --image-paralax-offset: 300%;
          }
        }
        &.image-circle--fill-accent {
          --image-paralax-offset: 400%;
          bottom: 3cqw;
          left: var(--image-circle-fill-accent-position-left, var(--default-image-circle-fill-accent-position-left));
          right: var(--image-circle-fill-accent-position-right, var(--default-image-circle-fill-accent-position-right));
          width: 8cqw;
          height: 8cqw;
          background-color: var(--element-color-accent);
          @media (width >= 90rem) {
            --image-paralax-offset: 800%;
          }
        }
      }
    }
  }
  &[data-breakout="1"]:only-child {
    .section-element-col:is([data-element-color="unset"]):is(:first-child,:last-child):has(&) {
      --element-col-padding-default: 0;
      --bg-element-left: auto;
      --bg-element-right: 0;
      &:last-child {
        --bg-element-left: 0;
        --bg-element-right: auto;
      }
    }
    @container (inline-size >= 56rem) {
      z-index: -1;
      overflow: clip;
      position: absolute;
      top: 0;
      right: var(--bg-element-right);
      left: var(--bg-element-left);
      width: calc(var(--bleedwidth) + 100%);
      height: 100%;
      > img {
        height: 100%;
      }
    }
  }
  .image-caption {
    padding: 0.5rem 1rem;
    font-size: var(--text-theme-sm);
    text-align: center;
  }
}
@media (width >= 64rem) {
  .section-element-row:not([data-cols="1"]) > .section-row-wrapper > .section-row > .section-element-col > .section-elements:has(.section-element-image[data-breakout="0"][data-style="circle"][data-image-ratio="1/1"]) {
    > .section-element-image {
      > .image-container {
        width: 100%;
      }
    }
  }
}
@keyframes slide-in {
  0% {
    transform: translateY(var(--image-paralax-offset));
  }
  100% {
    transform: translateY(calc(var(--image-paralax-offset) * -1));
  }
}
.section-element-logos {
  --element-logos-border-radius: var(--radius-md);
  --padding: 2rem;
  --max-width: 8.75rem;
  --max-height: 2.8125rem;
  --bg: transparent;
  &[data-aspect="square"] {
    --padding: 1.5rem;
    --max-width: 8.75rem;
    --max-height: 8.75rem;
  }
  &[data-bg="1"] {
    --bg: var(--element-color-bg-alternate);
  }
  .section-element-image {
    aspect-ratio: 16/9;
    padding: var(--padding);
    background-color: var(--bg);
    border-radius: var(--element-image-border-radius, var(--element-border-radius-md, 0px));
    > img {
      --img-aspect: 16/9;
      max-width: var(--max-width);
      max-height: var(--max-height);
      transition: transform 150ms ease-in-out;
      will-change: transform;
    }
    &:has(+ a.stretched-link:hover) {
      > img {
        transform: scale(1.1);
      }
    }
  }
}
.section-element-posts-slider {
  .swiper {
    &::before, &::after {
      content: '';
      display: block;
      z-index: 2;
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 5rem;
      opacity: 1;
      pointer-events: none;
      background: linear-gradient(-90deg, transparent 0%, var(--element-color-bg) 100%);
      transition: opacity 200ms ease-in-out;
    }
    &:not(.swiper-navigation-disabled) {
      &::before, &::after {
        height: calc(100% - 80px);
      }
    }
    &::after {
      left: auto;
      right: 0;
      background: linear-gradient(90deg, transparent 0%, var(--element-color-bg) 100%);
    }
    &:has(.swiper-slide:nth-child(1 of .swiper-slide-visible).swiper-slide-fully-visible) {
      &::before {
        opacity: 0;
      }
    }
    &:has(.swiper-controls .swiper-navigation .swiper-button-next.swiper-button-disabled), &:has(.swiper-slide:last-child.swiper-slide-visible.swiper-slide-fully-visible) {
      &::after {
        opacity: 0;
      }
    }
  }
}
.section-element-solutions {
  .section-element-solution {
    @supports ((animation-timeline: scroll()) and (animation-range: 0% 100%)) {
      animation: slide-in-solution ease-in-out both;
      animation-timeline: view(block);
      animation-range: entry 0% entry 80%;
      will-change: transform;
    }
  }
}
@keyframes slide-in-solution {
  0% {
    transform: translateY(5rem);
  }
  100% {
    transform: translateY(0rem);
  }
}
html .section-rows .section-element-tabs {
  .section-element-row[data-nested="1"] {
    --element-row-mobile-breakpoint-nested-default: 800px;
  }
}
.section-element-tabs {
  .horizontal-touch-scroll {
    &.horizontal-touch-scroll--no-scroll-indicator ~ .overflow-slider__scroll-indicator {
      display: none;
    }
    &::before, &::after {
      content: '';position:absolute;top:0;bottom:0;width:80px;z-index:1;opacity:0;transition:opacity 0.3s ease-in-out;pointer-events:none}&::before{left:0;background-image:linear-gradient(to right,var(--element-color-bg-alternate),transparent)}&::after{right:0;background-image:linear-gradient(to left,var(--element-color-bg-alternate),transparent)}&[data-has-overflow-start="true"]{&::before{opacity:1}}&[data-has-overflow-end="true"]{&::after{opacity:1}}}}.section-element-video{.cookieconsent-oembed-holder{.cookieconsent-oembed-holder-inner{background-color:var(--cookieconsent-inner-bg,transparent)}}}.section{--prev-section-bg-color:var(--element-color-default-bg);--section-corner-size:3.5rem;--section-corner-border-radius:calc(var(--section-corner-size) / 2);&:where(:not(.section-breadcrumbs.first-page-section)){--section-padding-top-offset:calc(var(--section-corner-size) / 2);--section-padding-bottom-offset:calc(var(--section-corner-size) / 2)}@media (width>=90rem){--section-corner-size:6rem}overflow-x:clip;&[data-element-color="unset"]:not(.section-breadcrumbs)+.section[data-element-color="unset"],&[data-element-color="default"]:not(.section-breadcrumbs)+.section[data-element-color="default"],&[data-element-color="primary"]:not(.section-breadcrumbs)+.section[data-element-color="primary"],&[data-element-color="light"]:not(.section-breadcrumbs)+.section[data-element-color="light"],&[data-element-color="dark"]:not(.section-breadcrumbs)+.section[data-element-color="dark"]{--section-padding-top-offset:0rem;&::before,&::after{display:none}}&[data-element-color="light"]+.section,#main:has(#content>sections>.section[data-element-color="light"]:last-child)+#footer sections>&:first-child{--prev-section-bg-color:var(--element-color-light-bg)}&[data-element-color="dark"]+.section,#main:has(#content>sections>.section[data-element-color="dark"]:last-child)+#footer sections>&:first-child{--prev-section-bg-color:var(--element-color-dark-bg)}&[data-element-color="primary"]+.section,#main:has(#content>sections>.section[data-element-color="primary"]:last-child)+#footer sections>&:first-child{--prev-section-bg-color:var(--element-color-primary-bg)}&:where(:not(.first-page-section)){&::before,&::after{content:"";display:block;height:var(--section-corner-size);width:var(--section-corner-size);position:absolute;pointer-events:none}&[data-rounded-corner="left"]{&::before{top:0;left:0;border-top-left-radius:var(--section-corner-border-radius);box-shadow:calc(var(--section-corner-border-radius) * -1) -1px 0 0 var(--prev-section-bg-color)}&::after{top:calc(var(--section-corner-border-radius) * -2);right:0;border-bottom-right-radius:var(--section-corner-border-radius);box-shadow:var(--section-corner-border-radius) 1px 0 0 var(--element-color-bg)}}&[data-rounded-corner="right"]{&::before{top:calc(var(--section-corner-border-radius) * -2);left:0;border-bottom-left-radius:var(--section-corner-border-radius);box-shadow:-1px var(--section-corner-border-radius) 0 0 var(--element-color-bg)}&::after{top:0;right:0;border-top-right-radius:var(--section-corner-border-radius);box-shadow:1px calc(var(--section-corner-border-radius) * -1) 0 0 var(--prev-section-bg-color)}}}@container (min-width:64rem){&:is([data-circle-visual-left="1"],[data-circle-visual-right="1"]){--slide-in-circle-visual-left-translate-x:-100%;--slide-in-circle-visual-right-translate-x:100%;>.base-container{position:relative;&::before,&::after{z-index:1;position:absolute;top:50%;aspect-ratio:1/1;height:100%;min-height:220px;max-height:1000px;border:.5rem solid var(--element-color-accent);border-radius:50%;pointer-events:none;@supports ((animation-timeline:scroll()) and (animation-range:0% 100%)){will-change:transform;animation-name:slide-in-circle-visual-left;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:view(block);animation-range:entry 0% entry 100%}}}}&[data-circle-visual-left="1"]{&[data-circle-visual-left-color="accent-alternate"]>.base-container::before{border-color:var(--element-color-accent-alternate)}>.base-container::before{content:"";display:block;left:-80px;transform:translate(-100%,-45%);@media (width>2200px){--slide-in-circle-visual-left-translate-x:-50%;left:calc(50% - 50vw);transform:translate(-50%,-45%)}}}&[data-circle-visual-right="1"]{&[data-circle-visual-right-color="accent-alternate"]>.base-container::after{border-color:var(--element-color-accent-alternate)}>.base-container::after{content:"";display:block;right:-80px;transform:translate(100%,-40%);animation-name:slide-in-circle-visual-right;@media (width>2200px){--slide-in-circle-visual-right-translate-x:50%;right:calc(50% - 50vw);transform:translate(50%,-40%)}}}}.section-element-row{--bleedwidth:calc((100vw - 100cqw) / 2)}}@keyframes slide-in-circle-visual-left{0%{transform:translate(var(--slide-in-circle-visual-left-translate-x),-45%)}100%{transform:translate(var(--slide-in-circle-visual-left-translate-x),-55%)}}@keyframes slide-in-circle-visual-right{0%{transform:translate(var(--slide-in-circle-visual-right-translate-x),-40%)}100%{transform:translate(var(--slide-in-circle-visual-right-translate-x),-60%)}}.shortcode-element-socials{--element-color-socialmedia-item:var(--element-color-nav-fg);--element-socialmedia-items-gap:calc(var(--spacing) * 1);--element-color-socialmedia-item-hover:var(--element-color-title);a{border-radius:999px;width:3rem;height:3rem;display:grid;place-content:center;background-color:var(--element-color-bg-alternate);>svg{will-change:transform;transition:transform 150ms ease-in-out}&:hover{>svg{transform:scale(1.1)}}}}@layer base{body::after{content:"< XS";display:none;position:fixed;right:.5rem;bottom:.5rem;padding:.75em;background-color:#000;color:#fff;font-size:.75rem;line-height:1em;font-weight:600;z-index:99999;opacity:.8}@media (min-width:30rem){body::after{content:"XS (>= 30rem)"}}@media (min-width:40rem){body::after{content:"SM (>= 40rem)"}}@media (min-width:48rem){body::after{content:"MD (>= 48rem)"}}@media (min-width:64rem){body::after{content:"LG (>= 64rem)"}}@media (min-width:80rem){body::after{content:"XL (>= 80rem)"}}@media (min-width:90rem){body::after{content:"NAVBREAKPOINT (>= 90rem)"}}@media (min-width:96rem){body::after{content:"2XL (>= 96rem)"}}}@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-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@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-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@keyframes spin{to{transform:rotate(360deg)}}@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-divide-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--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-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-space-y-reverse:0}}}