/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */ @layer properties { @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) { *, :before, :after, ::backdrop { --tw-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-font-weight: initial; --tw-leading: initial; --tw-content: ""; --tw-border-style: solid; --tw-translate-x: 0; --tw-translate-y: 0; --tw-translate-z: 0; --tw-duration: initial; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scale-z: 1; --tw-ease: initial; --tw-rotate-x: initial; --tw-rotate-y: initial; --tw-rotate-z: initial; --tw-skew-x: initial; --tw-skew-y: initial; --tw-space-x-reverse: 0; --tw-space-y-reverse: 0; --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --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-gradient-position: initial; --tw-gradient-from: #0000; --tw-gradient-via: #0000; --tw-gradient-to: #0000; --tw-gradient-stops: initial; --tw-gradient-via-stops: initial; --tw-gradient-from-position: 0%; --tw-gradient-via-position: 50%; --tw-gradient-to-position: 100%; --btn-border-angle: 110deg; --card-outline-angle: 380deg; } } } @layer theme { :root, :host { --spacing: 0.25rem; --container-xs: 20rem; --container-md: 28rem; --container-lg: 32rem; --container-2xl: 42rem; --container-3xl: 48rem; --container-5xl: 64rem; --leading-tight: 1.25; --leading-snug: 1.375; --leading-normal: 1.5; --radius-sm: 0.25rem; --radius-md: 0.375rem; --radius-lg: 0.5rem; --radius-xl: 0.75rem; --radius-2xl: 1rem; --radius-3xl: 1.5rem; --radius-4xl: 2rem; --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; --animate-bounce: bounce 1s infinite; --blur-sm: 8px; --aspect-video: 16/9; --default-transition-duration: 0.15s; --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); --font-sans: "Avenga Haffer", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-serif: "Avenga Reckless", ui-serif, georgia, cambria, "Times New Roman", times, serif; --font-mono: ui-monospace, sfmono-regular, menlo, monaco, consolas, "Liberation Mono", "Courier New", monospace; --text-xs: 0.875rem; --text-xs--line-height: calc(22/14); --text-xs-tight: 0.875rem; --text-xs-tight--line-height: calc(20/14); --text-sm: 1rem; --text-sm--line-height: 1.5; --text-basic: 1.125rem; --text-basic--line-height: calc(24/18); --text-base: 1.1875rem; --text-base--line-height: calc(32/19); --text-base-tight: 1.1875rem; --text-base-tight--line-height: calc(25/19); --text-lg: 1.25rem; --text-lg--line-height: calc(24/20); --text-xl: 1.375rem; --text-xl--line-height: calc(26/22); --text-2xl: 1.5rem; --text-2xl--line-height: 1.25; --text-4xl: 1.75rem; --text-4xl--line-height: calc(34/28); --text-5xl: 2rem; --text-5xl--line-height: 1.25; --text-6xl: 2.5rem; --text-6xl--line-height: 1.125; --text-9xl: 3.75rem; --text-9xl--line-height: 1.1; --text-10xl: 4.0625rem; --text-10xl--line-height: 1.1; --text-11xl: 5rem; --text-11xl--line-height: 1.1; --font-weight-normal: 450; --font-weight-headline: 480; --font-weight-medium: 560; --font-weight-bold: 730; --color-white: #fff; --color-black: #000; --color-beige-50-warm: #fcf9f3; --color-beige-50: #f7f4ed; --color-beige-100: #f0ece4; --color-beige-200: #e0dace; --color-beige-300: #cfc5b4; --color-beige-400: #b2a894; --color-beige-500: #857c6d; --color-beige-700: #665f54; --color-beige-900: #47433b; --color-red-50: #fff6f4; --color-red-300: #ffc7ba; --color-red-400: #ff7c5c; --color-red-500: #ff5c33; --color-red-600: #f33000; --color-red-700: #dd2c00; --color-red-800: #a81900; --color-purple-700: #6b5c80; --color-purple-900: #2d1847; --color-lavender-200: #eceaef; --color-lavender-400: #c7bdcb; --color-error: var(--color-red-400); --color-ai-claude: #d97757; --color-ai-gemini: #1c7dff; --color-ai-gpt: #74aa9c; --color-ai-perplexity: #22b8cd; --breakpoint-xs: 20rem; --breakpoint-sm: 40rem; --breakpoint-md: 48rem; --breakpoint-lg: 80rem; --breakpoint-xl: 90rem; --breakpoint-2xl: 100rem; --layout-max-width-xs: 100%; --layout-max-width-sm: 100%; --layout-max-width-md: 100%; --layout-max-width-lg: 100%; --layout-max-width-xl: 90rem; --layout-max-width-2xl: 90rem; --layout-padding-xs: 1.5rem; --layout-padding-sm: 1.5rem; --layout-padding-md: 3rem; --layout-padding-lg: 4.25rem; --layout-padding-xl: 4.25rem; --layout-padding-2xl: 4.25rem; --layout-gutter-xs: 1.5rem; --layout-gutter-sm: 1.5rem; --layout-gutter-md: 2rem; --layout-gutter-lg: 2.5rem; --layout-gutter-xl: 2.5rem; --layout-gutter-2xl: 2.5rem; --aspect-2by3: 2/3; --aspect-5by7: 5/7; --aspect-1by1: 1/1; --aspect-6by5: 6/5; --aspect-4by3: 4/3; --aspect-3by2: 3/2; --aspect-16by9: 16/9; --aspect-2by1: 2/1; --icon-a: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iY3VycmVudENvbG9yIiBkPSJNMTEuMDY4IDIyYy01LjM0NiAwLTkuNDYyLTMuOTIyLTkuNDYyLTEwIC4wMDEtNi4wNzggNC4xMTYtMTAgOS41NC0xMCAzLjMwNyAwIDUuNjU0IDEuNSA2Ljg4NSAzLjQ2MSAwLTEuMDM4LS4wNzgtMi4wMzgtLjE5My0zLjE1M2g0LjIzMWMuNDIzIDMuMzQ2LS4wNzcgNi44NDYtLjk2MiA5LjY5Mi44ODUgMi4zNDYgMS41MzkgNS44ODUgMS4xOTIgOS42OTJoLTQuMjNjLjA3Ny0uOTYxLjExNS0yLjAzOC4xMTUtMy4xNTMtMS4zNDUgMi0zLjgwNyAzLjQ2MS03LjExNSAzLjQ2MXptLjYxNS0zLjUzOGMzLjE5MiAwIDUuMzA4LTIuMzA4IDYuMDc4LTYuNDYyLS43Ny00LjE1NC0yLjg4Ni02LjQ2Mi02LjA3OC02LjQ2MkM4LjI2IDUuNTM4IDUuOCA4LjE1NCA1LjggMTJzMi40NjEgNi40NjIgNS44ODQgNi40NjJ6Ii8+PC9zdmc+); --icon-ai-claude: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iY3VycmVudGNvbG9yIiBkPSJtNC43MDkgMTUuOTU1IDQuNzItMi42NDcuMDgtLjIzLS4wOC0uMTI4SDkuMmwtLjc5LS4wNDgtMi42OTgtLjA3My0yLjMzOS0uMDk3LTIuMjY2LS4xMjItLjU3MS0uMTIxTDAgMTEuNzg0bC4wNTUtLjM1Mi40OC0uMzIxLjY4Ni4wNiAxLjUyLjEwMyAyLjI3OC4xNTggMS42NTIuMDk3IDIuNDQ5LjI1NWguMzg5bC4wNTUtLjE1Ny0uMTM0LS4wOTgtLjEwMy0uMDk3LTIuMzU4LTEuNTk2LTIuNTUyLTEuNjg4LTEuMzM2LS45NzItLjcyNC0uNDkxLS4zNjQtLjQ2Mi0uMTU4LTEuMDA4LjY1Ni0uNzIyLjg4MS4wNi4yMjUuMDYxLjg5My42ODYgMS45MDggMS40NzYgMi40OTEgMS44MzMuMzY1LjMwNC4xNDUtLjEwMy4wMTktLjA3My0uMTY0LS4yNzQtMS4zNTUtMi40NDYtMS40NDYtMi40OS0uNjQ0LTEuMDMyLS4xNy0uNjE5YTMgMyAwIDAgMS0uMTA0LS43MjlMNi4yODMuMTM0IDYuNjk2IDBsLjk5Ni4xMzQuNDIuMzY0LjYyIDEuNDE0IDEuMDAyIDIuMjI5IDEuNTU1IDMuMDMuNDU2Ljg5OC4yNDMuODMyLjA5MS4yNTVoLjE1OFY5LjAxbC4xMjgtMS43MDYuMjM3LTIuMDk1LjIzLTIuNjk1LjA4LS43Ni4zNzYtLjkxLjc0Ny0uNDkyLjU4NC4yOC40OC42ODUtLjA2Ny40NDQtLjI4NiAxLjg1MS0uNTU5IDIuOTAzLS4zNjQgMS45NDJoLjIxMmwuMjQzLS4yNDIuOTg1LTEuMzA2IDEuNjUyLTIuMDY0LjczLS44Mi44NS0uOTA0LjU0Ny0uNDMxaDEuMDMzbC43NiAxLjEyOS0uMzQgMS4xNjYtMS4wNjQgMS4zNDctLjg4MSAxLjE0Mi0xLjI2NCAxLjctLjc5IDEuMzYuMDczLjExLjE4OC0uMDIgMi44NTYtLjYwNiAxLjU0My0uMjggMS44NDEtLjMxNS44MzMuMzg4LjA5MS4zOTUtLjMyOC44MDctMS45NjkuNDg2LTIuMzA5LjQ2Mi0zLjQzOS44MTMtLjA0Mi4wMy4wNDkuMDYxIDEuNTQ5LjE0Ni42NjIuMDM2aDEuNjIybDMuMDIuMjI1Ljc5LjUyMi40NzQuNjM4LS4wNzkuNDg1LTEuMjE1LjYyLTEuNjQtLjM4OS0zLjgyOS0uOTEtMS4zMTItLjMyOWgtLjE4MnYuMTFsMS4wOTMgMS4wNjggMi4wMDYgMS44MSAyLjUwOSAyLjMzLjEyNy41NzgtLjMyMi40NTUtLjM0LS4wNDktMi4yMDUtMS42NTctLjg1MS0uNzQ3LTEuOTI2LTEuNjJoLS4xMjh2LjE3bC40NDQuNjQ5IDIuMzQ1IDMuNTIxLjEyMiAxLjA4LS4xNy4zNTMtLjYwOC4yMTMtLjY2OC0uMTIyLTEuMzc0LTEuOTI1LTEuNDE1LTIuMTY3LTEuMTQzLTEuOTQzLS4xNC4wOC0uNjc0IDcuMjU0LS4zMTYuMzctLjcyOS4yOC0uNjA3LS40NjEtLjMyMi0uNzQ3LjMyMi0xLjQ3Ni4zODktMS45MjQuMzE1LTEuNTMuMjg2LTEuOS4xNy0uNjMyLS4wMTItLjA0Mi0uMTQuMDE4LTEuNDM0IDEuOTY3LTIuMTggMi45NDUtMS43MjYgMS44NDUtLjQxNC4xNjQtLjcxNy0uMzcuMDY3LS42NjIuNDAxLS41ODkgMi4zODgtMy4wMzYgMS40NC0xLjg4Mi45My0xLjA4Ni0uMDA2LS4xNThoLS4wNTVMNC4xMzIgMTguNTZsLTEuMTMuMTQ2LS40ODctLjQ1Ni4wNjEtLjc0Ni4yMzEtLjI0MyAxLjkwOC0xLjMxMnoiLz48L3N2Zz4=); --icon-ai-gemini: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCI+CiAgICA8cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik0xMiAyNEExNC4zIDE0LjMgMCAwIDAgMCAxMiAxNC4zIDE0LjMgMCAwIDAgMTIgMGExNC4zMDUgMTQuMzA1IDAgMCAwIDEyIDEyIDE0LjMwNSAxNC4zMDUgMCAwIDAtMTIgMTIiLz4KPC9zdmc+Cg==); --icon-ai-gpt: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIxLjU1MDcgMTAuMDA0MkMyMS44MDA0IDkuMjYzODQgMjEuODg3IDguNDc4MjYgMjEuODA0NSA3LjcwMTMzQzIxLjcyMiA2LjkyNDQxIDIxLjQ3MjMgNi4xNzQ1MyAyMS4wNzI3IDUuNTAzMTZDMTkuODU1NyAzLjQxMzE2IDE3LjQxMDcgMi4zMzcxNiAxNS4wMjI3IDIuODQzMTZDMTQuNDkzOCAyLjI1NzU2IDEzLjg0NjkgMS43OTA1NyAxMy4xMjQ2IDEuNDcyOTJDMTIuNDAyMiAxLjE1NTI3IDExLjYyMDggMC45OTQxNSAxMC44MzE3IDEuMDAwMTZDOC4zOTA3NCAwLjk5NTE2MiA2LjIyNDc0IDIuNTQ2MTYgNS40NzM3NCA0LjgzODE2QzQuNzAxNzkgNC45OTI2OSAzLjk3MTUzIDUuMzA5NTkgMy4zMzEzOSA1Ljc2Nzg1QzIuNjkxMjQgNi4yMjYxIDIuMTU1ODYgNi44MTUyMyAxLjc2MDc0IDcuNDk2MTZDMS4xNjM1MiA4LjUxMDQzIDAuOTA4Mjc4IDkuNjg5ODUgMS4wMzI3IDEwLjg2MDNDMS4xNTcxMyAxMi4wMzA3IDEuNjU0NjMgMTMuMTMwMSAyLjQ1MTc0IDEzLjk5NjJDMi4yMDE3NSAxNC43MzY2IDIuMTE0OTQgMTUuNTIyMyAyLjE5NzI4IDE2LjI5OTRDMi4yNzk2MiAxNy4wNzY1IDIuNTI5MTUgMTcuODI2NiAyLjkyODc0IDE4LjQ5ODJDNC4xNDU3NCAyMC41ODgyIDYuNTkwNzQgMjEuNjYzMiA4Ljk3ODc0IDIxLjE1ODJDOS41MDc0NyAyMS43NDM3IDEwLjE1NDIgMjIuMjEwNSAxMC44NzY0IDIyLjUyOEMxMS41OTg2IDIyLjg0NTUgMTIuMzc5OSAyMy4wMDY0IDEzLjE2ODcgMjMuMDAwMkMxNS42MTE3IDIzLjAwNjIgMTcuNzc4NyAyMS40NTQyIDE4LjUyOTcgMTkuMTYwMkMxOS4zMDIyIDE5LjAwNTcgMjAuMDMzIDE4LjY4ODYgMjAuNjczNSAxOC4yM0MyMS4zMTQgMTcuNzcxMyAyMS44NDk2IDE3LjE4MTcgMjIuMjQ0NyAxNi41MDAyQzIyLjg0MDggMTUuNDg2IDIzLjA5NTIgMTQuMzA3MSAyMi45NzA1IDEzLjEzNzNDMjIuODQ1NyAxMS45Njc1IDIyLjM0ODMgMTAuODY4OCAyMS41NTE3IDEwLjAwMzJMMjEuNTUwNyAxMC4wMDQyWk0xMy4xNjk3IDIxLjU2MjJDMTIuMTk0MyAyMS41NjQ1IDExLjI0ODUgMjEuMjI3MiAxMC40OTQ3IDIwLjYwODJDMTAuNTI4NyAyMC41OTAyIDEwLjU4NzcgMjAuNTU4MiAxMC42MjY3IDIwLjUzNDJMMTUuMDY2NyAxOC4wMDQyQzE1LjE3NzYgMTcuOTQyMyAxNS4yNjk4IDE3Ljg1MTkgMTUuMzMzOCAxNy43NDIzQzE1LjM5NzggMTcuNjMyOCAxNS40MzEzIDE3LjUwODEgMTUuNDMwNyAxNy4zODEyVjExLjIwNTJMMTcuMzA3NyAxMi4yNzQyQzE3LjMyNzcgMTIuMjg0MiAxNy4zNDA3IDEyLjMwMzIgMTcuMzQzNyAxMi4zMjQyVjE3LjQzOTJDMTcuMzQwNyAxOS43MTMyIDE1LjQ3MzcgMjEuNTU3MiAxMy4xNjk3IDIxLjU2MjJaTTQuMTkyNzQgMTcuNzgwMkMzLjcwMzM3IDE2Ljk0NzcgMy41MjY4IDE1Ljk2ODEgMy42OTQ3NCAxNS4wMTcyQzMuNzI2NzQgMTUuMDM3MiAzLjc4NDc0IDE1LjA3MjIgMy44MjU3NCAxNS4wOTUyTDguMjY1NzQgMTcuNjI1MkM4LjQ5MDc0IDE3Ljc1NTIgOC43Njk3NCAxNy43NTUyIDguOTk1NzQgMTcuNjI1MkwxNC40MTU3IDE0LjUzNzJWMTYuNjc1MkMxNC40MTYyIDE2LjY4NjEgMTQuNDE0IDE2LjY5NzEgMTQuNDA5MiAxNi43MDdDMTQuNDA0NSAxNi43MTY5IDE0LjM5NzUgMTYuNzI1NiAxNC4zODg3IDE2LjczMjJMOS45MDA3NCAxOS4yODgyQzcuOTAxNzQgMjAuNDI0MiA1LjM0ODc0IDE5Ljc0ODIgNC4xOTM3NCAxNy43NzgyTDQuMTkyNzQgMTcuNzgwMlpNMy4wMjM3NCA4LjIxNjE2QzMuNTE1MDMgNy4zNzgxNiA0LjI4NDcyIDYuNzM5MDYgNS4xOTg3NCA2LjQxMDE2TDUuMTk2NzQgNi41NjExNlYxMS42MjEyQzUuMTk2MTMgMTEuNzQ4MiA1LjIyOTU3IDExLjg3MzEgNS4yOTM1OSAxMS45ODI4QzUuMzU3NiAxMi4wOTI2IDUuNDQ5ODUgMTIuMTgzMiA1LjU2MDc0IDEyLjI0NTJMMTAuOTgwNyAxNS4zMzIyTDkuMTA0NzQgMTYuNDAyMkM5LjA5NTQ2IDE2LjQwODEgOS4wODQ4NiAxNi40MTE3IDkuMDczODcgMTYuNDEyNkM5LjA2Mjg4IDE2LjQxMzQgOS4wNTE4NCAxNi40MTE2IDkuMDQxNzQgMTYuNDA3Mkw0LjU1Mjc0IDEzLjg0ODJDMi41NTc3NCAxMi43MDgyIDEuODczNzQgMTAuMTkwMiAzLjAyMjc0IDguMjE4MTZMMy4wMjM3NCA4LjIxNjE2Wk0xOC40NDA3IDExLjc1NjJMMTMuMDIwNyA4LjY2ODE2TDE0Ljg5NjcgNy42MDAxNkMxNC45MDU5IDcuNTk0MDUgMTQuOTE2NSA3LjU5MDMgMTQuOTI3NSA3LjU4OTI2QzE0LjkzODUgNy41ODgyMSAxNC45NDk2IDcuNTg5ODkgMTQuOTU5NyA3LjU5NDE2TDE5LjQ0ODcgMTAuMTUxMkMyMS40NDY3IDExLjI5MTIgMjIuMTMxNyAxMy44MTMyIDIwLjk3NzcgMTUuNzg0MkMyMC40ODYgMTYuNjIxNiAxOS43MTcgMTcuMjYwOCAxOC44MDM3IDE3LjU5MTJWMTIuMzgwMkMxOC44MDQ0IDEyLjI1MzQgMTguNzcxIDEyLjEyODcgMTguNzA3MiAxMi4wMTkyQzE4LjY0MzQgMTEuOTA5NiAxOC41NTE0IDExLjgxOTEgMTguNDQwNyAxMS43NTcyVjExLjc1NjJaTTIwLjMwNzcgOC45ODMxNkMyMC4yNjQxIDguOTU2NjEgMjAuMjIwMSA4LjkzMDYgMjAuMTc1NyA4LjkwNTE2TDE1LjczNTcgNi4zNzUxNkMxNS42MjQ5IDYuMzExMzcgMTUuNDk5MiA2LjI3NzggMTUuMzcxMiA2LjI3NzhDMTUuMjQzMyA2LjI3NzggMTUuMTE3NiA2LjMxMTM3IDE1LjAwNjcgNi4zNzUxNkw5LjU4Njc0IDkuNDYzMTZWNy4zMjUxNkM5LjU4NjMgNy4zMTQxOSA5LjU4ODUzIDcuMzAzMjcgOS41OTMyMyA3LjI5MzM0QzkuNTk3OTMgNy4yODM0MiA5LjYwNDk3IDcuMjc0NzggOS42MTM3NCA3LjI2ODE2TDE0LjEwMDcgNC43MTMxNkMxNi4xMDA3IDMuNTc2MTYgMTguNjU1NyA0LjI1MzE2IDE5LjgwNzcgNi4yMjYxNkMyMC4yOTQ3IDcuMDU5MTYgMjAuNDcyNyA4LjAzNTE2IDIwLjMwNzcgOC45ODMxNlpNOC41NjY3NCAxMi43OTMyTDYuNjg5NzQgMTEuNzI1MkM2LjY3OTk0IDExLjcyMDQgNi42NzE1MSAxMS43MTMyIDYuNjY1MjIgMTEuNzA0M0M2LjY1ODkzIDExLjY5NTQgNi42NTQ5OCAxMS42ODUgNi42NTM3NCAxMS42NzQyVjYuNTU5MTZDNi42NTQ3NCA0LjI4MjE2IDguNTI2NzQgMi40MzcxNiAxMC44MzQ3IDIuNDM5MTZDMTEuODEwNyAyLjQzOTE2IDEyLjc1NDcgMi43NzcxNiAxMy41MDU3IDMuMzkzMTZDMTMuNDcxNyAzLjQxMTE2IDEzLjQxMzcgMy40NDMxNiAxMy4zNzQ3IDMuNDY2MTZMOC45MzQ3NCA1Ljk5NjE2QzguODIzNzQgNi4wNTc4NyA4LjczMTMzIDYuMTQ4MjIgOC42NjcxMyA2LjI1NzhDOC42MDI5MyA2LjM2NzM4IDguNTY5MyA2LjQ5MjE3IDguNTY5NzQgNi42MTkxNkw4LjU2Njc0IDEyLjc5MjJWMTIuNzkzMlpNOS41ODY3NCAxMC42MjUyTDEyLjAwMDcgOS4yNTAxNkwxNC40MTQ3IDEwLjYyNTJWMTMuMzc1MkwxMi4wMDA3IDE0Ljc1MDJMOS41ODU3NCAxMy4zNzUyVjEwLjYyNTJIOS41ODY3NFoiIGZpbGw9ImN1cnJlbnRDb2xvciIvPgo8L3N2Zz4K); --icon-ai-perplexity: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iY3VycmVudGNvbG9yIiBkPSJNMTkuNzg1IDB2Ny4yNzJIMjIuNVYxNy42MmgtMi45MzVWMjRsLTcuMDM3LTYuMTk0djYuMTQ1aC0xLjA5MXYtNi4xNTJMNC4zOTIgMjR2LTYuNDY1SDEuNVY3LjE4OGgyLjg4NFYwbDcuMDUzIDYuNDk0Vi4xOWgxLjA5djYuNDl6bS03LjI1NyA5LjA0NHY3LjMxOWw1Ljk0NiA1LjIzNFYxNC40NHptLTEuMDk5LS4wOC01Ljk0NiA1LjM5OHY3LjIzNWw1Ljk0Ni01LjIzNHptOC4xMzYgNy41OGgxLjg0NFY4LjM0OUgxMy40Nmw2LjEwNSA1LjU0em0tOC45ODItOC4yOEgyLjU5djguMTk1aDEuOHYtMi41NzZ6TTUuNDc1IDIuNDc2djQuNzFoNS4xMTV6bTEzLjIxOSAwLTUuMTE1IDQuNzFoNS4xMTV6Ii8+PC9zdmc+); --icon-alert-triangle: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggc3Ryb2tlPSJjdXJyZW50Y29sb3IiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjUiIGQ9Ik0xOCA3LjcyNmMtMS43MTMtMy4wMDQtMi43ODQtNC41OTEtNC4xNDMtNS4xMzVhNSA1IDAgMCAwLTMuNzE0IDBjLTEuNjQyLjY1Ny0yLjg2MiAyLjgzNi01LjMwMyA3LjE5NC0yLjM0NiA0LjE5LTMuNTE4IDYuMjg0LTMuMjQ4IDcuOTk2YTUgNSAwIDAgMCAxLjg0NSAzLjE0N0M0Ljc5NyAyMiA3LjE5OSAyMiAxMiAyMnM3LjIwMiAwIDguNTYzLTEuMDcyYTUgNSAwIDAgMCAxLjg0NS0zLjE0OGMuMjE4LTEuMzc5LS41MDEtMy4wMDctMi4wMTctNS43OE0xMiAxM1Y5bS41IDcuNWEuNS41IDAgMCAxLTEgMG0xIDBhLjUuNSAwIDAgMC0xIDBtMSAwaC0xIi8+PC9zdmc+); --icon-arrow-left-circle: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjUiIGQ9Ik0xNiAyLjgzMkExMCAxMCAwIDAgMCAxMiAyQzYuNDc3IDIgMiA2LjQ3NyAyIDEyczQuNDc3IDEwIDEwIDEwIDEwLTQuNDc3IDEwLTEwYzAtMi4yNTItLjc0NC00LjMzLTItNi4wMDFNMTEgOWwtMyAzbTAgMCAzIDNtLTMtM2g4Ii8+PC9zdmc+); --icon-arrow-left: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDVMNiA5TTEwIDE4Ljk5OTlMMyAxMS45OTk5SDIxIiBzdHJva2U9ImN1cnJlbnRjb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K); --icon-arrow-right-circle: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjUiIGQ9Ik04IDEyaDhtMCAwLTMtM20zIDMtMyAzTTggMi44MzJBMTAgMTAgMCAwIDEgMTIgMmM1LjUyMyAwIDEwIDQuNDc3IDEwIDEwcy00LjQ3NyAxMC0xMCAxMFMyIDE3LjUyMyAyIDEyYzAtMi4yNTIuNzQ0LTQuMzMgMi02LjAwMSIvPjwvc3ZnPg==); --icon-arrow-right: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggc3Ryb2tlPSJjdXJyZW50Y29sb3IiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjUiIGQ9Ik0zIDEyaDE4bC03IDdtMC0xNCA0IDQiLz48L3N2Zz4=); --icon-check-dashed: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggc3Ryb2tlPSJjdXJyZW50Y29sb3IiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjUiIGQ9Im00IDEzIDUgNSA2LTYuNTQ2TTIwIDZsLTIuNzUgMyIvPjwvc3ZnPg==); --icon-check: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjUiIGQ9Im00IDEzIDUgNUwyMCA2Ii8+PC9zdmc+); --icon-chevron-down: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjUiIGQ9Im02IDkgNiA2IDYtNiIvPjwvc3ZnPg==); --icon-chevron-left: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjUiIGQ9Im0xNCA2LTYgNiA2IDYiLz48L3N2Zz4=); --icon-chevron-right: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjUiIGQ9Im0xMCA2IDYgNi02IDYiLz48L3N2Zz4=); --icon-chevron-up: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjUiIGQ9Im02IDE1IDYtNiA2IDYiLz48L3N2Zz4=); --icon-chevrons-left: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNSIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI1IDI0IiBmaWxsPSJub25lIj4KICAgIDxwYXRoIGQ9Ik0xMy41IDRMNS41IDEyTDEzLjUgMjBNMTYuNSA4TDEyLjUgMTJMMTYuNSAxNiIgc3Ryb2tlPSIjMkQxODQ3IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPg==); --icon-chevrons-right: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNSIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI1IDI0IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMTEuNSA0TDE5LjUgMTJMMTEuNSAyME04LjUgOEwxMi41IDEyTDguNSAxNiIgc3Ryb2tlPSIjMkQxODQ3IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPg==); --icon-close: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjUiIGQ9Ik02LjM0MyAxNy42NTcgMTcuNjU3IDYuMzQzbS0xMS4zMTQgMCAxMS4zMTQgMTEuMzE0Ii8+PC9zdmc+); --icon-cross-circle: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNSIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI1IDI0IiBmaWxsPSJub25lIj4KICAgIDxwYXRoIGQ9Ik0xOC4zNDIzIDMuNjQ3MDJDMTYuNzY0NCAyLjYwNTk2IDE0Ljg3NDEgMiAxMi44NDIzIDJDNy4zMTk0NCAyIDIuODQyMjkgNi40NzcxNSAyLjg0MjI5IDEyQzIuODQyMjkgMTcuNTIyOCA3LjMxOTQ0IDIyIDEyLjg0MjMgMjJDMTguMzY1MSAyMiAyMi44NDIzIDE3LjUyMjggMjIuODQyMyAxMkMyMi44NDIzIDEwLjM4MTQgMjIuNDU3NyA4Ljg1MjU5IDIxLjc3NSA3LjVNOS44NDIyOSAxNUwxMi44NDIzIDEyTTEyLjg0MjMgMTJMMTUuODQyMyA5TTEyLjg0MjMgMTJMOS44NDIyOSA5TTEyLjg0MjMgMTJMMTUuODQyMyAxNSIgc3Ryb2tlPSIjQzdCRENCIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPg==); --icon-cross: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjUiIGQ9Im02IDE4IDYtNm02LTYtNCA0TTYgNmw2IDZtNiA2LTYtNiIvPjwvc3ZnPg==); --icon-export: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDIyTDkuNSAyMkw4LjQgMjJDNi4xNTk3OSAyMiA1LjAzOTY4IDIyIDQuMTg0MDQgMjEuNTY0QzMuNDMxMzkgMjEuMTgwNSAyLjgxOTQ3IDIwLjU2ODYgMi40MzU5NyAxOS44MTZDMiAxOC45NjAzIDIgMTcuODQwMiAyIDE1LjZMMiAxNC41TDIgMTRNMTAgMkw5LjUgMkw4LjQgMkM2LjE1OTc5IDIgNS4wMzk2OCAyIDQuMTg0MDQgMi40MzU5N0MzLjQzMTM5IDIuODE5NDcgMi44MTk0NyAzLjQzMTM5IDIuNDM1OTcgNC4xODQwNEMyIDUuMDM5NjggMiA2LjE1OTc5IDIgOC40TDIgOS41TDIgMTBNMTAgMTJMMjIgMTJMMTggOE0xOS41IDE0LjVMMTggMTYiIHN0cm9rZT0iIzJGMzg0QyIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K); --icon-facebook: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik0xMiAyQzYuNSAyIDIgNi41MDggMiAxMi4wNmMwIDUuMDIgMy42NiA5LjE4NyA4LjQ0IDkuOTR2LTcuMDI4SDcuOVYxMi4wNmgyLjU0VjkuODQxYzAtMi41MiAxLjQ5LTMuOTA1IDMuNzgtMy45MDUgMS4wOSAwIDIuMjMuMTkgMi4yMy4xOXYyLjQ4aC0xLjI2Yy0xLjI0IDAtMS42My43NzQtMS42MyAxLjU2N3YxLjg4N2gyLjc4bC0uNDUgMi45MTJoLTIuMzNWMjJhMTAgMTAgMCAwIDAgNi4wNS0zLjQwNEExMC4wNiAxMC4wNiAwIDAgMCAyMiAxMi4wNkMyMiA2LjUwOCAxNy41IDIgMTIgMiIvPjwvc3ZnPg==); --icon-file-download: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggc3Ryb2tlPSJjdXJyZW50Y29sb3IiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjUiIGQ9Ik0xNCAyLjV2Mi4zYzAgMS4xMiAwIDEuNjguMjE4IDIuMTA4YTIgMiAwIDAgMCAuODc0Ljg3NEMxNS41MiA4IDE2LjA4IDggMTcuMiA4aDIuM00xMiAxMXY2bTAgMCAyLjUtMi41TTEyIDE3bC0yLjUtMi41TTIwIDEwLjMxNFYxNGMwIDIuOCAwIDQuMi0uNTQ1IDUuMjdhNSA1IDAgMCAxLTIuMTg1IDIuMTg1QzE2LjIgMjIgMTQuOCAyMiAxMiAyMnYwYy0yLjggMC00LjIgMC01LjI3LS41NDVhNSA1IDAgMCAxLTIuMTg1LTIuMTg1QzQgMTguMiA0IDE2LjggNCAxNFY5Ljc3OGMwLTIuNTkxIDAtMy44ODcuNDY5LTQuODkxYTUgNSAwIDAgMSAyLjQxOC0yLjQxOEM3Ljg5IDIgOS4xODcgMiAxMS43NzggMnYwYzEuMTMzIDAgMS42OTkgMCAyLjIzMy4xMTlhNSA1IDAgMCAxIDEuNjA0LjY2NGMuNDYyLjI5NC44NjIuNjk1IDEuNjYzIDEuNDk1bC4zNzkuMzc5Yy44NjUuODY1IDEuMjk3IDEuMjk3IDEuNjA2IDEuODAyLjI3NC40NDcuNDc2LjkzNS41OTkgMS40NDUuMTM4LjU3NS4xMzggMS4xODcuMTM4IDIuNDEiLz48L3N2Zz4=); --icon-filter: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggc3Ryb2tlPSJjdXJyZW50Y29sb3IiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjUiIGQ9Ik0xNSAyaDQuMzY1QzIwLjI2OCAyIDIxIDIuNzMyIDIxIDMuNjM1djBhNi41NCA2LjU0IDAgMCAxLTIuNzM4IDUuMzIxbC0xLjkyOSAxLjM3N2MtLjY0Mi40NTktLjk2My42ODgtMS4yMjIuOTU5YTQgNCAwIDAgMC0xLjA0MSAyLjAyNGMtLjA3LjM2OC0uMDcuNzYyLS4wNyAxLjU1MVYyMGEyIDIgMCAwIDEtMiAydjBhMiAyIDAgMCAxLTItMnYtNS4xMzNjMC0uNzg5IDAtMS4xODMtLjA3LTEuNTUxYTQgNCAwIDAgMC0xLjA0MS0yLjAyNGMtLjI2LS4yNy0uNTgtLjUtMS4yMjItLjk1OUw1LjczOCA4Ljk1NkE2LjU0IDYuNTQgMCAwIDEgMyAzLjYzNXYwQzMgMi43MzIgMy43MzIgMiA0LjYzNSAySDEwIi8+PC9zdmc+); --icon-flare: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAzMCAzMCI+PGcgZmlsdGVyPSJ1cmwoI2EpIj48Y2lyY2xlIGN4PSIxNSIgY3k9IjE1IiByPSI2IiBmaWxsPSIjZmZmIi8+PC9nPjxnIGZpbHRlcj0idXJsKCNiKSI+PGNpcmNsZSBjeD0iMTUiIGN5PSIxNSIgcj0iMyIgZmlsbD0iI2ZmZiIvPjwvZz48ZGVmcz48ZmlsdGVyIGlkPSJhIiB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHg9IjAiIHk9IjAiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIj48ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPjxmZUJsZW5kIGluPSJTb3VyY2VHcmFwaGljIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJzaGFwZSIvPjxmZUdhdXNzaWFuQmx1ciByZXN1bHQ9ImVmZmVjdDFfZm9yZWdyb3VuZEJsdXJfNDQwNV81MjcwIiBzdGREZXZpYXRpb249IjQuNSIvPjwvZmlsdGVyPjxmaWx0ZXIgaWQ9ImIiIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgeD0iOSIgeT0iOSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiPjxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+PGZlQmxlbmQgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iQmFja2dyb3VuZEltYWdlRml4IiByZXN1bHQ9InNoYXBlIi8+PGZlR2F1c3NpYW5CbHVyIHJlc3VsdD0iZWZmZWN0MV9mb3JlZ3JvdW5kQmx1cl80NDA1XzUyNzAiIHN0ZERldmlhdGlvbj0iMS41Ii8+PC9maWx0ZXI+PC9kZWZzPjwvc3ZnPg==); --icon-globe: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIyIDEyQzIyIDE3LjUyMjggMTcuNTIyOCAyMiAxMiAyMk0yMiAxMkMyMiA2LjQ3NzE1IDE3LjUyMjggMiAxMiAyTTIyIDEyQzIyIDkuNzkwODYgMTcuNTIyOCA4IDEyIDhDNi40NzcxNSA4IDIgOS43OTA4NiAyIDEyTTIyIDEyQzIyIDE0LjIwOTEgMTcuNTIyOCAxNiAxMiAxNkM2LjQ3NzE1IDE2IDIgMTQuMjA5MSAyIDEyTTEyIDIyQzYuNDc3MTUgMjIgMiAxNy41MjI4IDIgMTJNMTIgMjJDMTQuMjA5MSAyMiAxNiAxNy41MjI4IDE2IDEyQzE2IDYuNDc3MTUgMTQuMjA5MSAyIDEyIDJNMTIgMjJDOS43OTA4NiAyMiA4IDE3LjUyMjggOCAxMkM4IDYuNDc3MTUgOS43OTA4NiAyIDEyIDJNMiAxMkMyIDYuNDc3MTUgNi40NzcxNSAyIDEyIDIiIHN0cm9rZT0iIzJGMzg0QyIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K); --icon-info: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xLjI1IDEyQzEuMjUgNi4wNjI5NCA2LjA2Mjk0IDEuMjUgMTIgMS4yNUMxNy45MzcxIDEuMjUgMjIuNzUgNi4wNjI5NCAyMi43NSAxMkMyMi43NSAxNy45MzcxIDE3LjkzNzEgMjIuNzUgMTIgMjIuNzVDNi4wNjI5NCAyMi43NSAxLjI1IDE3LjkzNzEgMS4yNSAxMlpNMTIgNi43NUMxMS4zMDk2IDYuNzUgMTAuNzUgNy4zMDk2NCAxMC43NSA4QzEwLjc1IDguNjkwMzYgMTEuMzA5NiA5LjI1IDEyIDkuMjVDMTIuNjkwNCA5LjI1IDEzLjI1IDguNjkwMzYgMTMuMjUgOEMxMy4yNSA3LjMwOTY0IDEyLjY5MDQgNi43NSAxMiA2Ljc1Wk0xMi43NSAxMUMxMi43NSAxMC41ODU4IDEyLjQxNDIgMTAuMjUgMTIgMTAuMjVDMTEuNTg1OCAxMC4yNSAxMS4yNSAxMC41ODU4IDExLjI1IDExVjE2QzExLjI1IDE2LjQxNDIgMTEuNTg1OCAxNi43NSAxMiAxNi43NUMxMi40MTQyIDE2Ljc1IDEyLjc1IDE2LjQxNDIgMTIuNzUgMTZWMTFaIiBmaWxsPSIjMkYzODRDIi8+Cjwvc3ZnPgo=); --icon-instagram: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik03LjggMmg4LjRDMTkuNCAyIDIyIDQuNiAyMiA3Ljh2OC40YTUuOCA1LjggMCAwIDEtNS44IDUuOEg3LjhDNC42IDIyIDIgMTkuNCAyIDE2LjJWNy44QTUuOCA1LjggMCAwIDEgNy44IDJtLS4yIDJBMy42IDMuNiAwIDAgMCA0IDcuNnY4LjhDNCAxOC4zOSA1LjYxIDIwIDcuNiAyMGg4LjhhMy42IDMuNiAwIDAgMCAzLjYtMy42VjcuNkMyMCA1LjYxIDE4LjM5IDQgMTYuNCA0em05LjY1IDEuNWExLjI1IDEuMjUgMCAxIDEgMCAyLjUgMS4yNSAxLjI1IDAgMCAxIDAtMi41TTEyIDdhNSA1IDAgMSAxIDAgMTAgNSA1IDAgMCAxIDAtMTBtMCAyYTMgMyAwIDEgMCAwIDYgMyAzIDAgMCAwIDAtNiIvPjwvc3ZnPg==); --icon-linkedin: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik0xOS43NzggMkEyLjIyIDIuMjIgMCAwIDEgMjIgNC4yMjJ2MTUuNTU2QTIuMjIgMi4yMiAwIDAgMSAxOS43NzggMjJINC4yMjJBMi4yMiAyLjIyIDAgMCAxIDIgMTkuNzc4VjQuMjIyQTIuMjIgMi4yMiAwIDAgMSA0LjIyMiAyem0tLjU1NiAxNy4yMjJ2LTUuODg5QTMuNjIgMy42MiAwIDAgMCAxNS42IDkuNzExYy0uOTQ0IDAtMi4wNDQuNTc4LTIuNTc4IDEuNDQ1VjkuOTIyaC0zLjF2OS4zaDMuMXYtNS40NzhhMS41NSAxLjU1IDAgMCAxIDEuNTQ1LTEuNTU1IDEuNTU2IDEuNTU2IDAgMCAxIDEuNTU1IDEuNTU1djUuNDc4ek02LjMxMiA4LjE3OEExLjg2NyAxLjg2NyAwIDAgMCA4LjE3NyA2LjMxIDEuODczIDEuODczIDAgMCAwIDYuMzEgNC40MzNhMS44OCAxLjg4IDAgMCAwLTEuODc4IDEuODc4YzAgMS4wMzMuODQ1IDEuODY3IDEuODc4IDEuODY3bTEuNTQ0IDExLjA0NHYtOS4zSDQuNzc4djkuM3oiLz48L3N2Zz4=); --icon-menu: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjUiIGQ9Ik0zIDZoMThNMyAxMmgxOE0zIDE4aDE4Ii8+PC9zdmc+); --icon-minus: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjUiIGQ9Ik01IDEyaDE0Ii8+PC9zdmc+); --icon-pin: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjUiIGQ9Ik0xOS43MzIgNkMyMC41MzggNy4yNzQgMjEgOC44IDIxIDEwLjVjMCA3Ljg1Mi03IDExLjUtOSAxMS41cy05LTMuNjQ4LTktMTEuNUMzIDUuNSA3IDIgMTIgMmMxLjU5MiAwIDMuMDgzLjM1NSA0LjM3NSAxTTkgMTFhMyAzIDAgMSAwIDMtMyIvPjwvc3ZnPg==); --icon-play-circle: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggc3Ryb2tlPSJjdXJyZW50Y29sb3IiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjUiIGQ9Ik0xMCAxNC41MDV2LTUuMDFjMC0uNDg2IDAtLjcyOS4xMDEtLjg2MmEuNS41IDAgMCAxIC4zNy0uMTk4Yy4xNjctLjAxLjM2OS4xMjUuNzczLjM5NGwzLjc1OCAyLjUwNWMuMzMzLjIyMy41LjMzNC41NTguNDc1YS41LjUgMCAwIDEgMCAuMzgzYy0uMDU4LjE0LS4yMjUuMjUxLS41NTkuNDc0bC0zLjc1NyAyLjUwNWMtLjQwNC4yNy0uNjA2LjQwNC0uNzc0LjM5NGEuNS41IDAgMCAxLS4zNjktLjE5OEMxMCAxNS4yMzQgMTAgMTQuOTkxIDEwIDE0LjUwNSIvPjxjaXJjbGUgY3g9IjEyIiBjeT0iMTIiIHI9IjEwIiBzdHJva2U9ImN1cnJlbnRjb2xvciIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjEuNSIvPjwvc3ZnPg==); --icon-play: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjUiIGQ9Im0xMyA1LjI3OC0yLjEzMS0xLjMwM0M5LjI3NyAzLjAwMyA4LjQ4IDIuNTE2IDcuODI2IDIuNTc0YTIgMiAwIDAgMC0xLjQzNS44MDRDNiAzLjkwOCA2IDQuODQxIDYgNi43MDZWOG0wIDR2NS4yOTRjMCAxLjg2NSAwIDIuNzk4LjM5IDMuMzI4YTIgMiAwIDAgMCAxLjQzNi44MDRjLjY1NS4wNTggMS40NTEtLjQyOSAzLjA0My0xLjQwMWw4LjY2My01LjI5NGMxLjQ3Ny0uOTAzIDIuMjE2LTEuMzU1IDIuNDY4LTEuOTM2YTIgMiAwIDAgMCAwLTEuNTljLS4yNTItLjU4MS0uOTktMS4wMzMtMi40NjgtMS45MzVMMTYgNy4xMSIvPjwvc3ZnPg==); --icon-plus: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjUiIGQ9Ik01IDEyaDdtNyAwaC00bS0zIDBWNW0wIDd2NyIvPjwvc3ZnPg==); --icon-quote-sign: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iY3VycmVudENvbG9yIiBkPSJNMTMuNjY3IDE3LjQzMmMyLjUzLS42NzkgNC41MDYtMi45NjMgNC42OTEtNS42MTctLjQ5NC4zMDgtLjgwMi4zNy0xLjI5Ni4zNy0xLjY2NyAwLTMuNTE5LTEuMzU4LTMuNTE5LTMuNzY1IDAtMi4xNiAxLjc5LTMuOTUgNC4wMTMtMy45NUMyMC4yMSA0LjQ3IDIyIDYuMzgyIDIyIDkuNjUzYzAgNS0zLjMzMyA5LjI2LTguMzMzIDkuODc3em0tMTEuNTQ0IDBjMi41MzEtLjY3OSA0LjQ0NS0yLjg0IDQuNjkyLTUuNjE3LS40OTQuMzA4LS44NjQuMzctMS4yOTYuMzdDMy44NTIgMTIuMTg1IDIgMTAuODI3IDIgOC40MmMwLTIuMTYgMS43OS0zLjk1IDQuMDEyLTMuOTUgMi42NTUgMCA0LjQ0NSAxLjkxMyA0LjQ0NSA1LjE4NCAwIDUtMy4zMzQgOS4yNi04LjMzNCA5Ljg3N3oiLz48L3N2Zz4=); --icon-search: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjUiIGQ9Im0yMSAyMS0yLjUwNS0yLjUwNWMtLjM5Mi0uMzkyLS41ODgtLjU4OC0uNzg2LS42NjRhLjkuOSAwIDAgMC0uNTQ4LS4wNDljLS4yMDguMDQtLjQ4LjIzLTEuMDIyLjYwOGE5IDkgMCAxIDEgMy4xNTUtMy44OSIvPjwvc3ZnPg==); --icon-star-filled: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iY3VycmVudGNvbG9yIiBkPSJNMTUuNTYyIDQuNDQ3Yy0xLjEzLTIuMjYyLTEuNjk2LTMuMzkzLTIuNDM2LTMuNzY2YTIuNSAyLjUgMCAwIDAtMi4yNTIgMGMtLjc0LjM3My0xLjMwNSAxLjUwNC0yLjQzNiAzLjc2Ni0uMzA3LjYxNC0uNDYuOTItLjY3IDEuMTZhMi41IDIuNSAwIDAgMS0uOTk0LjY5NGMtLjI5OC4xMTQtLjYzMy4xNS0xLjMwMi4yMjUtMi4zMzIuMjYtMy40OTguMzg5LTQuMDczLjg2M2EyLjUgMi41IDAgMCAwLS44MzUgMi41M2MuMTguNzIzIDEuMDUyIDEuNTM0IDIuNzk4IDMuMTU0LjU0My41MDUuODE1Ljc1OC45OTMgMS4wNDVhMi41IDIuNSAwIDAgMSAuMzY3IDEuNDg3Yy0uMDIzLjMzNy0uMTQ0LjY4Mi0uMzg2IDEuMzcyLS43ODcgMi4yNDItMS4xOCAzLjM2My0xLjAzMiA0LjA1MmEyLjUgMi41IDAgMCAwIDIuMjMgMS45NjRjLjcwMi4wNiAxLjc2NS0uNDcgMy44OS0xLjUzM2wuNzg3LS4zOTRjLjY1Ni0uMzI4Ljk4NC0uNDkyIDEuMzI4LS41NTYuMzA1LS4wNTcuNjE3LS4wNTcuOTIyIDAgLjM0NC4wNjQuNjcyLjIyOCAxLjMyOC41NTZsLjc4Ny4zOTRjMi4xMjUgMS4wNjIgMy4xODggMS41OTQgMy44OSAxLjUzM2EyLjUgMi41IDAgMCAwIDIuMjMtMS45NjRjLjE0OC0uNjktLjI0NS0xLjgxLTEuMDMyLTQuMDUyLS4yNDItLjY5LS4zNjMtMS4wMzUtLjM4Ny0xLjM3MmEyLjUgMi41IDAgMCAxIC4zNjgtMS40ODdjLjE3OC0uMjg3LjQ1LS41NC45OTQtMS4wNDUgMS43NDUtMS42MiAyLjYxOC0yLjQzIDIuNzk3LTMuMTU0YTIuNSAyLjUgMCAwIDAtLjgzNS0yLjUzYy0uNTc1LS40NzQtMS43NC0uNjA0LTQuMDczLS44NjMtLjY3LS4wNzQtMS4wMDQtLjExMS0xLjMwMi0uMjI1YTIuNSAyLjUgMCAwIDEtLjk5NC0uNjkzYy0uMjEtLjI0LS4zNjMtLjU0Ny0uNjctMS4xNiIvPjwvc3ZnPg==); --icon-star-hollow: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggc3Ryb2tlPSJjdXJyZW50Y29sb3IiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjUiIGQ9Ik00Ljc4IDE4Yy0uNDcyIDEuNDA4LS42NjEgMi4yMjQtLjQ0MyAyLjc1OWEyIDIgMCAwIDAgMS4zMzUgMS4xNzZjLjczMy4xOTYgMS44NTktLjM2NyA0LjExMS0xLjQ5M2wuNjQ1LS4zMjNjLjY2My0uMzMxLjk5NS0uNDk3IDEuMzQ3LS41MzdxLjIyNS0uMDI1LjQ1IDBjLjM1Mi4wNC42ODQuMjA2IDEuMzQ3LjUzN2wuNjQ1LjMyM2MyLjI1MiAxLjEyNiAzLjM3OCAxLjY4OSA0LjExMSAxLjQ5M2EyIDIgMCAwIDAgMS4zMzUtMS4xNzZjLjI4Ny0uNzAzLS4xMy0xLjg5LS45NjQtNC4yNjctLjI1Ni0uNzMtLjM4NC0xLjA5NC0uMzc4LTEuNDUyYTIgMiAwIDAgMSAuMjE1LS44NjhjLjE2Mi0uMzIuNDQ1LS41ODMgMS4wMTEtMS4xMDlsLjE0MS0uMTNjMS43OTUtMS42NjcgMi42OTItMi41IDIuNzQ3LTMuMjlhMiAyIDAgMCAwLS40NzUtMS40MzZjLS41MTMtLjYwMi0xLjczLS43MzctNC4xNjUtMS4wMDgtLjY5Ni0uMDc3LTEuMDQ0LS4xMTYtMS4zNDQtLjI1N2EyIDIgMCAwIDEtLjU1My0uMzg1Yy0uMjM2LS4yMzMtLjM5My0uNTQ2LS43MDYtMS4xNzNsLS4wNDctLjA5NWMtMS4xNy0yLjM0LTEuNzU1LTMuNTEtMi42MTUtMy43NDVhMiAyIDAgMCAwLTEuMDYgMGMtLjg2LjIzNi0xLjQ0NSAxLjQwNi0yLjYxNSAzLjc0NWwtLjA0Ny4wOTVjLS4zMTMuNjI3LS40Ny45NC0uNzA2IDEuMTczYTIgMiAwIDAgMS0uNTUzLjM4NWMtLjMuMTQxLS42NDguMTgtMS4zNDQuMjU3LTIuNDM1LjI3LTMuNjUyLjQwNi00LjE2NSAxLjAwOGEyIDIgMCAwIDAtLjQ3NSAxLjQzNmMuMDU1Ljc5Ljk1MiAxLjYyMyAyLjc0NyAzLjI5bC4xNC4xM2MuMzc4LjM1LjcuNzI1Ljg3NS45MzciLz48L3N2Zz4=); --icon-star-partially-filled: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iY3VycmVudGNvbG9yIiBkPSJNMTUuNTYyIDQuNDQ3Yy0xLjEzLTIuMjYyLTEuNjk2LTMuMzkzLTIuNDM2LTMuNzY2YTIuNSAyLjUgMCAwIDAtMi4yNTIgMGMtLjc0LjM3My0xLjMwNSAxLjUwNC0yLjQzNiAzLjc2Ni0uMzA3LjYxNC0uNDYuOTItLjY3IDEuMTZhMi41IDIuNSAwIDAgMS0uOTk0LjY5NGMtLjI5OC4xMTMtLjYzMi4xNS0xLjMwMi4yMjUtMi4zMzIuMjYtMy40OTguMzg5LTQuMDczLjg2M2EyLjUgMi41IDAgMCAwLS44MzUgMi41M2MuMTguNzIzIDEuMDUyIDEuNTMzIDIuNzk4IDMuMTU0LjU0My41MDUuODE1Ljc1OC45OTMgMS4wNDVhMi41IDIuNSAwIDAgMSAuMzY4IDEuNDg2Yy0uMDI0LjMzOC0uMTQ1LjY4My0uMzg3IDEuMzcyLS43ODYgMi4yNDItMS4xOCAzLjM2NC0xLjAzMiA0LjA1MmEyLjUgMi41IDAgMCAwIDIuMjMgMS45NjVjLjcwMi4wNiAxLjc2NS0uNDcgMy44OS0xLjUzM2wuNzg3LS4zOTRjLjY1Ni0uMzI4Ljk4NC0uNDkyIDEuMzI4LS41NTYuMzA1LS4wNTguNjE3LS4wNTguOTIyIDAgLjM0NC4wNjQuNjcyLjIyOCAxLjMyOC41NTZsLjc4Ny4zOTRjMi4xMjUgMS4wNjIgMy4xODggMS41OTMgMy44OSAxLjUzM2EyLjUgMi41IDAgMCAwIDIuMjMtMS45NjVjLjE0OC0uNjg4LS4yNDUtMS44MS0xLjAzMi00LjA1Mi0uMjQyLS42OS0uMzYzLTEuMDM0LS4zODctMS4zNzFhMi41IDIuNSAwIDAgMSAuMzY4LTEuNDg3Yy4xNzgtLjI4Ny40NS0uNTQuOTk0LTEuMDQ1IDEuNzQ1LTEuNjIgMi42MTgtMi40MzEgMi43OTctMy4xNTRhMi41IDIuNSAwIDAgMC0uODM1LTIuNTNjLS41NzUtLjQ3NC0xLjc0LS42MDQtNC4wNzMtLjg2My0uNjctLjA3NC0xLjAwNC0uMTEyLTEuMzAyLS4yMjVhMi41IDIuNSAwIDAgMS0uOTk0LS42OTNjLS4yMS0uMjQtLjM2My0uNTQ3LS42Ny0xLjE2MSIgb3BhY2l0eT0iMC4zMiIvPjxwYXRoIGZpbGw9ImN1cnJlbnRjb2xvciIgZD0ibTkuNDI0IDIxLjQ2Ljc4Ny0uMzk0Yy42NTYtLjMyOC45ODQtLjQ5MiAxLjMyOC0uNTU2LjMwNS0uMDU4LjYxNy0uMDU4LjkyMiAwIC4zNDQuMDY0LjY3Mi4yMjggMS4zMjguNTU2bC43ODcuMzk0YzIuMTI1IDEuMDYyIDMuMTg4IDEuNTk0IDMuODkgMS41MzNhMi41IDIuNSAwIDAgMCAyLjIzLTEuOTY1Yy4xNDgtLjY4OC0uMjQ1LTEuODEtMS4wMzItNC4wNTItLjI0Mi0uNjktLjM2My0xLjAzNC0uMzg3LTEuMzcxYTIuNSAyLjUgMCAwIDEgLjM2OC0xLjQ4N1MxNyAxMSAxMiAxMXMtNy42NDUgMy4xMTgtNy42NDUgMy4xMThhMi41IDIuNSAwIDAgMSAuMzY4IDEuNDg2Yy0uMDI0LjMzOC0uMTQ1LjY4My0uMzg3IDEuMzcyLS43ODYgMi4yNDItMS4xOCAzLjM2NC0xLjAzMiA0LjA1MmEyLjUgMi41IDAgMCAwIDIuMjMgMS45NjVjLjcwMi4wNiAxLjc2NS0uNDcgMy44OS0xLjUzMyIvPjwvc3ZnPg==); --icon-shield-check: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjUiIGQ9Ik0yMSA2djcuNTc1YzAgMS4yNTIgMCAxLjg3OC0uMTczIDIuNDQ3YTQgNCAwIDAgMS0uNzM3IDEuMzc3Yy0uMzc3LjQ1OS0uODk4LjgwNi0xLjk0IDEuNWwtMy40ODcgMi4zMjZjLS45NjMuNjQxLTEuNDQ0Ljk2Mi0xLjk2NCAxLjA4Ny0uNDYuMTEtLjkzOC4xMS0xLjM5OCAwLS41Mi0uMTI1LTEuMDAxLS40NDYtMS45NjQtMS4wODdMNS44NSAxOC45Yy0xLjA0Mi0uNjk1LTEuNTYzLTEuMDQyLTEuOTQtMS41YTQgNCAwIDAgMS0uNzM3LTEuMzc4QzMgMTUuNDUzIDMgMTQuODI3IDMgMTMuNTc1VjguMTE5YzAtMS4xMjkgMC0xLjY5My4xNzgtMi4xODZhMyAzIDAgMCAxIC43NDctMS4xNWMuMzc4LS4zNjIuODk0LS41OTEgMS45MjYtMS4wNUw5LjQgMi4xNTVjLjk1Ny0uNDI1IDEuNDM1LS42MzggMS45MzMtLjcyMmE0IDQgMCAwIDEgMS4zMzIgMGMuNDk4LjA4NC45NzYuMjk3IDEuOTMzLjcyMkwxNiAyLjc3OGwuNS4yMjJNOSAxMmwyIDIgNC41LTQuNSIvPjwvc3ZnPg==); --icon-time: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iY3VycmVudENvbG9yIiBkPSJNMS40NjUgMTQuMTVhLjc1Ljc1IDAgMCAwIDEuNDctLjN6bTMuOTMgNC4zMjVhLjc1Ljc1IDAgMCAwLTEuMDcyIDEuMDV6TTEyLjc1IDhhLjc1Ljc1IDAgMCAwLTEuNSAwek0xMiAxMmgtLjc1YzAgLjI1LjEyNS40ODUuMzM0LjYyNHptMi41ODQgMi42MjRhLjc1Ljc1IDAgMSAwIC44MzItMS4yNDh6TTIxLjI1IDEyQTkuMjUgOS4yNSAwIDAgMSAxMiAyMS4yNXYxLjVjNS45MzcgMCAxMC43NS00LjgxMyAxMC43NS0xMC43NXpNMTIgMi43NUE5LjI1IDkuMjUgMCAwIDEgMjEuMjUgMTJoMS41YzAtNS45MzctNC44MTMtMTAuNzUtMTAuNzUtMTAuNzV6bTAtMS41QzYuMDYzIDEuMjUgMS4yNSA2LjA2MyAxLjI1IDEyaDEuNUE5LjI1IDkuMjUgMCAwIDEgMTIgMi43NXptLTkuMDY1IDEyLjZBOS4zIDkuMyAwIDAgMSAyLjc1IDEyaC0xLjVxLjAwMiAxLjEwNC4yMTUgMi4xNXpNMTIgMjEuMjVhOS4yMiA5LjIyIDAgMCAxLTYuNjA2LTIuNzc1bC0xLjA3MSAxLjA1QTEwLjcyIDEwLjcyIDAgMCAwIDEyIDIyLjc1ek0xMS4yNSA4djRoMS41Vjh6bS4zMzQgNC42MjQgMyAyIC44MzItMS4yNDgtMy0yeiIvPjwvc3ZnPg==); --icon-trash: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggc3Ryb2tlPSJjdXJyZW50Y29sb3IiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjUiIGQ9Im00IDUgLjY0NiAxMC45NzZjLjEyNCAyLjEyLjE4NyAzLjE4LjY0IDMuOTg1YTQgNCAwIDAgMCAxLjczMyAxLjYzNUM3Ljg0OSAyMiA4LjkxIDIyIDExLjAzNSAyMmgxLjkzYzIuMTI0IDAgMy4xODYgMCA0LjAxNi0uNDA0YTQgNCAwIDAgMCAxLjczNC0xLjYzNWMuNDUyLS44MDUuNTE1LTEuODY1LjY0LTMuOTg1TDE5Ljc2NCA5TTQgNUgybTIgMGgxOG0tNiAwLS4yNy0uODEyYy0uMjYzLS43ODctLjM5NC0xLjE4LS42MzctMS40NzFhMiAyIDAgMCAwLS44MDMtLjU3OEMxMy45MzkgMiAxMy41MjQgMiAxMi42OTUgMmgtMS4zODhjLS44MjkgMC0xLjI0NCAwLTEuNTk2LjEzOWEyIDIgMCAwIDAtLjgwMy41NzhjLS4yNDMuMjktLjM3NC42ODQtLjYzNiAxLjQ3MUw4IDVtMiA1djdtNC03djQiLz48L3N2Zz4=); --icon-undo: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggc3Ryb2tlPSJjdXJyZW50Y29sb3IiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjUiIGQ9Im0yIDYgNC00TTIgNmw0IDRNMiA2aDdtMSAxNGg1YTcgNyAwIDAgMCA3LTd2MGE3IDcgMCAwIDAtNy03aC0yIi8+PC9zdmc+); --icon-user: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjUiIGQ9Ik0xNC41IDIyaDIuM2EzLjIgMy4yIDAgMCAwIDMuMi0zLjJ2MGE0LjggNC44IDAgMCAwLTQuOC00LjhIOC44QTQuOCA0LjggMCAwIDAgNCAxOC44djBBMy4yIDMuMiAwIDAgMCA3LjIgMjJoMi4zTTE2IDZhNCA0IDAgMSAxLTggMCA0IDQgMCAwIDEgOCAwIi8+PC9zdmc+); --icon-x: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Im0xMy41MjQgMTAuNzg0IDUuOTU3LTYuNzgxaC0xLjQxMkwxMi44OTYgOS44OWwtNC4xMy01Ljg4N0g0bDYuMjQ3IDguOTAzTDQgMjAuMDE2aDEuNDExbDUuNDYyLTYuMjE4IDQuMzYyIDYuMjE4SDIwem0tMS45MzQgMi4yLS42MzQtLjg4N0w1LjkyIDUuMDQ1aDIuMTdsNC4wNjUgNS42OTMuNjMxLjg4NyA1LjI4NCA3LjRIMTUuOXoiLz48L3N2Zz4=); --icon-youtube: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTE5LjgxNCA1LjM3NWMuODYuMjMyIDEuNTM4LjkxNCAxLjc2OCAxLjc4QzIyIDguNzI1IDIyIDEyIDIyIDEyczAgMy4yNzUtLjQxOCA0Ljg0NWEyLjUxIDIuNTEgMCAwIDEtMS43NjggMS43OGMtMS41Ni40Mi03LjgxNC40Mi03LjgxNC40MnMtNi4yNTQgMC03LjgxNC0uNDJhMi41MSAyLjUxIDAgMCAxLTEuNzY4LTEuNzhDMiAxNS4yNzUgMiAxMiAyIDEyczAtMy4yNzUuNDE4LTQuODQ1YTIuNTEgMi41MSAwIDAgMSAxLjc2OC0xLjc4YzEuNTYtLjQyIDcuODE0LS40MiA3LjgxNC0uNDJzNi4yNTQgMCA3LjgxNC40Mk0xNS4xOCAxMmwtNS4yMjcgMi45NzNWOS4wMjV6IiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=); --bgi-gradient-0: url(../images/bg-gradient-0-BwT-_-N9.webp); --bgi-gradient-1: url(../images/bg-gradient-1-Dgg_RulP.webp); --bgi-gradient-spiral-5-1: url(../images/bg-gradient-spiral-5-1-1Qr7kFhq.webp); --bgi-gradient-spiral-12: url(../images/bg-gradient-spiral-12-B67psre_.webp); --bgi-gradient-spiral-13: url(../images/bg-gradient-spiral-13-BXWJ0w35.webp); --bgi-hands-in-touch: url(../images/bg-hands-in-touch-D5LrItBM.webp); --bgi-hands-in-touch-hd: url(../images/bg-hands-in-touch-hd-D_B6zekq.webp); --bgi-gradient-rotating-0: url(../images/bg-gradient-rotating-0-CukRHRbo.webp); --bgi-gradient-line-0: url(../images/bg-gradient-line-0-Mv5nbp2r.webp); } @font-face { font-family: Avenga Haffer; src: url(../fonts/AvengaHaffer-Regular.woff2) format("woff2"); font-weight: 560; font-style: normal; font-display: swap; } @font-face { font-family: Avenga Haffer; src: url(../fonts/AvengaHaffer-RegularItalic.woff2) format("woff2"); font-weight: 560; font-style: italic; font-display: swap; } @font-face { font-family: Avenga Haffer; src: url(../fonts/AvengaHaffer-Bold.woff2) format("woff2"); font-weight: 730; font-style: normal; font-display: swap; } @font-face { font-family: Avenga Haffer; src: url(../fonts/AvengaHaffer-BoldItalic.woff2) format("woff2"); font-weight: 730; font-style: italic; font-display: swap; } @font-face { font-family: Avenga Reckless; src: url(../fonts/AvengaReckless-Headline.woff2) format("woff2"); font-weight: 480; font-style: normal; font-display: swap; } @font-face { font-family: Avenga Reckless; src: url(../fonts/AvengaReckless-Regular.woff2) format("woff2"); font-weight: 450; font-style: normal; font-display: swap; } @media (min-width: 80rem) { .is-animated-page .fade-in { opacity: 0; } .is-animated-page .fade-in.in-view { opacity: 1; } .is-animated-page .fade-up { --tw-translate-y: calc(var(--spacing) * 12); translate: var(--tw-translate-x) var(--tw-translate-y); opacity: 0; transition: opacity 0.8s cubic-bezier(0, 0.82, 0.91, 0.69), translate 1s cubic-bezier(0.4, 0, 0.2, 1); } @media (min-width: 48rem) { .is-animated-page .fade-up { --tw-translate-y: calc(var(--spacing) * 14); translate: var(--tw-translate-x) var(--tw-translate-y); } } .is-animated-page .fade-up { --tw-translate-y: calc(var(--spacing) * 16); translate: var(--tw-translate-x) var(--tw-translate-y); } .is-animated-page .fade-up.in-view { --tw-translate-y: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); opacity: 1; } .is-animated-page .fade-in-soft { opacity: 0; transition: opacity 1.8s cubic-bezier(0, 0.82, 0.91, 0.69); } .is-animated-page .fade-in-soft.in-view, .in-view :is(.is-animated-page .fade-in-soft) { opacity: 1; } .is-animated-page .fade-up-soft { --tw-translate-y: calc(var(--spacing) * 12); translate: var(--tw-translate-x) var(--tw-translate-y); opacity: 0; transition: opacity 1.3s cubic-bezier(0, 0.82, 0.91, 0.69), translate 2s cubic-bezier(0.4, 0, 0.2, 1); } @media (min-width: 48rem) { .is-animated-page .fade-up-soft { --tw-translate-y: calc(var(--spacing) * 14); translate: var(--tw-translate-x) var(--tw-translate-y); } } .is-animated-page .fade-up-soft { --tw-translate-y: calc(var(--spacing) * 16); translate: var(--tw-translate-x) var(--tw-translate-y); } .is-animated-page .fade-up-soft.in-view, .in-view :is(.is-animated-page .fade-up-soft) { --tw-translate-y: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); opacity: 1; } .is-animated-page .fade-down-soft { --tw-translate-y: calc(var(--spacing) * -12); translate: var(--tw-translate-x) var(--tw-translate-y); opacity: 0; transition: opacity 1.3s cubic-bezier(0, 0.82, 0.91, 0.69), translate 2s cubic-bezier(0.4, 0, 0.2, 1); } @media (min-width: 48rem) { .is-animated-page .fade-down-soft { --tw-translate-y: calc(var(--spacing) * -14); translate: var(--tw-translate-x) var(--tw-translate-y); } } .is-animated-page .fade-down-soft { --tw-translate-y: calc(var(--spacing) * -16); translate: var(--tw-translate-x) var(--tw-translate-y); } .is-animated-page .fade-down-soft.in-view, .in-view :is(.is-animated-page .fade-down-soft) { --tw-translate-y: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); opacity: 1; } .is-animated-page .flip-up-soft { --tw-translate-y: calc(var(--spacing) * 12); translate: var(--tw-translate-x) var(--tw-translate-y); transition: translate 2s cubic-bezier(0.4, 0, 0.2, 1); } @media (min-width: 48rem) { .is-animated-page .flip-up-soft { --tw-translate-y: calc(var(--spacing) * 14); translate: var(--tw-translate-x) var(--tw-translate-y); } } .is-animated-page .flip-up-soft { --tw-translate-y: calc(var(--spacing) * 16); translate: var(--tw-translate-x) var(--tw-translate-y); } .is-animated-page .flip-up-soft.in-view { --tw-translate-y: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } .is-animated-page .flip-down-soft { --tw-translate-y: calc(var(--spacing) * -12); translate: var(--tw-translate-x) var(--tw-translate-y); transition: translate 2s cubic-bezier(0.4, 0, 0.2, 1); } @media (min-width: 48rem) { .is-animated-page .flip-down-soft { --tw-translate-y: calc(var(--spacing) * -14); translate: var(--tw-translate-x) var(--tw-translate-y); } } .is-animated-page .flip-down-soft { --tw-translate-y: calc(var(--spacing) * -16); translate: var(--tw-translate-x) var(--tw-translate-y); } .is-animated-page .flip-down-soft.in-view, .in-view :is(.is-animated-page .flip-down-soft) { --tw-translate-y: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } :is( .is-animated-page section:first-of-type, .is-animated-page section:first-of-type + .wp-block-avenga-logos ) .fade-in-soft, :is( .is-animated-page section:first-of-type, .is-animated-page section:first-of-type + .wp-block-avenga-logos ) .fade-up-soft, :is( .is-animated-page section:first-of-type, .is-animated-page section:first-of-type + .wp-block-avenga-logos ) .fade-down-soft, :is( .is-animated-page section:first-of-type, .is-animated-page section:first-of-type + .wp-block-avenga-logos ) .flip-up-soft, :is( .is-animated-page section:first-of-type, .is-animated-page section:first-of-type + .wp-block-avenga-logos ) .flip-down-soft, :is( .is-animated-page section:first-of-type, .is-animated-page section:first-of-type + .wp-block-avenga-logos ) .fade-up, :is( .is-animated-page section:first-of-type, .is-animated-page section:first-of-type + .wp-block-avenga-logos ) .fade-in { --tw-translate-y: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); opacity: 1; } .is-animated-page .staggered-grid > :nth-child(4n + 1) { transition-delay: 0.3s; } .is-animated-page .staggered-grid > :nth-child(4n + 2) { transition-delay: 0.2s; } .is-animated-page .staggered-grid > :nth-child(4n + 3) { transition-delay: 0.1s; } .is-animated-page .staggered-grid.staggered-grid-thin > :nth-child(4n + 1), .is-animated-page .staggered-grid.staggered-grid-thin > :nth-child(4n + 2), .is-animated-page .staggered-grid.staggered-grid-thin > :nth-child(4n + 3) { transition-delay: 0s; } .is-animated-page .staggered-grid.staggered-grid-thin > :nth-child(3n + 1) { transition-delay: 0.3s; } .is-animated-page .staggered-grid.staggered-grid-thin > :nth-child(3n + 2) { transition-delay: 0.2s; } .is-animated-page .staggered-grid.staggered-grid-thin > :nth-child(3n + 3) { transition-delay: 0.1s; } .is-animated-page .scroll-out-transparency, .is-animated-page .scroll-out-transparency-fast, .is-animated-page .scroll-out-transparency-faster { opacity: 1; } @supports (animation-timeline: scroll()) { .is-animated-page .scroll-out-transparency, .is-animated-page .scroll-out-transparency-fast, .is-animated-page .scroll-out-transparency-faster { animation: 2ms linear alternate both scroll-out-transparency; animation-timeline: --section-scroll; animation-range: exit 50% exit 120%; } .is-animated-page .scroll-out-transparency-fast { animation-range: exit 50%; } .is-animated-page .scroll-out-transparency-faster { animation-range: exit 50% exit 80%; } .is-animated-page .slider-parallax-content { animation: 2ms linear alternate both parallax-scroll-fast; animation-timeline: --section-scroll; animation-range: exit exit 120%; } } } } @layer base { *, :after, :before, ::backdrop { box-sizing: border-box; border: 0 solid; margin: 0; padding: 0; } ::file-selector-button { box-sizing: border-box; border: 0 solid; margin: 0; padding: 0; } html, :host { -webkit-text-size-adjust: 100%; tab-size: 4; line-height: 1.5; font-family: var( --default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" ); font-feature-settings: var(--default-font-feature-settings, normal); font-variation-settings: var(--default-font-variation-settings, normal); -webkit-tap-highlight-color: transparent; } hr { height: 0; color: inherit; border-top-width: 1px; } abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } a { color: inherit; -webkit-text-decoration: inherit; text-decoration: inherit; } b, strong { font-weight: bolder; } code, kbd, samp, pre { font-family: var( --default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace ); font-feature-settings: var(--default-mono-font-feature-settings, normal); font-variation-settings: var( --default-mono-font-variation-settings, normal ); font-size: 1em; } small { font-size: 80%; } sub, sup { vertical-align: baseline; font-size: 75%; line-height: 0; position: relative; } sub { bottom: -0.25em; } sup { top: -0.5em; } table { text-indent: 0; border-color: inherit; border-collapse: collapse; } :-moz-focusring { outline: auto; } progress { vertical-align: baseline; } summary { display: list-item; } ol, ul, menu { list-style: none; } img, svg, video, canvas, audio, iframe, embed, object { vertical-align: middle; display: block; } img, video { max-width: 100%; height: auto; } button, input, select, optgroup, textarea { font: inherit; font-feature-settings: inherit; font-variation-settings: inherit; letter-spacing: inherit; color: inherit; opacity: 1; background-color: #0000; border-radius: 0; } ::file-selector-button { font: inherit; font-feature-settings: inherit; font-variation-settings: inherit; letter-spacing: inherit; color: inherit; opacity: 1; background-color: #0000; border-radius: 0; } :where(select:is([multiple], [size])) optgroup { font-weight: bolder; } :where(select:is([multiple], [size])) optgroup option { padding-inline-start: 20px; } ::file-selector-button { margin-inline-end: 4px; } ::placeholder { opacity: 1; } @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) { ::placeholder { color: currentColor; } @supports (color: color-mix(in lab, red, red)) { ::placeholder { color: color-mix(in oklab, currentcolor 50%, transparent); } } } textarea { resize: vertical; } ::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-date-and-time-value { min-height: 1lh; text-align: inherit; } ::-webkit-datetime-edit { display: inline-flex; } ::-webkit-datetime-edit-fields-wrapper { padding: 0; } ::-webkit-datetime-edit { padding-block: 0; } ::-webkit-datetime-edit-year-field { padding-block: 0; } ::-webkit-datetime-edit-month-field { padding-block: 0; } ::-webkit-datetime-edit-day-field { padding-block: 0; } ::-webkit-datetime-edit-hour-field { padding-block: 0; } ::-webkit-datetime-edit-minute-field { padding-block: 0; } ::-webkit-datetime-edit-second-field { padding-block: 0; } ::-webkit-datetime-edit-millisecond-field { padding-block: 0; } ::-webkit-datetime-edit-meridiem-field { padding-block: 0; } ::-webkit-calendar-picker-indicator { line-height: 1; } :-moz-ui-invalid { box-shadow: none; } button, input:where([type="button"], [type="reset"], [type="submit"]) { appearance: button; } ::file-selector-button { appearance: button; } ::-webkit-inner-spin-button { height: auto; } ::-webkit-outer-spin-button { height: auto; } [hidden]:where(:not([hidden="until-found"])) { display: none !important; } html { scrollbar-gutter: stable; } a, button { cursor: pointer; } :focus-visible { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); --tw-ring-color: currentcolor; } @supports (color: color-mix(in lab, red, red)) { :focus-visible { --tw-ring-color: color-mix(in oklab, currentcolor 50%, transparent); } } :focus-visible { outline-style: var(--tw-outline-style); outline-width: 0; } a:focus-visible { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); --tw-ring-color: currentcolor; } @supports (color: color-mix(in lab, red, red)) { a:focus-visible { --tw-ring-color: color-mix(in oklab, currentcolor 50%, transparent); } } a:focus-visible { outline-style: var(--tw-outline-style); outline-width: 0; } h1, h2, h3, h4, h5, h6 { font-family: var(--font-sans); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } h1 { font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--line-height)); } @media (min-width: 80rem) { h1 { font-size: var(--text-10xl); line-height: var(--tw-leading, var(--text-10xl--line-height)); } } h2 { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); } @media (min-width: 80rem) { h2 { font-size: var(--text-6xl); line-height: var(--tw-leading, var(--text-6xl--line-height)); } } h3 { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } @media (min-width: 80rem) { h3 { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); } } h4 { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } @media (min-width: 80rem) { h4 { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); } } h5, h6 { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); --tw-leading: calc(var(--spacing) * 7); line-height: calc(var(--spacing) * 7); --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } b, strong { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } .h1, .h2, .h3, .h4, .h5, .h6 { font-family: var(--font-sans); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } .h1 { font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--line-height)); } @media (min-width: 80rem) { .h1 { font-size: var(--text-10xl); line-height: var(--tw-leading, var(--text-10xl--line-height)); } } .h2 { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); } @media (min-width: 80rem) { .h2 { font-size: var(--text-6xl); line-height: var(--tw-leading, var(--text-6xl--line-height)); } } .h3 { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } @media (min-width: 80rem) { .h3 { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); } } .h4 { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } @media (min-width: 80rem) { .h4 { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); } } .h5, .h6 { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); --tw-leading: calc(var(--spacing) * 7); line-height: calc(var(--spacing) * 7); --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } } :root { --layout-padding: var(--layout-padding-xs); --layout-max-width: var(--layout-max-width-xs); --layout-gutter: var(--layout-gutter-xs); --layout-side-indent: var(--layout-padding); font-size: 16px; } @media (min-width: 40rem) { :root { --layout-padding: var(--layout-padding-sm); --layout-max-width: var(--layout-max-width-sm); --layout-gutter: var(--layout-gutter-sm); } } @media (min-width: 48rem) { :root { --layout-padding: var(--layout-padding-md); --layout-max-width: var(--layout-max-width-md); --layout-gutter: var(--layout-gutter-md); } } @media (min-width: 80rem) { :root { --layout-padding: var(--layout-padding-lg); --layout-max-width: var(--layout-max-width-lg); --layout-gutter: var(--layout-gutter-lg); } } @media (min-width: 90rem) { :root { --layout-padding: var(--layout-padding-xl); --layout-max-width: var(--layout-max-width-xl); --layout-gutter: var(--layout-gutter-xl); --layout-side-indent: calc( (max(0px, 100dvw - var(--layout-max-width))/2) + var(--layout-padding) ); } } @media (min-width: 100rem) { :root { --layout-padding: var(--layout-padding-2xl); --layout-max-width: var(--layout-max-width-2xl); --layout-gutter: var(--layout-gutter-2xl); } } @media (min-width: 120.125rem) { :root { font-size: clamp(16px, 0.8333vw, 32px); } } :root { --wp--preset--font-size--xs: 0.875rem; --wp--preset--font-size--sm: 1rem; --wp--preset--font-size--base: 1.1875rem; --wp--preset--font-size--headline-5: 1.1875rem; --wp--preset--font-size--headline-4: 1.25rem; --wp--preset--font-size--headline-3: 1.375rem; --wp--preset--font-size--headline-2: 1.5rem; --wp--preset--font-size--headline-1: 2rem; --wp--preset--font-size--headline-0: 3.5rem; } @media (min-width: 80rem) { :root { --wp--preset--font-size--headline-4: 1.5rem; --wp--preset--font-size--headline-3: 1.75rem; --wp--preset--font-size--headline-2: 2.5rem; --wp--preset--font-size--headline-1: 4.0625rem; --wp--preset--font-size--headline-0: 6rem; } } :root { --wp--preset--spacing--3xs: 0.5rem; --wp--preset--spacing--2xs: 0.75rem; --wp--preset--spacing--xs: 1rem; --wp--preset--spacing--sm: 1.5rem; --wp--preset--spacing--md: 2.5rem; --wp--preset--spacing--lg: 3.5rem; --wp--preset--spacing--xl: 4rem; --wp--preset--spacing--2xl: 5rem; --wp--preset--spacing--3xl: 6rem; } @media (min-width: 80rem) { :root { --wp--preset--spacing--3xs: 0.5rem; --wp--preset--spacing--2xs: 0.75rem; --wp--preset--spacing--xs: 1rem; --wp--preset--spacing--sm: 1.5rem; --wp--preset--spacing--md: 2.5rem; --wp--preset--spacing--lg: 4rem; --wp--preset--spacing--xl: 5rem; --wp--preset--spacing--2xl: 7rem; --wp--preset--spacing--3xl: 7.5rem; } } :root { --header-height: 5rem; --table-of-contents-height: 5rem; --toc-position-with-header: calc( var(--header-height) + var(--table-of-contents-height) * 0.5 ); --toc-position-without-header: calc(var(--table-of-contents-height) * 0.5); --scroll-offset: calc( var(--toc-position-with-header) + var(--table-of-contents-height) ); } @media (min-width: 80rem) { :root { --header-height: 8.5rem; --table-of-contents-height: 4rem; --toc-position-with-header: calc( var(--header-height) + 1.5rem + var(--table-of-contents-height) * 0.5 ); --toc-position-without-header: calc( 2.5rem + var(--table-of-contents-height) * 0.5 ); } } .modal { font-family: var(--font-sans); } .modal__overlay { inset: calc(var(--spacing) * 0); background-color: #0009; justify-content: center; align-items: center; display: flex; position: fixed; } @supports (color: color-mix(in lab, red, red)) { .modal__overlay { background-color: color-mix(in oklab, var(--color-black) 60%, transparent); } } .modal__container { box-sizing: border-box; max-height: 100vh; max-width: calc(var(--spacing) * 125); background-color: var(--color-white); padding: calc(var(--spacing) * 8); border-radius: 0.25rem; overflow-y: auto; } .modal__header { justify-content: space-between; align-items: center; display: flex; } .modal__title { margin-top: calc(var(--spacing) * 0); margin-bottom: calc(var(--spacing) * 0); box-sizing: border-box; font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); color: inherit; } .modal__close { --tw-border-style: none; background-color: #0000; border-style: none; } .modal__header .modal__close:before { --tw-content: "✕"; content: var(--tw-content); } .modal__content { padding-block: calc(var(--spacing) * 8); } @keyframes mm-fade-in { 0% { opacity: 0; } to { opacity: 1; } } @keyframes mm-fade-out { 0% { opacity: 1; } to { opacity: 0; } } @keyframes mm-slide-in { 0% { transform: translateY(15%); } to { transform: translateY(0); } } @keyframes mms-lide-out { 0% { transform: translateY(0); } to { transform: translateY(-10%); } } .micromodal-slide { display: none; } .micromodal-slide.is-open { display: block; } .micromodal-slide[aria-hidden="false"] .modal__overlay { animation: 0.3s cubic-bezier(0, 0, 0.2, 1) mm-fade-in; } .micromodal-slide[aria-hidden="false"] .modal__container { animation: 0.3s cubic-bezier(0, 0, 0.2, 1) mm-slide-in; } .micromodal-slide[aria-hidden="true"] .modal__overlay { animation: 0.3s cubic-bezier(0, 0, 0.2, 1) mm-fade-out; } .micromodal-slide[aria-hidden="true"] .modal__container { animation: 0.3s cubic-bezier(0, 0, 0.2, 1) mm-slide-out; } .micromodal-slide .modal__container, .micromodal-slide .modal__overlay { will-change: transform; } :root { --ss-primary-color: #5897fb; --ss-bg-color: #fff; --ss-font-color: #4d4d4d; --ss-font-placeholder-color: #8d8d8d; --ss-disabled-color: #dcdee2; --ss-border-color: #dcdee2; --ss-highlight-color: #fffb8c; --ss-success-color: #00b755; --ss-error-color: #dc3545; --ss-focus-color: #5897fb; --ss-main-height: 30px; --ss-content-height: 300px; --ss-spacing-l: 7px; --ss-spacing-m: 5px; --ss-spacing-s: 3px; --ss-animation-timing: 0.2s; --ss-border-radius: 4px; } @keyframes ss-valueIn { 0% { opacity: 0; transform: scale(0); } to { opacity: 1; transform: scale(1); } } @keyframes ss-valueOut { 0% { opacity: 1; transform: scale(1); } to { opacity: 0; transform: scale(0); } } .ss-hide { display: none !important; } .ss-main { -webkit-user-select: none; user-select: none; color: var(--ss-font-color); min-height: var(--ss-main-height); width: 100%; padding: var(--ss-spacing-s); cursor: pointer; border: 1px solid var(--ss-border-color); border-radius: var(--ss-border-radius); background-color: var(--ss-bg-color); box-sizing: border-box; transition: background-color var(--ss-animation-timing); outline: 0; flex-direction: row; display: flex; position: relative; overflow: hidden; } .ss-main:focus { box-shadow: 0 0 5px var(--ss-focus-color); } .ss-main.ss-disabled { background-color: var(--ss-disabled-color); cursor: not-allowed; } .ss-main.ss-disabled .ss-values .ss-disabled { color: var(--ss-font-color); } .ss-main.ss-disabled .ss-values .ss-value .ss-value-delete { cursor: not-allowed; } .ss-main.ss-open-above { border-top-left-radius: 0; border-top-right-radius: 0; } .ss-main.ss-open-below { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .ss-main .ss-values { gap: var(--ss-spacing-m); flex-wrap: wrap; flex: 100%; display: inline-flex; } .ss-main .ss-values .ss-placeholder { padding: var(--ss-spacing-s) var(--ss-spacing-m) var(--ss-spacing-s) var(--ss-spacing-m); width: 100%; color: var(--ss-font-placeholder-color); text-overflow: ellipsis; white-space: nowrap; align-items: center; margin: auto 0; line-height: 1em; display: flex; overflow: hidden; } .ss-main .ss-values .ss-max { -webkit-user-select: none; user-select: none; width: fit-content; color: var(--ss-bg-color); padding: var(--ss-spacing-s) var(--ss-spacing-m); background-color: var(--ss-primary-color); border-radius: var(--ss-border-radius); align-items: center; font-size: 12px; line-height: 1; display: flex; } .ss-main .ss-values .ss-single { margin: auto 0 auto var(--ss-spacing-s); display: flex; } .ss-main .ss-values .ss-value { -webkit-user-select: none; user-select: none; background-color: var(--ss-primary-color); border-radius: var(--ss-border-radius); width: fit-content; animation-name: ss-valueIn; animation-duration: var(--ss-animation-timing); align-items: center; animation-timing-function: ease-out; animation-fill-mode: both; display: flex; } .ss-main .ss-values .ss-value.ss-value-out { animation-name: ss-valueOut; animation-duration: var(--ss-animation-timing); animation-timing-function: ease-out; } .ss-main .ss-values .ss-value .ss-value-text { color: var(--ss-bg-color); padding: var(--ss-spacing-s) var(--ss-spacing-m); font-size: 12px; line-height: 1; } .ss-main .ss-values .ss-value .ss-value-delete { height: var(--ss-spacing-l); width: var(--ss-spacing-l); padding: var(--ss-spacing-s) var(--ss-spacing-m); cursor: pointer; border-left: solid 1px var(--ss-bg-color); box-sizing: content-box; align-items: center; display: flex; } .ss-main .ss-values .ss-value .ss-value-delete svg { height: var(--ss-spacing-l); width: var(--ss-spacing-l); } .ss-main .ss-values .ss-value .ss-value-delete svg path { fill: none; stroke: var(--ss-bg-color); stroke-width: 18px; stroke-linecap: round; stroke-linejoin: round; } .ss-main .ss-deselect { width: fit-content; height: auto; padding: 0 var(--ss-spacing-m) 0 var(--ss-spacing-m); flex: 0 auto; justify-content: center; align-items: center; display: flex; } .ss-main .ss-deselect svg { width: 8px; height: 8px; } .ss-main .ss-deselect svg path { fill: none; stroke: var(--ss-font-color); stroke-width: 20px; stroke-linecap: round; stroke-linejoin: round; } .ss-main .ss-arrow { width: 12px; height: 12px; margin: auto var(--ss-spacing-m) auto var(--ss-spacing-m); flex: 0 auto; justify-content: flex-end; align-items: center; display: flex; } .ss-main .ss-arrow path { fill: none; stroke: var(--ss-font-color); stroke-width: 18px; stroke-linecap: round; stroke-linejoin: round; transition-timing-function: ease-out; transition: var(--ss-animation-timing); } .ss-content { width: auto; height: auto; max-height: var(--ss-content-height); box-sizing: border-box; border: solid 1px var(--ss-border-color); background-color: var(--ss-bg-color); transition: transform var(--ss-animation-timing), opacity var(--ss-animation-timing); opacity: 0; transform-origin: top; z-index: 10000; flex-direction: column; display: flex; position: absolute; overflow: hidden; transform: scaleY(0); } .ss-content.ss-relative { height: 100%; position: relative; } .ss-content.ss-fixed { position: fixed; } .ss-content.ss-open-above { opacity: 1; transform-origin: bottom; border-top-left-radius: var(--ss-border-radius); border-top-right-radius: var(--ss-border-radius); flex-direction: column-reverse; transform: scaleY(1); } .ss-content.ss-open-below { opacity: 1; transform-origin: top; border-bottom-left-radius: var(--ss-border-radius); border-bottom-right-radius: var(--ss-border-radius); transform: scaleY(1); } .ss-content .ss-search { padding: var(--ss-spacing-l) var(--ss-spacing-l) var(--ss-spacing-m) var(--ss-spacing-l); flex-direction: row; flex: 0 auto; display: flex; } .ss-content .ss-search input { font-size: inherit; line-height: inherit; width: 100%; min-width: 0; padding: var(--ss-spacing-m) var(--ss-spacing-l); border: 1px solid var(--ss-border-color); border-radius: var(--ss-border-radius); background-color: var(--ss-bg-color); text-align: left; box-sizing: border-box; outline: 0; flex: auto; margin: 0; display: inline-flex; } .ss-content .ss-search input::placeholder { color: var(--ss-font-placeholder-color); vertical-align: middle; } .ss-content .ss-search input:focus { box-shadow: 0 0 5px var(--ss-focus-color); } .ss-content .ss-search .ss-addable { cursor: pointer; height: auto; margin: 0 0 0 var(--ss-spacing-m); border: 1px solid var(--ss-border-color); border-radius: var(--ss-border-radius); flex: none; justify-content: center; align-items: center; display: inline-flex; } .ss-content .ss-search .ss-addable svg { width: 12px; height: 12px; margin: auto var(--ss-spacing-m) auto var(--ss-spacing-m); flex: 0 auto; justify-content: flex-end; align-items: center; display: flex; } .ss-content .ss-search .ss-addable svg path { fill: none; stroke: var(--ss-font-color); stroke-width: 18px; stroke-linecap: round; stroke-linejoin: round; } .ss-content .ss-list { flex: auto; height: auto; overflow: hidden auto; } .ss-content .ss-list .ss-error { color: var(--ss-error-color); padding: var(--ss-spacing-l); } .ss-content .ss-list .ss-searching { color: var(--ss-font-color); padding: var(--ss-spacing-l); } .ss-content .ss-list .ss-optgroup.ss-close .ss-option { display: none !important; } .ss-content .ss-list .ss-optgroup .ss-optgroup-label { padding: var(--ss-spacing-m) var(--ss-spacing-l) var(--ss-spacing-m) var(--ss-spacing-l); flex-direction: row; justify-content: space-between; align-items: center; display: flex; } .ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-label-text { color: var(--ss-font-color); flex: auto; font-weight: 700; } .ss-content .ss-list .ss-optgroup .ss-optgroup-label:has(.ss-arrow) { cursor: pointer; } .ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions { justify-content: center; align-items: center; gap: var(--ss-spacing-m); flex-direction: row; flex: 0 auto; display: flex; } .ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall { cursor: pointer; flex-direction: row; flex: none; display: flex; } .ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall:hover { opacity: 0.5; } .ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall.ss-selected svg path { stroke: var(--ss-error-color); } .ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall span { text-align: center; padding: 0 var(--ss-spacing-s) 0 0; flex: 0 auto; justify-content: center; align-items: center; font-size: 60%; display: flex; } .ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg { flex: 0 auto; width: 13px; height: 13px; } .ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg path { fill: none; stroke: var(--ss-success-color); stroke-linecap: round; stroke-linejoin: round; } .ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg:first-child { stroke-width: 5px; } .ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg:last-child { stroke-width: 11px; } .ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable { cursor: pointer; flex-direction: row; flex: 0 auto; display: flex; } .ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable .ss-arrow { flex: auto; width: 10px; height: 10px; } .ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable .ss-arrow path { fill: none; stroke: var(--ss-font-color); stroke-width: 18px; stroke-linecap: round; stroke-linejoin: round; transition-timing-function: ease-out; transition: var(--ss-animation-timing); } .ss-content .ss-list .ss-optgroup .ss-option { padding: var(--ss-spacing-s) var(--ss-spacing-s) var(--ss-spacing-s) calc(var(--ss-spacing-l) * 3); } .ss-content .ss-list .ss-option { padding: var(--ss-spacing-m) var(--ss-spacing-l) var(--ss-spacing-m) var(--ss-spacing-l); white-space: normal; color: var(--ss-font-color); cursor: pointer; -webkit-user-select: none; user-select: none; display: block; } .ss-content .ss-list .ss-option:hover, .ss-content .ss-list .ss-option.ss-highlighted, .ss-content .ss-list .ss-option:not(.ss-disabled).ss-selected { color: var(--ss-bg-color); background-color: var(--ss-primary-color); } .ss-content .ss-list .ss-option.ss-disabled { cursor: not-allowed; background-color: var(--ss-disabled-color); } .ss-content .ss-list .ss-option.ss-disabled:hover { color: var(--ss-font-color); } .ss-content .ss-list .ss-option .ss-search-highlight { background-color: var(--ss-highlight-color); display: inline-block; } @keyframes splide-loading { 0% { transform: rotate(0); } to { transform: rotate(1turn); } } .splide__track--draggable { -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; } .splide__track--fade > .splide__list > .splide__slide { opacity: 0; z-index: 0; margin: 0 !important; } .splide__track--fade > .splide__list > .splide__slide.is-active { opacity: 1; z-index: 1; } .splide__list { backface-visibility: hidden; height: 100%; display: flex; margin: 0 !important; padding: 0 !important; } .splide__pagination { pointer-events: none; flex-wrap: wrap; justify-content: center; align-items: center; margin: 0; display: flex; } .splide__pagination li { pointer-events: auto; margin: 0; line-height: 1; list-style-type: none; display: inline-block; } .splide__slide { backface-visibility: hidden; box-sizing: border-box; flex-shrink: 0; margin: 0; position: relative; list-style-type: none !important; } .splide__spinner { contain: strict; border: 2px solid #999; border-left-color: #0000; border-radius: 50%; width: 20px; height: 20px; margin: auto; animation: 1s linear infinite splide-loading; display: inline-block; position: absolute; inset: 0; } .splide__sr { clip: rect(0 0 0 0); border: 0; width: 1px; height: 1px; margin: -1px; padding: 0; position: absolute; overflow: hidden; } .splide__container { box-sizing: border-box; position: relative; } .splide__list { margin: calc(var(--spacing) * 0); height: 100%; padding: calc(var(--spacing) * 0); backface-visibility: hidden; display: flex; } .splide.is-initialized:not(.is-active) .splide__list { display: block; } .splide__pagination { pointer-events: none; margin: calc(var(--spacing) * 0); flex-wrap: wrap; justify-content: center; align-items: center; display: flex; } .splide__pagination li { pointer-events: auto; margin: calc(var(--spacing) * 0); --tw-leading: 1; line-height: 1; list-style-type: none; display: inline-block; } .splide:not(.is-overflow) .splide__pagination { display: none; } .splide__progress__bar { width: calc(var(--spacing) * 0); } .splide { visibility: hidden; position: relative; } .splide.is-initialized, .splide.is-rendered { visibility: visible; } .splide__slide { margin: calc(var(--spacing) * 0); box-sizing: border-box; backface-visibility: hidden; flex-shrink: 0; list-style-type: none; position: relative; } .splide__slide img { vertical-align: bottom; } .splide__spinner { inset: calc(var(--spacing) * 0); height: calc(var(--spacing) * 5); width: calc(var(--spacing) * 5); border-style: var(--tw-border-style); contain: strict; border-width: 2px; border-color: #999 #999 #999 #0000; border-radius: 3.40282e38px; margin: auto; animation: 1s linear infinite splide-loading; display: inline-block; position: absolute; } .splide__sr { border-style: var(--tw-border-style); width: 1px; height: 1px; padding: calc(var(--spacing) * 0); clip: rect(0 0 0 0); border-width: 0; margin: -1px; position: absolute; overflow: hidden; } .splide__toggle.is-active .splide__toggle__play, .splide__toggle__pause { display: none; } .splide__toggle.is-active .splide__toggle__pause { display: inline; } .splide__track { z-index: 0; position: relative; overflow: hidden; } .splide__track--draggable { -webkit-user-select: none; user-select: none; } .splide__track--fade > .splide__list > .splide__slide { z-index: 0; margin: calc(var(--spacing) * 0); opacity: 0; } .splide__track--fade > .splide__list > .splide__slide.is-active { z-index: 1; opacity: 1; } .splide--rtl { direction: rtl; } .splide__track--ttb > .splide__list { display: block; } .splide__arrow { z-index: 1; height: calc(var(--spacing) * 10); width: calc(var(--spacing) * 10); --tw-translate-y: -50%; translate: var(--tw-translate-x) var(--tw-translate-y); cursor: pointer; border-style: var(--tw-border-style); border-width: 2px; border-color: var(--color-red-700); padding: calc(var(--spacing) * 0); 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)); --tw-duration: 0.3s; border-radius: 3.40282e38px; justify-content: center; align-items: center; transition-duration: 0.3s; display: flex; position: absolute; top: 50%; } .splide__arrow svg { height: calc(var(--spacing) * 6); width: calc(var(--spacing) * 6); background-color: var(--color-red-700); -webkit-mask-image: var(--icon-arrow-right); mask-image: var(--icon-arrow-right); 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)); --tw-duration: 0.3s; transition-duration: 0.3s; display: inline-flex; position: absolute; } .splide__arrow svg path { display: none; } .splide__arrow:hover:not(:disabled) { border-color: var(--color-red-800); } .splide__arrow:hover:not(:disabled) svg { background-color: var(--color-red-800); } .splide__arrow:disabled { border-color: var(--color-beige-300); } .splide__arrow:disabled svg { background-color: var(--color-beige-300); } .splide__arrow:focus-visible { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); --tw-ring-color: var(--color-red-700); } .splide__arrow--prev { left: calc(var(--spacing) * 4); } .splide__arrow--prev svg { --tw-scale-x: -100%; scale: var(--tw-scale-x) var(--tw-scale-y); } .splide__arrow--next { right: calc(var(--spacing) * 4); } .splide.is-focus-in .splide__arrow:focus { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); --tw-ring-color: var(--color-red-700); } .splide--arrows-filled .splide__arrow { height: calc(var(--spacing) * 12); width: calc(var(--spacing) * 12); border-style: var(--tw-border-style); background-color: var(--color-red-700); border-width: 0; display: none; } .splide--arrows-filled .splide__arrow svg { background-color: var(--color-white); } .splide--arrows-filled .splide__arrow:hover { background-color: var(--color-red-800); } .splide--arrows-filled .splide__arrow:hover svg { background-color: var(--color-white); } .splide--arrows-filled .splide__arrow:disabled { background-color: var(--color-beige-100); } .splide--arrows-filled .splide__arrow:disabled svg { background-color: var(--color-beige-400); } .splide--arrows-filled .splide__arrow--next { right: calc(var(--spacing) * 0); --tw-translate-x: 50%; translate: var(--tw-translate-x) var(--tw-translate-y); } .splide--arrows-filled .splide__arrow--prev { left: calc(var(--spacing) * 0); --tw-translate-x: -50%; translate: var(--tw-translate-x) var(--tw-translate-y); } .splide--arrows-filled.is-overflow .splide__arrow { display: inline-flex; } .splide--arrows-a-outline .splide__arrow { --inner-bg: #fff; --border-color: currentcolor; position: relative; } .splide--arrows-a-outline .splide__arrow:after, .splide--arrows-a-outline .splide__arrow:before { z-index: -2; --tw-translate-x: -50%; --tw-translate-y: -50%; width: 100%; height: 100%; translate: var(--tw-translate-x) var(--tw-translate-y); border-radius: inherit; --tw-content: ""; content: var(--tw-content); position: absolute; top: 50%; left: 50%; } .splide--arrows-a-outline .splide__arrow:before { background: linear-gradient(var(--inner-bg), var(--inner-bg)) padding-box, linear-gradient(var(--border-color), var(--border-color)) border-box; z-index: -1; border-style: var(--tw-border-style); border-width: 1px; border-color: #0000; transition-delay: 0s; } .splide--arrows-a-outline .splide__arrow:after { border-style: var(--tw-border-style); 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)); --tw-duration: 0s; --tw-ease: var(--ease-in); transition-duration: 0s; transition-delay: 0s; transition-timing-function: var(--ease-in); background-color: #0000; border-width: 1px; border-color: #0000; } .splide--arrows-a-outline .splide__arrow:hover:before { background: linear-gradient(var(--inner-bg), var(--inner-bg)) padding-box, conic-gradient( from var(--btn-border-angle), var(--border-color) 0deg, var(--inner-bg) 140deg, var(--inner-bg) 180deg, var(--inner-bg) 200deg, var(--border-color) 360deg ) border-box; opacity: 0; transition-delay: 2.5s; animation: 2.5s linear btn-outline-spin; } .splide--arrows-a-outline .splide__arrow:hover:after { 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)); --tw-duration: 0.7s; --tw-ease: var(--ease-in); transition-duration: 0.7s; transition-delay: 2s; transition-timing-function: var(--ease-in); background: linear-gradient(var(--inner-bg), var(--inner-bg)) padding-box; border-color: var(--border-color); } .splide--arrows-a-outline .splide__arrow.btn-outline { border-color: #0000; } @media (hover: hover) { .splide--arrows-a-outline .splide__arrow.btn-outline:hover { border-color: #0000; } } .splide--arrows-a-outline .splide__arrow.btn-primary { --border-color: var(--color-red-600); } .splide--arrows-a-outline .splide__arrow.btn-primary:hover { color: var(--color-red-600); } .splide--arrows-a-outline .splide__arrow { border-style: var(--tw-border-style); color: var(--color-red-700); border-width: 1px; border-color: #0000; overflow: hidden; transform: none; } .splide--arrows-a-outline .splide__arrow:hover { color: var(--color-red-600); --tw-shadow-alpha: 5%; --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, oklab(0% 0 0/0.05)), 0 2px 4px -2px var(--tw-shadow-color, oklab(0% 0 0/0.05)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); border-color: #0000; } .splide--arrows-a-outline .splide__arrow:hover svg { background-color: currentColor; } .splide__pagination { right: calc(var(--spacing) * 0); z-index: 1; padding-inline: calc(var(--spacing) * 4); padding-top: calc(var(--spacing) * 4); flex-wrap: wrap; display: flex; } .splide__pagination__page { margin-inline: calc(var(--spacing) * 1); margin-block: calc(var(--spacing) * 2); height: calc(var(--spacing) * 1); width: calc(var(--spacing) * 6); border-radius: var(--radius-2xl); border-style: var(--tw-border-style); background-color: var(--color-beige-200); padding: calc(var(--spacing) * 0); 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)); --tw-duration: 0.2s; --tw-ease: var(--ease-in-out); transition-duration: 0.2s; transition-timing-function: var(--ease-in-out); border-width: 0; position: relative; } @media (min-width: 48rem) { .splide__pagination__page { margin-inline: calc(var(--spacing) * 6); width: calc(var(--spacing) * 18); } } .splide__pagination__page.is-active { z-index: 1; background-color: var(--color-red-700); } .splide__pagination__page:hover { cursor: pointer; background-color: var(--color-red-500); } .splide__pagination__page:focus-visible, .splide.is-focus-in .splide__pagination__page:focus { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); --tw-ring-color: var(--color-red-700); } .splide__progress__bar { background-color: var(--color-red-700); height: 3px; } .splide__slide { -webkit-tap-highlight-color: #0000; } .splide__slide:focus { outline-style: var(--tw-outline-style); outline-width: 0; } @supports (outline-offset: -3px) { .splide__slide:focus-visible { outline-style: var(--tw-outline-style); outline-offset: -3px; outline-width: 3px; outline-color: #0bf; } } @media screen and (-ms-high-contrast: none) { .splide__slide:focus-visible { border-style: var(--tw-border-style); border-width: 3px; border-color: #0bf; } } @supports (outline-offset: -3px) { .splide.is-focus-in .splide__slide:focus { outline-style: var(--tw-outline-style); outline-offset: -3px; outline-width: 3px; outline-color: #0bf; } } @media screen and (-ms-high-contrast: none) { .splide.is-focus-in .splide__slide:focus { border-style: var(--tw-border-style); border-width: 3px; border-color: #0bf; } .splide.is-focus-in .splide__track > .splide__list > .splide__slide:focus { border-color: #0bf; } } .splide__toggle { cursor: pointer; } .splide__toggle:focus-visible, .splide.is-focus-in .splide__toggle:focus { outline-style: var(--tw-outline-style); outline-offset: 3px; outline-width: 3px; outline-color: #0bf; } .splide__track--nav > .splide__list > .splide__slide { cursor: pointer; border-style: var(--tw-border-style); border-width: 3px; border-color: #0000; } .splide__track--nav > .splide__list > .splide__slide.is-active { border-style: var(--tw-border-style); border-width: 3px; border-color: var(--color-black); } .splide__arrows--rtl .splide__arrow--prev { right: calc(var(--spacing) * 4); left: auto; } .splide__arrows--rtl .splide__arrow--prev svg { --tw-scale-x: 100%; scale: var(--tw-scale-x) var(--tw-scale-y); } .splide__arrows--rtl .splide__arrow--next { right: auto; left: calc(var(--spacing) * 4); } .splide__arrows--rtl .splide__arrow--next svg { --tw-scale-x: -100%; scale: var(--tw-scale-x) var(--tw-scale-y); } .splide__arrows--ttb .splide__arrow { --tw-translate-x: -50%; translate: var(--tw-translate-x) var(--tw-translate-y); left: 50%; } .splide__arrows--ttb .splide__arrow--prev { top: calc(var(--spacing) * 4); } .splide__arrows--ttb .splide__arrow--prev svg { rotate: -90deg; } .splide__arrows--ttb .splide__arrow--next { top: auto; bottom: calc(var(--spacing) * 4); } .splide__arrows--ttb .splide__arrow--next svg { rotate: 90deg; } .splide__pagination--ttb { padding-block: calc(var(--spacing) * 4); flex-direction: column; display: flex; inset: 0 0.5em 0 auto; } .cky-consent-container { box-sizing: border-box !important; width: 100% !important; max-width: calc(100% - var(--spacing) * 6 * 2) !important; justify-content: center !important; display: flex !important; position: fixed !important; } @media (min-width: 48rem) { .cky-consent-container { max-width: calc(var(--container-3xl) - var(--spacing) * 10 * 2) !important; } } @media (min-width: 80rem) { .cky-consent-container { max-width: 53.5rem !important; } } .cky-consent-container { border-radius: var(--radius-xl) !important; background-color: var(--color-white) !important; --tw-shadow: 0 4px 20px var(--tw-shadow-color, #0000001a) !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; inset: auto !important; overflow: hidden !important; } .cky-consent-bar { align-items: flex-start !important; gap: calc(var(--spacing) * 10) !important; width: 100% !important; margin-inline: calc(var(--spacing) * 0) !important; --tw-border-style: none !important; background-color: var(--color-white) !important; padding-inline: calc(var(--spacing) * 6) !important; padding-top: calc(var(--spacing) * 16) !important; padding-bottom: calc(var(--spacing) * 10) !important; --tw-shadow: 0 0 #0000 !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; border-style: none !important; flex-direction: column !important; align-self: stretch !important; margin-block: auto !important; display: flex !important; } @media (min-width: 48rem) { .cky-consent-bar { padding: calc(var(--spacing) * 10) !important; padding-top: calc(var(--spacing) * 20) !important; } } .cky-consent-bar { font-size: var(--text-xs-tight) !important; line-height: var(--tw-leading, var(--text-xs-tight--line-height)) !important; color: var(--color-purple-700) !important; position: relative !important; } .cky-consent-bar:before { content: var(--tw-content); top: calc(var(--spacing) * 6) !important; --tw-translate-x: -50% !important; translate: var(--tw-translate-x) var(--tw-translate-y) !important; --tw-content: "Cookies" !important; content: var(--tw-content) !important; position: absolute !important; left: 50% !important; } @media (min-width: 48rem) { .cky-consent-bar:before { content: var(--tw-content); top: calc(var(--spacing) * 10) !important; } } .cky-hide { display: none !important; } .cky-popup-center { top: 50% !important; left: 50% !important; } .cky-box-bottom-left { bottom: calc(var(--spacing) * 6) !important; left: calc(var(--spacing) * 6) !important; } @media (min-width: 48rem) { .cky-box-bottom-left { bottom: calc(var(--spacing) * 10) !important; left: calc(var(--spacing) * 10) !important; } } .cky-box-bottom-right { right: calc(var(--spacing) * 6) !important; bottom: calc(var(--spacing) * 6) !important; } @media (min-width: 48rem) { .cky-box-bottom-right { right: calc(var(--spacing) * 10) !important; bottom: calc(var(--spacing) * 10) !important; } } .cky-box-top-left { top: calc(var(--spacing) * 6) !important; left: calc(var(--spacing) * 6) !important; } @media (min-width: 48rem) { .cky-box-top-left { top: calc(var(--spacing) * 10) !important; left: calc(var(--spacing) * 10) !important; } } .cky-box-top-right { top: calc(var(--spacing) * 6) !important; right: calc(var(--spacing) * 6) !important; } @media (min-width: 48rem) { .cky-box-top-right { top: calc(var(--spacing) * 10) !important; right: calc(var(--spacing) * 10) !important; } } .cky-banner-bottom { right: calc(var(--spacing) * 0) !important; bottom: calc(var(--spacing) * 0) !important; left: calc(var(--spacing) * 0) !important; border-radius: 0 !important; width: 100% !important; max-width: 100% !important; } .cky-banner-top { top: calc(var(--spacing) * 0) !important; right: calc(var(--spacing) * 0) !important; left: calc(var(--spacing) * 0) !important; border-radius: 0 !important; width: 100% !important; max-width: 100% !important; } .cky-btn-accept, .cky-btn-customize, .cky-btn-preferences, .cky-btn-cancel, .cky-btn-confirm, .cky-btn-reject { cursor: pointer !important; border-style: var(--tw-border-style) !important; font-size: var(--text-base) !important; line-height: var(--tw-leading, var(--text-base--line-height)) !important; --tw-font-weight: var(--font-weight-medium) !important; font-weight: var(--font-weight-medium) !important; opacity: 1 !important; transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to !important; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ) !important; transition-duration: var( --tw-duration, var(--default-transition-duration) ) !important; border-width: 2px !important; border-color: currentColor !important; border-radius: 2.5rem !important; flex-shrink: 0 !important; justify-content: center !important; align-items: center !important; text-decoration-line: none !important; display: inline-flex !important; } :is( .cky-btn-accept, .cky-btn-customize, .cky-btn-preferences, .cky-btn-cancel, .cky-btn-confirm, .cky-btn-reject ):focus-visible { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; --tw-outline-style: none !important; outline-style: none !important; } :is( .cky-btn-accept, .cky-btn-customize, .cky-btn-preferences, .cky-btn-cancel, .cky-btn-confirm, .cky-btn-reject ) > * { flex: none; } .cky-btn-accept, .cky-btn-customize, .cky-btn-preferences, .cky-btn-cancel, .cky-btn-confirm, .cky-btn-reject { border-color: var(--color-red-700) !important; background-color: var(--color-red-700) !important; color: var(--color-white) !important; } @media (hover: hover) { :is( .cky-btn-accept, .cky-btn-customize, .cky-btn-preferences, .cky-btn-cancel, .cky-btn-confirm, .cky-btn-reject ):hover { border-color: var(--color-red-800) !important; background-color: var(--color-red-800) !important; color: var(--color-white) !important; } } :is( .cky-btn-accept, .cky-btn-customize, .cky-btn-preferences, .cky-btn-cancel, .cky-btn-confirm, .cky-btn-reject ):focus-visible { --tw-ring-color: #ffc7ba80 !important; } @supports (color: color-mix(in lab, red, red)) { :is( .cky-btn-accept, .cky-btn-customize, .cky-btn-preferences, .cky-btn-cancel, .cky-btn-confirm, .cky-btn-reject ):focus-visible { --tw-ring-color: color-mix( in oklab, var(--color-red-300) 50%, transparent ) !important; } } .cky-btn-accept, .cky-btn-customize, .cky-btn-preferences, .cky-btn-cancel, .cky-btn-confirm, .cky-btn-reject { padding-inline: 1.375rem !important; padding-block: calc(var(--spacing) * 1.5) !important; } @media (min-width: 48rem) { .cky-btn-accept, .cky-btn-customize, .cky-btn-preferences, .cky-btn-cancel, .cky-btn-confirm, .cky-btn-reject { padding-inline: 1.375rem !important; padding-block: calc(var(--spacing) * 3) !important; } } :is( .cky-btn-accept, .cky-btn-customize, .cky-btn-preferences, .cky-btn-cancel, .cky-btn-confirm, .cky-btn-reject ).is-disabled, :is( .cky-btn-accept, .cky-btn-customize, .cky-btn-preferences, .cky-btn-cancel, .cky-btn-confirm, .cky-btn-reject ):disabled { pointer-events: none !important; border-color: var(--color-lavender-400) !important; background-color: var(--color-lavender-200) !important; color: var(--color-lavender-400) !important; } :is( :is( .cky-btn-accept, .cky-btn-customize, .cky-btn-preferences, .cky-btn-cancel, .cky-btn-confirm, .cky-btn-reject ).is-disabled, :is( .cky-btn-accept, .cky-btn-customize, .cky-btn-preferences, .cky-btn-cancel, .cky-btn-confirm, .cky-btn-reject ):disabled ):focus-visible { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; } @media (hover: hover) { :is( .cky-btn-customize, .cky-btn-preferences, .cky-btn-cancel, .cky-btn-reject ):hover { background-color: #0000 !important; } } :is( .cky-btn-customize, .cky-btn-preferences, .cky-btn-cancel, .cky-btn-reject ):focus-visible { --tw-outline-style: none !important; outline-style: none !important; } .cky-btn-customize, .cky-btn-preferences, .cky-btn-cancel, .cky-btn-reject { color: var(--color-red-700) !important; background-color: #0000 !important; } @media (hover: hover) { :is( .cky-btn-customize, .cky-btn-preferences, .cky-btn-cancel, .cky-btn-reject ):hover { color: var(--color-red-800) !important; background-color: #0000 !important; } } :is( .cky-btn-customize, .cky-btn-preferences, .cky-btn-cancel, .cky-btn-reject ).is-disabled, :is( .cky-btn-customize, .cky-btn-preferences, .cky-btn-cancel, .cky-btn-reject ):disabled { color: var(--color-lavender-400) !important; background-color: #0000 !important; } @media (hover: hover) { :is( :is( .cky-btn-customize, .cky-btn-preferences, .cky-btn-cancel, .cky-btn-reject ).is-disabled, :is( .cky-btn-customize, .cky-btn-preferences, .cky-btn-cancel, .cky-btn-reject ):disabled ):hover { background-color: #0000 !important; } } :is( :is( .cky-btn-customize, .cky-btn-preferences, .cky-btn-cancel, .cky-btn-reject ).is-disabled, :is( .cky-btn-customize, .cky-btn-preferences, .cky-btn-cancel, .cky-btn-reject ):disabled ):focus-visible { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; } .cky-btn-do-not-sell { text-align: center !important; font-family: var(--font-sans) !important; font-size: var(--text-xs-tight) !important; line-height: var(--tw-leading, var(--text-xs-tight--line-height)) !important; --tw-font-weight: var(--font-weight-medium) !important; font-weight: var(--font-weight-medium) !important; color: var(--color-red-700) !important; text-decoration-color: currentColor !important; } @media (hover: hover) { .cky-btn-do-not-sell:hover { color: var(--color-red-800) !important; } } .cky-btn-do-not-sell:focus-visible { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; --tw-ring-color: #ffc7ba80 !important; } @supports (color: color-mix(in lab, red, red)) { .cky-btn-do-not-sell:focus-visible { --tw-ring-color: color-mix( in oklab, var(--color-red-300) 50%, transparent ) !important; } } .cky-btn-do-not-sell:focus-visible { --tw-outline-style: none !important; outline-style: none !important; } @media (min-width: 48rem) { .cky-btn-do-not-sell { font-size: var(--text-base-tight) !important; line-height: var( --tw-leading, var(--text-base-tight--line-height) ) !important; } } .cky-notice-btn-wrapper, .cky-prefrence-btn-wrapper, .cky-opt-out-btn-wrapper { margin: calc(var(--spacing) * 0) !important; justify-content: center !important; gap: calc(var(--spacing) * 6) !important; width: 100% !important; padding-inline: calc(var(--spacing) * 0) !important; padding-block: calc(var(--spacing) * 1) !important; flex-direction: column !important; display: flex !important; } @media (min-width: 40rem) { .cky-notice-btn-wrapper, .cky-prefrence-btn-wrapper, .cky-opt-out-btn-wrapper { flex-flow: row !important; } } :is( .cky-notice-btn-wrapper, .cky-prefrence-btn-wrapper, .cky-opt-out-btn-wrapper ) .cky-btn { margin: calc(var(--spacing) * 0) !important; flex-grow: 0 !important; width: 100% !important; } @media (min-width: 40rem) { :is( .cky-notice-btn-wrapper, .cky-prefrence-btn-wrapper, .cky-opt-out-btn-wrapper ) .cky-btn { width: auto !important; } } :is( .cky-notice-btn-wrapper, .cky-prefrence-btn-wrapper, .cky-opt-out-btn-wrapper ) .cky-btn-customize, :is( .cky-notice-btn-wrapper, .cky-prefrence-btn-wrapper, .cky-opt-out-btn-wrapper ) .cky-btn-preferences { order: 1 !important; } :is( .cky-notice-btn-wrapper, .cky-prefrence-btn-wrapper, .cky-opt-out-btn-wrapper ) .cky-btn-reject, :is( .cky-notice-btn-wrapper, .cky-prefrence-btn-wrapper, .cky-opt-out-btn-wrapper ) .cky-btn-cancel { order: 2 !important; } :is( .cky-notice-btn-wrapper, .cky-prefrence-btn-wrapper, .cky-opt-out-btn-wrapper ) .cky-btn-accept, :is( .cky-notice-btn-wrapper, .cky-prefrence-btn-wrapper, .cky-opt-out-btn-wrapper ) .cky-btn-confirm { order: 3 !important; } .cky-prefrence-btn-wrapper { padding-top: calc(var(--spacing) * 6) !important; } .cky-banner-btn-close, .cky-btn-close { top: calc(var(--spacing) * 4) !important; right: calc(var(--spacing) * 4) !important; z-index: 50 !important; width: calc(var(--spacing) * 10) !important; height: calc(var(--spacing) * 10) !important; cursor: pointer !important; --tw-border-style: none !important; padding: calc(var(--spacing) * 2) !important; font-size: var(--text-2xl) !important; line-height: var(--tw-leading, var(--text-2xl--line-height)) !important; color: var(--color-red-700) !important; background-color: #0000 !important; border-style: none !important; position: absolute !important; bottom: auto !important; left: auto !important; } @media (hover: hover) { :is(.cky-banner-btn-close, .cky-btn-close):hover { color: var(--color-red-800); } } :is(.cky-banner-btn-close, .cky-btn-close):focus-visible { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; --tw-ring-color: #ffc7ba80 !important; } @supports (color: color-mix(in lab, red, red)) { :is(.cky-banner-btn-close, .cky-btn-close):focus-visible { --tw-ring-color: color-mix( in oklab, var(--color-red-300) 50%, transparent ) !important; } } :is(.cky-banner-btn-close, .cky-btn-close):focus-visible { --tw-outline-style: none !important; outline-style: none !important; } :is(.cky-banner-btn-close, .cky-btn-close):before { top: calc(var(--spacing) * 0) !important; left: calc(var(--spacing) * 0) !important; width: calc(var(--spacing) * 6) !important; height: calc(var(--spacing) * 6) !important; --tw-content: "" !important; content: var(--tw-content) !important; width: 1em !important; height: 1em !important; -webkit-mask-image: var(--icon-cross) !important; mask-image: var(--icon-cross) !important; background: currentColor !important; display: inline-flex !important; -webkit-mask-position: 50% !important; mask-position: 50% !important; -webkit-mask-size: contain !important; mask-size: contain !important; -webkit-mask-repeat: no-repeat !important; mask-repeat: no-repeat !important; } :is(.cky-banner-btn-close, .cky-btn-close) img { visibility: hidden !important; opacity: 0 !important; width: 1px !important; height: 1px !important; position: absolute !important; } .cky-notice-des *, .cky-preference-content-wrapper *, .cky-gpc-wrapper .cky-gpc-desc * { font-family: var(--font-sans) !important; font-size: var(--text-xs-tight) !important; line-height: var(--tw-leading, var(--text-xs-tight--line-height)) !important; --tw-font-weight: var(--font-weight-medium) !important; font-weight: var(--font-weight-medium) !important; color: var(--color-purple-700) !important; } @media (min-width: 48rem) { .cky-notice-des *, .cky-preference-content-wrapper *, .cky-gpc-wrapper .cky-gpc-desc * { font-size: var(--text-base-tight) !important; line-height: var( --tw-leading, var(--text-base-tight--line-height) ) !important; } } .cky-accordion-header-des * { font-family: var(--font-sans) !important; font-size: var(--text-xs) !important; line-height: var(--tw-leading, var(--text-xs--line-height)) !important; color: var(--color-purple-900) !important; } @media (min-width: 48rem) { .cky-accordion-header-des * { font-size: var(--text-base-tight) !important; line-height: var( --tw-leading, var(--text-base-tight--line-height) ) !important; } } .cky-notice { align-items: center !important; gap: calc(var(--spacing) * 4) !important; flex-direction: column !important; width: 100% !important; display: flex !important; } @media (min-width: 48rem) { .cky-notice { gap: calc(var(--spacing) * 6) !important; } } .cky-notice-group { width: 100% !important; max-width: var(--container-3xl) !important; justify-content: center !important; align-items: center !important; gap: calc(var(--spacing) * 10) !important; flex-direction: column !important; display: flex !important; } .cky-title { margin: calc(var(--spacing) * 0) !important; padding: calc(var(--spacing) * 0) !important; text-align: center !important; font-family: var(--font-sans) !important; font-size: var(--text-lg) !important; line-height: var(--tw-leading, var(--text-lg--line-height)) !important; --tw-font-weight: var(--font-weight-bold) !important; font-weight: var(--font-weight-bold) !important; color: var(--color-purple-900) !important; } @media (min-width: 48rem) { .cky-title { font-size: var(--text-2xl) !important; line-height: var(--tw-leading, var(--text-2xl--line-height)) !important; } } .cky-notice-des { margin-bottom: calc(var(--spacing) * 0) !important; text-align: center !important; } @media (min-width: 48rem) { .cky-notice-des { padding-inline: calc(var(--spacing) * 6) !important; } } .cky-notice-des p { margin-bottom: calc(var(--spacing) * 0) !important; } @media (min-width: 48rem) { .cky-notice-des p { padding-inline: calc(var(--spacing) * 6) !important; } } .cky-modal { box-sizing: border-box !important; width: 100% !important; max-width: calc(100% - var(--spacing) * 6 * 2) !important; justify-content: center !important; display: flex !important; position: fixed !important; } @media (min-width: 48rem) { .cky-modal { max-width: calc(var(--container-3xl) - var(--spacing) * 10 * 2) !important; } } @media (min-width: 80rem) { .cky-modal { max-width: 53.5rem !important; } } .cky-modal { border-radius: var(--radius-xl) !important; background-color: var(--color-white) !important; --tw-shadow: 0 4px 20px var(--tw-shadow-color, #0000001a) !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; overflow: hidden !important; } .cky-preference-center { max-height: calc(100vh - var(--spacing) * 10 * 2) !important; flex-direction: column !important; flex-shrink: 0 !important; align-items: flex-start !important; width: 100% !important; display: flex !important; } @media (min-width: 80rem) { .cky-preference-center { max-height: calc(100vh - var(--spacing) * 24 * 2) !important; } } .cky-preference-center { margin-inline: calc(var(--spacing) * 0) !important; --tw-border-style: none !important; background-color: var(--color-white) !important; padding-inline: calc(var(--spacing) * 6) !important; padding-top: calc(var(--spacing) * 16) !important; padding-bottom: calc(var(--spacing) * 10) !important; --tw-shadow: 0 0 #0000 !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; border-style: none !important; align-self: stretch !important; margin-block: auto !important; } @media (min-width: 48rem) { .cky-preference-center { padding: calc(var(--spacing) * 10) !important; padding-top: calc(var(--spacing) * 20) !important; } } .cky-preference-center { font-size: var(--text-xs-tight) !important; line-height: var(--tw-leading, var(--text-xs-tight--line-height)) !important; color: var(--color-purple-700) !important; position: relative !important; } .cky-preference-center:before { content: var(--tw-content); top: calc(var(--spacing) * 6) !important; --tw-translate-x: -50% !important; translate: var(--tw-translate-x) var(--tw-translate-y) !important; --tw-content: "Cookies" !important; content: var(--tw-content) !important; position: absolute !important; left: 50% !important; } @media (min-width: 48rem) { .cky-preference-center:before { content: var(--tw-content); top: calc(var(--spacing) * 10) !important; } } .cky-preference-header { margin-bottom: calc(var(--spacing) * 4) !important; --tw-border-style: none !important; width: 100% !important; padding: calc(var(--spacing) * 0) !important; border-style: none !important; display: flex !important; } @media (min-width: 48rem) { .cky-preference-header { margin-bottom: calc(var(--spacing) * 6) !important; } } .cky-preference-body-wrapper { padding-inline: calc(var(--spacing) * 2) !important; } .cky-preference-title { margin: calc(var(--spacing) * 0) !important; width: 100% !important; padding: calc(var(--spacing) * 0) !important; text-align: center !important; font-family: var(--font-sans) !important; font-size: var(--text-lg) !important; line-height: var(--tw-leading, var(--text-lg--line-height)) !important; --tw-font-weight: var(--font-weight-bold) !important; font-weight: var(--font-weight-bold) !important; color: var(--color-purple-900) !important; display: block !important; } @media (min-width: 48rem) { .cky-preference-title { font-size: var(--text-2xl) !important; line-height: var(--tw-leading, var(--text-2xl--line-height)) !important; } } .cky-preference-content-wrapper { padding-inline: calc(var(--spacing) * 0) !important; padding-top: calc(var(--spacing) * 0) !important; padding-bottom: calc(var(--spacing) * 10) !important; text-align: center !important; } .cky-preference-content-wrapper a { color: var(--color-red-700) !important; text-decoration-color: currentColor !important; } @media (hover: hover) { .cky-preference-content-wrapper a:hover { color: var(--color-red-800) !important; } } .cky-preference-content-wrapper a:focus-visible { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; --tw-ring-color: #ffc7ba80 !important; } @supports (color: color-mix(in lab, red, red)) { .cky-preference-content-wrapper a:focus-visible { --tw-ring-color: color-mix( in oklab, var(--color-red-300) 50%, transparent ) !important; } } .cky-preference-content-wrapper a:focus-visible { --tw-outline-style: none !important; outline-style: none !important; } .cky-opt-out-wrapper { margin-block: calc(var(--spacing) * 10) !important; padding: calc(var(--spacing) * 0) !important; } .cky-opt-out-checkbox-wrapper input[type="checkbox"].cky-opt-out-checkbox { margin-right: calc(var(--spacing) * 4) !important; width: calc(var(--spacing) * 5) !important; height: calc(var(--spacing) * 5) !important; border-radius: var(--radius-sm) !important; border-style: var(--tw-border-style) !important; border-width: 1px !important; border-color: var(--color-beige-400) !important; transition-property: all !important; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ) !important; transition-duration: var( --tw-duration, var(--default-transition-duration) ) !important; --tw-duration: 0.3s !important; --tw-ease: var(--ease-in-out) !important; transition-duration: 0.3s !important; transition-timing-function: var(--ease-in-out) !important; background-color: var(--color-white) !important; flex-shrink: 0 !important; justify-content: center !important; align-items: center !important; display: flex !important; } .cky-opt-out-checkbox-wrapper input[type="checkbox"].cky-opt-out-checkbox:checked { border-color: var(--color-red-700) !important; background-color: var(--color-red-700) !important; } @media (hover: hover) { .cky-opt-out-checkbox-wrapper input[type="checkbox"].cky-opt-out-checkbox:hover { border-color: var(--color-red-700) !important; } .cky-opt-out-checkbox-wrapper input[type="checkbox"].cky-opt-out-checkbox:hover:checked { border-color: var(--color-red-800) !important; } } .cky-opt-out-checkbox-wrapper input[type="checkbox"].cky-opt-out-checkbox:focus-visible { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; --tw-ring-color: #ffc7ba80 !important; } @supports (color: color-mix(in lab, red, red)) { .cky-opt-out-checkbox-wrapper input[type="checkbox"].cky-opt-out-checkbox:focus-visible { --tw-ring-color: color-mix( in oklab, var(--color-red-300) 50%, transparent ) !important; } } .cky-opt-out-checkbox-wrapper input[type="checkbox"].cky-opt-out-checkbox:focus-visible { --tw-outline-style: none !important; outline-style: none !important; } .cky-opt-out-checkbox-label { margin: calc(var(--spacing) * 0) !important; font-family: var(--font-sans) !important; font-size: var(--text-xs-tight) !important; line-height: var(--tw-leading, var(--text-xs-tight--line-height)) !important; --tw-font-weight: var(--font-weight-medium) !important; font-weight: var(--font-weight-medium) !important; color: var(--color-purple-900) !important; } @media (min-width: 48rem) { .cky-opt-out-checkbox-label { font-size: var(--text-base-tight) !important; line-height: var( --tw-leading, var(--text-base-tight--line-height) ) !important; } } .cky-accordion-wrapper { margin-bottom: calc(var(--spacing) * 10) !important; } .cky-accordion-item { margin-block: calc(var(--spacing) * 3) !important; } .cky-accordion-chevron { display: none !important; } .cky-accordion-header-des { margin-top: calc(var(--spacing) * 7) !important; margin-right: calc(var(--spacing) * 6) !important; margin-bottom: calc(var(--spacing) * 4) !important; margin-left: calc(var(--spacing) * 0) !important; display: none !important; } @media (min-width: 48rem) { .cky-accordion-header-des { margin-right: calc(var(--spacing) * 16) !important; } } .cky-accordion-active .cky-accordion-header-des { display: block !important; } .cky-accordion-header:hover .cky-accordion-btn { color: var(--color-red-800) !important; } .cky-accordion-header .cky-accordion-btn { font-size: var(--text-xs-tight) !important; line-height: var(--tw-leading, var(--text-xs-tight--line-height)) !important; --tw-font-weight: var(--font-weight-medium) !important; font-weight: var(--font-weight-medium) !important; color: var(--color-red-700) !important; } .cky-accordion-header .cky-accordion-btn:focus-visible { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; --tw-ring-color: #ffc7ba80 !important; } @supports (color: color-mix(in lab, red, red)) { .cky-accordion-header .cky-accordion-btn:focus-visible { --tw-ring-color: color-mix( in oklab, var(--color-red-300) 50%, transparent ) !important; } } .cky-accordion-header .cky-accordion-btn:focus-visible { --tw-outline-style: none !important; outline-style: none !important; } @media (min-width: 48rem) { .cky-accordion-header .cky-accordion-btn { font-size: var(--text-base-tight) !important; line-height: var( --tw-leading, var(--text-base-tight--line-height) ) !important; } } .cky-accordion-header .cky-always-active { font-size: var(--text-xs) !important; line-height: var(--tw-leading, var(--text-xs--line-height)) !important; --tw-font-weight: var(--font-weight-medium) !important; font-weight: var(--font-weight-medium) !important; color: var(--color-purple-700) !important; } .cky-accordion-active .cky-accordion-body { margin-right: calc(var(--spacing) * 0) !important; margin-bottom: calc(var(--spacing) * 4) !important; padding: calc(var(--spacing) * 0) !important; display: block !important; } @media (min-width: 48rem) { .cky-accordion-active .cky-accordion-body { margin-right: calc(var(--spacing) * 16) !important; } } .cky-switch input[type="checkbox"] { background-color: var(--color-beige-100) !important; } .cky-switch input[type="checkbox"]:focus-visible { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; --tw-ring-color: #ffc7ba80 !important; } @supports (color: color-mix(in lab, red, red)) { .cky-switch input[type="checkbox"]:focus-visible { --tw-ring-color: color-mix( in oklab, var(--color-red-300) 50%, transparent ) !important; } } .cky-switch input[type="checkbox"]:focus-visible { --tw-outline-style: none !important; outline-style: none !important; } .cky-switch input[type="checkbox"]:checked { background-color: var(--color-red-700) !important; } @media (hover: hover) { .cky-switch input[type="checkbox"]:checked:hover { background-color: var(--color-red-800) !important; } } .cky-footer-wrapper { width: 100% !important; } .cky-btn-revisit-wrapper { z-index: 40 !important; background-color: var(--color-red-700) !important; transition-property: all !important; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ) !important; transition-duration: var( --tw-duration, var(--default-transition-duration) ) !important; --tw-duration: 0.3s !important; transition-duration: 0.3s !important; } @media (hover: hover) { .cky-btn-revisit-wrapper:hover { background-color: var(--color-red-800) !important; } } .cky-revisit-bottom-left { bottom: calc(var(--spacing) * 4) !important; left: calc(var(--spacing) * 4) !important; width: calc(var(--spacing) * 12) !important; height: calc(var(--spacing) * 12) !important; } .btn { cursor: pointer; border-style: var(--tw-border-style); font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--color-white); border-width: 2px; border-color: currentColor; border-radius: 2.5rem; flex-shrink: 0; justify-content: center; align-items: center; text-decoration-line: none; display: inline-flex; transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to !important; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ) !important; transition-duration: var( --tw-duration, var(--default-transition-duration) ) !important; } .btn:focus-visible { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); --tw-outline-style: none; outline-style: none; } .btn > * { flex: none; } .btn.btn-primary { border-color: var(--color-red-700); background-color: var(--color-red-700); color: var(--color-white); } @media (hover: hover) { .btn.btn-primary:hover { border-color: var(--color-red-800); background-color: var(--color-red-800); color: var(--color-white); } } .btn.btn-primary:focus-visible { --tw-ring-color: #ffc7ba80; } @supports (color: color-mix(in lab, red, red)) { .btn.btn-primary:focus-visible { --tw-ring-color: color-mix(in oklab, var(--color-red-300) 50%, transparent); } } .btn.btn-secondary { border-color: var(--color-purple-900); background-color: var(--color-purple-900); color: var(--color-white); } @media (hover: hover) { .btn.btn-secondary:hover { border-color: var(--color-purple-700); background-color: var(--color-purple-700); color: var(--color-white); } } .btn.btn-secondary:focus-visible { --tw-ring-color: #6b5c8080; } @supports (color: color-mix(in lab, red, red)) { .btn.btn-secondary:focus-visible { --tw-ring-color: color-mix( in oklab, var(--color-purple-700) 50%, transparent ); } } .btn.btn-white { border-color: var(--color-white); background-color: var(--color-white); color: var(--color-red-700); } @media (hover: hover) { .btn.btn-white:hover { border-color: var(--color-beige-200); background-color: var(--color-beige-200); color: var(--color-red-800); } } .btn.btn-white:focus-visible { --tw-ring-color: #e0dace80; } @supports (color: color-mix(in lab, red, red)) { .btn.btn-white:focus-visible { --tw-ring-color: color-mix( in oklab, var(--color-beige-200) 50%, transparent ); } } .btn.is-disabled, .btn:disabled { pointer-events: none; border-color: var(--color-lavender-400); background-color: var(--color-lavender-200); color: var(--color-lavender-400); } :is(.btn.is-disabled, .btn:disabled):focus-visible { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .btn-outline { background-color: #0000; } @media (hover: hover) { .btn-outline:hover { background-color: #0000; } } .btn-outline:focus-visible { --tw-outline-style: none; outline-style: none; } .btn-outline.btn-primary { color: var(--color-red-700); background-color: #0000; } @media (hover: hover) { .btn-outline.btn-primary:hover { color: var(--color-red-800); background-color: #0000; } } .btn-outline.btn-secondary { color: var(--color-purple-900); background-color: #0000; } @media (hover: hover) { .btn-outline.btn-secondary:hover { color: var(--color-purple-700); background-color: #0000; } } .btn-outline.btn-white { color: var(--color-white); background-color: #0000; } @media (hover: hover) { .btn-outline.btn-white:hover { color: var(--color-beige-200); background-color: #0000; } } .btn-outline.btn-bg-white { background-color: var(--color-white); } @media (hover: hover) { .btn-outline.btn-bg-white:hover { background-color: var(--color-white); } } .btn-outline.is-disabled, .btn-outline:disabled { color: var(--color-lavender-400); background-color: #0000; } @media (hover: hover) { :is(.btn-outline.is-disabled, .btn-outline:disabled):hover { background-color: #0000; } } :is(.btn-outline.is-disabled, .btn-outline:disabled):focus-visible { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .btn-icon-only.btn-sm { padding: calc(var(--spacing) * 1.5); } .btn-icon-only.btn-md { padding: calc(var(--spacing) * 2.5); } .btn-icon-only.btn-lg { padding: calc(var(--spacing) * 4); } .btn-icon-left { padding-left: 1.375rem; padding-right: 1.875rem; } .btn-icon-right { padding-left: 1.875rem; padding-right: 1.375rem; } .btn-icon-both { padding-inline: 1.375rem; } .btn-icon-full { --tw-border-style: none; padding: calc(var(--spacing) * 0); background-color: #0000; border-style: none; } @media (hover: hover) { .btn-icon-full:hover { --tw-border-style: none; background-color: #0000; border-style: none; text-decoration-line: underline; } } .btn-icon-full:focus-visible { --tw-outline-style: none; outline-style: none; } .btn-icon-full.btn-sm { height: calc(var(--spacing) * 10); width: calc(var(--spacing) * 10); --tw-border-style: none; padding: calc(var(--spacing) * 0); border-style: none; } .btn-icon-full.btn-md { height: calc(var(--spacing) * 12); width: calc(var(--spacing) * 12); --tw-border-style: none; padding: calc(var(--spacing) * 0); border-style: none; } .btn-icon-full.btn-lg { --tw-border-style: none; width: 3.75rem; height: 3.75rem; padding: calc(var(--spacing) * 0); border-style: none; } .btn-icon-full.btn-primary { color: var(--color-red-700); background-color: #0000; } @media (hover: hover) { .btn-icon-full.btn-primary:hover { color: var(--color-red-800); background-color: #0000; } } .btn-icon-full.btn-secondary { color: var(--color-purple-900); background-color: #0000; } @media (hover: hover) { .btn-icon-full.btn-secondary:hover { color: var(--color-purple-700); background-color: #0000; } } .btn-icon-full.btn-white { color: var(--color-white); background-color: #0000; } @media (hover: hover) { .btn-icon-full.btn-white:hover { color: var(--color-beige-200); background-color: #0000; } } .btn-icon-full.is-disabled, .btn-icon-full:disabled { color: var(--color-lavender-400); background-color: #0000; border-color: #0000; } :is(.btn-icon-full.is-disabled, .btn-icon-full:disabled):focus-visible { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .btn-text { padding-inline: calc(var(--spacing) * 0); background-color: #0000; border-color: #0000; border-radius: 0 !important; } @media (hover: hover) { .btn-text:hover { background-color: #0000; border-color: #0000; text-decoration-line: underline; } } .btn-text:focus-visible { --tw-outline-style: none; outline-style: none; } .btn-text.btn-sm, .btn-text.btn-md, .btn-text.btn-lg { padding-inline: calc(var(--spacing) * 0); } .btn-text.btn-primary { color: var(--color-red-700); background-color: #0000; border-color: #0000; } @media (hover: hover) { .btn-text.btn-primary:hover { color: var(--color-red-800); background-color: #0000; border-color: #0000; } } .btn-text.btn-secondary { color: var(--color-purple-900); background-color: #0000; border-color: #0000; } @media (hover: hover) { .btn-text.btn-secondary:hover { color: var(--color-purple-700); background-color: #0000; border-color: #0000; } } .btn-text.btn-white { color: var(--color-white); background-color: #0000; border-color: #0000; } @media (hover: hover) { .btn-text.btn-white:hover { color: var(--color-beige-200); background-color: #0000; border-color: #0000; } } .btn-text.is-disabled, .btn-text:disabled { color: var(--color-lavender-400); background-color: #0000; border-color: #0000; } @media (hover: hover) { :is(.btn-text.is-disabled, .btn-text:disabled):hover { border-color: #0000; } } :is(.btn-text.is-disabled, .btn-text:disabled):focus-visible { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } @media (min-width: 80rem) { .menu-item-has-children:hover > .sub-menu-container { display: grid; } .depth-0 > .menu-item-has-children > a { pointer-events: none; } } /* .menu > .menu-item-has-children:after { margin-left: calc(var(--spacing) * 2); width: 1em; height: 1em; -webkit-mask-image: var(--icon-chevron-down); mask-image: var(--icon-chevron-down); width: calc(var(--spacing) * 5); height: calc(var(--spacing) * 5); content: var(--tw-content); color: currentColor; background: currentColor; display: inline-flex; -webkit-mask-position: 50%; mask-position: 50%; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } */ .menu > .menu-item-has-children:hover { color: var(--color-red-700); text-decoration-line: underline; } .menu > .menu-item-has-children:hover:after { width: 1em; height: 1em; -webkit-mask-image: var(--icon-chevron-up); mask-image: var(--icon-chevron-up); width: calc(var(--spacing) * 5); height: calc(var(--spacing) * 5); background: currentColor; display: inline-flex; -webkit-mask-position: 50%; mask-position: 50%; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .menu-mobile .menu-item-has-children > a { justify-content: space-between; align-items: center; width: 100%; display: flex; } .menu-mobile .menu-item-has-children > a:after { width: 1em; height: 1em; -webkit-mask-image: var(--icon-chevron-right); mask-image: var(--icon-chevron-right); content: var(--tw-content); width: calc(var(--spacing) * 6); height: calc(var(--spacing) * 6); background: currentColor; display: inline-flex; -webkit-mask-position: 50%; mask-position: 50%; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .menu-mobile:has(.has-active-menu) > .menu-item { pointer-events: none; height: calc(var(--spacing) * 0); width: calc(var(--spacing) * 0); position: absolute; overflow: hidden; } .menu-mobile:has(.has-active-menu) > .has-active-menu { pointer-events: auto; width: auto; height: auto; position: static; overflow: visible; } .menu-mobile:has(.has-active-menu) > .has-active-menu > .sub-menu-container > .sub-menu-list > .btn-back { top: calc(var(--spacing) * 5); position: fixed; } .menu-mobile:has(.has-active-menu) > .has-active-menu > .sub-menu-container > .sub-menu-list:has(.has-active-third-level) > .menu-item { pointer-events: none; height: calc(var(--spacing) * 0); width: calc(var(--spacing) * 0); position: absolute; overflow: hidden; } .menu-mobile:has(.has-active-menu) > .has-active-menu > .sub-menu-container > .sub-menu-list:has(.has-active-third-level) > .has-active-third-level { pointer-events: auto; width: auto; height: auto; position: static; overflow: visible; } .menu-mobile:has(.has-active-menu) > .has-active-menu > .sub-menu-container > .sub-menu-list:has(.has-active-third-level) > .btn-back { position: static; } .mobile-menu-content { min-height: 34.5rem; } @media screen and (orientation: landscape) and (max-height: 639px) { .mobile-menu-content { min-height: calc(var(--spacing) * 36); } } .sub-menu-container { top: 100%; right: calc(var(--spacing) * 0); left: calc(var(--spacing) * 0); cursor: default; border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; border-bottom-color: var(--color-beige-200); background-color: var(--color-white); display: none; position: absolute; } @media (min-width: 80rem) { .sub-menu-container { top: calc(100% + 1rem); right: calc(var(--spacing) * -6); left: calc(var(--spacing) * -6); gap: calc(var(--spacing) * 6); border-radius: var(--radius-4xl); border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; border-bottom-color: var(--color-beige-200); background-color: var(--color-beige-50); max-width: none; padding-inline: calc(var(--spacing) * 10); grid-template-columns: 21.25rem 2.2fr; display: none; position: absolute; } .sub-menu-container.is-small { background-color: var(--color-beige-50-warm); grid-template-columns: 21.25rem 1fr; max-width: 51rem; margin-inline: auto; } .sub-menu-container.is-small .sub-menu-info:before { top: calc(var(--spacing) * 0); right: calc(var(--spacing) * -10); left: calc(var(--spacing) * -10); content: var(--tw-content); background-color: var(--color-beige-50); border-top-left-radius: 2.5rem; border-bottom-left-radius: 2.5rem; height: 100%; position: absolute; } .sub-menu-container:has(.has-third-level).is-big { grid-template-columns: 21.125rem 2.1fr 1fr; } .sub-menu-container:has(.has-third-level).is-small { background-color: var(--color-beige-50); grid-template-columns: 21.25rem 1fr 1fr; max-width: none; } .sub-menu-container:has(.has-third-level).is-small .sub-menu-info:before { content: var(--tw-content); display: none; } .sub-menu-container:hover, .sub-menu-container.is-focus-open { display: grid; } } .menu .sub-menu-container:after { bottom: 100%; left: calc(var(--spacing) * 0); height: calc(var(--spacing) * 12); content: var(--tw-content); background-color: #0000; width: 100%; position: absolute; } .third-level-container { display: none; } @media (min-width: 80rem) { .third-level-container { top: calc(var(--spacing) * 0); right: calc(var(--spacing) * 0); bottom: calc(var(--spacing) * 0); cursor: default; background-color: var(--color-beige-50-warm); width: 25.5%; padding: calc(var(--spacing) * 10); border-top-right-radius: 2.5rem; border-bottom-right-radius: 2.5rem; grid-column: span 1 / span 1; display: none; position: absolute; } .is-small .third-level-container { width: 37%; } .is-active-third-level .third-level-container { display: block; } .sub-menu.depth-0:has(.has-third-level) > .menu-item > a { align-items: center; gap: calc(var(--spacing) * 2); text-decoration-line: none; } .sub-menu.depth-0:has(.has-third-level) > .menu-item > a:after { width: 1em; height: 1em; -webkit-mask-image: var(--icon-chevron-right); mask-image: var(--icon-chevron-right); width: calc(var(--spacing) * 6); height: calc(var(--spacing) * 6); content: var(--tw-content); opacity: 0; background: currentColor; flex-shrink: 0; display: flex; -webkit-mask-position: 50%; mask-position: 50%; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } @media (hover: hover) { .sub-menu.depth-0:has(.has-third-level) > .menu-item > a:hover { background-color: var(--color-beige-100); } } .sub-menu.depth-0:has(.has-third-level) > .menu-item:hover, .sub-menu.depth-0:has(.has-third-level) > .menu-item.is-active-third-level { color: var(--color-red-700); } :is( .sub-menu.depth-0:has(.has-third-level) > .menu-item:hover, .sub-menu.depth-0:has(.has-third-level) > .menu-item.is-active-third-level ) > a { background-color: var(--color-beige-100); color: var(--color-red-700); } :is( .sub-menu.depth-0:has(.has-third-level) > .menu-item:hover, .sub-menu.depth-0:has(.has-third-level) > .menu-item.is-active-third-level ) > a:after { color: var(--color-red-700); content: var(--tw-content); opacity: 1; } .sub-menu.depth-1 { gap: calc(var(--spacing) * 2); flex-direction: column; display: flex; } } .menu-mobile .sub-menu-container { top: calc(var(--spacing) * 0); bottom: calc(var(--spacing) * 0); z-index: 10; width: calc(var(--spacing) * 0); --tw-border-style: none; background-color: var(--color-beige-50-warm); 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)); --tw-duration: 0.2s; --tw-ease: var(--ease-out); transition-duration: 0.2s; transition-timing-function: var(--ease-out); border-style: none; display: flex; left: 100%; overflow: hidden; } .menu-mobile .sub-menu-container.depth-0:is(:where(.group).has-active-menu *) { left: calc(var(--spacing) * 0); width: 100%; overflow: auto; } .menu-mobile .third-level-container { top: calc(var(--spacing) * 0); bottom: calc(var(--spacing) * 0); z-index: 20; width: calc(var(--spacing) * 0); background-color: var(--color-beige-50-warm); 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)); --tw-duration: 0.2s; --tw-ease: var(--ease-out); transition-duration: 0.2s; transition-timing-function: var(--ease-out); display: flex; position: absolute; left: 100%; overflow: hidden; } .has-active-third-level :is(.menu-mobile .third-level-container) { left: calc(var(--spacing) * 0); width: 100%; } .has-active-third-level :is(.menu-mobile .third-level-container) .btn-back { top: calc(var(--spacing) * 5); position: fixed; } .modal-mobile-menu .menu-mobile .sub-menu-container { --tw-duration: initial !important; } .modal-mobile-menu.is-open { --tw-translate-y: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } .has-opened-nav:has(.modal-mobile-menu.is-open), .has-opened-nav:has(.modal.is-open) { overflow: hidden !important; } .form .form-field { width: 100%; position: relative; } .form .form-field:focus-within { z-index: 2; } .form .form-input, .form .form-textarea { box-sizing: border-box; border-style: var(--tw-border-style); border-width: 1px; border-color: var(--color-beige-200); background-color: var(--color-white); width: 100%; height: 100%; padding-inline: calc(var(--spacing) * 6); padding-block: calc(var(--spacing) * 4); padding-top: calc(var(--spacing) * 9); font-size: var(--text-base-tight); line-height: var(--tw-leading, var(--text-base-tight--line-height)); display: block; } :is(.form .form-input, .form .form-textarea):invalid { border-style: var(--tw-border-style); border-width: 2px; border-color: var(--color-red-400); background-color: var(--color-red-50); } @media (hover: hover) { :is(.form .form-input, .form .form-textarea):hover { border-color: var(--color-beige-300); } :is(.form .form-input, .form .form-textarea):invalid:hover { border-color: var(--color-red-400); } } :is(.form .form-input, .form .form-textarea):focus { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); --tw-ring-color: #ffc7ba80; } @supports (color: color-mix(in lab, red, red)) { :is(.form .form-input, .form .form-textarea):focus { --tw-ring-color: color-mix(in oklab, var(--color-red-300) 50%, transparent); } } :is(.form .form-input, .form .form-textarea):focus { --tw-outline-style: none; outline-style: none; } :is(.form .form-input, .form .form-textarea).is-invalid { border-style: var(--tw-border-style); border-width: 2px; border-color: var(--color-red-400); background-color: var(--color-red-50); } @media (hover: hover) { :is(.form .form-input, .form .form-textarea).is-invalid:hover { border-color: var(--color-red-400); } } :is(.form .form-input, .form .form-textarea):disabled, :is(.form .form-input, .form .form-textarea).is-disabled { pointer-events: none; cursor: not-allowed; background-color: var(--color-beige-100); -webkit-user-select: none; user-select: none; color: var(--color-beige-400) !important; } @media (hover: hover) { :is( :is(.form .form-input, .form .form-textarea):disabled, :is(.form .form-input, .form .form-textarea).is-disabled ):hover { border-color: var(--color-beige-200); } } .form .form-textarea { min-height: calc(var(--spacing) * 20); } .form .form-label { top: calc(var(--spacing) * 4); left: calc(var(--spacing) * 6); z-index: 10; transform-origin: 0; --tw-translate-y: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); --tw-scale-x: 75%; --tw-scale-y: 75%; --tw-scale-z: 75%; scale: var(--tw-scale-x) var(--tw-scale-y); transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,); font-size: var(--text-base-tight); line-height: var(--tw-leading, var(--text-base-tight--line-height)); color: var(--color-purple-700); --tw-duration: 0.3s; transition-duration: 0.3s; position: absolute; } .form .form-label:is(:where(.peer):placeholder-shown ~ *) { --tw-translate-y: calc(var(--spacing) * 2.5); translate: var(--tw-translate-x) var(--tw-translate-y); --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y); } .form .form-label:is(:where(.peer):invalid ~ *) { color: var(--color-red-400); } .form .form-label:is(:where(.peer):focus ~ *) { --tw-translate-y: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); --tw-scale-x: 75%; --tw-scale-y: 75%; --tw-scale-z: 75%; scale: var(--tw-scale-x) var(--tw-scale-y); } .form .form-label:is(:where(.peer):disabled ~ *) { color: var(--color-beige-400); -webkit-user-select: none; user-select: none; } .form .form-label:is(:where(.peer).is-disabled ~ *) { -webkit-user-select: none; user-select: none; color: var(--color-beige-400) !important; } .form .form-label:is(:where(.peer).is-invalid ~ *) { color: var(--color-red-400); } .form .form-label:after { padding-left: calc(var(--spacing) * 1); color: var(--color-red-700); --tw-content: ""; content: var(--tw-content); } .form .form-label:is(:where(.peer):required ~ *):after { --tw-content: "*"; content: var(--tw-content); } .form .form-label:is(:where(.peer):invalid ~ *):after { content: var(--tw-content); color: var(--color-red-400); } .form .form-label:is(:where(.peer):disabled ~ *):after { content: var(--tw-content); color: var(--color-beige-400); } .form .form-label:is(:where(.peer).is-invalid ~ *):after { content: var(--tw-content); color: var(--color-red-400); } .form .form-label:is(:where(.peer)[data-required="true"] ~ *):after { --tw-content: "*"; content: var(--tw-content); } .form .form-field:has(input[type="checkbox"]) > label:has(input[type="checkbox"]) { cursor: pointer; align-items: center; display: flex; } :where( .form .form-field:has(input[type="checkbox"]) > label:has(input[type="checkbox"]) > :not(:last-child) ) { --tw-space-x-reverse: 0; margin-inline-start: calc( calc(var(--spacing) * 2) * var(--tw-space-x-reverse) ); margin-inline-end: calc( calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)) ); } .form .form-field:has(input[type="checkbox"]) > label > input[type="checkbox"] { clip-path: inset(50%); white-space: nowrap; border-width: 0; width: 1px; height: 1px; margin: -1px; padding: 0; position: absolute; overflow: hidden; } :is( .form .form-field:has(input[type="checkbox"]) > label > input[type="checkbox"]:required ~ .checkbox-label, .form .form-field:has(input[type="checkbox"]) > label > input[type="checkbox"][data-required="true"] ~ .checkbox-label ):after { color: var(--color-red-700); --tw-content: "*"; content: var(--tw-content); } .form .form-field:has(input[type="checkbox"]) > label > .checkbox { margin-right: calc(var(--spacing) * 4); width: calc(var(--spacing) * 5); height: calc(var(--spacing) * 5); border-radius: var(--radius-sm); border-style: var(--tw-border-style); border-width: 1px; border-color: var(--color-beige-400); background-color: var(--color-white); --tw-duration: 0.3s; --tw-ease: var(--ease-in-out); transition-duration: 0.3s; transition-timing-function: var(--ease-in-out); flex-shrink: 0; justify-content: center; align-items: center; display: flex; transition-property: all !important; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ) !important; transition-duration: var( --tw-duration, var(--default-transition-duration) ) !important; } .form .form-field:has(input[type="checkbox"]) > label > .checkbox:is(:where(.peer).is-invalid ~ *) { border-color: var(--color-red-400); background-color: var(--color-red-50); } @media (hover: hover) { .form .form-field:has(input[type="checkbox"]) > label > .checkbox:is(:where(.group):hover *):after { content: var(--tw-content); color: var(--color-red-800); } } .form .form-field:has(input[type="checkbox"]) > label > .checkbox:is(:where(.peer):checked ~ *):after { content: var(--tw-content); display: block; } .form .form-field:has(input[type="checkbox"]) > label > .checkbox:after { width: 1em; height: 1em; -webkit-mask-image: var(--icon-check); mask-image: var(--icon-check); width: calc(var(--spacing) * 5); height: calc(var(--spacing) * 5); color: var(--color-red-700); background: currentColor; display: none; -webkit-mask-position: 50%; mask-position: 50%; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .form .form-field:has(input[type="checkbox"]) > label > .checkbox-label { font-size: var(--text-xs-tight); line-height: var(--tw-leading, var(--text-xs-tight--line-height)); color: var(--color-purple-900); } .form .form-field:has(input[type="checkbox"]) > label > .checkbox-label:is(:where(.peer):required ~ *) { border-color: var(--color-red-500); } @media (min-width: 80rem) { .form .form-field:has(input[type="checkbox"]) > label > .checkbox-label { font-size: var(--text-base-tight); line-height: var(--tw-leading, var(--text-base-tight--line-height)); } } .form-field.select:has(select[data-required="true"]) .ss-placeholder:after { padding-left: calc(var(--spacing) * 1); color: var(--color-red-700); --tw-content: "*"; content: var(--tw-content); } .form-field.select .ss-main { border-style: var(--tw-border-style); border-width: 1px; border-color: var(--color-beige-200); background-color: var(--color-white); width: 100%; padding-inline: calc(var(--spacing) * 6); padding-block: calc(var(--spacing) * 4); font-size: var(--text-base-tight); line-height: var(--tw-leading, var(--text-base-tight--line-height)); border-radius: 0 !important; height: auto !important; } .form-field.select .ss-main:invalid { border-style: var(--tw-border-style); border-width: 2px; border-color: var(--color-red-400); background-color: var(--color-red-50); } @media (hover: hover) { .form-field.select .ss-main:hover { border-color: var(--color-beige-300); } .form-field.select .ss-main:invalid:hover { border-color: var(--color-red-400); } } .form-field.select .ss-main:focus { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); --tw-ring-color: #ffc7ba80; } @supports (color: color-mix(in lab, red, red)) { .form-field.select .ss-main:focus { --tw-ring-color: color-mix(in oklab, var(--color-red-300) 50%, transparent); } } .form-field.select .ss-main:focus { --tw-outline-style: none; outline-style: none; } .form-field.select .ss-main.is-invalid { border-style: var(--tw-border-style); border-width: 2px; border-color: var(--color-red-400); background-color: var(--color-red-50); } @media (hover: hover) { .form-field.select .ss-main.is-invalid:hover { border-color: var(--color-red-400); } } .form-field.select .ss-main.is-invalid .ss-placeholder { color: var(--color-red-400) !important; } .form-field.select .ss-main .ss-values { min-height: calc(var(--spacing) * 11); align-items: center; } .form-field.select .ss-main .ss-values > .ss-value { height: calc(var(--spacing) * 7); border-style: var(--tw-border-style); border-width: 2px; border-color: var(--color-purple-900); padding-inline: calc(var(--spacing) * 1); padding-block: calc(var(--spacing) * 0.5); background-color: #0000; border-radius: 3.40282e38px; } @media (hover: hover) { .form-field.select .ss-main .ss-values > .ss-value:hover { background-color: #2d18471a; } @supports (color: color-mix(in lab, red, red)) { .form-field.select .ss-main .ss-values > .ss-value:hover { background-color: color-mix( in oklab, var(--color-purple-900) 10%, transparent ); } } } .form-field.select .ss-main .ss-values > .ss-value > .ss-value-text { color: var(--color-purple-900); } .form-field.select .ss-main .ss-values > .ss-value > .ss-value-delete { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); color: var(--color-purple-900); width: 1em !important; height: 1em !important; -webkit-mask-image: var(--icon-cross) !important; mask-image: var(--icon-cross) !important; background: currentColor !important; display: inline-flex !important; -webkit-mask-position: 50% !important; mask-position: 50% !important; -webkit-mask-size: contain !important; mask-size: contain !important; -webkit-mask-repeat: no-repeat !important; mask-repeat: no-repeat !important; } .form-field.select .ss-main .ss-values > .ss-value > .ss-value-delete svg { display: none; } .form-field.select .ss-main .ss-placeholder { color: var(--color-purple-700); } .form-field.select .ss-main .ss-placeholder:is(:where(.peer):invalid ~ *) { color: var(--color-red-400); } .form-field.select .ss-main .ss-placeholder:is(:where(.peer):disabled ~ *) { color: var(--color-beige-400); -webkit-user-select: none; user-select: none; } .form-field.select .ss-main .ss-placeholder:is(:where(.peer).is-disabled ~ *) { -webkit-user-select: none; user-select: none; color: var(--color-beige-400) !important; } .form-field.select .ss-main .ss-placeholder:is(:where(.peer).is-invalid ~ *) { color: var(--color-red-400); } .form-field.select .ss-main .ss-placeholder:is(:where(.peer):invalid ~ *):after { content: var(--tw-content); color: var(--color-red-400); } .form-field.select .ss-main .ss-placeholder:is(:where(.peer):disabled ~ *):after { content: var(--tw-content); color: var(--color-beige-400); } .form-field.select .ss-main .ss-placeholder:is(:where(.peer).is-invalid ~ *):after { content: var(--tw-content); color: var(--color-red-400); } .ss-content { height: auto !important; } .ss-content .ss-list { max-height: calc(var(--spacing) * 65); } .ss-content .ss-list > .ss-option { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; border-color: var(--color-beige-200); padding-block: calc(var(--spacing) * 4); } .ss-content .ss-list > .ss-option:last-child { border-bottom-style: var(--tw-border-style); border-bottom-width: 0; } @media (hover: hover) { .ss-content .ss-list > .ss-option:hover { background-color: var(--color-beige-100); color: var(--color-purple-900); } } .ss-content .ss-list > .ss-option.ss-selected { background-color: var(--color-beige-100) !important; color: var(--color-purple-900) !important; } .form-field.select.referral-source .ss-main { border-style: var(--tw-border-style) !important; border-width: 0 !important; border-top-style: var(--tw-border-style) !important; border-top-width: 1px !important; } @media (min-width: 80rem) { .form-field.select.referral-source .ss-main { border-bottom-left-radius: var(--radius-lg); } .form-field.select.referral-source:has( + #referral-details-wrapper:not(.hidden) ) .ss-main { border-radius: 0 !important; } } .form-field--tight-field:has(> .is-invalid) { z-index: 1 !important; } :is( .form-field--tight-field .form-input, .form-field--tight-field .form-textarea, .form-field--tight-field .ss-main ).is-invalid { z-index: 1; --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; --tw-ring-color: var(--color-red-400) !important; border-color: #0000 !important; } :is( .form-field--tight-field .form-input, .form-field--tight-field .form-textarea, .form-field--tight-field .ss-main ).is-invalid:focus { --tw-inset-ring-color: #ffc7ba80; --tw-inset-ring-shadow: inset 0 0 0 2px var(--tw-inset-ring-color, currentcolor) !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; } @supports (color: color-mix(in lab, red, red)) { :is( .form-field--tight-field .form-input, .form-field--tight-field .form-textarea, .form-field--tight-field .ss-main ).is-invalid:focus { --tw-inset-ring-color: color-mix( in oklab, var(--color-red-300) 50%, transparent ); } } .error-message { justify-content: flex-start; align-items: center; gap: calc(var(--spacing) * 2); border-radius: var(--radius-lg); border-style: var(--tw-border-style); border-width: 1px; border-color: var(--color-red-400); background-color: var(--color-white); padding: calc(var(--spacing) * 4); font-size: var(--text-xs-tight); line-height: var(--tw-leading, var(--text-xs-tight--line-height)); color: var(--color-purple-900); align-self: stretch; display: inline-flex; } .error-message:before { width: 1em; height: 1em; -webkit-mask-image: var(--icon-info); mask-image: var(--icon-info); height: calc(var(--spacing) * 6); width: calc(var(--spacing) * 6); color: var(--color-red-400); --tw-content: ""; content: var(--tw-content); background: currentColor; flex-shrink: 0; display: block; rotate: 180deg; -webkit-mask-position: 50%; mask-position: 50%; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } form:not(.is-invalid) .form-message { display: none !important; } .btn-submit > .spinner { display: none; } form.is-submitting .btn-submit { pointer-events: none; --tw-border-style: none; background-color: var(--color-beige-100); color: var(--color-beige-400); border-style: none; } form.is-submitting .btn-submit > .spinner { display: flex; } form.is-submitting { pointer-events: none; opacity: 0.8; } .form-fine .form-fields { width: auto; margin-bottom: -1px; margin-right: -1px; } .form-fine .form-field { width: auto; display: block; position: relative; } .form-fine .form-field:focus-within { z-index: 4; } .form-fine .form-field:has(:hover) { z-index: 3; } .form-fine .form-field { color: var(--color-beige-900); border-style: var(--tw-border-style); border-width: 1px; border-color: var(--color-beige-200); } .form-fine .form-field:has(:hover) { border-color: var(--color-beige-300); } .form-fine .form-field { box-sizing: border-box; margin-top: -1px; margin-left: -1px; } .form-fine .form-field:has(.is-invalid) { z-index: 2; border-color: var(--color-red-400); } .form-fine .form-field:has(.is-invalid):focus-within { z-index: 4; } .form-fine .form-field:has(:is()) { border-color: var(--color-red-400); } .form-fine .form-field:has(:focus) { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); --tw-ring-color: #ffc7ba80; } @supports (color: color-mix(in lab, red, red)) { .form-fine .form-field:has(:focus) { --tw-ring-color: color-mix(in oklab, var(--color-red-300) 50%, transparent); } } .form-fine .form-field:has(:focus-visible) { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); --tw-ring-color: #ffc7ba80; } @supports (color: color-mix(in lab, red, red)) { .form-fine .form-field:has(:focus-visible) { --tw-ring-color: color-mix(in oklab, var(--color-red-300) 50%, transparent); } } .form-fine .form-input, .form-fine .form-textarea { width: 100%; min-height: 3.875rem; padding-inline: calc(var(--spacing) * 6); font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); background-color: var(--color-beige-50); padding-top: 1.8125rem; padding-bottom: 0.6875rem; display: block; } @media (hover: hover) { :is(.form-fine .form-input, .form-fine .form-textarea):hover { background-color: var(--color-beige-50-warm); } } :is(.form-fine .form-input, .form-fine .form-textarea).is-invalid { background-color: var(--color-red-50); } :is(.form-fine .form-input, .form-fine .form-textarea):focus { caret-color: var(--color-red-700); --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } :is(.form-fine .form-input, .form-fine .form-textarea):disabled, :is(.form-fine .form-input, .form-fine .form-textarea).is-disabled { pointer-events: none; cursor: not-allowed; background-color: var(--color-beige-100); -webkit-user-select: none; user-select: none; color: var(--color-beige-400) !important; } @media (hover: hover) { :is( :is(.form-fine .form-input, .form-fine .form-textarea):disabled, :is(.form-fine .form-input, .form-fine .form-textarea).is-disabled ):hover { border-color: var(--color-beige-200); } } .form-fine .form-textarea { min-height: calc(var(--spacing) * 20); } .form-fine .form-label { top: calc(var(--spacing) * 3); left: calc(var(--spacing) * 6); z-index: 10; transform-origin: 0; --tw-translate-y: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); --tw-scale-x: 75%; --tw-scale-y: 75%; --tw-scale-z: 75%; scale: var(--tw-scale-x) var(--tw-scale-y); transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,); --tw-duration: 0.3s; font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); --tw-leading: calc(var(--spacing) * 6); line-height: calc(var(--spacing) * 6); color: var(--color-beige-500); transition-duration: 0.3s; position: absolute; } .form-fine .form-label:is(:where(.peer):placeholder-shown ~ *) { --tw-translate-y: calc(var(--spacing) * 2); translate: var(--tw-translate-x) var(--tw-translate-y); --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y); } .form-fine .form-label:is(:where(.peer):focus ~ *) { --tw-translate-y: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); --tw-scale-x: 75%; --tw-scale-y: 75%; --tw-scale-z: 75%; scale: var(--tw-scale-x) var(--tw-scale-y); } .form-fine .form-label:is(:where(.peer):invalid ~ *), .form-fine .form-label:is(:where(.peer).is-invalid ~ *) { color: var(--color-red-400); } .form-fine .form-label:after { padding-left: calc(var(--spacing) * 0.5); color: var(--color-red-700); --tw-content: ""; content: var(--tw-content); } .form-fine .form-label:is(:where(.peer):required ~ *):after { --tw-content: "*"; content: var(--tw-content); } .form-fine .form-label:is(:where(.peer):invalid ~ *):after, .form-fine .form-label:is(:where(.peer).is-invalid ~ *):after { content: var(--tw-content); color: var(--color-red-400); } .form-fine .form-label:is(:where(.peer)[data-required="true"] ~ *):after { --tw-content: "*"; content: var(--tw-content); } .form-fine .form-label:is(:where(.peer):disabled ~ *) { color: var(--color-beige-400); -webkit-user-select: none; user-select: none; } .form-fine .form-label:is(:where(.peer).is-disabled ~ *) { -webkit-user-select: none; user-select: none; color: var(--color-beige-400) !important; } .form-fine .form-label:is(:where(.peer):disabled ~ *):after { content: var(--tw-content); color: var(--color-beige-400); } .form-fine .form-field:has(input[type="checkbox"]) { border-style: var(--tw-border-style); --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); border-width: 0; } .form-fine .form-field:has(input[type="checkbox"]) > label:has(input[type="checkbox"]) { cursor: pointer; align-items: center; display: flex; } :where( .form-fine .form-field:has(input[type="checkbox"]) > label:has(input[type="checkbox"]) > :not(:last-child) ) { --tw-space-x-reverse: 0; margin-inline-start: calc( calc(var(--spacing) * 2) * var(--tw-space-x-reverse) ); margin-inline-end: calc( calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)) ); } .form-fine .form-field:has(input[type="checkbox"]) > label:has(input[type="checkbox"]):has(:is(input:disabled)) { pointer-events: none; } .form-fine .form-field:has(input[type="checkbox"]) > label > input[type="checkbox"] { clip-path: inset(50%); white-space: nowrap; border-width: 0; width: 1px; height: 1px; margin: -1px; padding: 0; position: absolute; overflow: hidden; } :is( .form-fine .form-field:has(input[type="checkbox"]) > label > input[type="checkbox"]:required ~ .checkbox-label, .form-fine .form-field:has(input[type="checkbox"]) > label > input[type="checkbox"][data-required="true"] ~ .checkbox-label ):after { color: var(--color-red-700); --tw-content: "*"; content: var(--tw-content); } :is( .form-fine .form-field:has(input[type="checkbox"]) > label > input[type="checkbox"]:required:disabled ~ .checkbox-label, .form-fine .form-field:has(input[type="checkbox"]) > label > input[type="checkbox"][data-required="true"]:disabled ~ .checkbox-label ):after { content: var(--tw-content); color: currentColor; } .form-fine .form-field:has(input[type="checkbox"]) > label > .checkbox { z-index: 1; margin-right: calc(var(--spacing) * 4); width: calc(var(--spacing) * 5); height: calc(var(--spacing) * 5); flex-shrink: 0; justify-content: center; align-items: center; display: flex; position: relative; } @media (min-width: 80rem) { .form-fine .form-field:has(input[type="checkbox"]) > label > .checkbox { margin-right: calc(var(--spacing) * 2); } } .form-fine .form-field:has(input[type="checkbox"]) > label > .checkbox { border-radius: var(--radius-sm); border-style: var(--tw-border-style); border-width: 1px; border-color: var(--color-beige-400); background-color: var(--color-white); --tw-duration: 0.3s; --tw-ease: var(--ease-in-out); transition-duration: 0.3s; transition-timing-function: var(--ease-in-out); color: var(--color-red-700); transition-property: all !important; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ) !important; transition-duration: var( --tw-duration, var(--default-transition-duration) ) !important; } @media (hover: hover) { .form-fine .form-field:has(input[type="checkbox"]) > label > .checkbox:is(:where(.group\/checkbox):hover *) { border-color: var(--color-red-700); color: var(--color-red-800); } } .form-fine .form-field:has(input[type="checkbox"]) > label > .checkbox:is(:where(.group\/checkbox):has(:is(input:focus)) *) { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); --tw-ring-color: #ffc7ba80; } @supports (color: color-mix(in lab, red, red)) { .form-fine .form-field:has(input[type="checkbox"]) > label > .checkbox:is(:where(.group\/checkbox):has(:is(input:focus)) *) { --tw-ring-color: color-mix(in oklab, var(--color-red-300) 50%, transparent); } } .form-fine .form-field:has(input[type="checkbox"]) > label > .checkbox:is(:where(.group\/checkbox):active *) { border-color: var(--color-red-800); color: var(--color-red-800); } .form-fine .form-field:has(input[type="checkbox"]) > label > .checkbox:is(:where(.group\/checkbox):active *):before { content: var(--tw-content); opacity: 1; } .form-fine .form-field:has(input[type="checkbox"]) > label > .checkbox:is(:where(.peer):checked ~ *):before { content: var(--tw-content); opacity: 0; } .form-fine .form-field:has(input[type="checkbox"]) > label > .checkbox:is(:where(.peer):checked ~ *):after { content: var(--tw-content); opacity: 1; } .form-fine .form-field:has(input[type="checkbox"]) > label > .checkbox:is(:where(.peer).is-invalid ~ *) { border-color: var(--color-red-400); background-color: var(--color-red-50); } .form-fine .form-field:has(input[type="checkbox"]) > label > .checkbox:is(:where(.peer):disabled ~ *) { color: var(--color-beige-400); -webkit-user-select: none; user-select: none; } .form-fine .form-field:has(input[type="checkbox"]) > label > .checkbox:is(:where(.peer).is-disabled ~ *) { -webkit-user-select: none; user-select: none; color: var(--color-beige-400) !important; } .form-fine .form-field:has(input[type="checkbox"]) > label > .checkbox:is(:where(.peer):disabled ~ *):after { content: var(--tw-content); border-color: var(--color-beige-400); } .form-fine .form-field:has(input[type="checkbox"]) > label > .checkbox:before { z-index: 5; width: calc(var(--spacing) * 3); height: calc(var(--spacing) * 3); opacity: 0; --tw-duration: 0.2s; --tw-ease: var(--ease-in-out); transition-duration: 0.2s; transition-timing-function: var(--ease-in-out); --tw-content: ""; content: var(--tw-content); background-color: currentColor; border-radius: 0.1875rem; position: absolute; overflow: hidden; transition-property: all !important; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ) !important; transition-duration: var( --tw-duration, var(--default-transition-duration) ) !important; } .form-fine .form-field:has(input[type="checkbox"]) > label > .checkbox:after { z-index: 10; width: 1em; height: 1em; -webkit-mask-image: var(--icon-check); mask-image: var(--icon-check); width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); color: currentColor; opacity: 0; --tw-duration: 0.5s; --tw-ease: var(--ease-in-out); transition-duration: 0.5s; transition-timing-function: var(--ease-in-out); background: currentColor; display: inline-flex; position: absolute; -webkit-mask-position: 50%; mask-position: 50%; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; transition-property: all !important; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ) !important; transition-duration: var( --tw-duration, var(--default-transition-duration) ) !important; } .form-fine .form-field:has(input[type="checkbox"]) > label > .checkbox-label { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } .form-fine .form-field:has(input[type="checkbox"]) > label > .checkbox-label:is(:where(.group\/checkbox):has(:is(input:disabled)) *), .form-fine .form-field:has(input[type="checkbox"]) > label > .checkbox-label :is(:where(.group\/checkbox):has(:is(input:disabled)) *) { color: var(--color-beige-400) !important; } form.post-password-form { margin-block: calc(var(--spacing) * 40); } :where(.typography, .typography-narrow, .rich-text) > h1 { margin-bottom: calc(var(--spacing) * 10); } :where(.typography, .typography-narrow, .rich-text) > h2, :where(.typography, .typography-narrow, .rich-text) > .h2, :where(.typography, .typography-narrow, .rich-text) > h3, :where(.typography, .typography-narrow, .rich-text) > .h3, :where(.typography, .typography-narrow, .rich-text) > h4, :where(.typography, .typography-narrow, .rich-text) > .h4, :where(.typography, .typography-narrow, .rich-text) > h5, :where(.typography, .typography-narrow, .rich-text) > .h5, :where(.typography, .typography-narrow, .rich-text) > h6, :where(.typography, .typography-narrow, .rich-text) > .h6 { margin-bottom: calc(var(--spacing) * 6); } :where(.typography, .typography-narrow, .rich-text) > p, :where(.typography, .typography-narrow, .rich-text) > ul, :where(.typography, .typography-narrow, .rich-text) > ol, :where(.typography, .typography-narrow, .rich-text) > blockquote, :where(.typography, .typography-narrow, .rich-text) > figure { margin-bottom: calc(var(--spacing) * 10); } :where(.typography, .typography-narrow, .rich-text) > p:has(+ ul, + ol) { margin-bottom: calc(var(--spacing) * 4); } :where(.typography, .typography-narrow, .rich-text) > ul { margin-left: calc(var(--spacing) * 6); list-style-type: disc; list-style-position: outside; } :where( :where(.typography, .typography-narrow, .rich-text) > ul > :not(:last-child) ) { --tw-space-y-reverse: 0; margin-block-start: calc( calc(var(--spacing) * 4) * var(--tw-space-y-reverse) ); margin-block-end: calc( calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)) ); } :where(.typography, .typography-narrow, .rich-text) > ul { --tw-leading: calc(var(--spacing) * 6); line-height: calc(var(--spacing) * 6); } :where(.typography, .typography-narrow, .rich-text) > ol { margin-left: calc(var(--spacing) * 6); list-style-type: decimal; list-style-position: outside; } :where( :where(.typography, .typography-narrow, .rich-text) > ol > :not(:last-child) ) { --tw-space-y-reverse: 0; margin-block-start: calc( calc(var(--spacing) * 4) * var(--tw-space-y-reverse) ); margin-block-end: calc( calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)) ); } :where(.typography, .typography-narrow, .rich-text) > ol { --tw-leading: calc(var(--spacing) * 6); line-height: calc(var(--spacing) * 6); } :is( :where(.typography, .typography-narrow, .rich-text) > p, :where(.typography, .typography-narrow, .rich-text) > ul, :where(.typography, .typography-narrow, .rich-text) > ol ) a:not(.btn) { color: var(--color-red-700); } @media (hover: hover) { :is( :where(.typography, .typography-narrow, .rich-text) > p, :where(.typography, .typography-narrow, .rich-text) > ul, :where(.typography, .typography-narrow, .rich-text) > ol ) a:not(.btn):hover { color: var(--color-red-800); text-decoration-line: underline; } } :where(.typography, .typography-narrow, .rich-text) > :last-child { margin-bottom: calc(var(--spacing) * 0); } :where(.typography-narrow, .rich-text) > h2, :where(.typography-narrow, .rich-text) > .h2 { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } @media (min-width: 80rem) { :where(.typography-narrow, .rich-text) > h2, :where(.typography-narrow, .rich-text) > .h2 { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); } } :where(.typography-narrow, .rich-text) > h3, :where(.typography-narrow, .rich-text) > .h3 { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } @media (min-width: 80rem) { :where(.typography-narrow, .rich-text) > h3, :where(.typography-narrow, .rich-text) > .h3 { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); } } :where(.typography-narrow, .rich-text) > h4, :where(.typography-narrow, .rich-text) > .h4 { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); --tw-leading: calc(var(--spacing) * 7); line-height: calc(var(--spacing) * 7); --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); color: var(--color-red-500); } :where(.typography-narrow, .rich-text) > h5, :where(.typography-narrow, .rich-text) > .h5, :where(.typography-narrow, .rich-text) > h6, :where(.typography-narrow, .rich-text) > .h6 { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); --tw-leading: calc(var(--spacing) * 7); line-height: calc(var(--spacing) * 7); --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } :where(.rich-text) > p, :where(.rich-text) > ul, :where(.rich-text) > ol, :where(.rich-text) > blockquote, :where(.rich-text) > figure { margin-bottom: calc(var(--spacing) * 5); } .scrollbar-x-start::-webkit-scrollbar { height: 6px; } .scrollbar-x-start::-webkit-scrollbar-track { border-left: solid var(--layout-padding) transparent; box-shadow: inset 0 0 var(--layout-padding) var(--layout-padding) var(--color-beige-200); } .scrollbar-x-start::-webkit-scrollbar-thumb { border-left: solid var(--layout-padding) transparent; box-shadow: inset 0 0 var(--layout-padding) var(--layout-padding) var(--color-red-400); } .scrollbar-x-end::-webkit-scrollbar { height: 6px; } .scrollbar-x-end::-webkit-scrollbar-track { border-right: solid var(--layout-padding) transparent; box-shadow: inset 0 0 var(--layout-padding) var(--layout-padding) var(--color-beige-200); } .scrollbar-x-end::-webkit-scrollbar-thumb { border-right: solid var(--layout-padding) transparent; box-shadow: inset 0 0 var(--layout-padding) var(--layout-padding) var(--color-red-400); } .hide-clear::-webkit-search-decoration { display: none; } .hide-clear::-webkit-search-cancel-button { display: none; } .hide-clear::-webkit-search-results-button { display: none; } .hide-clear::-webkit-search-results-decoration { display: none; } .table-of-contents .splide__arrow { --tw-border-style: none; border-style: none; } .table-of-contents .splide__arrow:before { background-color: var(--color-purple-900); -webkit-mask-image: var(--icon-chevron-right); mask-image: var(--icon-chevron-right); } .table-of-contents .splide__arrow:hover:not(:disabled):before { background-color: var(--color-red-700); } .table-of-contents .splide:not(.is-overflow) .splide__arrows { display: none; } @media (min-width: 80rem) { .table-of-contents .splide:not(.is-overflow) { padding-inline: calc(var(--spacing) * 6); } } :where( [class^="wp-block-avenga-"]:not(.wp-block-avenga-inner), [class*=" wp-block-avenga-"]:not(.wp-block-avenga-inner) ) { clear: both; margin-bottom: calc(var(--spacing) * 10); position: relative; } .wp-block-avenga-inner { z-index: 10; margin: calc(var(--spacing) * 0); padding: calc(var(--spacing) * 0); position: relative; } .wp-block-avenga-inner .tablist li::marker { content: ""; } .wp-block-avenga-accordion:has(.wp-block-avenga-inner--v0) { border-radius: var(--radius-xl); background-color: var(--color-beige-100); padding-inline: calc(var(--spacing) * 4); padding-block: calc(var(--spacing) * 10); overflow: hidden; } @media (min-width: 48rem) { .wp-block-avenga-accordion:has(.wp-block-avenga-inner--v0) { padding: calc(var(--spacing) * 10); } } .wp-block-avenga-accordion:has(.wp-block-avenga-inner--v1) { padding: calc(var(--spacing) * 0); background-color: #0000; } @media (min-width: 80rem) { .wp-block-avenga-accordion:has(.wp-block-avenga-inner--v1) { border-radius: var(--radius-xl); background-color: var(--color-beige-50-warm); padding: calc(var(--spacing) * 16); overflow: hidden; } } .wp-block-avenga-accordion:has(.wp-block-avenga-inner--simple) { padding: calc(var(--spacing) * 0); background-color: #0000; border-radius: 0 !important; } .wp-block-avenga-agenda { margin-bottom: calc(var(--spacing) * 10); } @media (min-width: 80rem) { .wp-block-avenga-agenda { margin-bottom: calc(var(--spacing) * 20); } } .wp-block-avenga-call-to-action { margin-block: calc(var(--spacing) * 10); border-radius: var(--radius-xl); background-color: var(--color-white); padding: calc(var(--spacing) * 6); overflow: hidden; } @media (min-width: 80rem) { .wp-block-avenga-call-to-action { margin-block: calc(var(--spacing) * 16); } } .wp-block-avenga-call-to-action.acf-block-component:not(.acf-block-preview) { border-radius: 0 !important; } .wp-block-avenga-card-slider { margin-bottom: calc(var(--spacing) * 10); } .wp-block-avenga-card-slider .splide__arrow { --tw-translate-x: -50%; --tw-translate-y: 0; translate: var(--tw-translate-x) var(--tw-translate-y); position: absolute; inset: auto auto 0 calc(50% - 1.875rem); } @media (min-width: 48rem) { .wp-block-avenga-card-slider .splide__arrow { right: calc(var(--layout-padding) + 4.5rem); height: calc(var(--spacing) * 12); width: calc(var(--spacing) * 12); --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); left: auto; } } @media (min-width: 90rem) { .wp-block-avenga-card-slider .splide__arrow { right: calc(var(--splide-left-padding-xl) + 4.5rem); } } @media (min-width: 120.125rem) { .wp-block-avenga-card-slider .splide__arrow { right: calc(var(--layout-padding) + 4.5rem); } } .wp-block-avenga-card-slider .splide__arrow--next { left: calc(50% + 1.875rem); } @media (min-width: 48rem) { .wp-block-avenga-card-slider .splide__arrow--next { right: var(--layout-padding); left: auto; } } @media (min-width: 90rem) { .wp-block-avenga-card-slider .splide__arrow--next { right: var(--splide-left-padding-xl); } } @media (min-width: 120.125rem) { .wp-block-avenga-card-slider .splide__arrow--next { right: var(--layout-padding); } } .wp-block-avenga-cards { margin-bottom: calc(var(--spacing) * 10); } .card-a-outline:before { top: calc(var(--spacing) * 0); left: calc(var(--spacing) * 0); z-index: 0; content: var(--tw-content); width: 100%; height: 100%; position: absolute; } .card-a-outline:after { top: calc(var(--spacing) * 0); border-radius: var(--radius-lg); background-color: var(--color-beige-100); content: var(--tw-content); position: absolute; bottom: 2px; left: 2px; right: 2px; } @media (min-width: 80rem) { .card-a-outline:after { border-radius: var(--radius-xl); } } .card-a-outline:before { border-radius: var(--radius-lg); border-style: var(--tw-border-style); opacity: 1; border-width: 2px; border-color: #0000; transition-delay: 0s; overflow: visible; } @media (min-width: 80rem) { .card-a-outline:before { border-radius: var(--radius-xl); } } .card-a-outline:hover:before { opacity: 0; --tw-ease: var(--ease-out); transition-delay: 2s; transition-timing-function: var(--ease-out); background: linear-gradient(45deg, transparent, transparent) padding-box, conic-gradient( from var(--card-outline-angle), var(--color-beige-100) 0deg, var(--color-beige-100) 270deg, #f33000 270deg, #f33000 300deg, var(--color-beige-100) 330deg, var(--color-beige-100) 360deg ) border-box; animation: 2s linear card-outline-spin; } .wp-block-avenga-cycle-steps { margin-bottom: calc(var(--spacing) * 10); color: var(--color-red-700); } .wp-block-avenga-digital-touch, .wp-block-avenga-event { margin-bottom: calc(var(--spacing) * 10); } @media (min-width: 80rem) { .wp-block-avenga-event { margin-bottom: calc(var(--spacing) * 20); } } .wp-block-avenga-events { margin-top: calc(var(--spacing) * 10); margin-bottom: calc(var(--spacing) * 16); } @media (min-width: 80rem) { .wp-block-avenga-events { margin-top: calc(var(--spacing) * 20); margin-bottom: calc(var(--spacing) * 20); } } .wp-block-avenga-hero .wp-block-avenga-inner { --dynamic-multiplier: 0; view-timeline-inset: 112px 0; view-timeline-name: --section-scroll; view-timeline-axis: block; } body:has(.breadcrumbs) .wp-block-avenga-hero .wp-block-avenga-inner { view-timeline-inset: 160px 0; view-timeline-name: --section-scroll; view-timeline-axis: block; } @media (min-width: 48rem) { .wp-block-avenga-hero:has(.hero-carousel) { margin-bottom: calc(var(--spacing) * 12); } } .hero-slide-text { --tw-translate-y: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } .hero-carousel-controls .splide__progress { display: none; } .hero-carousel-controls .splide__pagination { gap: calc(var(--spacing) * 2); padding-inline: calc(var(--spacing) * 6); padding-block: calc(var(--spacing) * 2.5); } @media (min-width: 48rem) { .hero-carousel-controls .splide__pagination { padding-inline: calc(var(--spacing) * 10); padding-block: calc(var(--spacing) * 4); } } .hero-carousel-controls .splide__pagination li { display: flex; } .hero-carousel-controls .splide__pagination__page { margin: calc(var(--spacing) * 0); height: calc(var(--spacing) * 1); width: calc(var(--spacing) * 1); transform: translateZ(0) var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,); --tw-duration: 0.3s; --tw-ease: ease; background-color: #0000; transition-duration: 0.3s; transition-timing-function: ease; overflow: hidden; transition-property: all !important; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ) !important; transition-duration: var( --tw-duration, var(--default-transition-duration) ) !important; } .hero-carousel-controls .splide__pagination__page:before { inset: calc(var(--spacing) * 0); content: var(--tw-content); background-color: var(--color-beige-300); width: 100%; height: 100%; position: absolute; } .hero-carousel-controls .splide__pagination__page:after { inset: calc(var(--spacing) * 0); transform: translateZ(0) var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,); content: var(--tw-content); background-color: var(--color-white); border-radius: 3.40282e38px; position: absolute; } @media (hover: hover) { .hero-carousel-controls .splide__pagination__page:hover { opacity: 0.8; } } @media (min-width: 48rem) { .hero-carousel-controls .splide__pagination__page { height: calc(var(--spacing) * 2); width: calc(var(--spacing) * 2); } } @media (min-width: 48rem) { .hero-carousel-controls .splide__pagination__page:after { width: calc(var(--spacing) * 1); } } .hero-carousel-controls .splide__pagination__page:after { content: var(--tw-content); } @media (min-width: 48rem) { .hero-carousel-controls .splide__pagination__page:after { width: calc(var(--spacing) * 2); } } .hero-carousel-controls .splide__pagination__page.is-active { width: calc(var(--spacing) * 7.5); } .hero-carousel-controls .splide__pagination__page.is-active:after { content: var(--tw-content); width: var(--splide-progress-percentage); } @media (min-width: 48rem) { .hero-carousel-controls .splide__pagination__page.is-active { width: calc(var(--spacing) * 15); } } .hero-carousel-controls .splide__arrows { right: calc(var(--spacing) * 0); left: calc(var(--spacing) * 0); width: 100%; height: 100%; position: absolute; } .hero-carousel-controls .splide__arrow { left: calc(var(--spacing) * 3); width: calc(var(--spacing) * 4.5); height: calc(var(--spacing) * 4.5); border-style: var(--tw-border-style); border-width: 0; } @media (min-width: 48rem) { .hero-carousel-controls .splide__arrow { left: calc(var(--spacing) * 2); width: calc(var(--spacing) * 6); height: calc(var(--spacing) * 6); width: calc(var(--spacing) * 10); height: calc(var(--spacing) * 10); } } .hero-carousel-controls .splide__arrow svg { background-color: var(--color-white); } .hero-carousel-controls .splide__arrow.is-active { background-color: var(--color-red-700); } .hero-carousel-controls .splide__arrow--next { right: calc(var(--spacing) * 3); left: auto; } @media (min-width: 48rem) { .hero-carousel-controls .splide__arrow--next { right: calc(var(--spacing) * 2); } } @media (min-width: 80rem) { .site-header-simplified.is-overlapped ~ .site__main .hero-form__heading { margin-top: calc(var(--spacing) * 0); } } .wp-block-avenga-hero-slider { margin-bottom: calc(var(--spacing) * 10); } .wp-block-avenga-hero-slider .splide__arrow { --tw-translate-x: -50%; --tw-translate-y: 0; translate: var(--tw-translate-x) var(--tw-translate-y); inset: auto auto 0 calc(50% - 2.125rem); transform: none; } @media (min-width: 48rem) { .wp-block-avenga-hero-slider .splide__arrow { --tw-translate-x: 100%; translate: var(--tw-translate-x) var(--tw-translate-y); left: auto; right: calc(18% - 1.25rem); } } @media (min-width: 80rem) { .wp-block-avenga-hero-slider .splide__arrow { right: calc(19.8% - 2.5rem); } } .wp-block-avenga-hero-slider .splide__arrow--next { left: calc(50% + 2.125rem); } @media (min-width: 48rem) { .wp-block-avenga-hero-slider .splide__arrow--next { left: auto; right: calc(18% - 4.75rem); } } @media (min-width: 80rem) { .wp-block-avenga-hero-slider .splide__arrow--next { right: calc(19.8% - 6.5rem); } } .wp-block-avenga-horizontal-tabs, .wp-block-avenga-info-slot { margin-bottom: calc(var(--spacing) * 10); } .wp-block-avenga-info-slot + .wp-block-avenga-info-slot { margin-top: calc(var(--spacing) * -6); } @media (min-width: 80rem) { .wp-block-avenga-info-slot + .wp-block-avenga-info-slot { margin-top: calc(var(--spacing) * -10); } } .wp-block-avenga-logos:has(.wp-block-avenga-inner--v2) { margin-block: calc(var(--spacing) * 10); } .wp-block-avenga-multiple-blocks { margin-bottom: calc(var(--spacing) * 10); } @media (min-width: 80rem) { .wp-block-avenga-multiple-blocks { margin-bottom: calc(var(--spacing) * 20); } } .wp-block-avenga-office-carousel { margin-block: calc(var(--spacing) * 16); } @media (min-width: 80rem) { .wp-block-avenga-office-carousel { margin-block: calc(var(--spacing) * 20); } } .wp-block-avenga-partnerships { margin-bottom: calc(var(--spacing) * 10); } @media (min-width: 80rem) { .wp-block-avenga-partnerships { margin-bottom: calc(var(--spacing) * 20); } } .wp-block-avenga-people { margin-bottom: calc(var(--spacing) * 10); } @media (min-width: 80rem) { .wp-block-avenga-people { margin-bottom: calc(var(--spacing) * 20); } } .wp-block-avenga-posts { margin-block: calc(var(--spacing) * 10); } .wp-block-avenga-posts .splide__arrow, .wp-block-avenga-posts .swiper-arrow { height: calc(var(--spacing) * 12); width: calc(var(--spacing) * 12); --tw-translate-x: -50%; --tw-translate-y: 0; translate: var(--tw-translate-x) var(--tw-translate-y); position: absolute; inset: auto auto 0 calc(50% - 1.875rem); } @media (min-width: 48rem) { .wp-block-avenga-posts .splide__arrow, .wp-block-avenga-posts .swiper-arrow { left: calc(50% - 2.625rem); } } .wp-block-avenga-posts .splide__arrow--next, .wp-block-avenga-posts .swiper-arrow--next { left: calc(50% + 1.875rem); } @media (min-width: 48rem) { .wp-block-avenga-posts .splide__arrow--next, .wp-block-avenga-posts .swiper-arrow--next { left: calc(50% + 2.625rem); } } .wp-block-avenga-posts .splide__slide a, .wp-block-avenga-posts .swiper-slide-partially-visible a { pointer-events: none; } :is( .wp-block-avenga-posts .splide__slide.is-active, .wp-block-avenga-posts .splide__slide.is-visible ) a { pointer-events: auto; } .wp-block-avenga-posts .splide__slide.splide__slide--clone[aria-hidden="true"] a { pointer-events: none; } :is(.wp-block-avenga-posts .splide__slide, .wp-block-avenga-posts .swiper-slide) > article { --tw-shadow: 0 0.5rem 1.25rem 0 var(--tw-shadow-color, #b2a8940f); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); --tw-duration: 0.6s; --tw-ease: ease; transition-duration: 0.6s; transition-timing-function: ease; transition-property: all !important; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ) !important; transition-duration: var( --tw-duration, var(--default-transition-duration) ) !important; } :is( .wp-block-avenga-posts .splide__slide.is-active, .wp-block-avenga-posts .swiper-slide.swiper-slide-active ) > article { --tw-shadow: 0 0.5rem 1.25rem 0 var(--tw-shadow-color, #b2a8943d); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } :is( .wp-block-avenga-posts .splide__slide.is-prev, .wp-block-avenga-posts .splide__slide.is-next, .wp-block-avenga-posts .swiper-slide.swiper-slide-prev, .wp-block-avenga-posts .swiper-slide.swiper-slide-next ) > article { --tw-shadow: 0 0.5rem 1.25rem 0 var(--tw-shadow-color, #b2a8941f); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .wp-block-avenga-proven-services .splide__arrow { display: none; } .wp-block-avenga-proven-services .splide__pagination { gap: calc(var(--spacing) * 5); max-width: 24rem; padding-inline: calc(var(--spacing) * 0); margin-inline: auto; } .wp-block-avenga-proven-services .splide__pagination > li { flex: 1; } .wp-block-avenga-proven-services .splide__pagination .splide__pagination__page { margin: calc(var(--spacing) * 0); width: 100%; } .wp-block-avenga-showcase { --tile-scale: 1rem; } @media (min-width: 80rem) { .wp-block-avenga-showcase { --tile-scale: 0.8775rem; } } @media (min-width: 90rem) { .wp-block-avenga-showcase { --tile-scale: 1rem; } } @media (min-width: 100rem) { .wp-block-avenga-showcase { --tile-scale: 1.3681rem; } } .wp-block-button .wp-block-button__link { cursor: pointer; border-style: var(--tw-border-style); font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--color-white); border-width: 2px; border-color: #0000; border-radius: 2.5rem; flex-shrink: 0; justify-content: center; align-items: center; text-decoration-line: none; display: inline-flex; transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to !important; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ) !important; transition-duration: var( --tw-duration, var(--default-transition-duration) ) !important; } .wp-block-button .wp-block-button__link:focus-visible { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); --tw-outline-style: none; outline-style: none; } .wp-block-button .wp-block-button__link.is-disabled, .wp-block-button .wp-block-button__link:disabled { pointer-events: none !important; } :is( .wp-block-button .wp-block-button__link.is-disabled, .wp-block-button .wp-block-button__link:disabled ):focus-visible { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .wp-block-button.is-style-fill-primary .wp-block-button__link, .wp-block-button.is-style-fill-primary-lg .wp-block-button__link, .wp-block-button.is-style-fill-primary-fine .wp-block-button__link, .wp-block-button .wp-block-button__link.has-red-700-background-color { border-color: var(--color-red-700); background-color: var(--color-red-700); color: var(--color-white); } @media (hover: hover) { :is( .wp-block-button.is-style-fill-primary .wp-block-button__link, .wp-block-button.is-style-fill-primary-lg .wp-block-button__link, .wp-block-button.is-style-fill-primary-fine .wp-block-button__link, .wp-block-button .wp-block-button__link.has-red-700-background-color ):hover { border-color: var(--color-red-800) !important; background-color: var(--color-red-800) !important; color: var(--color-white) !important; } } :is( .wp-block-button.is-style-fill-primary .wp-block-button__link, .wp-block-button.is-style-fill-primary-lg .wp-block-button__link, .wp-block-button.is-style-fill-primary-fine .wp-block-button__link, .wp-block-button .wp-block-button__link.has-red-700-background-color ):focus-visible { --tw-ring-color: #ffc7ba80; } @supports (color: color-mix(in lab, red, red)) { :is( .wp-block-button.is-style-fill-primary .wp-block-button__link, .wp-block-button.is-style-fill-primary-lg .wp-block-button__link, .wp-block-button.is-style-fill-primary-fine .wp-block-button__link, .wp-block-button .wp-block-button__link.has-red-700-background-color ):focus-visible { --tw-ring-color: color-mix(in oklab, var(--color-red-300) 50%, transparent); } } :is( .wp-block-button.is-style-fill-primary .wp-block-button__link, .wp-block-button.is-style-fill-primary-lg .wp-block-button__link, .wp-block-button.is-style-fill-primary-fine .wp-block-button__link, .wp-block-button .wp-block-button__link.has-red-700-background-color ).is-disabled, :is( .wp-block-button.is-style-fill-primary .wp-block-button__link, .wp-block-button.is-style-fill-primary-lg .wp-block-button__link, .wp-block-button.is-style-fill-primary-fine .wp-block-button__link, .wp-block-button .wp-block-button__link.has-red-700-background-color ):disabled { border-color: var(--color-lavender-400) !important; background-color: var(--color-lavender-200) !important; color: var(--color-lavender-400) !important; } :is( :is( .wp-block-button.is-style-fill-primary .wp-block-button__link, .wp-block-button.is-style-fill-primary-lg .wp-block-button__link, .wp-block-button.is-style-fill-primary-fine .wp-block-button__link, .wp-block-button .wp-block-button__link.has-red-700-background-color ).is-disabled, :is( .wp-block-button.is-style-fill-primary .wp-block-button__link, .wp-block-button.is-style-fill-primary-lg .wp-block-button__link, .wp-block-button.is-style-fill-primary-fine .wp-block-button__link, .wp-block-button .wp-block-button__link.has-red-700-background-color ):disabled ):focus-visible { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .wp-block-button.is-style-fill-secondary .wp-block-button__link, .wp-block-button.is-style-fill-secondary-fine .wp-block-button__link, .wp-block-button .wp-block-button__link.has-purple-900-background-color { border-color: var(--color-purple-900); background-color: var(--color-purple-900); color: var(--color-white); } @media (hover: hover) { :is( .wp-block-button.is-style-fill-secondary .wp-block-button__link, .wp-block-button.is-style-fill-secondary-fine .wp-block-button__link, .wp-block-button .wp-block-button__link.has-purple-900-background-color ):hover { border-color: var(--color-purple-700) !important; background-color: var(--color-purple-700) !important; color: var(--color-white) !important; } } :is( .wp-block-button.is-style-fill-secondary .wp-block-button__link, .wp-block-button.is-style-fill-secondary-fine .wp-block-button__link, .wp-block-button .wp-block-button__link.has-purple-900-background-color ):focus-visible { --tw-ring-color: #6b5c8080; } @supports (color: color-mix(in lab, red, red)) { :is( .wp-block-button.is-style-fill-secondary .wp-block-button__link, .wp-block-button.is-style-fill-secondary-fine .wp-block-button__link, .wp-block-button .wp-block-button__link.has-purple-900-background-color ):focus-visible { --tw-ring-color: color-mix( in oklab, var(--color-purple-700) 50%, transparent ); } } :is( .wp-block-button.is-style-fill-secondary .wp-block-button__link, .wp-block-button.is-style-fill-secondary-fine .wp-block-button__link, .wp-block-button .wp-block-button__link.has-purple-900-background-color ).is-disabled, :is( .wp-block-button.is-style-fill-secondary .wp-block-button__link, .wp-block-button.is-style-fill-secondary-fine .wp-block-button__link, .wp-block-button .wp-block-button__link.has-purple-900-background-color ):disabled { border-color: var(--color-lavender-400) !important; background-color: var(--color-lavender-200) !important; color: var(--color-lavender-400) !important; } :is( :is( .wp-block-button.is-style-fill-secondary .wp-block-button__link, .wp-block-button.is-style-fill-secondary-fine .wp-block-button__link, .wp-block-button .wp-block-button__link.has-purple-900-background-color ).is-disabled, :is( .wp-block-button.is-style-fill-secondary .wp-block-button__link, .wp-block-button.is-style-fill-secondary-fine .wp-block-button__link, .wp-block-button .wp-block-button__link.has-purple-900-background-color ):disabled ):focus-visible { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .wp-block-button[class^="is-style-outline"] .wp-block-button__link { background-color: #0000; border-color: currentColor; } @media (hover: hover) { .wp-block-button[class^="is-style-outline"] .wp-block-button__link:hover { background-color: #0000; } } .wp-block-button[class^="is-style-outline"] .wp-block-button__link:focus-visible { --tw-outline-style: none; outline-style: none; } .wp-block-button.is-style-outline-primary .wp-block-button__link, .wp-block-button.is-style-outline-primary-lg .wp-block-button__link, .wp-block-button.is-style-outline-primary-fine .wp-block-button__link, .wp-block-button.is-style-outline .wp-block-button__link.has-red-700-color { color: var(--color-red-700); background-color: #0000; border-color: currentColor; } @media (hover: hover) { :is( .wp-block-button.is-style-outline-primary .wp-block-button__link, .wp-block-button.is-style-outline-primary-lg .wp-block-button__link, .wp-block-button.is-style-outline-primary-fine .wp-block-button__link, .wp-block-button.is-style-outline .wp-block-button__link.has-red-700-color ):hover { background-color: #0000; color: var(--color-red-800) !important; } } :is( .wp-block-button.is-style-outline-primary .wp-block-button__link, .wp-block-button.is-style-outline-primary-lg .wp-block-button__link, .wp-block-button.is-style-outline-primary-fine .wp-block-button__link, .wp-block-button.is-style-outline .wp-block-button__link.has-red-700-color ).is-disabled, :is( .wp-block-button.is-style-outline-primary .wp-block-button__link, .wp-block-button.is-style-outline-primary-lg .wp-block-button__link, .wp-block-button.is-style-outline-primary-fine .wp-block-button__link, .wp-block-button.is-style-outline .wp-block-button__link.has-red-700-color ):disabled { color: var(--color-lavender-400) !important; background-color: #0000 !important; } @media (hover: hover) { :is( :is( .wp-block-button.is-style-outline-primary .wp-block-button__link, .wp-block-button.is-style-outline-primary-lg .wp-block-button__link, .wp-block-button.is-style-outline-primary-fine .wp-block-button__link, .wp-block-button.is-style-outline .wp-block-button__link.has-red-700-color ).is-disabled, :is( .wp-block-button.is-style-outline-primary .wp-block-button__link, .wp-block-button.is-style-outline-primary-lg .wp-block-button__link, .wp-block-button.is-style-outline-primary-fine .wp-block-button__link, .wp-block-button.is-style-outline .wp-block-button__link.has-red-700-color ):disabled ):hover { background-color: #0000; } } :is( :is( .wp-block-button.is-style-outline-primary .wp-block-button__link, .wp-block-button.is-style-outline-primary-lg .wp-block-button__link, .wp-block-button.is-style-outline-primary-fine .wp-block-button__link, .wp-block-button.is-style-outline .wp-block-button__link.has-red-700-color ).is-disabled, :is( .wp-block-button.is-style-outline-primary .wp-block-button__link, .wp-block-button.is-style-outline-primary-lg .wp-block-button__link, .wp-block-button.is-style-outline-primary-fine .wp-block-button__link, .wp-block-button.is-style-outline .wp-block-button__link.has-red-700-color ):disabled ):focus-visible { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .wp-block-button.is-style-outline-secondary .wp-block-button__link, .wp-block-button.is-style-outline-secondary-fine .wp-block-button__link, .wp-block-button.is-style-outline .wp-block-button__link.has-purple-900-color { color: var(--color-purple-900); background-color: #0000; border-color: currentColor; } @media (hover: hover) { :is( .wp-block-button.is-style-outline-secondary .wp-block-button__link, .wp-block-button.is-style-outline-secondary-fine .wp-block-button__link, .wp-block-button.is-style-outline .wp-block-button__link.has-purple-900-color ):hover { background-color: #0000; color: var(--color-purple-700) !important; } } :is( .wp-block-button.is-style-outline-secondary .wp-block-button__link, .wp-block-button.is-style-outline-secondary-fine .wp-block-button__link, .wp-block-button.is-style-outline .wp-block-button__link.has-purple-900-color ).is-disabled, :is( .wp-block-button.is-style-outline-secondary .wp-block-button__link, .wp-block-button.is-style-outline-secondary-fine .wp-block-button__link, .wp-block-button.is-style-outline .wp-block-button__link.has-purple-900-color ):disabled { color: var(--color-lavender-400) !important; background-color: #0000 !important; } @media (hover: hover) { :is( :is( .wp-block-button.is-style-outline-secondary .wp-block-button__link, .wp-block-button.is-style-outline-secondary-fine .wp-block-button__link, .wp-block-button.is-style-outline .wp-block-button__link.has-purple-900-color ).is-disabled, :is( .wp-block-button.is-style-outline-secondary .wp-block-button__link, .wp-block-button.is-style-outline-secondary-fine .wp-block-button__link, .wp-block-button.is-style-outline .wp-block-button__link.has-purple-900-color ):disabled ):hover { background-color: #0000; } } :is( :is( .wp-block-button.is-style-outline-secondary .wp-block-button__link, .wp-block-button.is-style-outline-secondary-fine .wp-block-button__link, .wp-block-button.is-style-outline .wp-block-button__link.has-purple-900-color ).is-disabled, :is( .wp-block-button.is-style-outline-secondary .wp-block-button__link, .wp-block-button.is-style-outline-secondary-fine .wp-block-button__link, .wp-block-button.is-style-outline .wp-block-button__link.has-purple-900-color ):disabled ):focus-visible { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .wp-block-button.is-style-fill-primary-lg .wp-block-button__link, .wp-block-button.is-style-outline-primary-lg .wp-block-button__link { padding-inline: 1.375rem; padding-block: calc(var(--spacing) * 3); } .wp-block-button.is-style-fill-primary-fine .wp-block-button__link, .wp-block-button.is-style-fill-secondary-fine .wp-block-button__link, .wp-block-button.is-style-outline-primary-fine .wp-block-button__link, .wp-block-button.is-style-outline-secondary-fine .wp-block-button__link { border-style: var(--tw-border-style); padding-inline: 1.4375rem; padding-block: calc(var(--spacing) * 3); font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); border-width: 1px; } .wp-block-button.is-style-flare-primary .wp-block-button__link { transform: translateZ(0) var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,); border-style: var(--tw-border-style); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); border-width: 0; transition-property: none; position: relative; overflow: hidden; } .wp-block-button.is-style-flare-primary .wp-block-button__link:before { content: var(--tw-content); width: 1em; height: 1em; -webkit-mask-image: var(--icon-flare); mask-image: var(--icon-flare); background: currentColor; display: inline-flex; -webkit-mask-position: 50%; mask-position: 50%; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } @media (hover: hover) { .wp-block-button.is-style-flare-primary .wp-block-button__link:hover { background-color: var(--color-red-700); } } .wp-block-button.is-style-flare-primary .wp-block-button__link { background: var(--color-red-700); } .wp-block-button.is-style-flare-primary .wp-block-button__link:before { right: 100%; bottom: calc(var(--spacing) * 0); width: calc(var(--spacing) * 8); height: calc(var(--spacing) * 8); --tw-translate-x: -100%; --tw-translate-y: 50%; translate: var(--tw-translate-x) var(--tw-translate-y); transform: translateZ(0) var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,); --tw-shadow-alpha: 5%; --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, oklab(0% 0 0/0.05)), 0 2px 4px -2px var(--tw-shadow-color, oklab(0% 0 0/0.05)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); --tw-duration: 0.7s; --tw-ease: ease; transition-duration: 0.7s; transition-timing-function: ease; position: absolute; transition-property: all !important; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ) !important; transition-duration: var( --tw-duration, var(--default-transition-duration) ) !important; } .wp-block-button.is-style-flare-primary .wp-block-button__link:hover { background: radial-gradient( 50% 50% at 50% 50%, var(--color-red-600) 0%, var(--color-red-700) 100% ); } .wp-block-button.is-style-flare-primary .wp-block-button__link:hover:before { --tw-translate-x: 50%; translate: var(--tw-translate-x) var(--tw-translate-y); right: 50%; } .wp-block-button.is-style-flare-primary .wp-block-button__link.btn-fixed { width: calc(var(--spacing) * 60); } @media (hover: hover) { .wp-block-button.is-style-flare-primary .wp-block-button__link.btn-primary:hover { background-color: var(--color-red-700); } } .wp-block-button.is-style-flare-primary .wp-block-button__link { padding-inline: calc(var(--spacing) * 6); padding-block: calc(var(--spacing) * 3); } @media (hover: hover) { .wp-block-button.is-style-flare-primary .wp-block-button__link:hover { background-color: var(--color-red-700) !important; } } .wp-block-button.is-style-a-outline-primary .wp-block-button__link { color: var(--color-red-700); background-color: #0000; border-color: currentColor; } @media (hover: hover) { .wp-block-button.is-style-a-outline-primary .wp-block-button__link:hover { background-color: #0000; } } .wp-block-button.is-style-a-outline-primary .wp-block-button__link { --inner-bg: #fff; --border-color: currentcolor; border-color: #0000; position: relative; } .wp-block-button.is-style-a-outline-primary .wp-block-button__link:after, .wp-block-button.is-style-a-outline-primary .wp-block-button__link:before { z-index: -2; --tw-translate-x: -50%; --tw-translate-y: -50%; width: 100%; height: 100%; translate: var(--tw-translate-x) var(--tw-translate-y); border-radius: inherit; --tw-content: ""; content: var(--tw-content); position: absolute; top: 50%; left: 50%; } .wp-block-button.is-style-a-outline-primary .wp-block-button__link:before { background: linear-gradient(var(--inner-bg), var(--inner-bg)) padding-box, linear-gradient(var(--border-color), var(--border-color)) border-box; z-index: -1; border-style: var(--tw-border-style); border-width: 1px; border-color: #0000; transition-delay: 0s; } .wp-block-button.is-style-a-outline-primary .wp-block-button__link:after { border-style: var(--tw-border-style); 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)); --tw-duration: 0s; --tw-ease: var(--ease-in); transition-duration: 0s; transition-delay: 0s; transition-timing-function: var(--ease-in); background-color: #0000; border-width: 1px; border-color: #0000; } .wp-block-button.is-style-a-outline-primary .wp-block-button__link:hover:before { background: linear-gradient(var(--inner-bg), var(--inner-bg)) padding-box, conic-gradient( from var(--btn-border-angle), var(--border-color) 0deg, var(--inner-bg) 140deg, var(--inner-bg) 180deg, var(--inner-bg) 200deg, var(--border-color) 360deg ) border-box; opacity: 0; transition-delay: 2.5s; animation: 2.5s linear btn-outline-spin; } .wp-block-button.is-style-a-outline-primary .wp-block-button__link:hover:after { 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)); --tw-duration: 0.7s; --tw-ease: var(--ease-in); transition-duration: 0.7s; transition-delay: 2s; transition-timing-function: var(--ease-in); background: linear-gradient(var(--inner-bg), var(--inner-bg)) padding-box; border-color: var(--border-color); } .wp-block-button.is-style-a-outline-primary .wp-block-button__link.btn-outline { border-color: #0000; } @media (hover: hover) { .wp-block-button.is-style-a-outline-primary .wp-block-button__link.btn-outline:hover { border-color: #0000; } } .wp-block-button.is-style-a-outline-primary .wp-block-button__link.btn-primary { --border-color: var(--color-red-600); } .wp-block-button.is-style-a-outline-primary .wp-block-button__link.btn-primary:hover { color: var(--color-red-600); } .wp-block-button.is-style-a-outline-primary .wp-block-button__link { border-style: var(--tw-border-style); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); border-width: 1px; } .wp-block-button.is-style-a-outline-primary .wp-block-button__link.btn-fixed { width: calc(var(--spacing) * 60); } .wp-block-button.is-style-a-outline-primary .wp-block-button__link { padding-block: 0.6875rem; padding-inline: 1.4375rem; } .wp-block-button.is-style-a-outline-primary .wp-block-button__link.is-disabled, .wp-block-button.is-style-a-outline-primary .wp-block-button__link:disabled { color: var(--color-lavender-400) !important; background-color: #0000 !important; } @media (hover: hover) { :is( .wp-block-button.is-style-a-outline-primary .wp-block-button__link.is-disabled, .wp-block-button.is-style-a-outline-primary .wp-block-button__link:disabled ):hover { background-color: #0000; } } :is( .wp-block-button.is-style-a-outline-primary .wp-block-button__link.is-disabled, .wp-block-button.is-style-a-outline-primary .wp-block-button__link:disabled ):focus-visible { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .wp-block-details { margin-bottom: calc(var(--spacing) * 13); } @media (min-width: 80rem) { .wp-block-details { margin-bottom: calc(var(--spacing) * 10); } } .wp-block-image { margin-bottom: calc(var(--spacing) * 10); } @media (min-width: 80rem) { .wp-block-image { margin-bottom: calc(var(--spacing) * 20); } } .wp-block-image img { border-radius: var(--radius-xl); max-width: 100%; } .wp-element-caption { margin-top: calc(var(--spacing) * 4); margin-bottom: calc(var(--spacing) * 0); text-align: left; font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); color: var(--color-red-700); } .wp-element-caption strong:first-child { display: block; } @media (min-width: 80rem) { .wp-element-caption strong:first-child { display: inline; } } .wp-block-media-text { margin-bottom: calc(var(--spacing) * 13); } @media (min-width: 80rem) { .wp-block-media-text { margin-bottom: calc(var(--spacing) * 10); } } .wp-block-media-text > .wp-block-media-text__media { margin-bottom: calc(var(--spacing) * 4); } @media (min-width: 40rem) { .wp-block-media-text > .wp-block-media-text__media { margin-bottom: calc(var(--spacing) * 0); } } .wp-block-quote { margin-block: calc(var(--spacing) * 10); border-left-style: var(--tw-border-style); padding-top: calc(var(--spacing) * 20); color: var(--color-red-700); border-left-width: 0; position: relative; } @media (min-width: 80rem) { .wp-block-quote { margin-top: calc(var(--spacing) * 16); margin-bottom: calc(var(--spacing) * 20); padding-top: calc(var(--spacing) * 0); padding-left: 30%; } } .wp-block-quote:before { top: calc(var(--spacing) * 0); left: calc(var(--spacing) * 0); height: calc(var(--spacing) * 11); width: calc(var(--spacing) * 11); -webkit-mask-image: var(--icon-quote-sign); mask-image: var(--icon-quote-sign); --tw-content: ""; content: var(--tw-content); background-color: currentColor; display: inline-flex; position: absolute; } .wp-block-quote p { margin-bottom: calc(var(--spacing) * 6); --tw-leading: calc(var(--spacing) * 7); line-height: calc(var(--spacing) * 7); --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } .wp-block-quote cite { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); font-style: normal; } .wp-block-table { margin-block: calc(var(--spacing) * 10); overflow-x: auto; } .wp-block-table table { width: 100%; min-width: var(--container-5xl); border-collapse: collapse; --tw-border-spacing-x: calc(var(--spacing) * 0); --tw-border-spacing-y: calc(var(--spacing) * 0); border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y); border-radius: var(--radius-xl); background-color: var(--color-beige-100); } .wp-block-table table th, .wp-block-table table td { border-inline-style: var(--tw-border-style); border-inline-width: 0; border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; border-color: var(--color-beige-200); padding-inline: calc(var(--spacing) * 10); font-size: var(--text-base-tight); line-height: var(--tw-leading, var(--text-base-tight--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } .wp-block-table table th { padding-block: calc(var(--spacing) * 6); text-align: left; color: var(--color-beige-500); } .wp-block-table table tbody th, .wp-block-table table tfoot th { padding-block: calc(var(--spacing) * 4); } .wp-block-table table td { padding-block: calc(var(--spacing) * 4); vertical-align: baseline; color: var(--color-purple-900); } .wp-block-table table tr:first-child th, .wp-block-table table tr:first-child td { border-top-style: var(--tw-border-style); border-top-width: 0; } .wp-block-table table tr:last-child td { border-bottom-style: var(--tw-border-style); border-bottom-width: 0; } .wp-block-table table thead, .wp-block-table table tfoot { border-style: var(--tw-border-style); border-width: 0; } .wp-block-table table tfoot td { font-size: var(--text-xs-tight); line-height: var(--tw-leading, var(--text-xs-tight--line-height)); color: var(--color-beige-500); } .entry--narrow-page .entry__content > h1:first-child { margin-bottom: calc(var(--spacing) * 6); } @media (min-width: 80rem) { .entry--narrow-page .entry__content > h1:first-child { margin-bottom: calc(var(--spacing) * 16); } } .entry--narrow-page .entry__content > * { max-width: 46.5rem; } .entry--narrow-page .entry__content > .wp-block-table, .entry--narrow-page .entry__content > .wp-block-avenga-form { max-width: none; } .pointer-events-auto { pointer-events: auto; } .pointer-events-none { pointer-events: none; } .collapse { visibility: collapse; } .invisible { visibility: hidden; } .visible { visibility: visible; } .background { top: calc(var(--spacing) * 0); right: calc(var(--spacing) * 0); bottom: calc(var(--spacing) * 0); left: calc(var(--spacing) * 0); background-position: 50%; background-repeat: no-repeat; background-size: cover; width: 100%; height: 100%; position: absolute; } .border-t-gradient-red-ready { border-top: 1px solid var(--color-red-700); position: relative; } .border-t-gradient-red-ready:before { content: ""; background: linear-gradient( to right, var(--color-red-700), var(--color-red-800) ); opacity: 0; height: 1px; transition: opacity 0.7s; position: absolute; top: -1px; left: 0; right: 0; } .btn-a-outline { --inner-bg: #fff; --border-color: currentcolor; border-style: var(--tw-border-style); border-width: 1px; border-color: #0000; position: relative; } .btn-a-outline:after, .btn-a-outline:before { z-index: -2; --tw-translate-x: -50%; --tw-translate-y: -50%; width: 100%; height: 100%; translate: var(--tw-translate-x) var(--tw-translate-y); border-radius: inherit; --tw-content: ""; content: var(--tw-content); position: absolute; top: 50%; left: 50%; } .btn-a-outline:before { background: linear-gradient(var(--inner-bg), var(--inner-bg)) padding-box, linear-gradient(var(--border-color), var(--border-color)) border-box; z-index: -1; border-style: var(--tw-border-style); border-width: 1px; border-color: #0000; transition-delay: 0s; } .btn-a-outline:after { border-style: var(--tw-border-style); 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)); --tw-duration: 0s; --tw-ease: var(--ease-in); transition-duration: 0s; transition-delay: 0s; transition-timing-function: var(--ease-in); background-color: #0000; border-width: 1px; border-color: #0000; } .btn-a-outline:hover:before { background: linear-gradient(var(--inner-bg), var(--inner-bg)) padding-box, conic-gradient( from var(--btn-border-angle), var(--border-color) 0deg, var(--inner-bg) 140deg, var(--inner-bg) 180deg, var(--inner-bg) 200deg, var(--border-color) 360deg ) border-box; opacity: 0; transition-delay: 2.5s; animation: 2.5s linear btn-outline-spin; } .btn-a-outline:hover:after { 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)); --tw-duration: 0.7s; --tw-ease: var(--ease-in); transition-duration: 0.7s; transition-delay: 2s; transition-timing-function: var(--ease-in); background: linear-gradient(var(--inner-bg), var(--inner-bg)) padding-box; border-color: var(--border-color); } .btn-a-outline.btn-outline { border-color: #0000; } @media (hover: hover) { .btn-a-outline.btn-outline:hover { border-color: #0000; } } .btn-a-outline.btn-primary { --border-color: var(--color-red-600); } .btn-a-outline.btn-primary:hover { color: var(--color-red-600); } .border-b-gradient-red-ready { border-bottom: 1px solid var(--color-red-700); position: relative; } .border-b-gradient-red-ready:after { content: ""; background: linear-gradient( to right, var(--color-red-700), var(--color-red-800) ); opacity: 0; height: 1px; transition: opacity 0.7s; position: absolute; bottom: -1px; left: 0; right: 0; } .btn-flare { transform: translateZ(0) var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,); border-style: var(--tw-border-style); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); border-width: 0; transition-property: none; position: relative; overflow: hidden; } .btn-flare:before { content: var(--tw-content); width: 1em; height: 1em; -webkit-mask-image: var(--icon-flare); mask-image: var(--icon-flare); background: currentColor; display: inline-flex; -webkit-mask-position: 50%; mask-position: 50%; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } @media (hover: hover) { .btn-flare:hover { background-color: var(--color-red-700); } } .btn-flare { background: var(--color-red-700); } .btn-flare:before { right: 100%; bottom: calc(var(--spacing) * 0); width: calc(var(--spacing) * 8); height: calc(var(--spacing) * 8); --tw-translate-x: -100%; --tw-translate-y: 50%; translate: var(--tw-translate-x) var(--tw-translate-y); transform: translateZ(0) var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,); --tw-shadow-alpha: 5%; --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, oklab(0% 0 0/0.05)), 0 2px 4px -2px var(--tw-shadow-color, oklab(0% 0 0/0.05)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); --tw-duration: 0.7s; --tw-ease: ease; transition-duration: 0.7s; transition-timing-function: ease; position: absolute; transition-property: all !important; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ) !important; transition-duration: var( --tw-duration, var(--default-transition-duration) ) !important; } .btn-flare:hover { background: radial-gradient( 50% 50% at 50% 50%, var(--color-red-600) 0%, var(--color-red-700) 100% ); } .btn-flare:hover:before { --tw-translate-x: 50%; translate: var(--tw-translate-x) var(--tw-translate-y); right: 50%; } .btn-flare.btn-fixed { width: calc(var(--spacing) * 60); } @media (hover: hover) { .btn-flare.btn-primary:hover { background-color: var(--color-red-700); } } .sr-only { clip-path: inset(50%); white-space: nowrap; border-width: 0; width: 1px; height: 1px; margin: -1px; padding: 0; position: absolute; overflow: hidden; } .zoom-in-image { --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; width: 100%; height: 100%; scale: var(--tw-scale-x) var(--tw-scale-y); object-fit: cover; 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)); --tw-duration: 0.3s; --tw-ease: var(--ease-in-out); transition-duration: 0.3s; transition-timing-function: var(--ease-in-out); display: block; position: absolute; } .zoom-in-container { position: relative; overflow: hidden; } .zoom-in-container:hover .zoom-in-image { --tw-scale-x: 110%; --tw-scale-y: 110%; --tw-scale-z: 110%; scale: var(--tw-scale-x) var(--tw-scale-y); } .\!absolute { position: absolute !important; } .absolute { position: absolute; } .fixed { position: fixed; } .relative { position: relative; } .static { position: static; } .sticky { position: sticky; } .-inset-0\.5 { inset: calc(var(--spacing) * -0.5); } .inset-0 { inset: calc(var(--spacing) * 0); } .inset-x-0 { inset-inline: calc(var(--spacing) * 0); } .top-0 { top: calc(var(--spacing) * 0); } .top-1\/2 { top: 50%; } .top-5 { top: calc(var(--spacing) * 5); } .top-\[36\%\] { top: 36%; } .top-\[50\%\] { top: 50%; } .top-full { top: 100%; } .right-0 { right: calc(var(--spacing) * 0); } .right-5 { right: calc(var(--spacing) * 5); } .-bottom-\[3\.125rem\] { bottom: -3.125rem; } .bottom-0 { bottom: calc(var(--spacing) * 0); } .bottom-\[-1px\] { bottom: -1px; } .bottom-full { bottom: 100%; } .left-0 { left: calc(var(--spacing) * 0); } .left-1\/2 { left: 50%; } .left-5 { left: calc(var(--spacing) * 5); } .left-10 { left: calc(var(--spacing) * 10); } .left-\[-1px\] { left: -1px; } .left-\[50\%\] { left: 50%; } .isolate { isolation: isolate; } .-z-1 { z-index: -1; } .z-0 { z-index: 0; } .z-1 { z-index: 1; } .z-2 { z-index: 2; } .z-3 { z-index: 3; } .z-10 { z-index: 10; } .z-20 { z-index: 20; } .z-30 { z-index: 30; } .z-40 { z-index: 40; } .z-41 { z-index: 41; } .z-50 { z-index: 50; } .z-\[-1\] { z-index: -1; } .z-auto { z-index: auto; } .order-1 { order: 1; } .order-2 { order: 2; } .order-3 { order: 3; } .order-4 { order: 4; } .order-5 { order: 5; } .order-6 { order: 6; } .order-last { order: 9999; } .col-span-1 { grid-column: span 1 / span 1; } .col-span-2 { grid-column: span 2 / span 2; } .col-span-12 { grid-column: span 12 / span 12; } .container { width: 100%; } @media (min-width: 20rem) { .container { max-width: 20rem; } } @media (min-width: 40rem) { .container { max-width: 40rem; } } @media (min-width: 48rem) { .container { max-width: 48rem; } } @media (min-width: 80rem) { .container { max-width: 80rem; } } @media (min-width: 90rem) { .container { max-width: 90rem; } } @media (min-width: 100rem) { .container { max-width: 100rem; } } @media (min-width: 120.125rem) { .container { max-width: 120.125rem; } } .m-0 { margin: calc(var(--spacing) * 0); } .m-2 { margin: calc(var(--spacing) * 2); } .m-4 { margin: calc(var(--spacing) * 4); } .m-5 { margin: calc(var(--spacing) * 5); } .m-6 { margin: calc(var(--spacing) * 6); } .m-auto { margin: auto; } .-mx-2 { margin-inline: calc(var(--spacing) * -2); } .-mx-5 { margin-inline: calc(var(--spacing) * -5); } .-mx-6 { margin-inline: calc(var(--spacing) * -6); } .-mx-\[var\(--layout-padding\)\] { margin-inline: calc(var(--layout-padding) * -1); } .mx-0 { margin-inline: calc(var(--spacing) * 0); } .mx-4 { margin-inline: calc(var(--spacing) * 4); } .mx-10 { margin-inline: calc(var(--spacing) * 10); } .mx-auto { margin-inline: auto; } .-my-1 { margin-block: calc(var(--spacing) * -1); } .my-2 { margin-block: calc(var(--spacing) * 2); } .my-4 { margin-block: calc(var(--spacing) * 4); } .my-5 { margin-block: calc(var(--spacing) * 5); } .my-6 { margin-block: calc(var(--spacing) * 6); } .my-10 { margin-block: calc(var(--spacing) * 10); } .my-16 { margin-block: calc(var(--spacing) * 16); } .mt-1 { margin-top: calc(var(--spacing) * 1); } .mt-2 { margin-top: calc(var(--spacing) * 2); } .mt-4 { margin-top: calc(var(--spacing) * 4); } .mt-6 { margin-top: calc(var(--spacing) * 6); } .mt-10 { margin-top: calc(var(--spacing) * 10); } .mt-16 { margin-top: calc(var(--spacing) * 16); } .mt-20 { margin-top: calc(var(--spacing) * 20); } .mt-\[0\.5em\] { margin-top: 0.5em; } .mt-\[0\.75em\] { margin-top: 0.75em; } .mt-\[calc\(40\%-1rem\)\] { margin-top: calc(40% - 1rem); } .mt-auto { margin-top: auto; } .container-fluid { padding-left: var(--layout-padding); padding-right: var(--layout-padding); width: auto; max-width: 100%; margin-left: auto; margin-right: auto; } :where(.container) .container-fluid { margin-left: calc(-1 * var(--layout-side-indent)); padding-left: var(--layout-padding); padding-right: var(--layout-padding); width: 100dvw; max-width: 100dvw; margin-right: auto; } :where(.editor-styles-wrapper) .container-fluid { max-width: 100%; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; } .is-narrow-container .container-fluid { width: 100%; max-width: 100%; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; } .container-full { width: auto; max-width: 100%; margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0; } :where(.container) .container-full { margin-left: calc(-1 * var(--layout-side-indent)); width: 100dvw; max-width: 100dvw; margin-right: auto; padding-left: 0; padding-right: 0; } :where(.editor-styles-wrapper) .container-full { max-width: 100%; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; } .is-narrow-container .container-full { width: 100%; max-width: 100%; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; } .container { padding-left: var(--layout-padding); padding-right: var(--layout-padding); max-width: var(--layout-max-width); width: auto; margin-left: auto; margin-right: auto; } :where(.container) .container, :where(.editor-styles-wrapper) .container { max-width: 100%; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; } .mr-2 { margin-right: calc(var(--spacing) * 2); } .mr-3 { margin-right: calc(var(--spacing) * 3); } .mr-4 { margin-right: calc(var(--spacing) * 4); } .mr-5 { margin-right: calc(var(--spacing) * 5); } .mr-6 { margin-right: calc(var(--spacing) * 6); } .mr-10 { margin-right: calc(var(--spacing) * 10); } .mr-\[0\.75em\] { margin-right: 0.75em; } .mr-\[1\.5em\] { margin-right: 1.5em; } .mr-\[1em\] { margin-right: 1em; } .mr-auto { margin-right: auto; } .mb-0 { margin-bottom: calc(var(--spacing) * 0); } .mb-1 { margin-bottom: calc(var(--spacing) * 1); } .mb-2 { margin-bottom: calc(var(--spacing) * 2); } .mb-3 { margin-bottom: calc(var(--spacing) * 3); } .mb-4 { margin-bottom: calc(var(--spacing) * 4); } .mb-5 { margin-bottom: calc(var(--spacing) * 5); } .mb-6 { margin-bottom: calc(var(--spacing) * 6); } .mb-8 { margin-bottom: calc(var(--spacing) * 8); } .mb-9 { margin-bottom: calc(var(--spacing) * 9); } .mb-10 { margin-bottom: calc(var(--spacing) * 10); } .mb-12 { margin-bottom: calc(var(--spacing) * 12); } .mb-15 { margin-bottom: calc(var(--spacing) * 15); } .mb-16 { margin-bottom: calc(var(--spacing) * 16); } .mb-20 { margin-bottom: calc(var(--spacing) * 20); } .mb-40 { margin-bottom: calc(var(--spacing) * 40); } .mb-\[-75\.775rem\] { margin-bottom: -75.775rem; } .mb-\[0\.5em\] { margin-bottom: 0.5em; } .mb-\[0\.75em\] { margin-bottom: 0.75em; } .mb-\[0\.1231em\] { margin-bottom: 0.1231em; } .mb-\[0\.2857em\] { margin-bottom: 0.2857em; } .mb-\[1em\] { margin-bottom: 1em; } .mb-auto { margin-bottom: auto; } .-ml-2 { margin-left: calc(var(--spacing) * -2); } .-ml-\[var\(--layout-padding\)\] { margin-left: calc(var(--layout-padding) * -1); } .ml-2 { margin-left: calc(var(--spacing) * 2); } .ml-\[1\.5em\] { margin-left: 1.5em; } .ml-auto { margin-left: auto; } .icon-a { width: 1em; height: 1em; -webkit-mask-image: var(--icon-a); mask-image: var(--icon-a); background: currentColor; display: inline-flex; -webkit-mask-position: 50%; mask-position: 50%; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .icon-ai-claude { width: 1em; height: 1em; -webkit-mask-image: var(--icon-ai-claude); mask-image: var(--icon-ai-claude); background: currentColor; display: inline-flex; -webkit-mask-position: 50%; mask-position: 50%; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .icon-ai-gemini { width: 1em; height: 1em; -webkit-mask-image: var(--icon-ai-gemini); mask-image: var(--icon-ai-gemini); background: currentColor; display: inline-flex; -webkit-mask-position: 50%; mask-position: 50%; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .icon-ai-gpt { width: 1em; height: 1em; -webkit-mask-image: var(--icon-ai-gpt); mask-image: var(--icon-ai-gpt); background: currentColor; display: inline-flex; -webkit-mask-position: 50%; mask-position: 50%; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .icon-ai-perplexity { width: 1em; height: 1em; -webkit-mask-image: var(--icon-ai-perplexity); mask-image: var(--icon-ai-perplexity); background: currentColor; display: inline-flex; -webkit-mask-position: 50%; mask-position: 50%; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .icon-alert-triangle { width: 1em; height: 1em; -webkit-mask-image: var(--icon-alert-triangle); mask-image: var(--icon-alert-triangle); background: currentColor; display: inline-flex; -webkit-mask-position: 50%; mask-position: 50%; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .icon-arrow-left { width: 1em; height: 1em; -webkit-mask-image: var(--icon-arrow-left); mask-image: var(--icon-arrow-left); background: currentColor; display: inline-flex; -webkit-mask-position: 50%; mask-position: 50%; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .icon-arrow-left-circle { width: 1em; height: 1em; -webkit-mask-image: var(--icon-arrow-left-circle); mask-image: var(--icon-arrow-left-circle); background: currentColor; display: inline-flex; -webkit-mask-position: 50%; mask-position: 50%; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .icon-arrow-right { width: 1em; height: 1em; -webkit-mask-image: var(--icon-arrow-right); mask-image: var(--icon-arrow-right); background: currentColor; display: inline-flex; -webkit-mask-position: 50%; mask-position: 50%; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .icon-arrow-right-circle { width: 1em; height: 1em; -webkit-mask-image: var(--icon-arrow-right-circle); mask-image: var(--icon-arrow-right-circle); background: currentColor; display: inline-flex; -webkit-mask-position: 50%; mask-position: 50%; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .icon-check { width: 1em; height: 1em; -webkit-mask-image: var(--icon-check); mask-image: var(--icon-check); background: currentColor; display: inline-flex; -webkit-mask-position: 50%; mask-position: 50%; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .icon-check-dashed { width: 1em; height: 1em; -webkit-mask-image: var(--icon-check-dashed); mask-image: var(--icon-check-dashed); background: currentColor; display: inline-flex; -webkit-mask-position: 50%; mask-position: 50%; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .icon-chevron-down { width: 1em; height: 1em; -webkit-mask-image: var(--icon-chevron-down); mask-image: var(--icon-chevron-down); background: currentColor; display: inline-flex; -webkit-mask-position: 50%; mask-position: 50%; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .icon-chevron-left { width: 1em; height: 1em; -webkit-mask-image: var(--icon-chevron-left); mask-image: var(--icon-chevron-left); background: currentColor; display: inline-flex; -webkit-mask-position: 50%; mask-position: 50%; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .icon-chevron-right { width: 1em; height: 1em; -webkit-mask-image: var(--icon-chevron-right); mask-image: var(--icon-chevron-right); background: currentColor; display: inline-flex; -webkit-mask-position: 50%; mask-position: 50%; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .icon-chevron-up { width: 1em; height: 1em; -webkit-mask-image: var(--icon-chevron-up); mask-image: var(--icon-chevron-up); background: currentColor; display: inline-flex; -webkit-mask-position: 50%; mask-position: 50%; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .icon-chevrons-left { width: 1em; height: 1em; -webkit-mask-image: var(--icon-chevrons-left); mask-image: var(--icon-chevrons-left); background: currentColor; display: inline-flex; -webkit-mask-position: 50%; mask-position: 50%; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .icon-chevrons-right { width: 1em; height: 1em; -webkit-mask-image: var(--icon-chevrons-right); mask-image: var(--icon-chevrons-right); background: currentColor; display: inline-flex; -webkit-mask-position: 50%; mask-position: 50%; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .icon-close { width: 1em; height: 1em; -webkit-mask-image: var(--icon-close); mask-image: var(--icon-close); background: currentColor; display: inline-flex; -webkit-mask-position: 50%; mask-position: 50%; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .icon-cross { width: 1em; height: 1em; -webkit-mask-image: var(--icon-cross); mask-image: var(--icon-cross); background: currentColor; display: inline-flex; -webkit-mask-position: 50%; mask-position: 50%; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .icon-cross-circle { width: 1em; height: 1em; -webkit-mask-image: var(--icon-cross-circle); mask-image: var(--icon-cross-circle); background: currentColor; display: inline-flex; -webkit-mask-position: 50%; mask-position: 50%; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .icon-export { width: 1em; height: 1em; -webkit-mask-image: var(--icon-export); mask-image: var(--icon-export); background: currentColor; display: inline-flex; -webkit-mask-position: 50%; mask-position: 50%; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .icon-facebook { width: 1em; height: 1em; -webkit-mask-image: var(--icon-facebook); mask-image: var(--icon-facebook); background: currentColor; display: inline-flex; -webkit-mask-position: 50%; mask-position: 50%; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .icon-file-download { width: 1em; height: 1em; -webkit-mask-image: var(--icon-file-download); mask-image: var(--icon-file-download); background: currentColor; display: inline-flex; -webkit-mask-position: 50%; mask-position: 50%; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .icon-filter { width: 1em; height: 1em; -webkit-mask-image: var(--icon-filter); mask-image: var(--icon-filter); background: currentColor; display: inline-flex; -webkit-mask-position: 50%; mask-position: 50%; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .icon-globe { width: 1em; height: 1em; -webkit-mask-image: var(--icon-globe); mask-image: var(--icon-globe); background: currentColor; display: inline-flex; -webkit-mask-position: 50%; mask-position: 50%; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .icon-instagram { width: 1em; height: 1em; -webkit-mask-image: var(--icon-instagram); mask-image: var(--icon-instagram); background: currentColor; display: inline-flex; -webkit-mask-position: 50%; mask-position: 50%; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .icon-linkedin { width: 1em; height: 1em; -webkit-mask-image: var(--icon-linkedin); mask-image: var(--icon-linkedin); background: currentColor; display: inline-flex; -webkit-mask-position: 50%; mask-position: 50%; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .icon-menu { width: 1em; height: 1em; -webkit-mask-image: var(--icon-menu); mask-image: var(--icon-menu); background: currentColor; display: inline-flex; -webkit-mask-position: 50%; mask-position: 50%; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .icon-minus { width: 1em; height: 1em; -webkit-mask-image: var(--icon-minus); mask-image: var(--icon-minus); background: currentColor; display: inline-flex; -webkit-mask-position: 50%; mask-position: 50%; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .icon-pin { width: 1em; height: 1em; -webkit-mask-image: var(--icon-pin); mask-image: var(--icon-pin); background: currentColor; display: inline-flex; -webkit-mask-position: 50%; mask-position: 50%; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .icon-play { width: 1em; height: 1em; -webkit-mask-image: var(--icon-play); mask-image: var(--icon-play); background: currentColor; display: inline-flex; -webkit-mask-position: 50%; mask-position: 50%; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .icon-play-circle { width: 1em; height: 1em; -webkit-mask-image: var(--icon-play-circle); mask-image: var(--icon-play-circle); background: currentColor; display: inline-flex; -webkit-mask-position: 50%; mask-position: 50%; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .icon-plus { width: 1em; height: 1em; -webkit-mask-image: var(--icon-plus); mask-image: var(--icon-plus); background: currentColor; display: inline-flex; -webkit-mask-position: 50%; mask-position: 50%; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .icon-quote-sign { width: 1em; height: 1em; -webkit-mask-image: var(--icon-quote-sign); mask-image: var(--icon-quote-sign); background: currentColor; display: inline-flex; -webkit-mask-position: 50%; mask-position: 50%; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .icon-search { width: 1em; height: 1em; -webkit-mask-image: var(--icon-search); mask-image: var(--icon-search); background: currentColor; display: inline-flex; -webkit-mask-position: 50%; mask-position: 50%; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .icon-shield-check { width: 1em; height: 1em; -webkit-mask-image: var(--icon-shield-check); mask-image: var(--icon-shield-check); background: currentColor; display: inline-flex; -webkit-mask-position: 50%; mask-position: 50%; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .icon-star-filled { width: 1em; height: 1em; -webkit-mask-image: var(--icon-star-filled); mask-image: var(--icon-star-filled); background: currentColor; display: inline-flex; -webkit-mask-position: 50%; mask-position: 50%; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .icon-star-hollow { width: 1em; height: 1em; -webkit-mask-image: var(--icon-star-hollow); mask-image: var(--icon-star-hollow); background: currentColor; display: inline-flex; -webkit-mask-position: 50%; mask-position: 50%; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .icon-star-partially-filled { width: 1em; height: 1em; -webkit-mask-image: var(--icon-star-partially-filled); mask-image: var(--icon-star-partially-filled); background: currentColor; display: inline-flex; -webkit-mask-position: 50%; mask-position: 50%; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .icon-time { width: 1em; height: 1em; -webkit-mask-image: var(--icon-time); mask-image: var(--icon-time); background: currentColor; display: inline-flex; -webkit-mask-position: 50%; mask-position: 50%; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .icon-trash { width: 1em; height: 1em; -webkit-mask-image: var(--icon-trash); mask-image: var(--icon-trash); background: currentColor; display: inline-flex; -webkit-mask-position: 50%; mask-position: 50%; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .icon-user { width: 1em; height: 1em; -webkit-mask-image: var(--icon-user); mask-image: var(--icon-user); background: currentColor; display: inline-flex; -webkit-mask-position: 50%; mask-position: 50%; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .icon-x { width: 1em; height: 1em; -webkit-mask-image: var(--icon-x); mask-image: var(--icon-x); background: currentColor; display: inline-flex; -webkit-mask-position: 50%; mask-position: 50%; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .icon-youtube { width: 1em; height: 1em; -webkit-mask-image: var(--icon-youtube); mask-image: var(--icon-youtube); background: currentColor; display: inline-flex; -webkit-mask-position: 50%; mask-position: 50%; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .line-clamp-1 { -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; } .line-clamp-2 { -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; } .line-clamp-3 { -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; } .line-clamp-4 { -webkit-line-clamp: 4; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; } .line-clamp-5 { -webkit-line-clamp: 5; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; } .line-clamp-6 { -webkit-line-clamp: 6; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; } .line-clamp-7 { -webkit-line-clamp: 7; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; } .line-clamp-8 { -webkit-line-clamp: 8; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; } .line-clamp-10 { -webkit-line-clamp: 10; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; } .no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; } .no-scrollbar::-webkit-scrollbar { display: none; } .block { display: block; } .contents { display: contents; } .flex { display: flex; } .grid { display: grid; } .hidden { display: none; } .inline { display: inline; } .inline-flex { display: inline-flex; } .table { display: table; } .aspect-1by1 { aspect-ratio: var(--aspect-1by1); } .aspect-2by1 { aspect-ratio: var(--aspect-2by1); } .aspect-2by3 { aspect-ratio: var(--aspect-2by3); } .aspect-3by2 { aspect-ratio: var(--aspect-3by2); } .aspect-4\/5 { aspect-ratio: 4/5; } .aspect-4by3 { aspect-ratio: var(--aspect-4by3); } .aspect-5by7 { aspect-ratio: var(--aspect-5by7); } .aspect-6by5 { aspect-ratio: var(--aspect-6by5); } .aspect-16by9 { aspect-ratio: var(--aspect-16by9); } .aspect-\[8\/7\] { aspect-ratio: 8/7; } .aspect-\[343\/160\] { aspect-ratio: 343/160; } .aspect-square { aspect-ratio: 1; } .aspect-video { aspect-ratio: var(--aspect-video); } .thin-scrollbar::-webkit-scrollbar { width: 6px; height: 6px; } .thin-scrollbar::-webkit-scrollbar-track { background: 0 0; border-radius: 3px; } .thin-scrollbar::-webkit-scrollbar-thumb { background-color: #0003; border-radius: 3px; transition: background-color 0.3s; } .thin-scrollbar::-webkit-scrollbar-thumb:hover { background-color: #0006; } .thin-scrollbar { scrollbar-width: thin; scrollbar-color: #0003 transparent; } .\!size-6 { width: calc(var(--spacing) * 6) !important; height: calc(var(--spacing) * 6) !important; } .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-10 { width: calc(var(--spacing) * 10); height: calc(var(--spacing) * 10); } .size-11 { width: calc(var(--spacing) * 11); height: calc(var(--spacing) * 11); } .size-12 { width: calc(var(--spacing) * 12); height: calc(var(--spacing) * 12); } .size-14 { width: calc(var(--spacing) * 14); height: calc(var(--spacing) * 14); } .size-20 { width: calc(var(--spacing) * 20); height: calc(var(--spacing) * 20); } .size-24 { width: calc(var(--spacing) * 24); height: calc(var(--spacing) * 24); } .size-26 { width: calc(var(--spacing) * 26); height: calc(var(--spacing) * 26); } .size-32 { width: calc(var(--spacing) * 32); height: calc(var(--spacing) * 32); } .size-\[1\.5em\] { width: 1.5em; height: 1.5em; } .size-\[2\.5em\] { width: 2.5em; height: 2.5em; } .size-\[2\.25em\] { width: 2.25em; height: 2.25em; } .size-\[4\.375rem\] { width: 4.375rem; height: 4.375rem; } .size-full { width: 100%; height: 100%; } .size-full\! { width: 100% !important; height: 100% !important; } .\!h-\[4\.25rem\] { height: 4.25rem !important; } .\!h-full { height: 100% !important; } .h-0 { height: calc(var(--spacing) * 0); } .h-5 { height: calc(var(--spacing) * 5); } .h-6 { height: calc(var(--spacing) * 6); } .h-8 { height: calc(var(--spacing) * 8); } .h-10 { height: calc(var(--spacing) * 10); } .h-12 { height: calc(var(--spacing) * 12); } .h-14 { height: calc(var(--spacing) * 14); } .h-16 { height: calc(var(--spacing) * 16); } .h-18 { height: calc(var(--spacing) * 18); } .h-20 { height: calc(var(--spacing) * 20); } .h-24 { height: calc(var(--spacing) * 24); } .h-26 { height: calc(var(--spacing) * 26); } .h-30 { height: calc(var(--spacing) * 30); } .h-50 { height: calc(var(--spacing) * 50); } .h-64 { height: calc(var(--spacing) * 64); } .h-\[2em\] { height: 2em; } .h-\[2px\] { height: 2px; } .h-\[3\.75rem\] { height: 3.75rem; } .h-\[99rem\] { height: 99rem; } .h-\[calc\(100\%-2\.5rem\)\] { height: calc(100% - 2.5rem); } .h-auto { height: auto; } .h-full { height: 100%; } .h-full\! { height: 100% !important; } .max-h-20 { max-height: calc(var(--spacing) * 20); } .max-h-22 { max-height: calc(var(--spacing) * 22); } .max-h-30 { max-height: calc(var(--spacing) * 30); } .max-h-\[2em\] { max-height: 2em; } .max-h-\[20\.3125rem\] { max-height: 20.3125rem; } .max-h-\[calc\(100\%-2\.5rem\)\] { max-height: calc(100% - 2.5rem); } .max-h-\[calc\(100\%-8\.5rem\)\] { max-height: calc(100% - 8.5rem); } .max-h-full { max-height: 100%; } .min-h-0 { min-height: calc(var(--spacing) * 0); } .min-h-4 { min-height: calc(var(--spacing) * 4); } .min-h-6 { min-height: calc(var(--spacing) * 6); } .min-h-54 { min-height: calc(var(--spacing) * 54); } .min-h-55 { min-height: calc(var(--spacing) * 55); } .min-h-56 { min-height: calc(var(--spacing) * 56); } .min-h-58 { min-height: calc(var(--spacing) * 58); } .min-h-64 { min-height: calc(var(--spacing) * 64); } .min-h-80 { min-height: calc(var(--spacing) * 80); } .min-h-88 { min-height: calc(var(--spacing) * 88); } .min-h-95 { min-height: calc(var(--spacing) * 95); } .min-h-100 { min-height: calc(var(--spacing) * 100); } .min-h-\[2em\] { min-height: 2em; } .min-h-\[119rem\] { min-height: 119rem; } .min-h-full { min-height: 100%; } .min-h-screen { min-height: 100vh; } .btn-fine { border-style: var(--tw-border-style); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); border-width: 1px; } .btn-fine.btn-fixed { width: calc(var(--spacing) * 60); } .w-1\/2 { width: 50%; } .w-6 { width: calc(var(--spacing) * 6); } .w-8\/12 { width: 66.6667%; } .w-10 { width: calc(var(--spacing) * 10); } .w-12 { width: calc(var(--spacing) * 12); } .w-14 { width: calc(var(--spacing) * 14); } .w-16 { width: calc(var(--spacing) * 16); } .w-26 { width: calc(var(--spacing) * 26); } .w-29 { width: calc(var(--spacing) * 29); } .w-30 { width: calc(var(--spacing) * 30); } .w-\[1px\] { width: 1px; } .w-\[18\.625rem\] { width: 18.625rem; } .w-\[100vw\] { width: 100vw; } .w-\[200\%\] { width: 200%; } .w-\[calc\(100\%\+var\(--layout-padding\)\)\] { width: calc(100% + var(--layout-padding)); } .w-\[calc\(100\%\+var\(--layout-padding\)\*2\)\] { width: calc(100% + var(--layout-padding) * 2); } .w-\[calc\(100\%-2\.5rem\)\] { width: calc(100% - 2.5rem); } .w-\[calc\(var\(--layout-padding\)\*2\+100\%\)\] { width: calc(var(--layout-padding) * 2 + 100%); } .w-auto { width: auto; } .w-fit { width: fit-content; } .w-full { width: 100%; } .max-w-1\/3 { max-width: 33.3333%; } .max-w-3xl { max-width: var(--container-3xl); } .max-w-32 { max-width: calc(var(--spacing) * 32); } .max-w-48 { max-width: calc(var(--spacing) * 48); } .max-w-50 { max-width: calc(var(--spacing) * 50); } .max-w-60 { max-width: calc(var(--spacing) * 60); } .max-w-102 { max-width: calc(var(--spacing) * 102); } .max-w-214 { max-width: calc(var(--spacing) * 214); } .max-w-\[14\.875rem\] { max-width: 14.875rem; } .max-w-\[46\.5rem\] { max-width: 46.5rem; } .max-w-\[47rem\] { max-width: 47rem; } .max-w-\[100\%\] { max-width: 100%; } .max-w-\[calc\(50\%-1\.5rem\)\] { max-width: calc(50% - 1.5rem); } .max-w-\[calc\(100\%\+\(var\(--layout-padding\)\*2\)\)\] { max-width: calc(100% + (var(--layout-padding) * 2)); } .max-w-\[var\(--layout-max-width\)\] { max-width: var(--layout-max-width); } .max-w-full { max-width: 100%; } .max-w-lg { max-width: var(--container-lg); } .max-w-md { max-width: var(--container-md); } .max-w-none { max-width: none; } .min-w-0 { min-width: calc(var(--spacing) * 0); } .min-w-14 { min-width: calc(var(--spacing) * 14); } .min-w-40 { min-width: calc(var(--spacing) * 40); } .min-w-50 { min-width: calc(var(--spacing) * 50); } .min-w-52 { min-width: calc(var(--spacing) * 52); } .min-w-156 { min-width: calc(var(--spacing) * 156); } .min-w-xs { min-width: var(--container-xs); } .flex-1 { flex: 1; } .flex-auto { flex: auto; } .flex-none { flex: none; } .flex-shrink-0 { flex-shrink: 0; } .shrink { flex-shrink: 1; } .shrink-0 { flex-shrink: 0; } .shrink-1 { flex-shrink: 1; } .grow { flex-grow: 1; } .grow-0 { flex-grow: 0; } .basis-auto { flex-basis: auto; } .basis-full { flex-basis: 100%; } .origin-bottom { transform-origin: bottom; } .origin-top-left { transform-origin: 0 0; } .-translate-x-1\/2 { --tw-translate-x: -50%; translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-x-13 { --tw-translate-x: calc(var(--spacing) * -13); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-x-\[calc\(50\%_\+_70px\)\] { --tw-translate-x: calc((50% + 70px) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-x-\[calc\(50\%_-150px\)\] { --tw-translate-x: calc((50% - 150px) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-\[-50\%\] { --tw-translate-x: -50%; translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-1\/2 { --tw-translate-y: -50%; translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-8 { --tw-translate-y: calc(var(--spacing) * -8); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-13 { --tw-translate-y: calc(var(--spacing) * -13); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-\[calc\(50\%_\+200px\)\] { --tw-translate-y: calc((50% + 200px) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-\[calc\(100\%\+2\.5rem\)\] { --tw-translate-y: calc((100% + 2.5rem) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-0 { --tw-translate-y: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-\[-50\%\] { --tw-translate-y: -50%; translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-\[-60\%\] { --tw-translate-y: -60%; 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); } .scale-130 { --tw-scale-x: 130%; --tw-scale-y: 130%; --tw-scale-z: 130%; scale: var(--tw-scale-x) var(--tw-scale-y); } .zoom-in-group:hover .zoom-in-image { --tw-scale-x: 110%; --tw-scale-y: 110%; --tw-scale-z: 110%; scale: var(--tw-scale-x) var(--tw-scale-y); } .scale-y-100 { --tw-scale-y: 100%; scale: var(--tw-scale-x) var(--tw-scale-y); } .-rotate-90 { rotate: -90deg; } .rotate-180 { rotate: 180deg; } .transform { transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,); } .transform-gpu { transform: translateZ(0) var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,); } .animate-bounce { animation: var(--animate-bounce); } .animate-spin { animation: var(--animate-spin); } .cursor-default { cursor: default; } .cursor-help { cursor: help; } .cursor-pointer { cursor: pointer; } .resize { resize: both; } .resize-none { resize: none; } .resize-y { resize: vertical; } .list-none { list-style-type: none; } .grid-flow-col { grid-auto-flow: column; } .auto-rows-\[minmax\(258px\,auto\)\] { grid-auto-rows: minmax(258px, auto); } .auto-rows-auto { grid-auto-rows: auto; } .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } .grid-rows-\[0fr\] { grid-template-rows: 0fr; } .grid-rows-\[auto_1fr_auto\] { grid-template-rows: auto 1fr auto; } .grid-rows-\[repeat\(12\,_minmax\(24rem\,_auto\)\)\] { grid-template-rows: repeat(12, minmax(24rem, auto)); } .grid-rows-\[repeat\(var\(--a-rows-count\)\,_auto\)\] { grid-template-rows: repeat(var(--a-rows-count), auto); } .flex-col { flex-direction: column; } .flex-row { flex-direction: row; } .flex-nowrap { flex-wrap: nowrap; } .flex-wrap { flex-wrap: wrap; } .content-start { align-content: flex-start; } .items-center { align-items: center; } .items-start { align-items: flex-start; } .items-stretch { align-items: stretch; } .justify-between { justify-content: center; } .justify-center { justify-content: center; } .justify-end { justify-content: flex-end; } .justify-evenly { justify-content: space-evenly; } .justify-normal { justify-content: normal; } .justify-start { justify-content: flex-start; } .justify-items-center { justify-items: center; } .gap-0 { gap: calc(var(--spacing) * 0); } .gap-2 { gap: calc(var(--spacing) * 2); } .gap-4 { gap: calc(var(--spacing) * 4); } .gap-6 { gap: calc(var(--spacing) * 6); } .gap-10 { gap: calc(var(--spacing) * 10); } .gap-12 { gap: calc(var(--spacing) * 12); } .gap-14 { gap: calc(var(--spacing) * 14); } .gap-16 { gap: calc(var(--spacing) * 16); } :where(.space-y-3 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc( calc(var(--spacing) * 3) * var(--tw-space-y-reverse) ); margin-block-end: calc( calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)) ); } .gap-x-4 { column-gap: calc(var(--spacing) * 4); } .gap-x-8 { column-gap: calc(var(--spacing) * 8); } .gap-x-10 { column-gap: calc(var(--spacing) * 10); } :where(.space-x-6 > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc( calc(var(--spacing) * 6) * var(--tw-space-x-reverse) ); margin-inline-end: calc( calc(var(--spacing) * 6) * calc(1 - var(--tw-space-x-reverse)) ); } .gap-y-2 { row-gap: calc(var(--spacing) * 2); } .gap-y-4 { row-gap: calc(var(--spacing) * 4); } .gap-y-5 { row-gap: calc(var(--spacing) * 5); } .gap-y-6 { row-gap: calc(var(--spacing) * 6); } .gap-y-8 { row-gap: calc(var(--spacing) * 8); } .gap-y-10 { row-gap: calc(var(--spacing) * 10); } .self-center { align-self: center; } .self-end { align-self: flex-end; } .self-start { align-self: flex-start; } .truncate { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-visible { overflow: visible; } .overflow-x-hidden { overflow-x: hidden; } .overflow-y-auto { overflow-y: auto; } .overscroll-contain { overscroll-behavior: contain; } .scroll-smooth { scroll-behavior: smooth; } .rounded { border-radius: 0.25rem; } .rounded-2xl { border-radius: var(--radius-2xl); } .rounded-\[2\.5rem\] { border-radius: 2.5rem; } .rounded-full { border-radius: 3.40282e38px; } .rounded-lg { border-radius: var(--radius-lg); } .rounded-md { border-radius: var(--radius-md); } .rounded-none { border-radius: 0 !important; } .rounded-xl { border-radius: var(--radius-xl); } .rounded-t-lg { border-top-left-radius: var(--radius-lg); border-top-right-radius: var(--radius-lg); } .rounded-t-xl { border-top-left-radius: var(--radius-xl); border-top-right-radius: var(--radius-xl); } .rounded-tr-lg { border-top-right-radius: var(--radius-lg); } .rounded-b-lg { border-bottom-right-radius: var(--radius-lg); border-bottom-left-radius: var(--radius-lg); } .rounded-b-xl { border-bottom-right-radius: var(--radius-xl); border-bottom-left-radius: var(--radius-xl); } .border { border-style: var(--tw-border-style); border-width: 1px; } .border-0 { border-style: var(--tw-border-style); border-width: 0; } .border-0\! { border-style: var(--tw-border-style) !important; border-width: 0 !important; } .border-1 { border-style: var(--tw-border-style); border-width: 1px; } .border-2 { border-style: var(--tw-border-style); border-width: 2px; } .border-8 { border-style: var(--tw-border-style); border-width: 8px; } .border-t { border-top-style: var(--tw-border-style); border-top-width: 1px; } .border-t-0 { border-top-style: var(--tw-border-style); border-top-width: 0; } .border-t-1 { border-top-style: var(--tw-border-style); border-top-width: 1px; } .border-t-1\! { border-top-style: var(--tw-border-style) !important; border-top-width: 1px !important; } .border-t-2 { border-top-style: var(--tw-border-style); border-top-width: 2px; } .border-t-\[1px\] { border-top-style: var(--tw-border-style); border-top-width: 1px; } .border-r-0 { border-right-style: var(--tw-border-style); border-right-width: 0; } .border-b, .border-b-1 { 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-b-\[1px\] { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } .border-l-1 { border-left-style: var(--tw-border-style); border-left-width: 1px; } .border-dashed { --tw-border-style: dashed; border-style: dashed; } .border-solid { --tw-border-style: solid; border-style: solid; } .border-\(--decor-color\) { border-color: var(--decor-color); } .border-beige-100 { border-color: var(--color-beige-100); } .border-beige-200 { border-color: var(--color-beige-200); } .border-beige-300 { border-color: var(--color-beige-300); } .border-beige-400 { border-color: var(--color-beige-400); } .border-beige-500 { border-color: var(--color-beige-500); } .border-current { border-color: currentColor; } .border-purple-900 { border-color: var(--color-purple-900); } .border-red-700 { border-color: var(--color-red-700); } .border-red-800 { border-color: var(--color-red-800); } .border-transparent { border-color: #0000; } .border-white { border-color: var(--color-white); } .border-t-\(--border-color\) { border-top-color: var(--border-color); } .border-t-beige-200 { border-top-color: var(--color-beige-200); } .border-t-beige-900 { border-top-color: var(--color-beige-900); } .border-b-beige-200 { border-bottom-color: var(--color-beige-200); } .border-b-transparent { border-bottom-color: #0000; } .border-l-transparent { border-left-color: #0000; } .bg-\(--bg-color\) { background-color: var(--bg-color); } .bg-beige-50 { background-color: var(--color-beige-50); } .bg-beige-50-warm { background-color: var(--color-beige-50-warm); } .bg-beige-100 { background-color: var(--color-beige-100); } .bg-beige-200 { background-color: var(--color-beige-200); } .bg-beige-500 { background-color: var(--color-beige-500); } .bg-beige-900 { background-color: var(--color-beige-900); } .bg-beige-900\/40 { background-color: #47433b66; } @supports (color: color-mix(in lab, red, red)) { .bg-beige-900\/40 { background-color: color-mix( in oklab, var(--color-beige-900) 40%, transparent ); } } .bg-beige-900\/60 { background-color: #47433b99; } @supports (color: color-mix(in lab, red, red)) { .bg-beige-900\/60 { background-color: color-mix( in oklab, var(--color-beige-900) 60%, transparent ); } } .bg-current { background-color: currentColor; } .bg-inherit { background-color: inherit; } .bg-purple-900 { background-color: var(--color-purple-900); } .bg-red-50 { background-color: var(--color-red-50); } .bg-red-300 { background-color: var(--color-red-300); } .bg-red-700 { background-color: var(--color-red-700); } .bg-red-800 { background-color: var(--color-red-800); } .bg-transparent { background-color: #0000; } .bg-white { background-color: var(--color-white); } .bg-white\/10 { background-color: #ffffff1a; } @supports (color: color-mix(in lab, red, red)) { .bg-white\/10 { background-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } .bg-white\/80 { background-color: #fffc; } @supports (color: color-mix(in lab, red, red)) { .bg-white\/80 { background-color: color-mix(in oklab, var(--color-white) 80%, transparent); } } .bgi-gradient-0 { background-image: var(--bgi-gradient-0); } .bgi-gradient-1 { background-image: var(--bgi-gradient-1); } .bgi-gradient-line-0 { background-image: var(--bgi-gradient-line-0); } .bgi-gradient-rotating-0 { background-image: var(--bgi-gradient-rotating-0); } .bgi-gradient-spiral-5-1 { background-image: var(--bgi-gradient-spiral-5-1); } .bgi-gradient-spiral-12 { background-image: var(--bgi-gradient-spiral-12); } .bgi-gradient-spiral-13 { background-image: var(--bgi-gradient-spiral-13); } .bgi-hands-in-touch { background-image: var(--bgi-hands-in-touch); } .bg-cover { background-size: cover; } .bg-size-\[100\%_100\%\] { background-size: 100% 100%; } .bg-size-\[120\%_auto\] { background-size: 120%; } .bg-size-\[175\%\] { background-size: 175%; } .bg-size-\[767px_100\%\] { background-size: 767px 100%; } .bg-center { background-position: 50%; } .bg-position-\[30\%_100\%\] { background-position: 30% 100%; } .bg-position-\[33\%_top\] { background-position: 33% 0; } .bg-right { background-position: 100%; } .bg-top { background-position: top; } .bg-no-repeat { background-repeat: no-repeat; } .mask-left { -webkit-mask-position: 0; mask-position: 0; } .fill-red-700 { fill: var(--color-red-700); } .fill-white { fill: var(--color-white); } .svg-gradient-r-red path { fill: url(main-C99gAjaa.css#svg-gradient-r-red); } .object-contain { object-fit: contain; } .object-cover { object-fit: cover; } .object-\[50\%_0\%\] { object-position: 50% 0%; } .object-center { object-position: center; } .object-left { object-position: left; } .object-right { object-position: right; } .p-0 { padding: calc(var(--spacing) * 0); } .p-2 { padding: calc(var(--spacing) * 2); } .p-3 { padding: calc(var(--spacing) * 3); } .p-4 { padding: calc(var(--spacing) * 4); } .p-6 { padding: calc(var(--spacing) * 6); } .p-8 { padding: calc(var(--spacing) * 8); } .p-10 { padding: calc(var(--spacing) * 10); } .p-12 { padding: calc(var(--spacing) * 12); } .p-\[0\.5em\] { padding: 0.5em; } .p-\[1\.25em\] { padding: 1.25em; } .btn-fine-md { padding-block: 0.6875rem; padding-inline: 1.4375rem; } .btn-fine-sm { padding-block: 0.4375rem; padding-inline: 1.4375rem; } .btn-flare-md { padding-inline: calc(var(--spacing) * 6); padding-block: calc(var(--spacing) * 3); } .btn-flare-sm { padding-inline: calc(var(--spacing) * 6); padding-block: calc(var(--spacing) * 2); } .btn-lg { padding-inline: 1.375rem; padding-block: calc(var(--spacing) * 3); } .btn-md { padding-inline: 1.375rem; padding-block: calc(var(--spacing) * 1.5); } .btn-sm { padding-inline: 1.375rem; padding-block: calc(var(--spacing) * 0.5); } .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); } .px-5 { padding-inline: calc(var(--spacing) * 5); } .px-6 { padding-inline: calc(var(--spacing) * 6); } .px-10 { padding-inline: calc(var(--spacing) * 10); } .px-16 { padding-inline: calc(var(--spacing) * 16); } .px-\[1\.25em\] { padding-inline: 1.25em; } .px-\[1\.125em\] { padding-inline: 1.125em; } .px-\[3\.75rem\] { padding-inline: 3.75rem; } .py-0\.5 { padding-block: calc(var(--spacing) * 0.5); } .py-1 { padding-block: calc(var(--spacing) * 1); } .py-1\.5 { padding-block: calc(var(--spacing) * 1.5); } .py-2 { padding-block: calc(var(--spacing) * 2); } .py-3 { padding-block: calc(var(--spacing) * 3); } .py-4 { padding-block: calc(var(--spacing) * 4); } .py-5 { padding-block: calc(var(--spacing) * 5); } .py-6 { padding-block: calc(var(--spacing) * 6); } .py-7 { padding-block: calc(var(--spacing) * 7); } .py-8 { padding-block: calc(var(--spacing) * 8); } .py-10 { padding-block: calc(var(--spacing) * 10); } .py-16 { padding-block: calc(var(--spacing) * 16); } .py-\[0\.5625rem\] { padding-block: 0.5625rem; } .\!pt-0 { padding-top: calc(var(--spacing) * 0) !important; } .pt-1 { padding-top: calc(var(--spacing) * 1); } .pt-2 { padding-top: calc(var(--spacing) * 2); } .pt-4 { padding-top: calc(var(--spacing) * 4); } .pt-6 { padding-top: calc(var(--spacing) * 6); } .pt-8 { padding-top: calc(var(--spacing) * 8); } .pt-10 { padding-top: calc(var(--spacing) * 10); } .pt-20 { padding-top: calc(var(--spacing) * 20); } .pt-\[0\.75em\] { padding-top: 0.75em; } .pt-\[1\.25em\] { padding-top: 1.25em; } .pt-\[1em\] { padding-top: 1em; } .pt-\[46vw\] { padding-top: 46vw; } .pr-4 { padding-right: calc(var(--spacing) * 4); } .pr-5 { padding-right: calc(var(--spacing) * 5); } .pr-6 { padding-right: calc(var(--spacing) * 6); } .pr-10 { padding-right: calc(var(--spacing) * 10); } .pr-18 { padding-right: calc(var(--spacing) * 18); } .pr-\[var\(--layout-padding\)\] { padding-right: var(--layout-padding); } .pb-1\.5 { padding-bottom: calc(var(--spacing) * 1.5); } .pb-4 { padding-bottom: calc(var(--spacing) * 4); } .pb-5 { padding-bottom: calc(var(--spacing) * 5); } .pb-6 { padding-bottom: calc(var(--spacing) * 6); } .pb-10 { padding-bottom: calc(var(--spacing) * 10); } .pb-14 { padding-bottom: calc(var(--spacing) * 14); } .pb-16 { padding-bottom: calc(var(--spacing) * 16); } .pb-18 { padding-bottom: calc(var(--spacing) * 18); } .pb-80 { padding-bottom: calc(var(--spacing) * 80); } .pb-\[0\.5em\] { padding-bottom: 0.5em; } .pb-\[1\.25em\] { padding-bottom: 1.25em; } .pb-\[54\.125rem\] { padding-bottom: 54.125rem; } .pl-2 { padding-left: calc(var(--spacing) * 2); } .pl-3 { padding-left: calc(var(--spacing) * 3); } .pl-4 { padding-left: calc(var(--spacing) * 4); } .pl-6 { padding-left: calc(var(--spacing) * 6); } .pl-8 { padding-left: calc(var(--spacing) * 8); } .pl-14 { padding-left: calc(var(--spacing) * 14); } .pl-\[1em\] { padding-left: 1em; } .text-center { text-align: center; } .text-left { text-align: left; } .text-right { text-align: right; } .font-sans { font-family: var(--font-sans); } .font-serif { font-family: var(--font-serif); } .text-2xl { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--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-9xl { font-size: var(--text-9xl); line-height: var(--tw-leading, var(--text-9xl--line-height)); } .text-10xl { font-size: var(--text-10xl); line-height: var(--tw-leading, var(--text-10xl--line-height)); } .text-11xl { font-size: var(--text-11xl); line-height: var(--tw-leading, var(--text-11xl--line-height)); } .text-base { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); } .text-base-tight { font-size: var(--text-base-tight); line-height: var(--tw-leading, var(--text-base-tight--line-height)); } .text-basic { font-size: var(--text-basic); line-height: var(--tw-leading, var(--text-basic--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-xs-tight { font-size: var(--text-xs-tight); line-height: var(--tw-leading, var(--text-xs-tight--line-height)); } .text-xs\/normal { font-size: var(--text-xs); line-height: var(--leading-normal); } .text-xs\/tight { font-size: var(--text-xs); line-height: var(--leading-tight); } .text-\(length\:--tile-scale\) { font-size: var(--tile-scale); } .text-\[0\.875em\] { font-size: 0.875em; } .text-\[1\.5em\] { font-size: 1.5em; } .text-\[1\.75em\] { font-size: 1.75em; } .text-\[1em\] { font-size: 1em; } .text-\[4\.0625em\] { font-size: 4.0625em; } .leading-5 { --tw-leading: calc(var(--spacing) * 5); line-height: calc(var(--spacing) * 5); } .leading-6 { --tw-leading: calc(var(--spacing) * 6); line-height: calc(var(--spacing) * 6); } .leading-7 { --tw-leading: calc(var(--spacing) * 7); line-height: calc(var(--spacing) * 7); } .leading-8 { --tw-leading: calc(var(--spacing) * 8); line-height: calc(var(--spacing) * 8); } .leading-\[1\.1\] { --tw-leading: 1.1; line-height: 1.1; } .leading-\[1\.5\] { --tw-leading: 1.5; line-height: 1.5; } .leading-\[1\.25\] { --tw-leading: 1.25; line-height: 1.25; } .leading-\[1\.1428\] { --tw-leading: 1.1428; line-height: 1.1428; } .leading-\[1\.1429\] { --tw-leading: 1.1429; line-height: 1.1429; } .leading-\[1\.2631\] { --tw-leading: 1.2631; line-height: 1.2631; } .leading-\[1\.4286\] { --tw-leading: 1.4286; line-height: 1.4286; } .leading-\[1\], .leading-none { --tw-leading: 1; line-height: 1; } .leading-snug { --tw-leading: var(--leading-snug); line-height: var(--leading-snug); } .font-bold { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } .font-headline { --tw-font-weight: var(--font-weight-headline); font-weight: var(--font-weight-headline); } .font-medium { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } .font-normal { --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); } .text-nowrap { text-wrap: nowrap; } .text-wrap { text-wrap: wrap; } .overflow-ellipsis, .text-ellipsis { text-overflow: ellipsis; } .whitespace-nowrap { white-space: nowrap; } .text-\(--action-color\) { color: var(--action-color); } .text-\(--ai-gemini-color\) { color: var(--ai-gemini-color); } .text-\(--ai-gpt-color\) { color: var(--ai-gpt-color); } .text-\(--ai-label-color\) { color: var(--ai-label-color); } .text-\(--border-color\) { color: var(--border-color); } .text-\(--decor-color\) { color: var(--decor-color); } .text-\(--heading-color\) { color: var(--heading-color); } .text-\(--icon-color\) { color: var(--icon-color); } .text-\(--primary-text-color\) { color: var(--primary-text-color); } .text-\(--secondary-text-color\) { color: var(--secondary-text-color); } .text-\(--tertiary-text-color\) { color: var(--tertiary-text-color); } .text-ai-claude { color: var(--color-ai-claude); } .text-ai-gemini { color: var(--color-ai-gemini); } .text-ai-gpt { color: var(--color-ai-gpt); } .text-ai-perplexity { color: var(--color-ai-perplexity); } .text-beige-50 { color: var(--color-beige-50); } .text-beige-50-warm { color: var(--color-beige-50-warm); } .text-beige-100 { color: var(--color-beige-100); } .text-beige-400 { color: var(--color-beige-400); } .text-beige-500 { color: var(--color-beige-500); } .text-beige-700 { color: var(--color-beige-700); } .text-beige-900 { color: var(--color-beige-900); } .text-black\/80 { color: #000c; } @supports (color: color-mix(in lab, red, red)) { .text-black\/80 { color: color-mix(in oklab, var(--color-black) 80%, transparent); } } .text-current { color: currentColor; } .text-error { color: var(--color-error); } .text-inherit { color: inherit; } .text-lavender-400 { color: var(--color-lavender-400); } .text-purple-700 { color: var(--color-purple-700); } .text-purple-900 { color: var(--color-purple-900); } .text-red-50 { color: var(--color-red-50); } .text-red-300 { color: var(--color-red-300); } .text-red-400 { color: var(--color-red-400); } .text-red-500 { color: var(--color-red-500); } .text-red-700 { color: var(--color-red-700); } .text-red-800 { color: var(--color-red-800); } .text-white { color: var(--color-white); } .lowercase { text-transform: lowercase; } .italic { font-style: italic; } .no-underline { text-decoration-line: none; } .underline { text-decoration-line: underline; } .decoration-1 { text-decoration-thickness: 1px; } .decoration-2 { text-decoration-thickness: 2px; } .underline-offset-3 { text-underline-offset: 3px; } .underline-offset-4 { text-underline-offset: 4px; } .underline-offset-12 { text-underline-offset: 12px; } .opacity-0 { opacity: 0; } .opacity-30 { opacity: 0.3; } .opacity-50 { opacity: 0.5; } .opacity-100 { opacity: 1; } .bg-blend-multiply { background-blend-mode: multiply; } .shadow-md\/5 { --tw-shadow-alpha: 5%; --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, oklab(0% 0 0/0.05)), 0 2px 4px -2px var(--tw-shadow-color, oklab(0% 0 0/0.05)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_8px_16px_0_rgba\(71\,67\,59\,0\.02\)\,_0_4px_40px_0_rgba\(71\,67\,59\,0\.08\)\] { --tw-shadow: 0 8px 16px 0 var(--tw-shadow-color, #47433b05), 0 4px 40px 0 var(--tw-shadow-color, #47433b14); 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; } .blur { --tw-blur: blur(8px); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .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,); } .filter-\[brightness\(0\)_saturate\(100\%\)_invert\(77\%\)_sepia\(6\%\)_saturate\(876\%\)_hue-rotate\(2deg\)_brightness\(88\%\)_contrast\(86\%\)\] { filter: brightness(0) saturate() invert(77%) sepia(6%) saturate(876%) hue-rotate(2deg) brightness(88%) contrast(86%); } .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-\[background-size\] { transition-property: background-size; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[filter\] { transition-property: filter; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[grid-template-rows\] { transition-property: grid-template-rows; 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 !important; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ) !important; transition-duration: var( --tw-duration, var(--default-transition-duration) ) !important; } .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 !important; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ) !important; transition-duration: var( --tw-duration, var(--default-transition-duration) ) !important; } .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-shadow { transition-property: box-shadow; 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)); } .\!transition-none { transition-property: none !important; } .delay-100 { transition-delay: 0.1s; } .delay-200 { transition-delay: 0.2s; } .delay-300 { transition-delay: 0.3s; } .duration-200 { --tw-duration: 0.2s; transition-duration: 0.2s; } .duration-300 { --tw-duration: 0.3s; transition-duration: 0.3s; } .duration-400 { --tw-duration: 0.4s; transition-duration: 0.4s; } .duration-500 { --tw-duration: 0.5s; transition-duration: 0.5s; } .duration-700 { --tw-duration: 0.7s; transition-duration: 0.7s; } .duration-1300 { --tw-duration: 1.3s; transition-duration: 1.3s; } .duration-2000 { --tw-duration: 2s; transition-duration: 2s; } .duration-2500 { --tw-duration: 2.5s; transition-duration: 2.5s; } .duration-3000 { --tw-duration: 3s; transition-duration: 3s; } .duration-6000 { --tw-duration: 6s; transition-duration: 6s; } .duration-7000 { --tw-duration: 7s; transition-duration: 7s; } .duration-\[1s\] { --tw-duration: 1s; transition-duration: 1s; } .ease-\[cubic-bezier\(0\,0\,0\.4\,1\)\] { --tw-ease: cubic-bezier(0, 0, 0.4, 1); transition-timing-function: cubic-bezier(0, 0, 0.4, 1); } .ease-\[cubic-bezier\(0\.4\,0\.0\,0\.2\,1\)\] { --tw-ease: cubic-bezier(0.4, 0, 0.2, 1); transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .ease-\[cubic-bezier\(0\.25\,1\,0\.5\,1\)\] { --tw-ease: cubic-bezier(0.25, 1, 0.5, 1); transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1); } .ease-\[cubic-bezier\(0\.65\,-0\.64\,0\.25\,1\.23\)\] { --tw-ease: cubic-bezier(0.65, -0.64, 0.25, 1.23); transition-timing-function: cubic-bezier(0.65, -0.64, 0.25, 1.23); } .ease-\[ease\] { --tw-ease: ease; transition-timing-function: ease; } .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); } .outline-none { --tw-outline-style: none; outline-style: none; } .\[--splide-left-padding-xl\:calc\(\(\(100svw-90rem\)\/2\)\+var\(--layout-padding\)\)\] { --splide-left-padding-xl: calc( ((100svw - 90rem) / 2) + var(--layout-padding) ); } .\[--splide-progress-percentage\:0\.5rem\] { --splide-progress-percentage: 0.5rem; } .backface-hidden { backface-visibility: hidden; } .transform-3d { transform-style: preserve-3d; } .group-only\:pointer-events-none:is(:where(.group):only-child *) { pointer-events: none; } .group-only\:mb-0:is(:where(.group):only-child *) { margin-bottom: calc(var(--spacing) * 0); } @media (hover: hover) { .group-hover\:block:is(:where(.group):hover *) { display: block; } .group-hover\:-translate-x-\[calc\(50\%_\+180px\)\]:is( :where(.group):hover * ) { --tw-translate-x: calc((50% + 180px) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .group-hover\:-translate-x-\[calc\(50\%_-50px\)\]:is(:where(.group):hover *) { --tw-translate-x: calc((50% - 50px) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .group-hover\:-translate-y-\[calc\(50\%_-0px\)\]:is(:where(.group):hover *) { --tw-translate-y: calc((50% + -0px) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .group-hover\:-translate-y-\[calc\(50\%_-100px\)\]:is( :where(.group):hover * ) { --tw-translate-y: calc((50% - 100px) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .group-hover\:scale-120:is(:where(.group):hover *) { --tw-scale-x: 120%; --tw-scale-y: 120%; --tw-scale-z: 120%; scale: var(--tw-scale-x) var(--tw-scale-y); } .group-hover\:scale-140:is(:where(.group):hover *) { --tw-scale-x: 140%; --tw-scale-y: 140%; --tw-scale-z: 140%; scale: var(--tw-scale-x) var(--tw-scale-y); } .group-hover\:scale-y-0:is(:where(.group):hover *) { --tw-scale-y: 0%; scale: var(--tw-scale-x) var(--tw-scale-y); } .group-hover\:-rotate-180:is(:where(.group):hover *) { rotate: -180deg; } .group-hover\:text-beige-900:is(:where(.group):hover *) { color: var(--color-beige-900); } .group-hover\:text-red-300:is(:where(.group):hover *) { color: var(--color-red-300); } .group-hover\:text-red-700:is(:where(.group):hover *) { color: var(--color-red-700); } .group-hover\:text-red-800:is(:where(.group):hover *) { color: var(--color-red-800); } .group-hover\:opacity-0:is(:where(.group):hover *) { opacity: 0; } .group-hover\:opacity-100:is(:where(.group):hover *) { opacity: 1; } .group-hover\:duration-5000:is(:where(.group):hover *) { --tw-duration: 5s; transition-duration: 5s; } .group-hover\:ease-in-out:is(:where(.group):hover *) { --tw-ease: var(--ease-in-out); transition-timing-function: var(--ease-in-out); } .group-hover\/rating\:icon-star-filled:is(:where(.group\/rating):hover *) { width: 1em; height: 1em; -webkit-mask-image: var(--icon-star-filled); mask-image: var(--icon-star-filled); background: currentColor; display: inline-flex; -webkit-mask-position: 50%; mask-position: 50%; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .group-hover\/tooltip\:visible:is(:where(.group\/tooltip):hover *) { visibility: visible; } .group-hover\/tooltip\:opacity-100:is(:where(.group\/tooltip):hover *) { opacity: 1; } } .group-focus\/tooltip\:visible:is(:where(.group\/tooltip):focus *) { visibility: visible; } .group-focus\/tooltip\:opacity-100:is(:where(.group\/tooltip):focus *) { opacity: 1; } .group-has-\[\:checked\]\:inline-block:is(:where(.group):has(:checked) *) { display: inline-block; } .group-aria-expanded\:rotate-180:is(:where(.group)[aria-expanded="true"] *) { rotate: 180deg; } .group-data-\[expanded\=false\]\:icon-plus:is( :where(.group)[data-expanded="false"] * ) { width: 1em; height: 1em; -webkit-mask-image: var(--icon-plus); mask-image: var(--icon-plus); background: currentColor; display: inline-flex; -webkit-mask-position: 50%; mask-position: 50%; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } @media (hover: hover) { .group-data-\[expanded\=false\]\:group-hover\:text-beige-700:is( :where(.group)[data-expanded="false"] * ):is(:where(.group):hover *) { color: var(--color-beige-700); } } .group-data-\[expanded\=true\]\:mt-6:is( :where(.group)[data-expanded="true"] * ) { margin-top: calc(var(--spacing) * 6); } .group-data-\[expanded\=true\]\:mb-1:is( :where(.group)[data-expanded="true"] * ) { margin-bottom: calc(var(--spacing) * 1); } .group-data-\[expanded\=true\]\:icon-minus:is( :where(.group)[data-expanded="true"] * ) { width: 1em; height: 1em; -webkit-mask-image: var(--icon-minus); mask-image: var(--icon-minus); background: currentColor; display: inline-flex; -webkit-mask-position: 50%; mask-position: 50%; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .group-data-\[expanded\=true\]\:rotate-180:is( :where(.group)[data-expanded="true"] * ) { rotate: 180deg; } .group-data-\[expanded\=true\]\:grid-rows-\[1fr\]:is( :where(.group)[data-expanded="true"] * ) { grid-template-rows: 1fr; } .group-\[\&\.is-active\]\:icon-minus:is(:where(.group).is-active *) { width: 1em; height: 1em; -webkit-mask-image: var(--icon-minus); mask-image: var(--icon-minus); background: currentColor; display: inline-flex; -webkit-mask-position: 50%; mask-position: 50%; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .group-\[\&\.is-active\]\:inline-block:is(:where(.group).is-active *) { display: inline-block; } .group-\[\&\.is-active\]\:size-6:is(:where(.group).is-active *) { width: calc(var(--spacing) * 6); height: calc(var(--spacing) * 6); } .group-\[\&\.is-active\]\:translate-x-0:is(:where(.group).is-active *) { --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } .group-\[\&\.is-active\]\:scale-100:is(:where(.group).is-active *) { --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y); } .group-\[\&\.is-active\]\:rotate-180:is(:where(.group).is-active *) { rotate: 180deg; } .group-\[\&\.is-active\]\:opacity-100:is(:where(.group).is-active *) { opacity: 1; } .group-\[\&\.is-loading\]\:flex:is(:where(.group).is-loading *) { display: flex; } .group-\[\&\.is-opened\]\:icon-minus:is(:where(.group).is-opened *) { width: 1em; height: 1em; -webkit-mask-image: var(--icon-minus); mask-image: var(--icon-minus); background: currentColor; display: inline-flex; -webkit-mask-position: 50%; mask-position: 50%; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .group-\[\&\.is-prev\]\:origin-top-right:is(:where(.group).is-prev *) { transform-origin: 100% 0; } .group-\[\&\.is-starting\]\:translate-x-0:is(:where(.group).is-starting *) { --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } .group-\[\&\.is-starting\]\:scale-100:is(:where(.group).is-starting *) { --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y); } .group-\[\&\.is-starting\]\:opacity-100:is(:where(.group).is-starting *) { opacity: 1; } .group-\[\:only-child\]\:hidden:is(:where(.group):only-child *) { display: none; } .peer-checked\:block:is(:where(.peer):checked ~ *) { display: block; } .before\:absolute:before { content: var(--tw-content); position: absolute; } .before\:-top-2:before { content: var(--tw-content); top: calc(var(--spacing) * -2); } .before\:top-0:before { content: var(--tw-content); top: calc(var(--spacing) * 0); } .before\:top-1:before { content: var(--tw-content); top: calc(var(--spacing) * 1); } .before\:top-7\.5:before { content: var(--tw-content); top: calc(var(--spacing) * 7.5); } .before\:-right-2:before { content: var(--tw-content); right: calc(var(--spacing) * -2); } .before\:-right-\[var\(--layout-padding\)\]:before { content: var(--tw-content); right: calc(var(--layout-padding) * -1); } .before\:right-0:before { content: var(--tw-content); right: calc(var(--spacing) * 0); } .before\:-bottom-2:before { content: var(--tw-content); bottom: calc(var(--spacing) * -2); } .before\:-left-2:before { content: var(--tw-content); left: calc(var(--spacing) * -2); } .before\:-left-\[var\(--layout-padding\)\]:before { content: var(--tw-content); left: calc(var(--layout-padding) * -1); } .before\:left-0:before { content: var(--tw-content); left: calc(var(--spacing) * 0); } .before\:left-7:before { content: var(--tw-content); left: calc(var(--spacing) * 7); } .before\:z-1:before { content: var(--tw-content); z-index: 1; } .before\:mr-2:before { content: var(--tw-content); margin-right: calc(var(--spacing) * 2); } .before\:icon-undo:before { content: var(--tw-content); width: 1em; height: 1em; -webkit-mask-image: var(--icon-undo); mask-image: var(--icon-undo); background: currentColor; display: inline-flex; -webkit-mask-position: 50%; mask-position: 50%; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .before\:block:before { content: var(--tw-content); display: block; } .before\:hidden:before { content: var(--tw-content); display: none; } .before\:inline-flex:before { content: var(--tw-content); display: inline-flex; } .before\:size-6:before { content: var(--tw-content); width: calc(var(--spacing) * 6); height: calc(var(--spacing) * 6); } .before\:h-4:before { content: var(--tw-content); height: calc(var(--spacing) * 4); } .before\:h-34:before { content: var(--tw-content); height: calc(var(--spacing) * 34); } .before\:h-full:before { content: var(--tw-content); height: 100%; } .before\:w-10:before { content: var(--tw-content); width: calc(var(--spacing) * 10); } .before\:w-20:before { content: var(--tw-content); width: calc(var(--spacing) * 20); } .before\:w-full:before { content: var(--tw-content); width: 100%; } .before\:rounded-2xl:before { content: var(--tw-content); border-radius: var(--radius-2xl); } .before\:border-l-1:before { content: var(--tw-content); border-left-style: var(--tw-border-style); border-left-width: 1px; } .before\:border-l-red-700:before { content: var(--tw-content); border-left-color: var(--color-red-700); } .before\:bg-beige-100:before { content: var(--tw-content); background-color: var(--color-beige-100); } .before\:bg-white:before { content: var(--tw-content); background-color: var(--color-white); } .before\:bg-linear-to-r:before { content: var(--tw-content); --tw-gradient-position: to right; } @supports (background-image: linear-gradient(in lab, red, red)) { .before\:bg-linear-to-r:before { --tw-gradient-position: to right in oklab; } } .before\:bg-linear-to-r:before { background-image: linear-gradient(var(--tw-gradient-stops)); } .before\:from-beige-50:before { content: var(--tw-content); --tw-gradient-from: var(--color-beige-50); --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } .before\:from-transparent:before { content: var(--tw-content); --tw-gradient-from: transparent; --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } .before\:to-beige-50:before { content: var(--tw-content); --tw-gradient-to: var(--color-beige-50); --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } .before\:px-1:before { content: var(--tw-content); padding-inline: calc(var(--spacing) * 1); } .before\:text-xl:before { content: var(--tw-content); font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); } .before\:text-xs:before { content: var(--tw-content); font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } .before\:text-purple-900:before { content: var(--tw-content); color: var(--color-purple-900); } .before\:transition-all:before { content: var(--tw-content); transition-property: all !important; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ) !important; transition-duration: var( --tw-duration, var(--default-transition-duration) ) !important; } .before\:duration-400:before { content: var(--tw-content); --tw-duration: 0.4s; transition-duration: 0.4s; } .before\:duration-500:before { content: var(--tw-content); --tw-duration: 0.5s; transition-duration: 0.5s; } .before\:duration-1300:before { content: var(--tw-content); --tw-duration: 1.3s; transition-duration: 1.3s; } .before\:ease-\[cubic-bezier\(0\.25\,1\,0\.5\,1\)\]:before { content: var(--tw-content); --tw-ease: cubic-bezier(0.25, 1, 0.5, 1); transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1); } .before\:content-\[\'1\'\]:before { --tw-content: "1"; content: var(--tw-content); } .before\:content-\[\'2\'\]:before { --tw-content: "2"; content: var(--tw-content); } .before\:content-\[\'3\'\]:before { --tw-content: "3"; content: var(--tw-content); } .before\:content-\[\'4\'\]:before { --tw-content: "4"; content: var(--tw-content); } .before\:content-\[\'5\'\]:before { --tw-content: "5"; content: var(--tw-content); } .before\:content-\[\'6\'\]:before { --tw-content: "6"; content: var(--tw-content); } .before\:content-\[\'\{\$n\}\'\]:before { --tw-content: "{$n}"; content: var(--tw-content); } .before\:content-\[attr\(data-label-open\)\]:before { --tw-content: attr(data-label-open); content: var(--tw-content); } .before\:content-\[attr\(data-title\)\]:before { --tw-content: attr(data-title); content: var(--tw-content); } @media (hover: hover) { .group-hover\:before\:h-\[calc\(100\%-2rem-1\.75rem\)\]:is( :where(.group):hover * ):before { content: var(--tw-content); height: calc(100% - 3.75rem); } .group-hover\:before\:h-full:is(:where(.group):hover *):before { content: var(--tw-content); height: 100%; } } .group-\[\&\.is-active\]\:before\:translate-x-\[0\]:is( :where(.group).is-active * ):before { content: var(--tw-content); --tw-translate-x: 0; translate: var(--tw-translate-x) var(--tw-translate-y); } .group-\[\&\.is-active\]\:before\:opacity-100:is( :where(.group).is-active * ):before { content: var(--tw-content); opacity: 1; } .group-\[\&\.is-opened\]\:before\:content-\[attr\(data-label-close\)\]:is( :where(.group).is-opened * ):before { --tw-content: attr(data-label-close); content: var(--tw-content); } .group-\[\&\.is-starting\]\:before\:translate-x-\[0\]:is( :where(.group).is-starting * ):before { content: var(--tw-content); --tw-translate-x: 0; translate: var(--tw-translate-x) var(--tw-translate-y); } .group-\[\&\.is-starting\]\:before\:opacity-100:is( :where(.group).is-starting * ):before { content: var(--tw-content); opacity: 1; } .after\:absolute:after { content: var(--tw-content); position: absolute; } .after\:top-0:after { content: var(--tw-content); top: calc(var(--spacing) * 0); } .after\:-right-10:after { content: var(--tw-content); right: calc(var(--spacing) * -10); } .after\:right-0:after { content: var(--tw-content); right: calc(var(--spacing) * 0); } .after\:bottom-0:after { content: var(--tw-content); bottom: calc(var(--spacing) * 0); } .after\:left-0:after { content: var(--tw-content); left: calc(var(--spacing) * 0); } .after\:-z-\[1\]:after { content: var(--tw-content); z-index: -1; } .after\:hidden:after { content: var(--tw-content); display: none; } .after\:h-full:after { content: var(--tw-content); height: 100%; } .after\:w-10:after { content: var(--tw-content); width: calc(var(--spacing) * 10); } .after\:w-\[1px\]:after { content: var(--tw-content); width: 1px; } .after\:w-full:after { content: var(--tw-content); width: 100%; } .after\:max-w-\[60\%\]:after { content: var(--tw-content); max-width: 60%; } .after\:origin-top-left:after { content: var(--tw-content); transform-origin: 0 0; } .after\:rounded-xl:after { content: var(--tw-content); border-radius: var(--radius-xl); } .after\:border-r-1:after { content: var(--tw-content); border-right-style: var(--tw-border-style); border-right-width: 1px; } .after\:border-r-beige-200:after { content: var(--tw-content); border-right-color: var(--color-beige-200); } .after\:bg-white:after { content: var(--tw-content); background-color: var(--color-white); } .after\:bg-linear-to-l:after { content: var(--tw-content); --tw-gradient-position: to left; } @supports (background-image: linear-gradient(in lab, red, red)) { .after\:bg-linear-to-l:after { --tw-gradient-position: to left in oklab; } } .after\:bg-linear-to-l:after { background-image: linear-gradient(var(--tw-gradient-stops)); } .after\:from-beige-50:after { content: var(--tw-content); --tw-gradient-from: var(--color-beige-50); --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } .after\:to-transparent:after { content: var(--tw-content); --tw-gradient-to: transparent; --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } .after\:text-base:after { content: var(--tw-content); font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); } .after\:opacity-0:after { content: var(--tw-content); opacity: 0; } .after\:transition-all:after { content: var(--tw-content); transition-property: all !important; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ) !important; transition-duration: var( --tw-duration, var(--default-transition-duration) ) !important; } .after\:transition-transform:after { content: var(--tw-content); 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)); } .after\:duration-1300:after { content: var(--tw-content); --tw-duration: 1.3s; transition-duration: 1.3s; } .after\:ease-\[cubic-bezier\(0\.25\,1\,0\.5\,1\)\]:after { content: var(--tw-content); --tw-ease: cubic-bezier(0.25, 1, 0.5, 1); transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1); } .after\:content-\[attr\(data-back-text\)\]:after { --tw-content: attr(data-back-text); content: var(--tw-content); } .after\:content-\[attr\(data-title\)\]:after { --tw-content: attr(data-title); content: var(--tw-content); } .group-\[\&\.is-active\]\:after\:max-w-full:is( :where(.group).is-active * ):after { content: var(--tw-content); max-width: 100%; } .group-\[\&\.is-active\]\:after\:scale-100:is( :where(.group).is-active * ):after { content: var(--tw-content); --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y); } .group-\[\&\.is-active\]\:after\:opacity-0:is( :where(.group).is-active * ):after { content: var(--tw-content); opacity: 0; } .group-\[\&\.is-prev\]\:after\:origin-top-right:is( :where(.group).is-prev * ):after { content: var(--tw-content); transform-origin: 100% 0; } .group-\[\&\.is-starting\]\:after\:max-w-full:is( :where(.group).is-starting * ):after { content: var(--tw-content); max-width: 100%; } .group-\[\&\.is-starting\]\:after\:scale-100:is( :where(.group).is-starting * ):after { content: var(--tw-content); --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y); } .group-\[\&\.is-starting\]\:after\:opacity-0:is( :where(.group).is-starting * ):after { content: var(--tw-content); opacity: 0; } .first\:mt-0:first-child { margin-top: calc(var(--spacing) * 0); } .first\:mr-0:first-child { margin-right: calc(var(--spacing) * 0); } .first\:border-t:first-child, .first\:border-t-1:first-child { border-top-style: var(--tw-border-style); border-top-width: 1px; } .first\:border-none:first-child { --tw-border-style: none; border-style: none; } .first\:pl-0:first-child { padding-left: calc(var(--spacing) * 0); } .last\:mb-0:last-child { margin-bottom: calc(var(--spacing) * 0); } .last\:border-b:last-child { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } .last\:border-b-0:last-child { border-bottom-style: var(--tw-border-style); border-bottom-width: 0; } .only\:border-0:only-child { border-style: var(--tw-border-style); border-width: 0; } .last-of-type\:border-b-transparent:last-of-type { border-bottom-color: #0000; } .empty\:mb-0:empty { margin-bottom: calc(var(--spacing) * 0); } .empty\:hidden:empty { display: none; } .focus-within\:ring-0:focus-within { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } @media (hover: hover) { .hover\:border-t-gradient-red:hover { border-top: 1px solid var(--color-red-700); position: relative; } .hover\:border-t-gradient-red:hover:before { content: ""; background: linear-gradient( to right, var(--color-red-700), var(--color-red-800) ); opacity: 1; height: 1px; position: absolute; top: -1px; left: 0; right: 0; } .hover\:border-b-gradient-red:hover { border-bottom: 1px solid var(--color-red-700); position: relative; } .hover\:border-b-gradient-red:hover:after { content: ""; background: linear-gradient( to right, var(--color-red-700), var(--color-red-800) ); opacity: 1; height: 1px; position: absolute; bottom: -1px; left: 0; right: 0; } .hover\:-translate-y-1:hover { --tw-translate-y: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .hover\:scale-110:hover { --tw-scale-x: 110%; --tw-scale-y: 110%; --tw-scale-z: 110%; scale: var(--tw-scale-x) var(--tw-scale-y); } .hover\:border-red-700:hover { border-color: var(--color-red-700); } .hover\:border-transparent:hover { border-color: #0000; } .hover\:border-b-beige-300:hover { border-bottom-color: var(--color-beige-300); } .hover\:bg-beige-50:hover { background-color: var(--color-beige-50); } .hover\:bg-beige-100:hover { background-color: var(--color-beige-100); } .hover\:bg-beige-200:hover { background-color: var(--color-beige-200); } .hover\:bg-beige-500:hover { background-color: var(--color-beige-500); } .hover\:bg-transparent:hover { background-color: #0000; } .hover\:bg-white:hover { background-color: var(--color-white); } .hover\:bg-size-\[400\%_300\%\]:hover { background-size: 400% 300%; } .hover\:text-beige-50-warm:hover { color: var(--color-beige-50-warm); } .hover\:text-beige-700:hover { color: var(--color-beige-700); } .hover\:text-beige-900:hover { color: var(--color-beige-900); } .hover\:text-black:hover { color: var(--color-black); } .hover\:text-red-300:hover { color: var(--color-red-300); } .hover\:text-red-700:hover { color: var(--color-red-700); } .hover\:text-red-800:hover { color: var(--color-red-800); } .hover\:text-white:hover { color: var(--color-white); } .hover\:no-underline:hover { text-decoration-line: none; } .hover\:underline:hover { text-decoration-line: underline; } .hover\:shadow-lg\/8:hover { --tw-shadow-alpha: 8%; --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, oklab(0% 0 0/0.08)), 0 4px 6px -4px var(--tw-shadow-color, oklab(0% 0 0/0.08)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .hover\:filter-none:hover { filter: none; } .hover\:transition-colors:hover { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to !important; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ) !important; transition-duration: var( --tw-duration, var(--default-transition-duration) ) !important; } .hover\:duration-700:hover { --tw-duration: 0.7s; transition-duration: 0.7s; } .hover\:before\:h-\[calc\(100\%-0\.25rem\)\]:hover:before { content: var(--tw-content); height: calc(100% - 0.25rem); } } .focus\:text-red-800:focus { color: var(--color-red-800); } .focus\:ring-\[3px\]:focus { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .focus\:ring-red-300\/50:focus { --tw-ring-color: #ffc7ba80; } @supports (color: color-mix(in lab, red, red)) { .focus\:ring-red-300\/50:focus { --tw-ring-color: color-mix(in oklab, var(--color-red-300) 50%, transparent); } } .focus\:outline-none:focus { --tw-outline-style: none; outline-style: none; } .focus-visible\:text-white:focus-visible { color: var(--color-white); } .focus-visible\:ring-0:focus-visible { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .focus-visible\:ring-3:focus-visible { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .focus-visible\:ring-purple-700:focus-visible { --tw-ring-color: var(--color-purple-700); } .focus-visible\:outline-none:focus-visible { --tw-outline-style: none; outline-style: none; } .active\:bg-white\/50:active { background-color: #ffffff80; } @supports (color: color-mix(in lab, red, red)) { .active\:bg-white\/50:active { background-color: color-mix(in oklab, var(--color-white) 50%, transparent); } } .active\:text-red-800:active { color: var(--color-red-800); } .active\:no-underline:active { text-decoration-line: none; } .active\:underline:active { text-decoration-line: underline; } .active\:ring-0:active { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } @media (hover: hover) { .active\:hover\:text-beige-900:active:hover { color: var(--color-beige-900); } } .has-checked\:bg-beige-500:has(:checked) { background-color: var(--color-beige-500); } .has-checked\:text-beige-100:has(:checked) { color: var(--color-beige-100); } .has-focus-visible\:ring-3:has(:focus-visible) { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .has-\[li\]\:block:has(:is(li)) { display: block; } .aria-hidden\:hidden[aria-hidden="true"] { display: none; } @media not all and (min-width: 80rem) { .max-lg\:order-2 { order: 2; } .max-lg\:order-3 { order: 3; } .max-lg\:order-4 { order: 4; } } @media not all and (min-width: 48rem) { .max-md\:min-h-80 { min-height: calc(var(--spacing) * 80); } } @media (min-width: 20rem) { .xs\:justify-around { justify-content: space-around; } .xs\:bg-size-\[120\%_auto\] { background-size: 120%; } } @media (min-width: 40rem) { .sm\:top-\[44\%\] { top: 44%; } .sm\:col-span-2 { grid-column: span 2 / span 2; } .sm\:mb-20 { margin-bottom: calc(var(--spacing) * 20); } .sm\:mb-\[-71\.5rem\] { margin-bottom: -71.5rem; } .sm\:w-auto { width: auto; } .sm\:max-w-75 { max-width: calc(var(--spacing) * 75); } .sm\:max-w-\[50vw\] { max-width: 50vw; } .sm\:max-w-\[calc\(50\%-1\.25rem\)\] { max-width: calc(50% - 1.25rem); } .sm\:flex-1 { flex: 1; } .sm\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sm\:flex-row { flex-direction: row; } .sm\:gap-2 { gap: calc(var(--spacing) * 2); } .sm\:gap-6 { gap: calc(var(--spacing) * 6); } .sm\:gap-10 { gap: calc(var(--spacing) * 10); } .sm\:overflow-x-auto { overflow-x: auto; } .sm\:border-t-\[1px\] { border-top-style: var(--tw-border-style); border-top-width: 1px; } .sm\:bgi-hands-in-touch-hd { background-image: var(--bgi-hands-in-touch-hd); } .sm\:bg-size-\[100\%_auto\] { background-size: 100%; } .sm\:p-4 { padding: calc(var(--spacing) * 4); } .sm\:p-10 { padding: calc(var(--spacing) * 10); } .sm\:px-9 { padding-inline: calc(var(--spacing) * 9); } .sm\:pt-70 { padding-top: calc(var(--spacing) * 70); } .sm\:pr-\[var\(--layout-padding\)\] { padding-right: var(--layout-padding); } .sm\:pb-1\.5 { padding-bottom: calc(var(--spacing) * 1.5); } .sm\:text-left { text-align: left; } .sm\:text-4xl { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); } .sm\:text-10xl { font-size: var(--text-10xl); line-height: var(--tw-leading, var(--text-10xl--line-height)); } } @media (min-width: 48rem) { .md\:absolute { position: absolute; } .md\:relative { position: relative; } .md\:top-0 { top: calc(var(--spacing) * 0); } .md\:top-\[50\%\] { top: 50%; } .md\:right-2 { right: calc(var(--spacing) * 2); } .md\:bottom-2 { bottom: calc(var(--spacing) * 2); } .md\:left-0 { left: calc(var(--spacing) * 0); } .md\:left-1\/2 { left: 50%; } .md\:left-2 { left: calc(var(--spacing) * 2); } .md\:z-auto { z-index: auto; } .md\:order-1 { order: 1; } .md\:order-2 { order: 2; } .md\:order-first { order: -9999; } .md\:order-last { order: 9999; } .md\:col-span-2 { grid-column: span 2 / span 2; } .md\:col-span-3 { grid-column: span 3 / span 3; } .md\:col-span-4 { grid-column: span 4 / span 4; } .md\:col-span-5 { grid-column: span 5 / span 5; } .md\:col-span-6 { grid-column: span 6 / span 6; } .md\:col-span-7 { grid-column: span 7 / span 7; } .md\:col-span-8 { grid-column: span 8 / span 8; } .md\:col-span-10 { grid-column: span 10 / span 10; } .md\:col-span-12 { grid-column: span 12 / span 12; } .md\:col-start-2 { grid-column-start: 2; } .md\:col-start-4 { grid-column-start: 4; } .md\:row-span-2 { grid-row: span 2 / span 2; } .md\:m-0 { margin: calc(var(--spacing) * 0); } .md\:m-2 { margin: calc(var(--spacing) * 2); } .md\:-mx-\[var\(--layout-padding\)\] { margin-inline: calc(var(--layout-padding) * -1); } .md\:mx-0 { margin-inline: calc(var(--spacing) * 0); } .md\:mx-4 { margin-inline: calc(var(--spacing) * 4); } .md\:mx-6 { margin-inline: calc(var(--spacing) * 6); } .md\:my-0 { margin-block: calc(var(--spacing) * 0); } .md\:my-16 { margin-block: calc(var(--spacing) * 16); } .md\:mt-0 { margin-top: calc(var(--spacing) * 0); } .md\:mt-10 { margin-top: calc(var(--spacing) * 10); } .md\:mt-20 { margin-top: calc(var(--spacing) * 20); } .md\:mr-0 { margin-right: calc(var(--spacing) * 0); } .md\:mr-8 { margin-right: calc(var(--spacing) * 8); } .md\:mr-10 { margin-right: calc(var(--spacing) * 10); } .md\:mb-0 { margin-bottom: calc(var(--spacing) * 0); } .md\:mb-3 { margin-bottom: calc(var(--spacing) * 3); } .md\:mb-4 { margin-bottom: calc(var(--spacing) * 4); } .md\:mb-5 { margin-bottom: calc(var(--spacing) * 5); } .md\:mb-6 { margin-bottom: calc(var(--spacing) * 6); } .md\:mb-8 { margin-bottom: calc(var(--spacing) * 8); } .md\:mb-10 { margin-bottom: calc(var(--spacing) * 10); } .md\:mb-16 { margin-bottom: calc(var(--spacing) * 16); } .md\:mb-22 { margin-bottom: calc(var(--spacing) * 22); } .md\:ml-0 { margin-left: calc(var(--spacing) * 0); } .md\:ml-8 { margin-left: calc(var(--spacing) * 8); } .md\:ml-10 { margin-left: calc(var(--spacing) * 10); } .md\:ml-auto { margin-left: auto; } .md\:line-clamp-2 { -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; } .md\:line-clamp-5 { -webkit-line-clamp: 5; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; } .md\:block { display: block; } .md\:flex { display: flex; } .md\:grid { display: grid; } .md\:hidden { display: none; } .md\:inline-flex { display: inline-flex; } .md\:aspect-3by2 { aspect-ratio: var(--aspect-3by2); } .md\:aspect-\[21\/9\] { aspect-ratio: 21/9; } .md\:aspect-\[662\/1175\] { aspect-ratio: 662/1175; } .md\:size-14 { width: calc(var(--spacing) * 14); height: calc(var(--spacing) * 14); } .md\:h-10 { height: calc(var(--spacing) * 10); } .md\:h-102 { height: calc(var(--spacing) * 102); } .md\:h-118 { height: calc(var(--spacing) * 118); } .md\:h-\[1px\] { height: 1px; } .md\:h-\[80rem\] { height: 80rem; } .md\:h-\[calc\(100\%-0\.5rem\)\] { height: calc(100% - 0.5rem); } .md\:h-auto { height: auto; } .md\:h-full { height: 100%; } .md\:min-h-6 { min-height: calc(var(--spacing) * 6); } .md\:min-h-7 { min-height: calc(var(--spacing) * 7); } .md\:w-1\/3 { width: 33.3333%; } .md\:w-2\/3 { width: 66.6667%; } .md\:w-4\/5 { width: 80%; } .md\:w-8\/12 { width: 66.6667%; } .md\:w-12 { width: calc(var(--spacing) * 12); } .md\:w-32 { width: calc(var(--spacing) * 32); } .md\:w-\[50\%\] { width: 50%; } .md\:w-\[calc\(1\/2\*100\%-2\.5rem\/2\)\] { width: calc(50% - 1.25rem); } .md\:w-\[calc\(33\.333\%-0\.667rem\)\] { width: calc(33.333% - 0.667rem); } .md\:w-\[calc\(50\%-1\.25rem\)\] { width: calc(50% - 1.25rem); } .md\:w-\[calc\(50\%-2\.5rem\)\] { width: calc(50% - 2.5rem); } .md\:w-\[calc\(100\%-1rem\)\] { width: calc(100% - 1rem); } .md\:w-\[calc\(100\%-15rem\)\] { width: calc(100% - 15rem); } .md\:w-auto { width: auto; } .md\:w-full { width: 100%; } .md\:max-w-2xl { max-width: var(--container-2xl); } .md\:max-w-102 { max-width: calc(var(--spacing) * 102); } .md\:max-w-\[18\.5rem\] { max-width: 18.5rem; } .md\:max-w-\[33vw\] { max-width: 33vw; } .md\:max-w-\[53\.5rem\] { max-width: 53.5rem; } .md\:max-w-\[calc\(33\.33\%-1\.665rem\)\] { max-width: calc(33.33% - 1.665rem); } .md\:max-w-full { max-width: 100%; } .md\:max-w-md { max-width: var(--container-md); } .md\:grow { flex-grow: 1; } .md\:grow-0 { flex-grow: 0; } .md\:basis-auto { flex-basis: auto; } .md\:-translate-1\/2 { --tw-translate-x: -50%; --tw-translate-y: -50%; translate: var(--tw-translate-x) var(--tw-translate-y); } .md\:translate-x-\[-100\%\] { --tw-translate-x: -100%; translate: var(--tw-translate-x) var(--tw-translate-y); } .md\:-translate-y-\[20\%\] { --tw-translate-y: -20%; translate: var(--tw-translate-x) var(--tw-translate-y); } .md\:-translate-y-full { --tw-translate-y: -100%; translate: var(--tw-translate-x) var(--tw-translate-y); } .md\:scale-66 { --tw-scale-x: 66%; --tw-scale-y: 66%; --tw-scale-z: 66%; scale: var(--tw-scale-x) var(--tw-scale-y); } .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .md\:grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } .md\:grid-cols-\[0\.5fr_0\.5fr\] { grid-template-columns: 0.5fr 0.5fr; } .md\:grid-rows-\[0\.369814651fr_0\.226831421fr_0\.250661959fr_0\.152691969fr\] { grid-template-rows: 0.369815fr 0.226831fr 0.250662fr 0.152692fr; } .md\:grid-rows-\[repeat\(6\,_minmax\(24rem\,_auto\)\)\] { grid-template-rows: repeat(6, minmax(24rem, auto)); } .md\:flex-row { flex-direction: row; } .md\:flex-nowrap { flex-wrap: nowrap; } .md\:items-center { align-items: center; } .md\:justify-between { justify-content: space-between; } .md\:justify-center { justify-content: center; } .md\:justify-end { justify-content: flex-end; } .md\:justify-stretch { justify-content: stretch; } .md\:gap-2 { gap: calc(var(--spacing) * 2); } .md\:gap-3\.5 { gap: calc(var(--spacing) * 3.5); } .md\:gap-4 { gap: calc(var(--spacing) * 4); } .md\:gap-5 { gap: calc(var(--spacing) * 5); } .md\:gap-6 { gap: calc(var(--spacing) * 6); } .md\:gap-8 { gap: calc(var(--spacing) * 8); } .md\:gap-10 { gap: calc(var(--spacing) * 10); } .md\:gap-12 { gap: calc(var(--spacing) * 12); } .md\:gap-16 { gap: calc(var(--spacing) * 16); } .md\:self-auto { align-self: auto; } .md\:justify-self-end { justify-self: flex-end; } .md\:overflow-hidden { overflow: hidden; } .md\:rounded-2xl { border-radius: var(--radius-2xl); } .md\:rounded-lg { border-radius: var(--radius-lg); } .md\:rounded-xl { border-radius: var(--radius-xl); } .md\:rounded-t-none { border-top-left-radius: 0; border-top-right-radius: 0; } .md\:border-0 { border-style: var(--tw-border-style); border-width: 0; } .md\:border-x-1 { border-inline-style: var(--tw-border-style); border-inline-width: 1px; } .md\:border-t-1 { border-top-style: var(--tw-border-style); border-top-width: 1px; } .md\:border-r { border-right-style: var(--tw-border-style); border-right-width: 1px; } .md\:border-b { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } .md\:border-b-0 { border-bottom-style: var(--tw-border-style); border-bottom-width: 0; } .md\:border-l-1 { border-left-style: var(--tw-border-style); border-left-width: 1px; } .md\:border-l-1\! { border-left-style: var(--tw-border-style) !important; border-left-width: 1px !important; } .md\:border-none { --tw-border-style: none; border-style: none; } .md\:bg-beige-100 { background-color: var(--color-beige-100); } .md\:bg-white { background-color: var(--color-white); } .md\:bg-size-\[100\%_100\%\] { background-size: 100% 100%; } .md\:bg-size-\[160\%_100\%\] { background-size: 160% 100%; } .md\:bg-top { background-position: top; } .md\:bg-top-left { background-position: 0 0; } .md\:p-0 { padding: calc(var(--spacing) * 0); } .md\:p-2 { padding: calc(var(--spacing) * 2); } .md\:p-5 { padding: calc(var(--spacing) * 5); } .md\:p-6 { padding: calc(var(--spacing) * 6); } .md\:p-8 { padding: calc(var(--spacing) * 8); } .md\:p-10 { padding: calc(var(--spacing) * 10); } .md\:p-16 { padding: calc(var(--spacing) * 16); } .md\:btn-fine-md { padding-block: 0.6875rem; padding-inline: 1.4375rem; } .md\:btn-flare-md { padding-inline: calc(var(--spacing) * 6); padding-block: calc(var(--spacing) * 3); } .md\:btn-lg { padding-inline: 1.375rem; padding-block: calc(var(--spacing) * 3); } .md\:btn-md { padding-inline: 1.375rem; padding-block: calc(var(--spacing) * 1.5); } .md\:px-0 { padding-inline: calc(var(--spacing) * 0); } .md\:px-4 { padding-inline: calc(var(--spacing) * 4); } .md\:px-10 { padding-inline: calc(var(--spacing) * 10); } .md\:px-12 { padding-inline: calc(var(--spacing) * 12); } .md\:px-14 { padding-inline: calc(var(--spacing) * 14); } .md\:px-\[var\(--layout-padding\)\] { padding-inline: var(--layout-padding); } .md\:py-0 { padding-block: calc(var(--spacing) * 0); } .md\:py-10 { padding-block: calc(var(--spacing) * 10); } .md\:py-16 { padding-block: calc(var(--spacing) * 16); } .md\:pt-0 { padding-top: calc(var(--spacing) * 0); } .md\:pt-4 { padding-top: calc(var(--spacing) * 4); } .md\:pt-7 { padding-top: calc(var(--spacing) * 7); } .md\:pt-10 { padding-top: calc(var(--spacing) * 10); } .md\:pt-40 { padding-top: calc(var(--spacing) * 40); } .md\:pt-54 { padding-top: calc(var(--spacing) * 54); } .md\:pt-100 { padding-top: calc(var(--spacing) * 100); } .md\:pr-8 { padding-right: calc(var(--spacing) * 8); } .md\:pr-10 { padding-right: calc(var(--spacing) * 10); } .md\:pb-0 { padding-bottom: calc(var(--spacing) * 0); } .md\:pb-10 { padding-bottom: calc(var(--spacing) * 10); } .md\:pb-34 { padding-bottom: calc(var(--spacing) * 34); } .md\:pl-10 { padding-left: calc(var(--spacing) * 10); } .md\:text-center { text-align: center; } .md\:text-left { text-align: left; } .md\:text-right { text-align: right; } .md\:text-2xl { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); } .md\:text-4xl { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); } .md\:text-6xl { font-size: var(--text-6xl); line-height: var(--tw-leading, var(--text-6xl--line-height)); } .md\:text-10xl { font-size: var(--text-10xl); line-height: var(--tw-leading, var(--text-10xl--line-height)); } .md\:text-base { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); } .md\:text-base-tight { font-size: var(--text-base-tight); line-height: var(--tw-leading, var(--text-base-tight--line-height)); } .md\:text-basic { font-size: var(--text-basic); line-height: var(--tw-leading, var(--text-basic--line-height)); } .md\:text-lg { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } .md\:text-xs-tight { font-size: var(--text-xs-tight); line-height: var(--tw-leading, var(--text-xs-tight--line-height)); } .md\:text-purple-700 { color: var(--color-purple-700); } .md\:text-purple-900 { color: var(--color-purple-900); } .md\:opacity-0 { opacity: 0; } .group-data-\[expanded\=true\]\:md\:mb-5:is( :where(.group)[data-expanded="true"] * ) { margin-bottom: calc(var(--spacing) * 5); } } .before\:md\:right-0:before { content: var(--tw-content); } @media (min-width: 48rem) { .before\:md\:right-0:before { right: calc(var(--spacing) * 0); } } .before\:md\:bottom-0:before { content: var(--tw-content); } @media (min-width: 48rem) { .before\:md\:bottom-0:before { bottom: calc(var(--spacing) * 0); } } .before\:md\:left-0:before { content: var(--tw-content); } @media (min-width: 48rem) { .before\:md\:left-0:before { left: calc(var(--spacing) * 0); } } .before\:md\:block:before { content: var(--tw-content); } @media (min-width: 48rem) { .before\:md\:block:before { display: block; } } .before\:md\:translate-x-\[5\%\]:before { content: var(--tw-content); } @media (min-width: 48rem) { .before\:md\:translate-x-\[5\%\]:before { --tw-translate-x: 5%; translate: var(--tw-translate-x) var(--tw-translate-y); } } .before\:md\:text-2xl:before { content: var(--tw-content); } @media (min-width: 48rem) { .before\:md\:text-2xl:before { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); } } .before\:md\:opacity-0:before { content: var(--tw-content); } @media (min-width: 48rem) { .before\:md\:opacity-0:before { opacity: 0; } } .after\:md\:scale-66:after { content: var(--tw-content); } @media (min-width: 48rem) { .after\:md\:scale-66:after { --tw-scale-x: 66%; --tw-scale-y: 66%; --tw-scale-z: 66%; scale: var(--tw-scale-x) var(--tw-scale-y); } } .after\:md\:opacity-100:after { content: var(--tw-content); } @media (min-width: 48rem) { .after\:md\:opacity-100:after { opacity: 1; } } .group-\[\&\.is-active\]\:after\:md\:text-2xl:is( :where(.group).is-active * ):after { content: var(--tw-content); } @media (min-width: 48rem) { .group-\[\&\.is-active\]\:after\:md\:text-2xl:is( :where(.group).is-active * ):after { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); } } .group-\[\&\.is-starting\]\:after\:md\:text-2xl:is( :where(.group).is-starting * ):after { content: var(--tw-content); } @media (min-width: 48rem) { .group-\[\&\.is-starting\]\:after\:md\:text-2xl:is( :where(.group).is-starting * ):after { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); } .first\:md\:ml-0:first-child { margin-left: calc(var(--spacing) * 0); } .last\:md\:mr-0:last-child { margin-right: calc(var(--spacing) * 0); } @media (hover: hover) { .md\:hover\:text-purple-900:hover { color: var(--color-purple-900); } } .md\:focus\:ring-purple-700\/30:focus { --tw-ring-color: #6b5c804d; } @supports (color: color-mix(in lab, red, red)) { .md\:focus\:ring-purple-700\/30:focus { --tw-ring-color: color-mix( in oklab, var(--color-purple-700) 30%, transparent ); } } .md\:active\:text-purple-900:active { color: var(--color-purple-900); } .md\:aria-selected\:text-red-700[aria-selected="true"] { color: var(--color-red-700); } .md\:aria-selected\:underline[aria-selected="true"] { text-decoration-line: underline; } @media not all and (min-width: 80rem) { .md\:max-lg\:col-span-2 { grid-column: span 2 / span 2; } .md\:max-lg\:row-span-2 { grid-row: span 2 / span 2; } } } @media (min-width: 80rem) { .lg\:pointer-events-auto { pointer-events: auto; } .lg\:absolute { position: absolute; } .lg\:fixed { position: fixed; } .lg\:relative { position: relative; } .lg\:static { position: static; } .lg\:sticky { position: sticky; } .lg\:inset-0 { inset: calc(var(--spacing) * 0); } .lg\:top-0 { top: calc(var(--spacing) * 0); } .lg\:top-auto { top: auto; } .lg\:right-0 { right: calc(var(--spacing) * 0); } .lg\:right-\[2\.5rem\] { right: 2.5rem; } .lg\:right-auto { right: auto; } .lg\:-bottom-20 { bottom: calc(var(--spacing) * -20); } .lg\:bottom-0 { bottom: calc(var(--spacing) * 0); } .lg\:bottom-\[2\.5rem\] { bottom: 2.5rem; } .lg\:left-0 { left: calc(var(--spacing) * 0); } .lg\:left-10 { left: calc(var(--spacing) * 10); } .lg\:left-auto { left: auto; } .lg\:z-1 { z-index: 1; } .lg\:z-35 { z-index: 35; } .lg\:order-0 { order: 0; } .lg\:order-1 { order: 1; } .lg\:order-2 { order: 2; } .lg\:order-3 { order: 3; } .lg\:order-4 { order: 4; } .lg\:order-5 { order: 5; } .lg\:order-6 { order: 6; } .lg\:col-span-1 { grid-column: span 1 / span 1; } .lg\:col-span-2 { grid-column: span 2 / span 2; } .lg\:col-span-3 { grid-column: span 3 / span 3; } .lg\:col-span-4 { grid-column: span 4 / span 4; } .lg\:col-span-6 { grid-column: span 6 / span 6; } .lg\:col-span-7 { grid-column: span 7 / span 7; } .lg\:col-span-8 { grid-column: span 8 / span 8; } .lg\:col-span-10 { grid-column: span 10 / span 10; } .lg\:col-span-12 { grid-column: span 12 / span 12; } .lg\:col-start-1 { grid-column-start: 1; } .lg\:col-start-2 { grid-column-start: 2; } .lg\:col-start-3 { grid-column-start: 3; } .lg\:col-start-4 { grid-column-start: 4; } .lg\:col-start-5 { grid-column-start: 5; } .lg\:col-start-6 { grid-column-start: 6; } .lg\:col-start-8 { grid-column-start: 8; } .lg\:col-start-9 { grid-column-start: 9; } .lg\:row-span-2 { grid-row: span 2 / span 2; } .lg\:row-span-4 { grid-row: span 4 / span 4; } .lg\:row-start-1 { grid-row-start: 1; } .lg\:-mx-5 { margin-inline: calc(var(--spacing) * -5); } .lg\:-mx-10 { margin-inline: calc(var(--spacing) * -10); } .lg\:mx-0 { margin-inline: calc(var(--spacing) * 0); } .lg\:mx-20 { margin-inline: calc(var(--spacing) * 20); } .lg\:mx-\[11\.57\%\] { margin-inline: 11.57%; } .lg\:mx-auto { margin-inline: auto; } .lg\:my-10 { margin-block: calc(var(--spacing) * 10); } .lg\:my-20 { margin-block: calc(var(--spacing) * 20); } .lg\:-mt-25 { margin-top: calc(var(--spacing) * -25); } .lg\:-mt-\[6\.25rem\] { margin-top: -6.25rem; } .lg\:mt-0 { margin-top: calc(var(--spacing) * 0); } .lg\:mt-10 { margin-top: calc(var(--spacing) * 10); } .lg\:mt-16 { margin-top: calc(var(--spacing) * 16); } .lg\:mt-18 { margin-top: calc(var(--spacing) * 18); } .lg\:mt-20 { margin-top: calc(var(--spacing) * 20); } .lg\:mt-auto { margin-top: auto; } .lg\:-mr-10 { margin-right: calc(var(--spacing) * -10); } .lg\:mr-0 { margin-right: calc(var(--spacing) * 0); } .lg\:mr-1 { margin-right: calc(var(--spacing) * 1); } .lg\:mr-8 { margin-right: calc(var(--spacing) * 8); } .lg\:mr-10 { margin-right: calc(var(--spacing) * 10); } .lg\:mr-16 { margin-right: calc(var(--spacing) * 16); } .lg\:mr-\[11\.57\%\] { margin-right: 11.57%; } .lg\:mr-\[23\.14\%\] { margin-right: 23.14%; } .lg\:-mb-50 { margin-bottom: calc(var(--spacing) * -50); } .lg\:mb-0 { margin-bottom: calc(var(--spacing) * 0); } .lg\:mb-6 { margin-bottom: calc(var(--spacing) * 6); } .lg\:mb-7 { margin-bottom: calc(var(--spacing) * 7); } .lg\:mb-8 { margin-bottom: calc(var(--spacing) * 8); } .lg\:mb-10 { margin-bottom: calc(var(--spacing) * 10); } .lg\:mb-15 { margin-bottom: calc(var(--spacing) * 15); } .lg\:mb-16 { margin-bottom: calc(var(--spacing) * 16); } .lg\:mb-20 { margin-bottom: calc(var(--spacing) * 20); } .lg\:mb-28 { margin-bottom: calc(var(--spacing) * 28); } .lg\:mb-32 { margin-bottom: calc(var(--spacing) * 32); } .lg\:mb-64 { margin-bottom: calc(var(--spacing) * 64); } .lg\:mb-\[-46\.5rem\] { margin-bottom: -46.5rem; } .lg\:ml-0 { margin-left: calc(var(--spacing) * 0); } .lg\:ml-6 { margin-left: calc(var(--spacing) * 6); } .lg\:ml-10 { margin-left: calc(var(--spacing) * 10); } .lg\:ml-16 { margin-left: calc(var(--spacing) * 16); } .lg\:ml-40 { margin-left: calc(var(--spacing) * 40); } .lg\:line-clamp-4 { -webkit-line-clamp: 4; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; } .lg\:\!hidden { display: none !important; } .lg\:block { display: block; } .lg\:flex { display: flex; } .lg\:grid { display: grid; } .lg\:hidden { display: none; } .lg\:hidden\! { display: none !important; } .lg\:inline-block { display: inline-block; } .lg\:inline-flex { display: inline-flex; } .lg\:aspect-\[672\/600\] { aspect-ratio: 672/600; } .lg\:aspect-\[1304\/547\] { aspect-ratio: 1304/547; } .lg\:aspect-auto { aspect-ratio: auto; } .lg\:size-\[7\.5rem\] { width: 7.5rem; height: 7.5rem; } .lg\:size-full { width: 100%; height: 100%; } .lg\:h-16 { height: calc(var(--spacing) * 16); } .lg\:h-\[calc\(9rem-var\(--dynamic-multiplier\)\*9rem\)\] { height: calc(9rem - var(--dynamic-multiplier) * 9rem); } .lg\:h-\[calc\(28\.125rem-var\(--dynamic-multiplier\)\*12\.5rem\)\] { height: calc(28.125rem - var(--dynamic-multiplier) * 12.5rem); } .lg\:h-\[calc\(37\.5rem-var\(--dynamic-multiplier\)\*18\.75rem\)\] { height: calc(37.5rem - var(--dynamic-multiplier) * 18.75rem); } .lg\:h-\[calc\(50rem-var\(--dynamic-multiplier\)\*12\.5rem\)\] { height: calc(50rem - var(--dynamic-multiplier) * 12.5rem); } .lg\:h-\[calc\(100\%\+12rem\)\] { height: calc(100% + 12rem); } .lg\:h-auto { height: auto; } .lg\:h-full { height: 100%; } .lg\:max-h-\[calc\(100svh-14rem\)\] { max-height: calc(100svh - 14rem); } .lg\:max-h-\[calc\(100svh-17\.5rem\)\] { max-height: calc(100svh - 17.5rem); } .lg\:min-h-10 { min-height: calc(var(--spacing) * 10); } .lg\:min-h-102 { min-height: calc(var(--spacing) * 102); } .lg\:min-h-107 { min-height: calc(var(--spacing) * 107); } .lg\:min-h-113 { min-height: calc(var(--spacing) * 113); } .lg\:min-h-150 { min-height: calc(var(--spacing) * 150); } .lg\:min-h-200 { min-height: calc(var(--spacing) * 200); } .lg\:min-h-svh { min-height: 100svh; } .lg\:w-1\/2 { width: 50%; } .lg\:w-2\/3 { width: 66.6667%; } .lg\:w-3\/12 { width: 25%; } .lg\:w-9\/12 { width: 75%; } .lg\:w-\[35\.94\%\] { width: 35.94%; } .lg\:w-\[40\%\] { width: 40%; } .lg\:w-\[250\%\] { width: 250%; } .lg\:w-\[calc\(1\/3\*100\%-5rem\/3\)\] { width: calc(33.3333% - 1.66667rem); } .lg\:w-\[calc\(25\%-1\.875rem\)\] { width: calc(25% - 1.875rem); } .lg\:w-\[calc\(33\.333\%-1\.667rem\)\] { width: calc(33.333% - 1.667rem); } .lg\:w-\[calc\(100\%-20rem\)\] { width: calc(100% - 20rem); } .lg\:w-auto { width: auto; } .lg\:w-full { width: 100%; } .lg\:max-w-64 { max-width: calc(var(--spacing) * 64); } .lg\:max-w-102 { max-width: calc(var(--spacing) * 102); } .lg\:max-w-\[75\%\] { max-width: 75%; } .lg\:max-w-\[calc\(25\%-1\.875rem\)\] { max-width: calc(25% - 1.875rem); } .lg\:max-w-\[var\(--layout-max-width\)\] { max-width: var(--layout-max-width); } .lg\:max-w-full { max-width: 100%; } .lg\:max-w-none { max-width: none; } .lg\:min-w-66 { min-width: calc(var(--spacing) * 66); } .lg\:flex-auto { flex: auto; } .lg\:flex-none { flex: none; } .lg\:shrink-0 { flex-shrink: 0; } .lg\:grow { flex-grow: 1; } .lg\:basis-1\/2 { flex-basis: 50%; } .lg\:basis-2\/3 { flex-basis: 66.6667%; } .lg\:basis-auto { flex-basis: auto; } .lg\:translate-x-0 { --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } .lg\:-translate-y-\[5\%\] { --tw-translate-y: -5%; translate: var(--tw-translate-x) var(--tw-translate-y); } .lg\:translate-y-0 { --tw-translate-y: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } .lg\:translate-y-\[calc\(13rem-var\(--dynamic-multiplier\)\*9rem\)\] { --tw-translate-y: calc(13rem - var(--dynamic-multiplier) * 9rem); translate: var(--tw-translate-x) var(--tw-translate-y); } .lg\:transform-none { transform: none; } .lg\:auto-cols-auto { grid-auto-columns: auto; } .lg\:grid-flow-row { grid-auto-flow: row; } .lg\:auto-rows-\[minmax\(324px\,auto\)\] { grid-auto-rows: minmax(324px, auto); } .lg\:auto-rows-\[minmax\(416px\,auto\)\] { grid-auto-rows: minmax(416px, auto); } .lg\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .lg\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .lg\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .lg\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .lg\:grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } .lg\:grid-cols-\[0\.408805031fr_0\.295597484fr_0\.295597484fr\] { grid-template-columns: 0.408805fr 0.295598fr 0.295598fr; } .lg\:grid-rows-3 { grid-template-rows: repeat(3, minmax(0, 1fr)); } .lg\:grid-rows-\[0\.619585687fr_0\.380414313fr\] { grid-template-rows: 0.619586fr 0.380414fr; } .lg\:grid-rows-\[1fr_auto\] { grid-template-rows: 1fr auto; } .lg\:grid-rows-\[repeat\(4\,_minmax\(23rem\,_auto\)\)\] { grid-template-rows: repeat(4, minmax(23rem, auto)); } .lg\:flex-col { flex-direction: column; } .lg\:flex-row { flex-direction: row; } .lg\:flex-nowrap { flex-wrap: nowrap; align-items: baseline; } .lg\:items-center { align-items: center; } .lg\:justify-center { justify-content: center; } .lg\:justify-evenly { justify-content: space-evenly; } .lg\:justify-normal { justify-content: normal; } .lg\:justify-stretch { justify-content: stretch; } .lg\:gap-4 { gap: calc(var(--spacing) * 4); } .lg\:gap-5 { gap: calc(var(--spacing) * 5); } .lg\:gap-10 { gap: calc(var(--spacing) * 10); } .lg\:gap-14 { gap: calc(var(--spacing) * 14); } .lg\:gap-x-10 { column-gap: calc(var(--spacing) * 10); } .lg\:gap-y-10 { row-gap: calc(var(--spacing) * 10); } .lg\:self-center { align-self: center; } .lg\:overflow-hidden { overflow: hidden; } .lg\:overflow-visible { overflow: visible; } .lg\:rounded-2xl { border-radius: var(--radius-2xl); } .lg\:rounded-3xl { border-radius: var(--radius-3xl); } .lg\:rounded-\[2\.5rem\] { border-radius: 2.5rem; } .lg\:rounded-full { border-radius: 3.40282e38px; } .lg\:rounded-none { border-radius: 0 !important; } .lg\:rounded-xl { border-radius: var(--radius-xl); } .lg\:rounded-b-none { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .lg\:rounded-br-lg { border-bottom-right-radius: var(--radius-lg); } .lg\:rounded-bl-lg { border-bottom-left-radius: var(--radius-lg); } .lg\:rounded-bl-none { border-bottom-left-radius: 0; } .lg\:border-0 { border-style: var(--tw-border-style); border-width: 0; } .lg\:border-t-0 { border-top-style: var(--tw-border-style); border-top-width: 0; } .lg\:border-t-1 { border-top-style: var(--tw-border-style); border-top-width: 1px; } .lg\:border-r { border-right-style: var(--tw-border-style); border-right-width: 1px; } .lg\:border-r-0 { border-right-style: var(--tw-border-style); border-right-width: 0; } .lg\:border-r-1 { border-right-style: var(--tw-border-style); border-right-width: 1px; } .lg\:border-b { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } .lg\:border-b-0 { border-bottom-style: var(--tw-border-style); border-bottom-width: 0; } .lg\:border-b-1 { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } .lg\:border-l-1 { border-left-style: var(--tw-border-style); border-left-width: 1px; } .lg\:border-l-1\! { border-left-style: var(--tw-border-style) !important; border-left-width: 1px !important; } .lg\:border-none { --tw-border-style: none; border-style: none; } .lg\:border-b-transparent { border-bottom-color: #0000; } .lg\:bg-beige-50 { background-color: var(--color-beige-50); } .lg\:bg-beige-100 { background-color: var(--color-beige-100); } .lg\:bg-red-700 { background-color: var(--color-red-700); } .lg\:bg-transparent { background-color: #0000; } .lg\:bg-white { background-color: var(--color-white); } .lg\:bg-size-\[100\%_100\%\] { background-size: 100% 100%; } .lg\:bg-top { background-position: top; } .lg\:object-center { object-position: center; } .lg\:p-0 { padding: calc(var(--spacing) * 0); } .lg\:p-2 { padding: calc(var(--spacing) * 2); } .lg\:p-8 { padding: calc(var(--spacing) * 8); } .lg\:p-10 { padding: calc(var(--spacing) * 10); } .lg\:p-12 { padding: calc(var(--spacing) * 12); } .lg\:btn-fine-md { padding-block: 0.6875rem; padding-inline: 1.4375rem; } .lg\:btn-flare-md { padding-inline: calc(var(--spacing) * 6); padding-block: calc(var(--spacing) * 3); } .lg\:px-0 { padding-inline: calc(var(--spacing) * 0); } .lg\:px-4 { padding-inline: calc(var(--spacing) * 4); } .lg\:px-5 { padding-inline: calc(var(--spacing) * 5); } .lg\:px-8 { padding-inline: calc(var(--spacing) * 8); } .lg\:px-10 { padding-inline: calc(var(--spacing) * 10); } .lg\:px-16 { padding-inline: calc(var(--spacing) * 16); } .lg\:px-17 { padding-inline: calc(var(--spacing) * 17); } .lg\:px-40 { padding-inline: calc(var(--spacing) * 40); } .lg\:py-0 { padding-block: calc(var(--spacing) * 0); } .lg\:py-1 { padding-block: calc(var(--spacing) * 1); } .lg\:py-2 { padding-block: calc(var(--spacing) * 2); } .lg\:py-6 { padding-block: calc(var(--spacing) * 6); } .lg\:py-10 { padding-block: calc(var(--spacing) * 10); } .lg\:py-12 { padding-block: calc(var(--spacing) * 12); } .lg\:py-14 { padding-block: calc(var(--spacing) * 14); } .lg\:pt-0 { padding-top: calc(var(--spacing) * 0); } .lg\:pt-8 { padding-top: calc(var(--spacing) * 8); } .lg\:pt-10 { padding-top: calc(var(--spacing) * 10); } .lg\:pt-12 { padding-top: calc(var(--spacing) * 12); } .lg\:pt-20 { padding-top: calc(var(--spacing) * 20); } .lg\:pt-28 { padding-top: calc(var(--spacing) * 28); } .lg\:pt-32 { padding-top: calc(var(--spacing) * 32); } .lg\:pt-120 { padding-top: calc(var(--spacing) * 120); } .lg\:pr-0 { padding-right: calc(var(--spacing) * 0); } .lg\:pr-3 { padding-right: calc(var(--spacing) * 3); } .lg\:pr-6 { padding-right: calc(var(--spacing) * 6); } .lg\:pr-18 { padding-right: calc(var(--spacing) * 18); } .lg\:pr-\[4\.5rem\] { padding-right: 4.5rem; } .lg\:pb-0 { padding-bottom: calc(var(--spacing) * 0); } .lg\:pb-10 { padding-bottom: calc(var(--spacing) * 10); } .lg\:pb-14 { padding-bottom: calc(var(--spacing) * 14); } .lg\:pb-20 { padding-bottom: calc(var(--spacing) * 20); } .lg\:pb-28 { padding-bottom: calc(var(--spacing) * 28); } .lg\:pb-30 { padding-bottom: calc(var(--spacing) * 30); } .lg\:pb-47 { padding-bottom: calc(var(--spacing) * 47); } .lg\:pl-26 { padding-left: calc(var(--spacing) * 26); } .lg\:text-center { text-align: center; } .lg\:text-left { text-align: left; } .lg\:text-right { text-align: right; } .lg\:text-2xl { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); } .lg\:text-4xl { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); } .lg\:text-5xl { font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--line-height)); } .lg\:text-6xl { font-size: var(--text-6xl); line-height: var(--tw-leading, var(--text-6xl--line-height)); } .lg\:text-9xl { font-size: var(--text-9xl); line-height: var(--tw-leading, var(--text-9xl--line-height)); } .lg\:text-10xl { font-size: var(--text-10xl); line-height: var(--tw-leading, var(--text-10xl--line-height)); } .lg\:text-base { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); } .lg\:text-base-tight { font-size: var(--text-base-tight); line-height: var(--tw-leading, var(--text-base-tight--line-height)); } .lg\:text-basic { font-size: var(--text-basic); line-height: var(--tw-leading, var(--text-basic--line-height)); } .lg\:text-sm { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } .lg\:text-xl { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); } .lg\:whitespace-nowrap { white-space: nowrap; } .lg\:text-beige-50 { color: var(--color-beige-50); } .lg\:text-beige-50-warm { color: var(--color-beige-50-warm); } .lg\:text-beige-700 { color: var(--color-beige-700); } .lg\:text-beige-900 { color: var(--color-beige-900); } .lg\:opacity-100 { opacity: 1; } .lg\:opacity-\[calc\(1-var\(--dynamic-multiplier\)\)\] { opacity: calc(1 - var(--dynamic-multiplier)); } .lg\:shadow-md\/5 { --tw-shadow-alpha: 5%; --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, oklab(0% 0 0/0.05)), 0 2px 4px -2px var(--tw-shadow-color, oklab(0% 0 0/0.05)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .lg\:shadow-none { --tw-shadow: 0 0 #0000; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .group-data-\[expanded\=true\]\:lg\:mt-11:is( :where(.group)[data-expanded="true"] * ) { margin-top: calc(var(--spacing) * 11); } .group-\[\&\.is-active\]\:lg\:border-b-gradient-red-ready:is( :where(.group).is-active * ) { border-bottom: 1px solid var(--color-red-700); position: relative; } .group-\[\&\.is-active\]\:lg\:border-b-gradient-red-ready:is( :where(.group).is-active * ):after { content: ""; background: linear-gradient( to right, var(--color-red-700), var(--color-red-800) ); opacity: 0; height: 1px; transition: opacity 0.7s; position: absolute; bottom: -1px; left: 0; right: 0; } .group-\[\&\.is-active\]\:lg\:hidden:is(:where(.group).is-active *) { display: none; } .group-\[\&\.is-active\]\:lg\:text-gradient-r-red-ready:is( :where(.group).is-active * ) { background-image: linear-gradient( to right, var(--color-red-700), var(--color-red-700), var(--color-red-800) ); color: #0000; background-position: 0; background-size: 200%; -webkit-background-clip: text; background-clip: text; transition: background-position 0.7s; } } .before\:lg\:block:before { content: var(--tw-content); } @media (min-width: 80rem) { .before\:lg\:block:before { display: block; } } .before\:lg\:hidden:before { content: var(--tw-content); } @media (min-width: 80rem) { .before\:lg\:hidden:before { display: none; } } .before\:lg\:bg-transparent:before { content: var(--tw-content); } @media (min-width: 80rem) { .before\:lg\:bg-transparent:before { background-color: #0000; } } .before\:lg\:text-5xl:before { content: var(--tw-content); } @media (min-width: 80rem) { .before\:lg\:text-5xl:before { font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--line-height)); } } .after\:lg\:block:after { content: var(--tw-content); } @media (min-width: 80rem) { .after\:lg\:block:after { display: block; } } .group-\[\&\.is-active\]\:after\:lg\:text-5xl:is( :where(.group).is-active * ):after { content: var(--tw-content); } @media (min-width: 80rem) { .group-\[\&\.is-active\]\:after\:lg\:text-5xl:is( :where(.group).is-active * ):after { font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--line-height)); } } .group-\[\&\.is-starting\]\:after\:lg\:text-5xl:is( :where(.group).is-starting * ):after { content: var(--tw-content); } @media (min-width: 80rem) { .group-\[\&\.is-starting\]\:after\:lg\:text-5xl:is( :where(.group).is-starting * ):after { font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--line-height)); } .lg\:last\:border-r-0:last-child { border-right-style: var(--tw-border-style); border-right-width: 0; } .lg\:last\:border-b:last-child { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } .only\:lg\:py-0:only-child { padding-block: calc(var(--spacing) * 0); } .lg\:last-of-type\:border-b-1:last-of-type { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } @media (hover: hover) { .lg\:hover\:border-b-current:hover { border-bottom-color: currentColor; } .lg\:hover\:bg-transparent:hover { background-color: #0000; } .lg\:hover\:bg-white:hover { background-color: var(--color-white); } .lg\:hover\:text-red-800:hover { color: var(--color-red-800); } .lg\:hover\:underline:hover { text-decoration-line: underline; } .group-\[\&\.is-active\]\:lg\:hover\:border-b-gradient-red:is( :where(.group).is-active * ):hover { border-bottom: 1px solid var(--color-red-700); position: relative; } .group-\[\&\.is-active\]\:lg\:hover\:border-b-gradient-red:is( :where(.group).is-active * ):hover:after { content: ""; background: linear-gradient( to right, var(--color-red-700), var(--color-red-800) ); opacity: 1; height: 1px; position: absolute; bottom: -1px; left: 0; right: 0; } .group-\[\&\.is-active\]\:lg\:hover\:text-gradient-r-red:is( :where(.group).is-active * ):hover { background-image: linear-gradient( to right, var(--color-red-700), var(--color-red-700), var(--color-red-800) ); color: #0000; background-position: 100%; background-size: 200%; -webkit-background-clip: text; background-clip: text; } } } @media (min-width: 90rem) { .xl\:-mx-\[calc\(\(\(100svw-var\(--layout-max-width\)\)\/2\)\+var\(--layout-padding\)\)\] { margin-inline: calc( calc(((100svw - var(--layout-max-width)) / 2) + var(--layout-padding)) * -1 ); } .xl\:mb-10 { margin-bottom: calc(var(--spacing) * 10); } .xl\:-ml-\[calc\(\(\(100svw-var\(--layout-max-width\)\)\/2\)\+var\(--layout-padding\)\)\] { margin-left: calc( calc(((100svw - var(--layout-max-width)) / 2) + var(--layout-padding)) * -1 ); } .xl\:h-\[calc\(35rem-var\(--dynamic-multiplier\)\*12\.5rem\)\] { height: calc(35rem - var(--dynamic-multiplier) * 12.5rem); } .xl\:w-3\/5 { width: 60%; } .xl\:w-\[calc\(100svw\)\], .xl\:w-svw { width: 100svw; } .xl\:gap-4 { gap: calc(var(--spacing) * 4); } .xl\:pt-130 { padding-top: calc(var(--spacing) * 130); } } @media (min-width: 100rem) { .\32xl\:container-fluid { padding-left: var(--layout-padding); padding-right: var(--layout-padding); width: auto; max-width: 100%; margin-left: auto; margin-right: auto; } :where(.container) .\32xl\:container-fluid { margin-left: calc(-1 * var(--layout-side-indent)); padding-left: var(--layout-padding); padding-right: var(--layout-padding); width: 100dvw; max-width: 100dvw; margin-right: auto; } :where(.editor-styles-wrapper) .\32xl\:container-fluid { max-width: 100%; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; } .is-narrow-container .\32xl\:container-fluid { width: 100%; max-width: 100%; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; } .\32xl\:h-\[calc\(43\.75rem-var\(--dynamic-multiplier\)\*12\.5rem\)\] { height: calc(43.75rem - var(--dynamic-multiplier) * 12.5rem); } .\32xl\:gap-5 { gap: calc(var(--spacing) * 5); } .\32xl\:pt-32 { padding-top: calc(var(--spacing) * 32); } } .header-visible\:top-\[var\(--toc-position-with-header\)\]:where( body[data-header-state="visible"] * ) { top: var(--toc-position-with-header); } .header-hidden\:top-\[var\(--toc-position-without-header\)\]:where( body[data-header-state="hidden"] * ) { top: var(--toc-position-without-header); } .\[\&_\*\]\:last\:mb-0 :last-child { margin-bottom: calc(var(--spacing) * 0); } .\[\&_\.current-menu-item_\>_a\]\:text-red-700 .current-menu-item > a { color: var(--color-red-700); } .\[\&_\>_\*\]\:first\:ml-auto > :first-child { margin-left: auto; } .\[\&_\>_\*\]\:last\:mr-auto > :last-child { margin-right: auto; } .\[\&_a\]\:inline-flex a { display: inline-flex; } .\[\&_a\]\:py-2 a { padding-block: calc(var(--spacing) * 2); } .\[\&_a\]\:text-inherit a { color: inherit; } .\[\&_a\]\:text-red-700 a { color: var(--color-red-700); } .\[\&_a\]\:underline a { text-decoration-line: underline; } .\[\&_a\]\:decoration-transparent a { text-decoration-color: #0000; } .\[\&_a\]\:transition-colors a { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to !important; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ) !important; transition-duration: var( --tw-duration, var(--default-transition-duration) ) !important; } .\[\&_a\]\:duration-300 a { --tw-duration: 0.3s; transition-duration: 0.3s; } .\[\&_a\]\:duration-700 a { --tw-duration: 0.7s; transition-duration: 0.7s; } .\[\&_a\:hover\]\:text-red-700 a:hover { color: var(--color-red-700); } .\[\&_a\:hover\]\:text-white a:hover { color: var(--color-white); } .\[\&_a\:hover\]\:underline a:hover { text-decoration-line: underline; } .\[\&_a\:hover\]\:decoration-inherit a:hover { -webkit-text-decoration-color: inherit; text-decoration-color: inherit; } .\[\&_a\:hover\:active\]\:text-red-800 a:hover:active { color: var(--color-red-800); } @media not all and (min-width: 80rem) { .max-lg\:\[\&_br\]\:hidden br { display: none; } } .\[\&_li\]\:mb-1 li { margin-bottom: calc(var(--spacing) * 1); } .\[\&_p\]\:mb-4 p { margin-bottom: calc(var(--spacing) * 4); } .\[\&_p\]\:mb-\[0\.75em\] p { margin-bottom: 0.75em; } .\[\&_p\]\:text-gradient-t-red-ready p { background-image: linear-gradient( to top, var(--color-red-800), var(--color-red-700), var(--color-red-700) ); color: #0000; background-position: top; background-size: auto 200%; -webkit-background-clip: text; background-clip: text; transition: background-position 0.7s; } @media (hover: hover) { .group-hover\:\[\&_p\]\:text-gradient-t-red:is(:where(.group):hover *) p { background-image: linear-gradient( to top, var(--color-red-800), var(--color-red-700), var(--color-red-700) ); color: #0000; background-position: bottom; background-size: auto 200%; -webkit-background-clip: text; background-clip: text; } } .\[\&_p\]\:last\:mb-0 p:last-child { margin-bottom: calc(var(--spacing) * 0); } .\[\&_p\:not\(\:last-child\)\]\:mb-2 p:not(:last-child) { margin-bottom: calc(var(--spacing) * 2); } .\[\&_p\:not\(\:last-child\)\]\:mb-3 p:not(:last-child) { margin-bottom: calc(var(--spacing) * 3); } @media (min-width: 80rem) { .lg\:\[\&_p\:not\(\:last-child\)\]\:mb-1 p:not(:last-child) { margin-bottom: calc(var(--spacing) * 1); } } .\[\&\.btn\.btn-outline\]\:focus-visible\:ring-purple-700.btn.btn-outline:focus-visible { --tw-ring-color: var(--color-purple-700); } .\[\&\.current-menu-item\]\:text-beige-700.current-menu-item { color: var(--color-beige-700); } .\[\&\.current-menu-item\]\:text-red-300.current-menu-item { color: var(--color-red-300); } .\[\&\.current-menu-item\]\:text-white.current-menu-item { color: var(--color-white); } .\[\&\.form-field\]\:border-t-0.form-field { border-top-style: var(--tw-border-style); border-top-width: 0; } .\[\&\.is-active\]\:border-b-transparent.is-active { border-bottom-color: #0000; } .\[\&\.is-active\]\:bg-beige-100.is-active { background-color: var(--color-beige-100); } .\[\&\.is-active\]\:bg-beige-500.is-active { background-color: var(--color-beige-500); } .\[\&\.is-active\]\:text-beige-100.is-active { color: var(--color-beige-100); } .\[\&\.is-active\]\:opacity-100.is-active { opacity: 1; } @media (min-width: 80rem) { .lg\:\[\&\.is-active\]\:bg-transparent.is-active { background-color: #0000; } .lg\:\[\&\.is-active\]\:bg-white.is-active { background-color: var(--color-white); } .lg\:\[\&\.is-active\]\:underline.is-active { text-decoration-line: underline; } } .\[\&\.is-current\]\:static.is-current { position: static; } .\[\&\.is-current\]\:opacity-100.is-current { opacity: 1; } .\[\&\.is-disabled\]\:text-beige-300.is-disabled { color: var(--color-beige-300); } .\[\&\.is-hidden\]\:invisible.is-hidden { visibility: hidden; } .\[\&\.is-hidden\]\:mb-0.is-hidden { margin-bottom: calc(var(--spacing) * 0); } .\[\&\.is-hidden\]\:hidden.is-hidden { display: none; } .\[\&\.is-hidden\]\:-translate-y-full.is-hidden { --tw-translate-y: -100%; translate: var(--tw-translate-x) var(--tw-translate-y); } .\[\&\.is-hidden\]\:opacity-0.is-hidden { opacity: 0; } @media (min-width: 80rem) { .lg\:\[\&\.is-hidden\]\:hidden.is-hidden { display: none; } } .\[\&\.is-left\]\:right-0.is-left { right: calc(var(--spacing) * 0); } .\[\&\.is-left\]\:left-auto.is-left { left: auto; } .\[\&\.is-left\]\:translate-x-0.is-left { --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } @media (min-width: 80rem) { .\[\&\.is-not-scrolled\]\:lg\:bg-transparent.is-not-scrolled { background-color: #0000; } } .\[\&\.is-opened\]\:grid-rows-\[1fr\].is-opened { grid-template-rows: 1fr; } .\[\&\.is-opened\]\:opacity-100.is-opened { opacity: 1; } .\[\&\.is-right\]\:left-0.is-right { left: calc(var(--spacing) * 0); } .\[\&\.is-right\]\:translate-x-0.is-right { --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } .\[\&\:has\(\.pagination-container\:empty\)\]\:\[\&_\.posts-grid\]\:grid-rows-\[auto\]:has( .pagination-container:empty ) .posts-grid { grid-template-rows: auto; } .has-opened-nav .\[\.has-opened-nav_\&\]\:visible { visibility: visible; } .has-opened-nav .\[\.has-opened-nav_\&\]\:opacity-100 { opacity: 1; } .has-uptitle .\[\.has-uptitle_\&\]\:px-\[1\.125em\] { padding-inline: 1.125em; } .has-uptitle .\[\.has-uptitle_\&\]\:px-\[1em\] { padding-inline: 1em; } @media (min-width: 48rem) { .in-view .md\:\[\.in-view_\&\]\:translate-y-0 { --tw-translate-y: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } } @media (min-width: 80rem) { .in-view .lg\:\[\.in-view_\&\]\:translate-y-0 { --tw-translate-y: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } } .is-active .\[\.is-active_\&\]\:bg-beige-100 { background-color: var(--color-beige-100); } @media (min-width: 80rem) { .is-active .lg\:\[\.is-active_\&\]\:bg-transparent { background-color: #0000; } .is-active .lg\:\[\.is-active_\&\]\:text-red-700 { color: var(--color-red-700); } .is-active .lg\:\[\.is-active_\&\]\:underline { text-decoration-line: underline; } @media (hover: hover) { .is-active .lg\:hover\:\[\.is-active_\&\]\:text-red-800:hover { color: var(--color-red-800); } } } .is-collapsed .\[\.is-collapsed_\&\]\:invisible { visibility: hidden; } @media (min-width: 80rem) { .is-collapsed .lg\:\[\.is-collapsed_\&\]\:opacity-0 { opacity: 0; } } .is-error .\[\.is-error_\&\]\:block { display: block; } .is-left .\[\.is-left_\&\]\:right-3 { right: calc(var(--spacing) * 3); } .is-left .\[\.is-left_\&\]\:left-auto { left: auto; } .is-left .\[\.is-left_\&\]\:translate-x-0 { --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } @media (min-width: 80rem) { .is-narrow-container .lg\:\[\.is-narrow-container_\&\]\:mx-0 { margin-inline: calc(var(--spacing) * 0); } .is-narrow-container .lg\:\[\.is-narrow-container_\&\]\:w-full { width: 100%; } .is-not-scrolled .lg\:\[\.is-not-scrolled_\&\]\:block { display: block; } .is-not-scrolled .lg\:\[\.is-not-scrolled_\&\]\:hidden { display: none; } } .is-right .\[\.is-right_\&\]\:left-3 { left: calc(var(--spacing) * 3); } .is-right .\[\.is-right_\&\]\:-translate-x-0 { --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } .is-small .\[\.is-small_\&\]\:w-\[18\.75rem\] { width: 18.75rem; } .is-success .\[\.is-success_\&\]\:block { display: block; } .splide--static .\[\.splide--static_\&\]\:flex\! { display: flex !important; } .splide--static .\[\.splide--static_\&\]\:justify-center { justify-content: center; } .splide--static .\[\.splide--static_\&\]\:gap-10 { gap: calc(var(--spacing) * 10); } @media (min-width: 80rem) { .splide--static .\[\.splide--static_\&\]\:lg\:justify-start { justify-content: flex-start; } .splide--static .\[\.splide--static_\&\]\:lg\:gap-16 { gap: calc(var(--spacing) * 16); } } .star-btn:hover ~ .star-btn .\[\.star-btn\:hover_\~_\.star-btn_\&\]\:icon-star-hollow { width: 1em; height: 1em; -webkit-mask-image: var(--icon-star-hollow); mask-image: var(--icon-star-hollow); background: currentColor; display: inline-flex; -webkit-mask-position: 50%; mask-position: 50%; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } @media (hover: hover) { a .group-hover\:\[a_\&\]\:text-red-700:is(:where(.group):hover *) { color: var(--color-red-700); } a .group-hover\:\[a_\&\]\:text-red-800:is(:where(.group):hover *) { color: var(--color-red-800); } a .group-hover\:\[a_\&\]\:opacity-75:is(:where(.group):hover *) { opacity: 0.75; } } body.logged-in .\[body\.logged-in_\&\]\:block { display: block; } @media (min-width: 80rem) { body:has(.breadcrumbs) .lg\:\[body\:has\(\.breadcrumbs\)_\&\]\:max-h-\[calc\(100svh-17\.5rem\)\] { max-height: calc(100svh - 17.5rem); } } body:has(.breadcrumbs):has(.no-header-indent) .\[body\:has\(\.breadcrumbs\)\:has\(\.no-header-indent\)_\&\]\:mb-4 { margin-bottom: calc(var(--spacing) * 4); } body:has(.menu-item-has-children :focus) .\[body\:has\(\.menu-item-has-children_\:focus\)_\&\]\:visible { visibility: visible; } body:has(.menu-item-has-children :focus) .\[body\:has\(\.menu-item-has-children_\:focus\)_\&\]\:opacity-100 { opacity: 1; } body:has(.menu-item-has-children:hover) .\[body\:has\(\.menu-item-has-children\:hover\)_\&\]\:visible { visibility: visible; } body:has(.menu-item-has-children:hover) .\[body\:has\(\.menu-item-has-children\:hover\)_\&\]\:opacity-100 { opacity: 1; } body:has(.no-header-indent) .\[body\:has\(\.no-header-indent\)_\&\]\:mt-4 { margin-top: calc(var(--spacing) * 4); } body:has(.no-header-indent) .\[body\:has\(\.no-header-indent\)_\&\]\:mb-0 { margin-bottom: calc(var(--spacing) * 0); } body:has(.site-header-simplified.is-overlapped) .\[body\:has\(\.site-header-simplified\.is-overlapped\)_\&\]\:-mt-6 { margin-top: calc(var(--spacing) * -6); } @media (min-width: 80rem) { body:has(.site-header-simplified.is-overlapped) .\[body\:has\(\.site-header-simplified\.is-overlapped\)_\&\]\:lg\:mt-0 { margin-top: calc(var(--spacing) * 0); } } @media (min-width: 48rem) { body:not(.is-animated-page) .md\:\[body\:not\(\.is-animated-page\)_\&\]\:translate-y-0 { --tw-translate-y: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } } @media (min-width: 80rem) { body:not(.is-animated-page) .lg\:\[body\:not\(\.is-animated-page\)_\&\]\:translate-y-0 { --tw-translate-y: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } } button.\[button\&\]\:text-red-700 { color: var(--color-red-700); } button.\[button\&\]\:after\:text-\[0px\]:after { content: var(--tw-content); font-size: 0; } @media (hover: hover) { button.\[button\&\]\:hover\:text-red-600:hover { color: var(--color-red-600); } button.\[button\&\]\:hover\:shadow-md\/5:hover { --tw-shadow-alpha: 5%; --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, oklab(0% 0 0/0.05)), 0 2px 4px -2px var(--tw-shadow-color, oklab(0% 0 0/0.05)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } @property --btn-border-angle { syntax: ""; inherits: false; initial-value: 110deg; } @keyframes btn-outline-spin { 0% { opacity: 0; } 10% { opacity: 1; } 90% { opacity: 1; } to { opacity: 0; --btn-border-angle: 360deg; } } @property --card-outline-angle { syntax: ""; inherits: false; initial-value: 380deg; } @keyframes card-outline-spin { to { --card-outline-angle: 130deg; } } @keyframes parallax-scroll-fast { 0% { transform: translateY(0); } to { transform: translateY(100%); } } @keyframes scroll-out-transparency { 0% { opacity: 1; } to { opacity: 0; visibility: hidden; } } .alignnone { margin-block: calc(var(--spacing) * 2); margin-inline-start: calc(var(--spacing) * 0); } .aligncenter { margin-inline: auto; margin-block: calc(var(--spacing) * 2); display: block; } .alignleft, .alignright { margin-bottom: calc(var(--spacing) * 2); } @media (min-width: 48rem) { .alignleft { float: left; margin-inline-end: calc(var(--spacing) * 2); } .alignright { float: right; margin-inline-start: calc(var(--spacing) * 2); } } .has-opened-nav:has(.modal-mobile-menu.is-open), .has-opened-nav:has(.modal.is-open) { overscroll-behavior: contain; } #wpadminbar { position: fixed !important; } @layer components; @property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-shadow-color { syntax: "*"; inherits: false; } @property --tw-shadow-alpha { syntax: ""; 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: ""; 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: ""; 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-font-weight { syntax: "*"; inherits: false; } @property --tw-leading { syntax: "*"; inherits: false; } @property --tw-content { syntax: "*"; inherits: false; initial-value: ""; } @property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; } @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-duration { syntax: "*"; inherits: false; } @property --tw-scale-x { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-scale-y { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-scale-z { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-ease { syntax: "*"; inherits: false; } @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-space-x-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-border-spacing-x { syntax: ""; inherits: false; initial-value: 0; } @property --tw-border-spacing-y { syntax: ""; inherits: false; initial-value: 0; } @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: ""; 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-gradient-position { syntax: "*"; inherits: false; } @property --tw-gradient-from { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-via { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-to { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-stops { syntax: "*"; inherits: false; } @property --tw-gradient-via-stops { syntax: "*"; inherits: false; } @property --tw-gradient-from-position { syntax: ""; inherits: false; initial-value: 0%; } @property --tw-gradient-via-position { syntax: ""; inherits: false; initial-value: 50%; } @property --tw-gradient-to-position { syntax: ""; inherits: false; initial-value: 100%; } @keyframes spin { to { transform: rotate(360deg); } } @keyframes bounce { 0%, to { animation-timing-function: cubic-bezier(0.8, 0, 1, 1); transform: translateY(-25%); } 50% { animation-timing-function: cubic-bezier(0, 0, 0.2, 1); transform: none; } }