/*! tailwindcss v4.1.4 | 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-font-weight: initial; --tw-content: ""; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scale-z: 1; --tw-duration: initial; --tw-translate-x: 0; --tw-translate-y: 0; --tw-translate-z: 0; --tw-rotate-x: initial; --tw-rotate-y: initial; --tw-rotate-z: initial; --tw-skew-x: initial; --tw-skew-y: initial; --tw-space-y-reverse: 0; --tw-border-style: solid; --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-ease: 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-space-x-reverse: 0; --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%; --tw-leading: initial; --tw-outline-style: solid; --tw-blur: initial; --tw-brightness: initial; --tw-contrast: initial; --tw-grayscale: initial; --tw-hue-rotate: initial; --tw-invert: initial; --tw-opacity: initial; --tw-saturate: initial; --tw-sepia: initial; --tw-drop-shadow: initial; --tw-drop-shadow-color: initial; --tw-drop-shadow-alpha: 100%; --tw-drop-shadow-size: initial; } } } :root, :host { --font-inter-tight: "Inter Tight", sans-serif; --color-primary-50: #f4f2fe; --color-primary-100: #ece8ff; --color-primary-200: #dcd4ff; --color-primary-300: #c3b1ff; --color-primary-400: #a585ff; --color-primary-500: #864ffe; --color-primary-600: #7c31f6; --color-secondary: #1a1a1c; --color-accent: #fcfcfc; --color-background-1: #fcfcfd; --color-background-2: #f9fafb; --color-background-3: #f4f5f8; --color-background-4: #f0f2f6; --color-background-5: #13171e; --color-background-6: #0f1217; --color-background-7: #181d26; --color-background-8: #070b10; --color-background-9: #1f252f; --color-stroke-1: #dfe4eb; --color-stroke-2: #e3e7ed; --color-stroke-3: #d7dde5; --color-stroke-4: #eceff4; --color-stroke-5: #1b232f; --color-stroke-6: #202731; --color-stroke-7: #2a333e; --color-stroke-8: #303b49; --color-stroke-9: var(--color-background-8); --color-ns-yellow: #f9eb57; --color-ns-green: #c6f56f; --color-ns-red: #ffb9a2; --color-ns-cyan: #83e7ee; --color-ns-green-light: #e8fbc6; --color-ns-cyan-light: #cdf5f8; --color-ns-yellow-light: #fdf7bc; --color-gradient-1: linear-gradient(135deg, #a585ff 0%, #ffc2ad 100%); --color-gradient-5: linear-gradient(165deg, #ffffff80 0.51%, #fff0 64.43%); --color-gradient-6: linear-gradient(#83e7ee 0%, #c6f56f 100%); --color-gradient-7: linear-gradient(#fff 0%, #83e7ee 100%); --color-gradient-8: linear-gradient(156deg, #fff 32.92%, #a585ff 91%); --color-gradient-9: linear-gradient(156deg, #dfb0ff 32.92%, #fdbedc 91%); --text-heading-1: 4.25rem; --text-heading-1--line-height: 110%; --text-heading-2: 3.25rem; --text-heading-2--line-height: 120%; --text-heading-3: 2.5rem; --text-heading-3--line-height: 120%; --text-heading-4: 2rem; --text-heading-4--line-height: 130%; --text-heading-5: 1.5rem; --text-heading-5--line-height: 140%; --text-heading-6: 1.25rem; --text-heading-6--line-height: 140%; --text-tagline-1: 1rem; --text-tagline-1--line-height: 150%; --text-tagline-2: .875rem; --text-tagline-2--line-height: 150%; --text-tagline-3: .75rem; --text-tagline-3--line-height: 150%; --blur-ns-badge-blur: 17.2283px; --stack-cards-gap: 2rem; --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --color-red-400: oklch(70.4% .191 22.216); --color-black: #000; --color-white: #fff; --spacing: .25rem; --container-xs: 20rem; --container-md: 28rem; --container-xl: 36rem; --container-2xl: 42rem; --container-3xl: 48rem; --container-5xl: 64rem; --container-6xl: 72rem; --text-xs: .75rem; --text-xs--line-height: calc(1 / .75); --text-sm: .875rem; --text-sm--line-height: calc(1.25 / .875); --text-base: 1rem; --text-base--line-height: calc(1.5 / 1); --text-lg: 1.125rem; --text-lg--line-height: calc(1.75 / 1.125); --text-xl: 1.25rem; --text-xl--line-height: calc(1.75 / 1.25); --text-4xl: 2.25rem; --text-4xl--line-height: calc(2.5 / 2.25); --font-weight-light: 300; --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --radius-md: .375rem; --radius-lg: .5rem; --radius-xl: .75rem; --radius-2xl: 1rem; --radius-3xl: 1.5rem; --radius-4xl: 2rem; --drop-shadow-2xl: 0 25px 25px #00000026; --ease-in: cubic-bezier(.4, 0, 1, 1); --ease-out: cubic-bezier(0, 0, .2, 1); --ease-in-out: cubic-bezier(.4, 0, .2, 1); --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite; --blur-lg: 16px; --blur-xl: 24px; --blur-3xl: 64px; --default-transition-duration: .15s; --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1); --default-font-family: var(--font-sans); --default-mono-font-family: var(--font-mono); } .dark { --color-split-text: #fcfcfc; } @font-face { font-family: next-sass; src: url("../fonts/next-sass.eot?obdk3g"); src: url("../fonts/next-sass.eot?obdk3g#iefix") format("embedded-opentype"), url("../fonts/next-sass.ttf?obdk3g") format("truetype"), url("../fonts/next-sass.woff?obdk3g") format("woff"), url("../fonts/next-sass.svg?obdk3g#next-sass") format("svg"); font-weight: normal; font-style: normal; font-display: block; } [class^="ns-"], [class*=" ns-"] { speak: never; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-weight: normal; line-height: 1; font-family: next-sass !important; } .ns-shape-1:before { content: ""; } .ns-shape-2:before { content: ""; } .ns-shape-3:before { content: ""; } .ns-shape-4:before { content: ""; } .ns-shape-5:before { content: ""; } .ns-shape-6:before { content: ""; } .ns-shape-7:before { content: ""; } .ns-shape-8:before { content: ""; } .ns-shape-9:before { content: ""; } .ns-shape-10:before { content: ""; } .ns-shape-11:before { content: ""; } .ns-shape-12:before { content: ""; } .ns-shape-13:before { content: ""; } .ns-shape-14:before { content: ""; } .ns-shape-15:before { content: ""; } .ns-shape-16:before { content: ""; } .ns-shape-17:before { content: ""; } .ns-shape-18:before { content: ""; } .ns-shape-19:before { content: ""; } .ns-shape-20:before { content: ""; } .ns-shape-21:before { content: ""; } .ns-shape-22:before { content: ""; } .ns-shape-23:before { content: ""; } .ns-shape-24:before { content: ""; } .ns-shape-25:before { content: ""; } .ns-shape-26:before { content: ""; } .ns-shape-27:before { content: ""; } .ns-shape-28:before { content: ""; } .ns-shape-29:before { content: ""; } .ns-shape-30:before { content: ""; } .ns-shape-31:before { content: ""; } .ns-shape-32:before { content: ""; } .ns-shape-33:before { content: ""; } .ns-shape-34:before { content: ""; } .ns-shape-35:before { content: ""; } .ns-shape-36:before { content: ""; } .ns-shape-37:before { content: ""; } .ns-shape-38:before { content: ""; } .ns-shape-39:before { content: ""; } .ns-shape-40:before { content: ""; } .ns-shape-41:before { content: ""; } .ns-shape-42:before { content: ""; } .ns-shape-43:before { content: ""; } .ns-shape-44:before { content: ""; } .ns-shape-45:before { content: ""; } .ns-shape-46:before { content: ""; } .ns-shape-47:before { content: ""; } .ns-shape-48:before { content: ""; } .ns-shape-49:before { content: ""; } .ns-shape-50:before { content: ""; } .ns-shape-51:before { content: ""; } .ns-shape-52:before { content: ""; } .ns-shape-53:before { content: ""; } .ns-shape-54:before { content: ""; } .ns-shape-55:before { content: ""; } .ns-shape-56:before { content: ""; } .ns-shape-57:before { content: ""; } .ns-shape-58:before { content: ""; } .ns-shape-59:before { content: ""; } .ns-shape-60:before { content: ""; } .ns-shape-61:before { content: ""; } .ns-shape-62:before { content: ""; } .ns-shape-63:before { content: ""; } .ns-shape-64:before { content: ""; } .ns-shape-65:before { content: ""; } .ns-shape-66:before { content: ""; } .ns-shape-67:before { content: ""; } .ns-shape-68:before { content: ""; } .ns-shape-69:before { content: ""; } .ns-shape-70:before { content: ""; } .ns-shape-71:before { content: ""; } .ns-shape-72:before { content: ""; } .ns-shape-73:before { content: ""; } .ns-shape-74:before { content: ""; } .ns-shape-75:before { content: ""; } .ns-shape-76:before { content: ""; } .ns-shape-77:before { content: ""; } .ns-shape-78:before { content: ""; } .ns-shape-79:before { content: ""; } .ns-shape-80:before { content: ""; } .ns-shape-81:before { content: ""; } .ns-shape-82:before { content: ""; } .ns-shape-83:before { content: ""; } .ns-shape-84:before { content: ""; } .ns-shape-85:before { content: ""; } .ns-shape-86:before { content: ""; } .ns-shape-87:before { content: ""; } .ns-shape-88:before { content: ""; } .ns-shape-89:before { content: ""; } .ns-shape-90:before { content: ""; } .ns-shape-91:before { content: ""; } .ns-shape-92:before { content: ""; } .ns-shape-93:before { content: ""; } .ns-shape-94:before { content: ""; } .ns-shape-95:before { content: ""; } .ns-shape-96:before { content: ""; } .ns-shape-97:before { content: ""; } .ns-shape-98:before { content: ""; } .ns-shape-99:before { content: ""; } .ns-shape-100:before { content: ""; } .ns-shape-101:before { content: ""; } .ns-shape-102:before { content: ""; } .ns-shape-103:before { content: ""; } .ns-shape-104:before { content: ""; } .ns-shape-105:before { content: ""; } .ns-shape-106:before { content: ""; } .ns-shape-107:before { content: ""; } .ns-shape-108:before { content: ""; } .ns-shape-109:before { content: ""; } .ns-shape-110:before { content: ""; } .ns-shape-111:before { content: ""; } .ns-shape-112:before { content: ""; } .ns-shape-113:before { content: ""; } .ns-shape-114:before { content: ""; } .ns-shape-115:before { content: ""; } .ns-shape-116:before { content: ""; } .ns-shape-117:before { content: ""; } .ns-shape-118:before { content: ""; } .ns-shape-119:before { content: ""; } .ns-shape-120:before { content: ""; } .ns-shape-121:before { content: ""; } .ns-shape-122:before { content: ""; } .ns-shape-123:before { content: ""; } .ns-shape-124:before { content: ""; } .ns-shape-125:before { content: ""; } .ns-shape-126:before { content: ""; } .ns-shape-127:before { content: ""; } .ns-shape-128:before { content: ""; } body { font-family: var(--font-inter-tight); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } * { box-sizing: border-box; } [data-ns-animate] { opacity: 0; } .scroll-bar::-webkit-scrollbar { display: none; } .scroll-bar { -ms-overflow-style: none; scrollbar-width: none; } .footer-link { font-size: var(--text-tagline-1); line-height: var(--tw-leading, var(--text-tagline-1--line-height)); --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); color: var(--color-primary-50); display: inline-block; position: relative; overflow: hidden; } .footer-link:before { content: var(--tw-content); content: var(--tw-content); bottom: calc(var(--spacing) * 0); content: var(--tw-content); left: calc(var(--spacing) * 0); content: var(--tw-content); content: var(--tw-content); content: var(--tw-content); transform-origin: 100%; content: var(--tw-content); --tw-scale-x: 0%; width: 100%; height: 1px; scale: var(--tw-scale-x) var(--tw-scale-y); content: var(--tw-content); background-color: var(--color-white); 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)); content: var(--tw-content); --tw-duration: .5s; content: var(--tw-content); --tw-content: ""; content: var(--tw-content); transition-duration: .5s; position: absolute; } @media (hover: hover) { .footer-link:hover:before { content: var(--tw-content); transform-origin: 0; content: var(--tw-content); --tw-scale-x: 100%; scale: var(--tw-scale-x) var(--tw-scale-y); } } @media not all and (min-width: 426px) { .footer-link { font-size: var(--text-tagline-2); line-height: var(--tw-leading, var(--text-tagline-2--line-height)); } } .footer-link:where(.dark, .dark *):before { content: var(--tw-content); background-color: var(--color-white); } .footer-link-v2 { font-size: var(--text-tagline-1); line-height: var(--tw-leading, var(--text-tagline-1--line-height)); --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); color: var(--color-secondary); display: inline-block; position: relative; overflow: hidden; } .footer-link-v2:before { content: var(--tw-content); content: var(--tw-content); bottom: calc(var(--spacing) * 0); content: var(--tw-content); left: calc(var(--spacing) * 0); content: var(--tw-content); content: var(--tw-content); content: var(--tw-content); transform-origin: 100%; content: var(--tw-content); --tw-scale-x: 0%; width: 100%; height: 1px; scale: var(--tw-scale-x) var(--tw-scale-y); content: var(--tw-content); background-color: var(--color-secondary); 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)); content: var(--tw-content); --tw-duration: .5s; content: var(--tw-content); --tw-content: ""; content: var(--tw-content); transition-duration: .5s; position: absolute; } @media (hover: hover) { .footer-link-v2:hover:before { content: var(--tw-content); transform-origin: 0; content: var(--tw-content); --tw-scale-x: 100%; scale: var(--tw-scale-x) var(--tw-scale-y); } } @media not all and (min-width: 426px) { .footer-link-v2 { font-size: var(--text-tagline-2); line-height: var(--tw-leading, var(--text-tagline-2--line-height)); } } .footer-link-v2:where(.dark, .dark *) { color: var(--color-accent); } .footer-link-v2:where(.dark, .dark *):before { content: var(--tw-content); background-color: var(--color-white); } .footer-social-link { 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: .3s; transition-duration: .3s; } @media (hover: hover) { .footer-social-link:hover { --tw-translate-y: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } } .flipper { width: 100%; height: 100%; 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: .9s; transform-style: preserve-3d; transition-duration: .9s; position: relative; } .group:hover .flipper { --tw-rotate-y: rotateY(180deg); transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, ); } .front, .back { backface-visibility: hidden; } .front { z-index: 20; } .back { z-index: 10; --tw-rotate-y: rotateY(180deg); transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, ); } .services-details-content h2 { padding-bottom: calc(var(--spacing) * 2); font-size: var(--text-heading-4); line-height: var(--tw-leading, var(--text-heading-4--line-height)); --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); } .services-details-content p { padding-bottom: calc(var(--spacing) * 6); } .services-details-content figure { width: 100%; max-width: 767px; padding-block: 72px; } .services-details-content figure img { border-radius: var(--radius-xl); object-fit: cover; width: 100%; height: 100%; } .details-body { max-width: 950px; margin-inline: auto; } .details-body h3 { margin-bottom: calc(var(--spacing) * 3); font-size: var(--text-heading-5); line-height: var(--tw-leading, var(--text-heading-5--line-height)); --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); } .details-body h3:not(:first-child) { margin-top: calc(var(--spacing) * 7); } @media (min-width: 48rem) { .details-body h3 { font-size: var(--text-heading-4); line-height: var(--tw-leading, var(--text-heading-4--line-height)); } } @media (min-width: 64rem) { .details-body h3:not(:first-child) { margin-top: 70px; } } .details-body h4 { margin-bottom: calc(var(--spacing) * 2); font-size: var(--text-tagline-1); line-height: var(--tw-leading, var(--text-tagline-1--line-height)); --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); } .details-body h4:before { content: var(--tw-content); content: var(--tw-content); top: calc(var(--spacing) * .5); content: var(--tw-content); left: calc(var(--spacing) * 0); content: var(--tw-content); margin-right: calc(var(--spacing) * 1.5); content: var(--tw-content); content: var(--tw-content); height: calc(var(--spacing) * 2); content: var(--tw-content); width: calc(var(--spacing) * 2); content: var(--tw-content); --tw-translate-y: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); content: var(--tw-content); content: var(--tw-content); background-color: var(--color-secondary); content: var(--tw-content); --tw-content: ""; content: var(--tw-content); border-radius: 3.40282e38px; display: inline-block; position: relative; } .details-body h4:where(.dark, .dark *) { color: var(--color-accent); } .details-body h4:where(.dark, .dark *):before { content: var(--tw-content); background-color: var(--color-accent); } .details-body p { padding-bottom: calc(var(--spacing) * 6); } .details-body img { margin-top: calc(var(--spacing) * 10); border-radius: var(--radius-lg); } @media (min-width: 48rem) { .details-body img { border-radius: var(--radius-4xl); margin-top: 70px; } } :where(.details-body 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))); } .details-body ul li { font-size: var(--text-tagline-1); line-height: var(--tw-leading, var(--text-tagline-1--line-height)); } .details-body ul li:before { content: var(--tw-content); content: var(--tw-content); left: calc(var(--spacing) * 0); content: var(--tw-content); margin-right: calc(var(--spacing) * 3); content: var(--tw-content); height: calc(var(--spacing) * 5); content: var(--tw-content); width: calc(var(--spacing) * 5); content: var(--tw-content); --tw-content: url("../images/icons/checkmark-white.svg"); content: var(--tw-content); content: var(--tw-content); position: relative; } @media not all and (min-width: 48rem) { .details-body ul li:before { top: calc(var(--spacing) * 0); } } .details-body ul li:before { content: var(--tw-content); } @media (min-width: 48rem) { .details-body ul li:before { top: calc(var(--spacing) * 1); } } .details-body ul li:where(.dark, .dark *) { color: var(--color-accent); } .details-body ul li:where(.dark, .dark *):before { content: var(--tw-content); --tw-content: url("../images/icons/checkmark-white.svg"); content: var(--tw-content); } :where(.details-body 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))); } .details-body ol li:first-child { font-size: var(--text-tagline-1); line-height: var(--tw-leading, var(--text-tagline-1--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } .details-body ol li:first-child:before { content: var(--tw-content); content: var(--tw-content); top: calc(var(--spacing) * 1); content: var(--tw-content); left: calc(var(--spacing) * 0); content: var(--tw-content); margin-right: calc(var(--spacing) * 3); content: var(--tw-content); height: calc(var(--spacing) * 5); content: var(--tw-content); width: calc(var(--spacing) * 5); content: var(--tw-content); --tw-content: url("../images/icons/checkmark-white.svg"); content: var(--tw-content); position: relative; } .details-body ol li:first-child:where(.dark, .dark *) { color: var(--color-accent); } .details-body ol li:first-child:where(.dark, .dark *):before { content: var(--tw-content); --tw-content: url("../images/icons/checkmark-white.svg"); content: var(--tw-content); } .details-body ol li:nth-child(2) { font-size: var(--text-tagline-1); line-height: var(--tw-leading, var(--text-tagline-1--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } .details-body ol li:nth-child(2):before { content: var(--tw-content); content: var(--tw-content); top: calc(var(--spacing) * 1); content: var(--tw-content); left: calc(var(--spacing) * 0); content: var(--tw-content); margin-right: calc(var(--spacing) * 3); content: var(--tw-content); height: calc(var(--spacing) * 5); content: var(--tw-content); width: calc(var(--spacing) * 5); content: var(--tw-content); --tw-content: url("../images/icons/checkmark-white.svg"); content: var(--tw-content); position: relative; } .details-body ol li:nth-child(2):where(.dark, .dark *) { color: var(--color-accent); } .details-body ol li:nth-child(2):where(.dark, .dark *):before { content: var(--tw-content); --tw-content: url("../images/icons/checkmark-white.svg"); content: var(--tw-content); } .details-body ol li:last-child { font-size: var(--text-tagline-1); line-height: var(--tw-leading, var(--text-tagline-1--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } .details-body ol li:last-child:before { content: var(--tw-content); content: var(--tw-content); top: calc(var(--spacing) * 1); content: var(--tw-content); left: calc(var(--spacing) * 0); content: var(--tw-content); margin-right: calc(var(--spacing) * 3); content: var(--tw-content); height: calc(var(--spacing) * 5); content: var(--tw-content); width: calc(var(--spacing) * 5); content: var(--tw-content); --tw-content: url("../images/icons/checkmark-white.svg"); content: var(--tw-content); position: relative; } .details-body ol li:last-child:where(.dark, .dark *) { color: var(--color-accent); } .details-body ol li:last-child:where(.dark, .dark *):before { content: var(--tw-content); --tw-content: url("../images/icons/checkmark-white.svg"); content: var(--tw-content); } .terms-conditions-body h3 { margin-top: calc(var(--spacing) * 10); margin-bottom: calc(var(--spacing) * 3); font-size: var(--text-heading-5); line-height: var(--tw-leading, var(--text-heading-5--line-height)); --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); } @media (min-width: 48rem) { .terms-conditions-body h3 { font-size: var(--text-heading-4); line-height: var(--tw-leading, var(--text-heading-4--line-height)); margin-top: 70px; } } .terms-conditions-body p strong { font-size: var(--text-tagline-1); line-height: var(--tw-leading, var(--text-tagline-1--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--color-secondary); } .terms-conditions-body a { margin-top: calc(var(--spacing) * 14); } @media (min-width: 48rem) { .terms-conditions-body a { margin-top: 70px; } } :where(.terms-conditions-body ul > :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))); } .terms-conditions-body ul li { margin-bottom: calc(var(--spacing) * 2); font-size: var(--text-tagline-1); line-height: var(--tw-leading, var(--text-tagline-1--line-height)); --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); color: #1a1a1c99; } @supports (color: color-mix(in lab, red, red)) { .terms-conditions-body ul li { color: color-mix(in oklab, var(--color-secondary) 60%, transparent); } } .terms-conditions-body ul li:before { content: var(--tw-content); content: var(--tw-content); left: calc(var(--spacing) * 0); content: var(--tw-content); margin-right: calc(var(--spacing) * 2); content: var(--tw-content); content: var(--tw-content); height: calc(var(--spacing) * 1.5); content: var(--tw-content); width: calc(var(--spacing) * 1.5); content: var(--tw-content); --tw-translate-y: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); content: var(--tw-content); content: var(--tw-content); background-color: var(--color-secondary); content: var(--tw-content); --tw-content: ""; content: var(--tw-content); border-radius: 3.40282e38px; display: inline-block; position: relative; } .terms-conditions-body ul li:where(.dark, .dark *) { color: #fcfcfc99; } @supports (color: color-mix(in lab, red, red)) { .terms-conditions-body ul li:where(.dark, .dark *) { color: color-mix(in oklab, var(--color-accent) 60%, transparent); } } .terms-conditions-body ul li:where(.dark, .dark *):before { content: var(--tw-content); background-color: var(--color-accent); } :is(.refund-policy, .process-steps, .privacy-policy, .changelog, .documentation, .analytics) ul li { list-style-type: none; } :is(.refund-policy, .process-steps, .privacy-policy, .changelog, .documentation, .analytics) ul li:before { content: var(--tw-content); content: var(--tw-content); left: calc(var(--spacing) * 0); content: var(--tw-content); margin-right: calc(var(--spacing) * 2); content: var(--tw-content); content: var(--tw-content); height: calc(var(--spacing) * 1.5); content: var(--tw-content); width: calc(var(--spacing) * 1.5); content: var(--tw-content); --tw-translate-y: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); content: var(--tw-content); content: var(--tw-content); background-color: var(--color-secondary); content: var(--tw-content); --tw-content: ""; content: var(--tw-content); border-radius: 3.40282e38px; display: inline-block; position: relative; } :is(.refund-policy, .process-steps, .privacy-policy, .changelog, .documentation, .analytics) ul li:where(.dark, .dark *):before { content: var(--tw-content); background-color: var(--color-accent); } .auth-form-input { border-style: var(--tw-border-style); border-width: 1px; border-color: var(--color-stroke-3); background-color: var(--color-background-1); width: 100%; height: 45px; padding-inline: 18px; padding-block: calc(var(--spacing) * 3); font-size: var(--text-tagline-1); line-height: var(--tw-leading, var(--text-tagline-1--line-height)); --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); color: var(--color-secondary); border-radius: 3.40282e38px; display: block; } .auth-form-input::placeholder { font-size: var(--text-tagline-2); line-height: var(--tw-leading, var(--text-tagline-2--line-height)); --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); color: #1a1a1c99; } @supports (color: color-mix(in lab, red, red)) { .auth-form-input::placeholder { color: color-mix(in oklab, var(--color-secondary) 60%, transparent); } } .auth-form-input:focus { --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); --tw-outline-style: none; outline-style: none; } .auth-form-input:where(.dark, .dark *) { border-color: var(--color-stroke-7); background-color: var(--color-background-6); color: var(--color-accent); } .auth-form-input:where(.dark, .dark *)::placeholder { color: #fcfcfc99; } @supports (color: color-mix(in lab, red, red)) { .auth-form-input:where(.dark, .dark *)::placeholder { color: color-mix(in oklab, var(--color-accent) 60%, transparent); } } .case-study-details ul li { font-size: var(--text-tagline-1); line-height: var(--tw-leading, var(--text-tagline-1--line-height)); color: #1a1a1c99; } @supports (color: color-mix(in lab, red, red)) { .case-study-details ul li { color: color-mix(in oklab, var(--color-secondary) 60%, transparent); } } .case-study-details ul li strong { font-size: var(--text-tagline-1); line-height: var(--tw-leading, var(--text-tagline-1--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--color-secondary); } :where(.case-study-feature 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))); } .case-study-feature ul li { font-size: var(--text-tagline-1); line-height: var(--tw-leading, var(--text-tagline-1--line-height)); } .case-study-feature ul li:before { content: var(--tw-content); content: var(--tw-content); content: var(--tw-content); margin-right: calc(var(--spacing) * 3); content: var(--tw-content); content: var(--tw-content); width: calc(var(--spacing) * 2); height: calc(var(--spacing) * 2); content: var(--tw-content); content: var(--tw-content); background-color: var(--color-secondary); content: var(--tw-content); --tw-content: ""; content: var(--tw-content); border-radius: 3.40282e38px; display: inline-block; position: relative; top: -1.8px; } .case-study-feature ul li:where(.dark, .dark *):before { content: var(--tw-content); background-color: var(--color-accent); } .tab-bar .active-tab-bar { right: calc(var(--spacing) * 0); transform-origin: 0; background-color: var(--color-primary-500); height: 2px; transition-property: translate; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); --tw-duration: .5s; --tw-ease: var(--ease-in-out); transition-duration: .5s; transition-timing-function: var(--ease-in-out); width: var(--_width, 178px); translate: var(--_left, 0px) 0; position: absolute; bottom: -.8px; left: 26%; } .modal-open { display: grid; } .modal-close { display: none; } .stack-cards { --stack-cards-gap: 24px; } .stack-cards__item { top: calc(var(--spacing) * 28); transform-origin: top; position: sticky; overflow: hidden; } @keyframes top-to-bottom { 0% { top: -30%; } 50% { top: 50%; } 100% { top: 100%; } } .gradient-line-1 { animation: 6s linear infinite top-to-bottom; } .gradient-line-2 { animation: 6s linear .9s infinite top-to-bottom; } .gradient-line-3 { animation: 6s linear 1.5s infinite top-to-bottom; } .gradient-line-4 { animation: 6s linear 10ms infinite top-to-bottom; } .gradient-line-5 { animation: 6s linear 1.8s infinite top-to-bottom; } .gradient-line-6 { animation: 6s linear .6s infinite top-to-bottom; } .gradient-line-7 { animation: 6s linear 2s infinite top-to-bottom; } .gradient-line-8 { animation: 6s linear 1.2s infinite top-to-bottom; } .table-of-contents .table-of-list li { cursor: pointer; transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); --tw-duration: .3s; --tw-ease: var(--ease-in-out); transition-duration: .3s; transition-timing-function: var(--ease-in-out); } .table-of-contents .table-of-list li:hover span:first-child, .table-of-contents .table-of-list li:hover a span { color: var(--color-secondary); } :is(.table-of-contents .table-of-list li:hover span:first-child, .table-of-contents .table-of-list li:hover a span):where(.dark, .dark *) { color: var(--color-accent); } .table-of-contents .table-of-list li span:last-child { transition-property: opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); --tw-duration: .3s; --tw-ease: var(--ease-in-out); transition-duration: .3s; transition-timing-function: var(--ease-in-out); } .table-of-contents .table-of-list li:hover span:last-child { opacity: .6; } .hero-text-gradient { -webkit-text-fill-color: transparent; color: #0000; background-repeat: no-repeat; background-size: 200%; -webkit-background-clip: text; background-clip: text; animation: 5s linear infinite textAnimate; display: inline-block; } .hero-text-color-1 { background-image: linear-gradient(45deg, #a585ff, #ffc2ad, #a585ff); } .hero-text-color-2 { background-image: linear-gradient(45deg, #83e7ee, #f9eb57, #83e7ee); } @keyframes textAnimate { 0% { background-position: 0%; } 50% { background-position: 100%; } 100% { background-position: 0%; } } #theme-toggle:before { height: 7px; width: calc(var(--spacing) * 3.5); --tw-gradient-position: circle at 0 100%, transparent 6px, var(--color-background-8) 7px; background-image: radial-gradient(var(--tw-gradient-stops, circle at 0 100%, transparent 6px, var(--color-background-8) 7px)); --tw-content: ""; content: var(--tw-content); background-repeat: no-repeat; background-size: 50% 100%; position: absolute; top: -3px; right: -4px; rotate: 90deg; } #theme-toggle:after { height: 7px; width: calc(var(--spacing) * 3.5); --tw-gradient-position: circle at 0 100%, transparent 6px, var(--color-background-8) 7px; background-image: radial-gradient(var(--tw-gradient-stops, circle at 0 100%, transparent 6px, var(--color-background-8) 7px)); --tw-content: ""; content: var(--tw-content); background-repeat: no-repeat; background-size: 50% 100%; position: absolute; bottom: -7px; right: -7px; rotate: none; } .dark #theme-toggle:before, .dark #theme-toggle:after { --tw-gradient-position: circle at 0 100%, transparent 6px, #fff 7px; background-image: radial-gradient(var(--tw-gradient-stops, circle at 0 100%, transparent 6px, #fff 7px)); } @layer theme; @layer base { *, :after, :before, ::backdrop { box-sizing: border-box; border: 0 solid; margin: 0; padding: 0; } ::file-selector-button { box-sizing: border-box; border: 0 solid; margin: 0; padding: 0; } html, :host { -webkit-text-size-adjust: 100%; tab-size: 4; line-height: 1.5; font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"); font-feature-settings: var(--default-font-feature-settings, normal); font-variation-settings: var(--default-font-variation-settings, normal); -webkit-tap-highlight-color: transparent; } hr { height: 0; color: inherit; border-top-width: 1px; } abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } a { color: inherit; -webkit-text-decoration: inherit; -webkit-text-decoration: inherit; -webkit-text-decoration: inherit; text-decoration: inherit; } b, strong { font-weight: bolder; } code, kbd, samp, pre { font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace); font-feature-settings: var(--default-mono-font-feature-settings, normal); font-variation-settings: var(--default-mono-font-variation-settings, normal); font-size: 1em; } small { font-size: 80%; } sub, sup { vertical-align: baseline; font-size: 75%; line-height: 0; position: relative; } sub { bottom: -.25em; } sup { top: -.5em; } table { text-indent: 0; border-color: inherit; border-collapse: collapse; } :-moz-focusring { outline: auto; } progress { vertical-align: baseline; } summary { display: list-item; } ol, ul, menu { list-style: none; } img, svg, video, canvas, audio, iframe, embed, object { vertical-align: middle; display: block; } img, video { max-width: 100%; height: auto; } button, input, select, optgroup, textarea { font: inherit; font-feature-settings: inherit; font-variation-settings: inherit; letter-spacing: inherit; color: inherit; opacity: 1; background-color: #0000; border-radius: 0; } ::file-selector-button { font: inherit; font-feature-settings: inherit; font-variation-settings: inherit; letter-spacing: inherit; color: inherit; opacity: 1; background-color: #0000; border-radius: 0; } :where(select:is([multiple], [size])) optgroup { font-weight: bolder; } :where(select:is([multiple], [size])) optgroup option { padding-inline-start: 20px; } ::file-selector-button { margin-inline-end: 4px; } ::placeholder { opacity: 1; } @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) { ::placeholder { color: currentColor; } @supports (color: color-mix(in lab, red, red)) { ::placeholder { color: color-mix(in oklab, currentcolor 50%, transparent); } } } textarea { resize: vertical; } ::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-date-and-time-value { min-height: 1lh; text-align: inherit; } ::-webkit-datetime-edit { display: inline-flex; } ::-webkit-datetime-edit-fields-wrapper { padding: 0; } ::-webkit-datetime-edit { padding-block: 0; } ::-webkit-datetime-edit-year-field { padding-block: 0; } ::-webkit-datetime-edit-month-field { padding-block: 0; } ::-webkit-datetime-edit-day-field { padding-block: 0; } ::-webkit-datetime-edit-hour-field { padding-block: 0; } ::-webkit-datetime-edit-minute-field { padding-block: 0; } ::-webkit-datetime-edit-second-field { padding-block: 0; } ::-webkit-datetime-edit-millisecond-field { padding-block: 0; } ::-webkit-datetime-edit-meridiem-field { padding-block: 0; } :-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; } h1, h2, h3, h4, h5, h6 { font-family: var(--font-inter-tight); color: var(--color-secondary); } :is(h1, h2, h3, h4, h5, h6):where(.dark, .dark *) { color: var(--color-accent); } h1 { font-size: var(--text-heading-4); line-height: var(--tw-leading, var(--text-heading-4--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } @media (min-width: 40rem) { h1 { font-size: var(--text-heading-3); line-height: var(--tw-leading, var(--text-heading-3--line-height)); } } @media (min-width: 48rem) { h1 { font-size: var(--text-heading-2); line-height: var(--tw-leading, var(--text-heading-2--line-height)); } } @media (min-width: 80rem) { h1 { font-size: var(--text-heading-1); line-height: var(--tw-leading, var(--text-heading-1--line-height)); } } h2 { font-size: var(--text-heading-5); line-height: var(--tw-leading, var(--text-heading-5--line-height)); } @media (min-width: 40rem) { h2 { font-size: var(--text-heading-4); line-height: var(--tw-leading, var(--text-heading-4--line-height)); } } @media (min-width: 48rem) { h2 { font-size: var(--text-heading-3); line-height: var(--tw-leading, var(--text-heading-3--line-height)); } } @media (min-width: 80rem) { h2 { font-size: var(--text-heading-2); line-height: var(--tw-leading, var(--text-heading-2--line-height)); } } h3 { font-size: var(--text-heading-5); line-height: var(--tw-leading, var(--text-heading-5--line-height)); } @media (min-width: 48rem) { h3 { font-size: var(--text-heading-4); line-height: var(--tw-leading, var(--text-heading-4--line-height)); } } @media (min-width: 80rem) { h3 { font-size: var(--text-heading-3); line-height: var(--tw-leading, var(--text-heading-3--line-height)); } } h4 { font-size: var(--text-heading-4); line-height: var(--tw-leading, var(--text-heading-4--line-height)); } h5 { font-size: var(--text-heading-5); line-height: var(--tw-leading, var(--text-heading-5--line-height)); } h6 { font-size: var(--text-heading-6); line-height: var(--tw-leading, var(--text-heading-6--line-height)); } p { font-size: var(--text-tagline-2); line-height: var(--tw-leading, var(--text-tagline-2--line-height)); --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); color: #1a1a1c99; } @supports (color: color-mix(in lab, red, red)) { p { color: color-mix(in oklab, var(--color-secondary) 60%, transparent); } } @media (min-width: 40rem) { p { font-size: var(--text-tagline-1); line-height: var(--tw-leading, var(--text-tagline-1--line-height)); } } p:where(.dark, .dark *) { color: #fcfcfc99; } @supports (color: color-mix(in lab, red, red)) { p:where(.dark, .dark *) { color: color-mix(in oklab, var(--color-accent) 60%, transparent); } } } @layer components; @layer utilities { .pointer-events-auto { pointer-events: auto; } .pointer-events-none { pointer-events: none; } .invisible { visibility: hidden; } .visible { visibility: visible; } .btn { cursor: pointer; border-style: var(--tw-border-style); text-align: center; --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); text-wrap: nowrap; text-transform: lowercase; transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); --tw-duration: .5s; --tw-ease: var(--ease-in-out); transition-duration: .5s; transition-timing-function: var(--ease-in-out); border-width: 1px; border-radius: 3.40282e38px; display: inline-block; position: relative; overflow: hidden; } @media (hover: hover) { .btn:hover { --tw-scale-x: 102%; --tw-scale-y: 102%; --tw-scale-z: 102%; scale: var(--tw-scale-x) var(--tw-scale-y); } } .btn span { 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: .3s; --tw-ease: var(--ease-in-out); transition-duration: .3s; transition-timing-function: var(--ease-in-out); display: inline-block; } .btn span:first-letter { text-transform: uppercase; } .btn:before { content: ""; top: 50%; right: calc(var(--spacing) * 0); height: calc(var(--spacing) * 0); width: calc(var(--spacing) * 0); --tw-translate-y: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); opacity: 0; transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); --tw-duration: .3s; --tw-ease: var(--ease-in-out); transition-duration: .3s; transition-timing-function: var(--ease-in-out); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='white' viewBox='0 0 256 256'%3E%3Cpath d='M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z'%3E%3C/path%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; position: absolute; } .btn:hover:before { width: calc(var(--spacing) * 3); height: calc(var(--spacing) * 3); --tw-translate-x: calc(var(--spacing) * -4); translate: var(--tw-translate-x) var(--tw-translate-y); opacity: 1; } .btn:hover span { --tw-translate-x: calc(var(--spacing) * -2); translate: var(--tw-translate-x) var(--tw-translate-y); } .sr-only { clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; width: 1px; height: 1px; margin: -1px; padding: 0; position: absolute; overflow: hidden; } .absolute { position: absolute; } .fixed { position: fixed; } .relative { position: relative; } .static { position: static; } .sticky { position: sticky; } .inset-0 { inset: calc(var(--spacing) * 0); } .\!top-3\.5 { top: calc(var(--spacing) * 3.5) !important; } .-top-1 { top: calc(var(--spacing) * -1); } .-top-1\.5 { top: calc(var(--spacing) * -1.5); } .-top-2 { top: calc(var(--spacing) * -2); } .-top-2\.5 { top: calc(var(--spacing) * -2.5); } .-top-5 { top: calc(var(--spacing) * -5); } .-top-8 { top: calc(var(--spacing) * -8); } .-top-10 { top: calc(var(--spacing) * -10); } .-top-12 { top: calc(var(--spacing) * -12); } .-top-14 { top: calc(var(--spacing) * -14); } .-top-20 { top: calc(var(--spacing) * -20); } .-top-28 { top: calc(var(--spacing) * -28); } .-top-44 { top: calc(var(--spacing) * -44); } .-top-\[4\%\] { top: -4%; } .-top-\[12\%\] { top: -12%; } .-top-\[14\%\] { top: -14%; } .-top-\[15\%\] { top: -15%; } .-top-\[20\%\] { top: -20%; } .-top-\[22\%\] { top: -22%; } .-top-\[28\%\] { top: -28%; } .-top-\[29\%\] { top: -29%; } .-top-\[30\%\] { top: -30%; } .-top-\[31\%\] { top: -31%; } .-top-\[32\%\] { top: -32%; } .-top-\[33\%\] { top: -33%; } .-top-\[38\%\] { top: -38%; } .-top-\[44\%\] { top: -44%; } .-top-\[45\%\] { top: -45%; } .-top-\[46\%\] { top: -46%; } .-top-\[50\%\] { top: -50%; } .-top-\[54\%\] { top: -54%; } .-top-\[65\%\] { top: -65%; } .-top-\[66\%\] { top: -66%; } .-top-\[74\%\] { top: -74%; } .-top-\[75\%\] { top: -75%; } .-top-\[80\%\] { top: -80%; } .-top-\[85\%\] { top: -85%; } .-top-\[88\%\] { top: -88%; } .-top-\[90\%\] { top: -90%; } .-top-\[98\%\] { top: -98%; } .-top-\[99\%\] { top: -99%; } .-top-\[100\%\] { top: -100%; } .-top-\[107\%\] { top: -107%; } .-top-\[110\%\] { top: -110%; } .-top-\[122px\] { top: -122px; } .-top-\[125\%\] { top: -125%; } .-top-\[147\%\] { top: -147%; } .-top-\[150\%\] { top: -150%; } .-top-\[160px\] { top: -160px; } .-top-\[164\%\] { top: -164%; } .-top-\[180px\] { top: -180px; } .-top-\[185px\] { top: -185px; } .-top-\[190px\] { top: -190px; } .-top-\[200px\] { top: -200px; } .-top-\[210\%\] { top: -210%; } .-top-\[220px\] { top: -220px; } .-top-\[250px\] { top: -250px; } .-top-\[1320px\] { top: -1320px; } .top-0 { top: calc(var(--spacing) * 0); } .top-1\/2 { top: 50%; } .top-2\/3 { top: 66.6667%; } .top-3 { top: calc(var(--spacing) * 3); } .top-3\/4 { top: 75%; } .top-4 { top: calc(var(--spacing) * 4); } .top-5 { top: calc(var(--spacing) * 5); } .top-6 { top: calc(var(--spacing) * 6); } .top-7 { top: calc(var(--spacing) * 7); } .top-8 { top: calc(var(--spacing) * 8); } .top-10 { top: calc(var(--spacing) * 10); } .top-12 { top: calc(var(--spacing) * 12); } .top-14 { top: calc(var(--spacing) * 14); } .top-16 { top: calc(var(--spacing) * 16); } .top-20 { top: calc(var(--spacing) * 20); } .top-\[-4px\] { top: -4px; } .top-\[-5\%\] { top: -5%; } .top-\[-5px\] { top: -5px; } .top-\[-6\%\] { top: -6%; } .top-\[-10px\] { top: -10px; } .top-\[-15\%\] { top: -15%; } .top-\[-17\%\] { top: -17%; } .top-\[-20\%\] { top: -20%; } .top-\[-27\%\] { top: -27%; } .top-\[-35\%\] { top: -35%; } .top-\[-62\%\] { top: -62%; } .top-\[-63\%\] { top: -63%; } .top-\[-66\%\] { top: -66%; } .top-\[-73\%\] { top: -73%; } .top-\[-75\%\] { top: -75%; } .top-\[-76\%\] { top: -76%; } .top-\[-80px\] { top: -80px; } .top-\[-81px\] { top: -81px; } .top-\[-82\%\] { top: -82%; } .top-\[-83\%\] { top: -83%; } .top-\[-90\%\] { top: -90%; } .top-\[-95\%\] { top: -95%; } .top-\[-115px\] { top: -115px; } .top-\[-127\%\] { top: -127%; } .top-\[-132px\] { top: -132px; } .top-\[-143\%\] { top: -143%; } .top-\[-144px\] { top: -144px; } .top-\[-152px\] { top: -152px; } .top-\[-154px\] { top: -154px; } .top-\[-155px\] { top: -155px; } .top-\[-173px\] { top: -173px; } .top-\[-187px\] { top: -187px; } .top-\[-206px\] { top: -206px; } .top-\[-214px\] { top: -214px; } .top-\[-237px\] { top: -237px; } .top-\[-245px\] { top: -245px; } .top-\[-259px\] { top: -259px; } .top-\[-264px\] { top: -264px; } .top-\[-296px\] { top: -296px; } .top-\[-300px\] { top: -300px; } .top-\[-301px\] { top: -301px; } .top-\[-310px\] { top: -310px; } .top-\[-325px\] { top: -325px; } .top-\[-350px\] { top: -350px; } .top-\[-376px\] { top: -376px; } .top-\[-407px\] { top: -407px; } .top-\[-510px\] { top: -510px; } .top-\[-800px\] { top: -800px; } .top-\[4\%\] { top: 4%; } .top-\[5\%\] { top: 5%; } .top-\[6\%\] { top: 6%; } .top-\[6\.5\%\] { top: 6.5%; } .top-\[8\%\] { top: 8%; } .top-\[9\%\] { top: 9%; } .top-\[10\%\] { top: 10%; } .top-\[12\%\] { top: 12%; } .top-\[13\%\] { top: 13%; } .top-\[14\%\] { top: 14%; } .top-\[15\%\] { top: 15%; } .top-\[17\%\] { top: 17%; } .top-\[18\%\] { top: 18%; } .top-\[19\%\] { top: 19%; } .top-\[20\%\] { top: 20%; } .top-\[25\%\] { top: 25%; } .top-\[26\%\] { top: 26%; } .top-\[28\%\] { top: 28%; } .top-\[30\%\] { top: 30%; } .top-\[32\%\] { top: 32%; } .top-\[34\%\] { top: 34%; } .top-\[40\%\] { top: 40%; } .top-\[43\%\] { top: 43%; } .top-\[43px\] { top: 43px; } .top-\[44\%\] { top: 44%; } .top-\[48\%\] { top: 48%; } .top-\[49\%\] { top: 49%; } .top-\[50\%\] { top: 50%; } .top-\[52\%\] { top: 52%; } .top-\[53\%\] { top: 53%; } .top-\[55\%\] { top: 55%; } .top-\[60px\] { top: 60px; } .top-\[68px\] { top: 68px; } .top-\[70\%\] { top: 70%; } .top-\[70px\] { top: 70px; } .top-\[74\%\] { top: 74%; } .top-\[75\%\] { top: 75%; } .top-\[76\%\] { top: 76%; } .top-\[78\%\] { top: 78%; } .top-\[81\%\] { top: 81%; } .top-\[100px\] { top: 100px; } .top-\[106px\] { top: 106px; } .top-\[117px\] { top: 117px; } .top-\[150px\] { top: 150px; } .top-\[164px\] { top: 164px; } .top-\[204px\] { top: 204px; } .top-\[234px\] { top: 234px; } .top-\[250px\] { top: 250px; } .top-\[275px\] { top: 275px; } .top-\[520px\] { top: 520px; } .top-\[590px\] { top: 590px; } .top-full { top: 100%; } .-right-1\.5 { right: calc(var(--spacing) * -1.5); } .-right-2 { right: calc(var(--spacing) * -2); } .-right-2\.5 { right: calc(var(--spacing) * -2.5); } .-right-3 { right: calc(var(--spacing) * -3); } .-right-6 { right: calc(var(--spacing) * -6); } .-right-8 { right: calc(var(--spacing) * -8); } .-right-14 { right: calc(var(--spacing) * -14); } .-right-20 { right: calc(var(--spacing) * -20); } .-right-\[5\%\] { right: -5%; } .-right-\[6\%\] { right: -6%; } .-right-\[10\%\] { right: -10%; } .-right-\[15\%\] { right: -15%; } .-right-\[20\%\] { right: -20%; } .-right-\[20px\] { right: -20px; } .-right-\[22\%\] { right: -22%; } .-right-\[30\%\] { right: -30%; } .-right-\[35\%\] { right: -35%; } .-right-\[40\%\] { right: -40%; } .-right-\[50px\] { right: -50px; } .-right-\[54\%\] { right: -54%; } .-right-\[55\%\] { right: -55%; } .-right-\[56\%\] { right: -56%; } .-right-\[57\%\] { right: -57%; } .-right-\[60\%\] { right: -60%; } .-right-\[67\%\] { right: -67%; } .-right-\[68\%\] { right: -68%; } .-right-\[70\%\] { right: -70%; } .-right-\[72\%\] { right: -72%; } .-right-\[75\%\] { right: -75%; } .-right-\[78\%\] { right: -78%; } .-right-\[85\%\] { right: -85%; } .-right-\[90\%\] { right: -90%; } .-right-\[100\%\] { right: -100%; } .-right-\[105\%\] { right: -105%; } .-right-\[107\%\] { right: -107%; } .-right-\[120\%\] { right: -120%; } .-right-\[125\%\] { right: -125%; } .-right-\[140px\] { right: -140px; } .-right-\[150px\] { right: -150px; } .-right-\[160\%\] { right: -160%; } .right-0 { right: calc(var(--spacing) * 0); } .right-1\/2 { right: 50%; } .right-2 { right: calc(var(--spacing) * 2); } .right-2\.5 { right: calc(var(--spacing) * 2.5); } .right-4 { right: calc(var(--spacing) * 4); } .right-5 { right: calc(var(--spacing) * 5); } .right-6 { right: calc(var(--spacing) * 6); } .right-7 { right: calc(var(--spacing) * 7); } .right-8 { right: calc(var(--spacing) * 8); } .right-10 { right: calc(var(--spacing) * 10); } .right-\[-5px\] { right: -5px; } .right-\[-7px\] { right: -7px; } .right-\[-8px\] { right: -8px; } .right-\[-10px\] { right: -10px; } .right-\[-22px\] { right: -22px; } .right-\[-27\%\] { right: -27%; } .right-\[-33\%\] { right: -33%; } .right-\[-34px\] { right: -34px; } .right-\[-35\%\] { right: -35%; } .right-\[-52px\] { right: -52px; } .right-\[-64\%\] { right: -64%; } .right-\[-71\%\] { right: -71%; } .right-\[-77\%\] { right: -77%; } .right-\[-80px\] { right: -80px; } .right-\[-83px\] { right: -83px; } .right-\[-88px\] { right: -88px; } .right-\[-93px\] { right: -93px; } .right-\[-99px\] { right: -99px; } .right-\[-104px\] { right: -104px; } .right-\[-145px\] { right: -145px; } .right-\[-160px\] { right: -160px; } .right-\[-257px\] { right: -257px; } .right-\[-271px\] { right: -271px; } .right-\[-297px\] { right: -297px; } .right-\[-299px\] { right: -299px; } .right-\[-300px\] { right: -300px; } .right-\[-321px\] { right: -321px; } .right-\[-486px\] { right: -486px; } .right-\[-579px\] { right: -579px; } .right-\[-729px\] { right: -729px; } .right-\[0\%\] { right: 0%; } .right-\[1\%\] { right: 1%; } .right-\[3\%\] { right: 3%; } .right-\[4\%\] { right: 4%; } .right-\[7\%\] { right: 7%; } .right-\[8\%\] { right: 8%; } .right-\[10\%\] { right: 10%; } .right-\[10px\] { right: 10px; } .right-\[11\%\] { right: 11%; } .right-\[12\%\] { right: 12%; } .right-\[15\%\] { right: 15%; } .right-\[17\%\] { right: 17%; } .right-\[25px\] { right: 25px; } .right-\[131px\] { right: 131px; } .-bottom-4 { bottom: calc(var(--spacing) * -4); } .-bottom-8 { bottom: calc(var(--spacing) * -8); } .-bottom-20 { bottom: calc(var(--spacing) * -20); } .-bottom-52 { bottom: calc(var(--spacing) * -52); } .-bottom-\[8\%\] { bottom: -8%; } .-bottom-\[10\%\] { bottom: -10%; } .-bottom-\[18\%\] { bottom: -18%; } .-bottom-\[25\%\] { bottom: -25%; } .-bottom-\[50\%\] { bottom: -50%; } .-bottom-\[150px\] { bottom: -150px; } .-bottom-\[175px\] { bottom: -175px; } .-bottom-\[350px\] { bottom: -350px; } .bottom-0 { bottom: calc(var(--spacing) * 0); } .bottom-1\/12 { bottom: 8.33333%; } .bottom-2\.5 { bottom: calc(var(--spacing) * 2.5); } .bottom-5 { bottom: calc(var(--spacing) * 5); } .bottom-6 { bottom: calc(var(--spacing) * 6); } .bottom-7 { bottom: calc(var(--spacing) * 7); } .bottom-9 { bottom: calc(var(--spacing) * 9); } .bottom-10 { bottom: calc(var(--spacing) * 10); } .bottom-12 { bottom: calc(var(--spacing) * 12); } .bottom-14 { bottom: calc(var(--spacing) * 14); } .bottom-24 { bottom: calc(var(--spacing) * 24); } .bottom-\[-20px\] { bottom: -20px; } .bottom-\[-33\%\] { bottom: -33%; } .bottom-\[-50px\] { bottom: -50px; } .bottom-\[-54\%\] { bottom: -54%; } .bottom-\[-103px\] { bottom: -103px; } .bottom-\[-206px\] { bottom: -206px; } .bottom-\[-266px\] { bottom: -266px; } .bottom-\[-325px\] { bottom: -325px; } .bottom-\[5\%\] { bottom: 5%; } .bottom-\[6\%\] { bottom: 6%; } .bottom-\[10\%\] { bottom: 10%; } .bottom-\[15\%\] { bottom: 15%; } .bottom-\[16\%\] { bottom: 16%; } .bottom-\[20px\] { bottom: 20px; } .bottom-\[38\%\] { bottom: 38%; } .bottom-\[46px\] { bottom: 46px; } .bottom-\[50\%\] { bottom: 50%; } .bottom-\[57px\] { bottom: 57px; } .bottom-\[90px\] { bottom: 90px; } .-left-0 { left: calc(var(--spacing) * 0); } .-left-0\.5 { left: calc(var(--spacing) * -.5); } .-left-3 { left: calc(var(--spacing) * -3); } .-left-4 { left: calc(var(--spacing) * -4); } .-left-5 { left: calc(var(--spacing) * -5); } .-left-6 { left: calc(var(--spacing) * -6); } .-left-\[3\%\] { left: -3%; } .-left-\[4\%\] { left: -4%; } .-left-\[7\%\] { left: -7%; } .-left-\[8\.5\%\] { left: -8.5%; } .-left-\[10\%\] { left: -10%; } .-left-\[12\%\] { left: -12%; } .-left-\[25\%\] { left: -25%; } .-left-\[30\%\] { left: -30%; } .-left-\[35\%\] { left: -35%; } .-left-\[40\%\] { left: -40%; } .-left-\[60\%\] { left: -60%; } .-left-\[65\%\] { left: -65%; } .-left-\[88\%\] { left: -88%; } .-left-\[90\%\] { left: -90%; } .-left-\[99\%\] { left: -99%; } .-left-\[130px\] { left: -130px; } .-left-\[180px\] { left: -180px; } .-left-\[184px\] { left: -184px; } .left-0 { left: calc(var(--spacing) * 0); } .left-1 { left: calc(var(--spacing) * 1); } .left-1\/2 { left: 50%; } .left-2\.5 { left: calc(var(--spacing) * 2.5); } .left-5 { left: calc(var(--spacing) * 5); } .left-6 { left: calc(var(--spacing) * 6); } .left-7 { left: calc(var(--spacing) * 7); } .left-10 { left: calc(var(--spacing) * 10); } .left-\[-1px\] { left: -1px; } .left-\[-3px\] { left: -3px; } .left-\[-5px\] { left: -5px; } .left-\[-11px\] { left: -11px; } .left-\[-17\%\] { left: -17%; } .left-\[-30\%\] { left: -30%; } .left-\[-31\%\] { left: -31%; } .left-\[-35\%\] { left: -35%; } .left-\[-36px\] { left: -36px; } .left-\[-39\%\] { left: -39%; } .left-\[-45\%\] { left: -45%; } .left-\[-48\%\] { left: -48%; } .left-\[-52\%\] { left: -52%; } .left-\[-53\%\] { left: -53%; } .left-\[-62\%\] { left: -62%; } .left-\[-65\%\] { left: -65%; } .left-\[-72\%\] { left: -72%; } .left-\[-81px\] { left: -81px; } .left-\[-83\%\] { left: -83%; } .left-\[-85\%\] { left: -85%; } .left-\[-100px\] { left: -100px; } .left-\[-103\%\] { left: -103%; } .left-\[-107\%\] { left: -107%; } .left-\[-120px\] { left: -120px; } .left-\[-132\%\] { left: -132%; } .left-\[-136px\] { left: -136px; } .left-\[-141px\] { left: -141px; } .left-\[-255px\] { left: -255px; } .left-\[0\%\] { left: 0%; } .left-\[1\%\] { left: 1%; } .left-\[2\%\] { left: 2%; } .left-\[2px\] { left: 2px; } .left-\[5\%\] { left: 5%; } .left-\[7\%\] { left: 7%; } .left-\[8\%\] { left: 8%; } .left-\[13\%\] { left: 13%; } .left-\[20\%\] { left: 20%; } .left-\[28\%\] { left: 28%; } .left-\[30px\] { left: 30px; } .left-\[35\%\] { left: 35%; } .left-\[40\%\] { left: 40%; } .left-\[40px\] { left: 40px; } .left-\[43\%\] { left: 43%; } .left-\[45px\] { left: 45px; } .left-\[50\%\] { left: 50%; } .left-\[57\%\] { left: 57%; } .left-\[60\%\] { left: 60%; } .left-\[67\%\] { left: 67%; } .left-\[82\%\] { left: 82%; } .left-\[174px\] { left: 174px; } .left-\[189px\] { left: 189px; } .left-\[190px\] { left: 190px; } .left-\[358px\] { left: 358px; } .left-\[401px\] { left: 401px; } .left-\[450px\] { left: 450px; } .\!z-\[9999\] { z-index: 9999 !important; } .-z-0 { z-index: calc(0 * -1); } .-z-1 { z-index: calc(1 * -1); } .-z-10 { z-index: calc(10 * -1); } .-z-12 { z-index: calc(12 * -1); } .-z-100 { z-index: calc(100 * -1); } .z-0 { z-index: 0; } .z-1 { z-index: 1; } .z-10 { z-index: 10; } .z-11 { z-index: 11; } .z-20 { z-index: 20; } .z-30 { z-index: 30; } .z-40 { z-index: 40; } .z-50 { z-index: 50; } .z-\[-1\] { z-index: -1; } .z-\[1\] { z-index: 1; } .z-\[2\] { z-index: 2; } .z-\[3\] { z-index: 3; } .z-\[4\] { z-index: 4; } .z-\[10\] { z-index: 10; } .z-\[999\] { z-index: 999; } .order-1 { order: 1; } .order-2 { order: 2; } .order-3 { order: 3; } .order-first { order: -9999; } .order-last { order: 9999; } .col-span-4 { grid-column: span 4 / span 4; } .col-span-6 { grid-column: span 6 / span 6; } .col-span-12 { grid-column: span 12 / span 12; } .container { width: 100%; } @media (min-width: 1440px) { .container { max-width: 1440px; } } @media (min-width: 40rem) { .container { max-width: 40rem; } } @media (min-width: 48rem) { .container { max-width: 48rem; } } @media (min-width: 64rem) { .container { max-width: 64rem; } } @media (min-width: 80rem) { .container { max-width: 80rem; } } @media (min-width: 96rem) { .container { max-width: 96rem; } } .main-container { max-width: 1290px; padding-inline: calc(var(--spacing) * 5); margin-inline: auto; } @media (min-width: 1440px) { .main-container { padding-inline: calc(var(--spacing) * 0); } } .mx-1 { margin-inline: calc(var(--spacing) * 1); } .mx-2 { margin-inline: calc(var(--spacing) * 2); } .mx-3 { margin-inline: calc(var(--spacing) * 3); } .mx-4 { margin-inline: calc(var(--spacing) * 4); } .mx-5 { margin-inline: calc(var(--spacing) * 5); } .mx-6 { margin-inline: calc(var(--spacing) * 6); } .mx-auto { margin-inline: auto; } .my-1 { margin-block: calc(var(--spacing) * 1); } .my-2 { margin-block: calc(var(--spacing) * 2); } .my-3 { margin-block: calc(var(--spacing) * 3); } .my-7 { margin-block: calc(var(--spacing) * 7); } .my-8 { margin-block: calc(var(--spacing) * 8); } .my-10 { margin-block: calc(var(--spacing) * 10); } .my-14 { margin-block: calc(var(--spacing) * 14); } .my-24 { margin-block: calc(var(--spacing) * 24); } .my-auto { margin-block: auto; } .ms-2\.5 { margin-inline-start: calc(var(--spacing) * 2.5); } .ms-44 { margin-inline-start: calc(var(--spacing) * 44); } .ms-60 { margin-inline-start: calc(var(--spacing) * 60); } .me-4 { margin-inline-end: calc(var(--spacing) * 4); } .-mt-0\.5 { margin-top: calc(var(--spacing) * -.5); } .-mt-3 { margin-top: calc(var(--spacing) * -3); } .-mt-6 { margin-top: calc(var(--spacing) * -6); } .-mt-20 { margin-top: calc(var(--spacing) * -20); } .-mt-\[22px\] { margin-top: -22px; } .-mt-\[37px\] { margin-top: -37px; } .-mt-\[160px\] { margin-top: -160px; } .mt-0 { margin-top: calc(var(--spacing) * 0); } .mt-1 { margin-top: calc(var(--spacing) * 1); } .mt-2 { margin-top: calc(var(--spacing) * 2); } .mt-2\.5 { margin-top: calc(var(--spacing) * 2.5); } .mt-3 { margin-top: calc(var(--spacing) * 3); } .mt-4 { margin-top: calc(var(--spacing) * 4); } .mt-5 { margin-top: calc(var(--spacing) * 5); } .mt-6 { margin-top: calc(var(--spacing) * 6); } .mt-7 { margin-top: calc(var(--spacing) * 7); } .mt-8 { margin-top: calc(var(--spacing) * 8); } .mt-9 { margin-top: calc(var(--spacing) * 9); } .mt-10 { margin-top: calc(var(--spacing) * 10); } .mt-11 { margin-top: calc(var(--spacing) * 11); } .mt-12 { margin-top: calc(var(--spacing) * 12); } .mt-14 { margin-top: calc(var(--spacing) * 14); } .mt-16 { margin-top: calc(var(--spacing) * 16); } .mt-20 { margin-top: calc(var(--spacing) * 20); } .mt-40 { margin-top: calc(var(--spacing) * 40); } .mt-\[27px\] { margin-top: 27px; } .mt-\[50px\] { margin-top: 50px; } .mt-\[62px\] { margin-top: 62px; } .mt-\[64px\] { margin-top: 64px; } .mt-\[70px\] { margin-top: 70px; } .mt-auto { margin-top: auto; } .-mr-2 { margin-right: calc(var(--spacing) * -2); } .-mr-4 { margin-right: calc(var(--spacing) * -4); } .mr-1 { margin-right: calc(var(--spacing) * 1); } .mr-2\.5 { margin-right: calc(var(--spacing) * 2.5); } .-mb-8 { margin-bottom: calc(var(--spacing) * -8); } .-mb-10 { margin-bottom: calc(var(--spacing) * -10); } .-mb-px { margin-bottom: -1px; } .mb-1 { margin-bottom: calc(var(--spacing) * 1); } .mb-2 { margin-bottom: calc(var(--spacing) * 2); } .mb-2\.5 { margin-bottom: calc(var(--spacing) * 2.5); } .mb-3 { margin-bottom: calc(var(--spacing) * 3); } .mb-3\.5 { margin-bottom: calc(var(--spacing) * 3.5); } .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-7 { margin-bottom: calc(var(--spacing) * 7); } .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-11 { margin-bottom: calc(var(--spacing) * 11); } .mb-12 { margin-bottom: calc(var(--spacing) * 12); } .mb-13 { margin-bottom: calc(var(--spacing) * 13); } .mb-14 { margin-bottom: calc(var(--spacing) * 14); } .mb-16 { margin-bottom: calc(var(--spacing) * 16); } .mb-18 { margin-bottom: calc(var(--spacing) * 18); } .mb-20 { margin-bottom: calc(var(--spacing) * 20); } .mb-\[30px\] { margin-bottom: 30px; } .mb-\[34px\] { margin-bottom: 34px; } .mb-\[35px\] { margin-bottom: 35px; } .mb-\[38px\] { margin-bottom: 38px; } .mb-\[46px\] { margin-bottom: 46px; } .mb-\[50px\] { margin-bottom: 50px; } .mb-\[53px\] { margin-bottom: 53px; } .mb-\[70p\] { margin-bottom: 70p; } .mb-\[70px\] { margin-bottom: 70px; } .mb-\[72px\] { margin-bottom: 72px; } .mb-\[100px\] { margin-bottom: 100px; } .mb-\[112px\] { margin-bottom: 112px; } .mb-\[200px\] { margin-bottom: 200px; } .-ml-2 { margin-left: calc(var(--spacing) * -2); } .-ml-\[1px\] { margin-left: -1px; } .ml-0 { margin-left: calc(var(--spacing) * 0); } .ml-2\.5 { margin-left: calc(var(--spacing) * 2.5); } .ml-3\.5 { margin-left: calc(var(--spacing) * 3.5); } .ml-4 { margin-left: calc(var(--spacing) * 4); } .ml-6 { margin-left: calc(var(--spacing) * 6); } .ml-8 { margin-left: calc(var(--spacing) * 8); } .ml-10 { margin-left: calc(var(--spacing) * 10); } .ml-\[100px\] { margin-left: 100px; } .ml-auto { margin-left: auto; } .box-border { box-sizing: border-box; } .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; } .badge { padding-inline: calc(var(--spacing) * 5); padding-block: calc(var(--spacing) * 1.5); font-size: var(--text-tagline-2); line-height: var(--tw-leading, var(--text-tagline-2--line-height)); --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); text-wrap: nowrap; color: var(--color-secondary); text-transform: lowercase; --tw-backdrop-blur: blur(var(--blur-ns-badge-blur)); -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, ); border-radius: 3.40282e38px; display: inline-block; } .badge:first-letter { text-transform: uppercase; } .\!block { display: block !important; } .\!hidden { display: none !important; } .block { display: block; } .contents { display: contents; } .flex { display: flex; } .grid { display: grid; } .hidden { display: none; } .inline { display: inline; } .inline-block { display: inline-block; } .inline-flex { display: inline-flex; } .table { display: table; } .btn-md { min-width: 90px; padding-inline: calc(var(--spacing) * 5); padding-block: calc(var(--spacing) * 2.5); font-size: var(--text-tagline-2); line-height: var(--tw-leading, var(--text-tagline-2--line-height)); } .btn-md:hover:before { width: calc(var(--spacing) * 2.5); height: calc(var(--spacing) * 2.5); --tw-translate-x: calc(var(--spacing) * -3.5); translate: var(--tw-translate-x) var(--tw-translate-y); opacity: 1; } .btn-base { padding-inline: 18px; padding-block: calc(var(--spacing) * 2.5); font-size: var(--text-tagline-1); line-height: var(--tw-leading, var(--text-tagline-1--line-height)); } .btn-base:hover:before { width: calc(var(--spacing) * 2); height: calc(var(--spacing) * 2); --tw-translate-x: calc(var(--spacing) * -3); translate: var(--tw-translate-x) var(--tw-translate-y); opacity: 1; } .btn-xl { padding-inline: calc(var(--spacing) * 8); padding-block: calc(var(--spacing) * 3.5); font-size: var(--text-tagline-1); line-height: var(--tw-leading, var(--text-tagline-1--line-height)); } .btn-xl:hover:before { width: calc(var(--spacing) * 3); height: calc(var(--spacing) * 3); --tw-translate-x: calc(var(--spacing) * -4); translate: var(--tw-translate-x) var(--tw-translate-y); opacity: 1; } .size-1\.5 { width: calc(var(--spacing) * 1.5); height: calc(var(--spacing) * 1.5); } .size-4 { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); } .size-5 { width: calc(var(--spacing) * 5); height: calc(var(--spacing) * 5); } .size-6 { width: calc(var(--spacing) * 6); height: calc(var(--spacing) * 6); } .size-7 { width: calc(var(--spacing) * 7); height: calc(var(--spacing) * 7); } .size-8 { width: calc(var(--spacing) * 8); height: calc(var(--spacing) * 8); } .size-9 { width: calc(var(--spacing) * 9); height: calc(var(--spacing) * 9); } .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-16 { width: calc(var(--spacing) * 16); height: calc(var(--spacing) * 16); } .size-20 { width: calc(var(--spacing) * 20); height: calc(var(--spacing) * 20); } .size-28 { width: calc(var(--spacing) * 28); height: calc(var(--spacing) * 28); } .size-\[5px\] { width: 5px; height: 5px; } .size-\[18px\] { width: 18px; height: 18px; } .size-\[31\.5px\] { width: 31.5px; height: 31.5px; } .size-\[34px\] { width: 34px; height: 34px; } .size-\[38px\] { width: 38px; height: 38px; } .size-\[42px\] { width: 42px; height: 42px; } .size-\[50px\] { width: 50px; height: 50px; } .size-\[52px\] { width: 52px; height: 52px; } .size-\[56px\] { width: 56px; height: 56px; } .size-\[60px\] { width: 60px; height: 60px; } .size-\[70px\] { width: 70px; height: 70px; } .size-\[80px\] { width: 80px; height: 80px; } .size-\[100px\] { width: 100px; height: 100px; } .size-\[140px\] { width: 140px; height: 140px; } .size-\[150px\] { width: 150px; height: 150px; } .size-\[156px\] { width: 156px; height: 156px; } .size-\[176px\] { width: 176px; height: 176px; } .size-\[200px\] { width: 200px; height: 200px; } .size-\[260px\] { width: 260px; height: 260px; } .size-\[265px\] { width: 265px; height: 265px; } .size-\[280px\] { width: 280px; height: 280px; } .size-\[288px\] { width: 288px; height: 288px; } .size-\[300px\] { width: 300px; height: 300px; } .size-\[320px\] { width: 320px; height: 320px; } .size-\[346px\] { width: 346px; height: 346px; } .size-\[350px\] { width: 350px; height: 350px; } .size-\[385px\] { width: 385px; height: 385px; } .size-\[399px\] { width: 399px; height: 399px; } .size-\[410px\] { width: 410px; height: 410px; } .size-\[428px\] { width: 428px; height: 428px; } .size-\[450px\] { width: 450px; height: 450px; } .size-\[500px\] { width: 500px; height: 500px; } .size-\[510px\] { width: 510px; height: 510px; } .size-\[550px\] { width: 550px; height: 550px; } .size-\[560px\] { width: 560px; height: 560px; } .size-\[570px\] { width: 570px; height: 570px; } .size-\[600px\] { width: 600px; height: 600px; } .size-\[650px\] { width: 650px; height: 650px; } .size-\[700px\] { width: 700px; height: 700px; } .size-\[708px\] { width: 708px; height: 708px; } .size-\[728px\] { width: 728px; height: 728px; } .size-\[800px\] { width: 800px; height: 800px; } .size-\[850px\] { width: 850px; height: 850px; } .size-\[860px\] { width: 860px; height: 860px; } .size-\[882px\] { width: 882px; height: 882px; } .size-\[1000px\] { width: 1000px; height: 1000px; } .size-\[1060px\] { width: 1060px; height: 1060px; } .size-\[1140px\] { width: 1140px; height: 1140px; } .size-\[1200px\] { width: 1200px; height: 1200px; } .size-\[1635px\] { width: 1635px; height: 1635px; } .size-\[1790px\] { width: 1790px; height: 1790px; } .size-full { width: 100%; height: 100%; } .h-0 { height: calc(var(--spacing) * 0); } .h-0\.5 { height: calc(var(--spacing) * .5); } .h-1 { height: calc(var(--spacing) * 1); } .h-1\.5 { height: calc(var(--spacing) * 1.5); } .h-2 { height: calc(var(--spacing) * 2); } .h-2\.5 { height: calc(var(--spacing) * 2.5); } .h-3 { height: calc(var(--spacing) * 3); } .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-11 { height: calc(var(--spacing) * 11); } .h-12 { height: calc(var(--spacing) * 12); } .h-14 { height: calc(var(--spacing) * 14); } .h-16 { height: calc(var(--spacing) * 16); } .h-20 { height: calc(var(--spacing) * 20); } .h-24 { height: calc(var(--spacing) * 24); } .h-\[0px\] { height: 0; } .h-\[1px\] { height: 1px; } .h-\[2px\] { height: 2px; } .h-\[6px\] { height: 6px; } .h-\[18px\] { height: 18px; } .h-\[22px\] { height: 22px; } .h-\[26px\] { height: 26px; } .h-\[28px\] { height: 28px; } .h-\[30px\] { height: 30px; } .h-\[47px\] { height: 47px; } .h-\[48px\] { height: 48px; } .h-\[50px\] { height: 50px; } .h-\[52px\] { height: 52px; } .h-\[60px\] { height: 60px; } .h-\[74px\] { height: 74px; } .h-\[81px\] { height: 81px; } .h-\[85vh\] { height: 85vh; } .h-\[91px\] { height: 91px; } .h-\[92px\] { height: 92px; } .h-\[100px\] { height: 100px; } .h-\[101px\] { height: 101px; } .h-\[102px\] { height: 102px; } .h-\[115px\] { height: 115px; } .h-\[120px\] { height: 120px; } .h-\[134px\] { height: 134px; } .h-\[136px\] { height: 136px; } .h-\[150px\] { height: 150px; } .h-\[156px\] { height: 156px; } .h-\[160px\] { height: 160px; } .h-\[176px\] { height: 176px; } .h-\[177px\] { height: 177px; } .h-\[195px\] { height: 195px; } .h-\[200px\] { height: 200px; } .h-\[201px\] { height: 201px; } .h-\[224\%\] { height: 224%; } .h-\[234px\] { height: 234px; } .h-\[255px\] { height: 255px; } .h-\[260px\] { height: 260px; } .h-\[275px\] { height: 275px; } .h-\[300px\] { height: 300px; } .h-\[312px\] { height: 312px; } .h-\[320px\] { height: 320px; } .h-\[396px\] { height: 396px; } .h-\[450px\] { height: 450px; } .h-\[493px\] { height: 493px; } .h-\[576px\] { height: 576px; } .h-\[598px\] { height: 598px; } .h-\[600px\] { height: 600px; } .h-\[618px\] { height: 618px; } .h-\[650px\] { height: 650px; } .h-\[665px\] { height: 665px; } .h-\[765px\] { height: 765px; } .h-\[860px\] { height: 860px; } .h-\[982px\] { height: 982px; } .h-auto { height: auto; } .h-fit { height: fit-content; } .h-full { height: 100%; } .h-px { height: 1px; } .h-screen { height: 100vh; } .max-h-\[30\%\] { max-height: 30%; } .max-h-\[70px\] { max-height: 70px; } .max-h-\[72px\] { max-height: 72px; } .max-h-\[77px\] { max-height: 77px; } .max-h-\[100px\] { max-height: 100px; } .max-h-\[101px\] { max-height: 101px; } .max-h-\[110px\] { max-height: 110px; } .max-h-\[114px\] { max-height: 114px; } .max-h-\[124px\] { max-height: 124px; } .max-h-\[130px\] { max-height: 130px; } .max-h-\[174px\] { max-height: 174px; } .max-h-\[178px\] { max-height: 178px; } .max-h-\[188px\] { max-height: 188px; } .max-h-\[190px\] { max-height: 190px; } .max-h-\[192px\] { max-height: 192px; } .max-h-\[227px\] { max-height: 227px; } .max-h-\[234px\] { max-height: 234px; } .max-h-\[250px\] { max-height: 250px; } .max-h-\[317px\] { max-height: 317px; } .max-h-\[345px\] { max-height: 345px; } .max-h-\[380px\] { max-height: 380px; } .max-h-\[400px\] { max-height: 400px; } .max-h-\[408px\] { max-height: 408px; } .max-h-\[480px\] { max-height: 480px; } .max-h-\[500px\] { max-height: 500px; } .max-h-\[547px\] { max-height: 547px; } .max-h-\[550px\] { max-height: 550px; } .max-h-\[564px\] { max-height: 564px; } .max-h-\[576px\] { max-height: 576px; } .max-h-\[598px\] { max-height: 598px; } .max-h-\[770px\] { max-height: 770px; } .max-h-\[860px\] { max-height: 860px; } .max-h-\[862px\] { max-height: 862px; } .max-h-\[864px\] { max-height: 864px; } .max-h-\[900px\] { max-height: 900px; } .max-h-\[940px\] { max-height: 940px; } .max-h-\[995px\] { max-height: 995px; } .max-h-\[1137px\] { max-height: 1137px; } .max-h-\[1170px\] { max-height: 1170px; } .min-h-12 { min-height: calc(var(--spacing) * 12); } .min-h-\[48px\] { min-height: 48px; } .min-h-\[100\%\] { min-height: 100%; } .min-h-\[100px\] { min-height: 100px; } .min-h-\[100vh\] { min-height: 100vh; } .min-h-\[115px\] { min-height: 115px; } .min-h-\[120px\] { min-height: 120px; } .min-h-\[130px\] { min-height: 130px; } .min-h-\[165px\] { min-height: 165px; } .min-h-\[170px\] { min-height: 170px; } .min-h-\[188px\] { min-height: 188px; } .min-h-\[190px\] { min-height: 190px; } .min-h-\[200px\] { min-height: 200px; } .min-h-\[207px\] { min-height: 207px; } .min-h-\[223px\] { min-height: 223px; } .min-h-\[245px\] { min-height: 245px; } .min-h-\[250px\] { min-height: 250px; } .min-h-\[270px\] { min-height: 270px; } .min-h-\[300px\] { min-height: 300px; } .min-h-\[380px\] { min-height: 380px; } .min-h-\[400px\] { min-height: 400px; } .min-h-\[450px\] { min-height: 450px; } .min-h-\[470px\] { min-height: 470px; } .min-h-\[480px\] { min-height: 480px; } .w-0 { width: calc(var(--spacing) * 0); } .w-1 { width: calc(var(--spacing) * 1); } .w-4 { width: calc(var(--spacing) * 4); } .w-6 { width: calc(var(--spacing) * 6); } .w-10 { width: calc(var(--spacing) * 10); } .w-11 { width: calc(var(--spacing) * 11); } .w-13 { width: calc(var(--spacing) * 13); } .w-14 { width: calc(var(--spacing) * 14); } .w-16 { width: calc(var(--spacing) * 16); } .w-20 { width: calc(var(--spacing) * 20); } .w-28 { width: calc(var(--spacing) * 28); } .w-\[0\%\] { width: 0%; } .w-\[3\%\] { width: 3%; } .w-\[3px\] { width: 3px; } .w-\[5px\] { width: 5px; } .w-\[7\%\] { width: 7%; } .w-\[8\%\] { width: 8%; } .w-\[10\%\] { width: 10%; } .w-\[15\%\] { width: 15%; } .w-\[20\%\] { width: 20%; } .w-\[25\%\] { width: 25%; } .w-\[30\%\] { width: 30%; } .w-\[30px\] { width: 30px; } .w-\[40\%\] { width: 40%; } .w-\[50\%\] { width: 50%; } .w-\[50px\] { width: 50px; } .w-\[60px\] { width: 60px; } .w-\[70px\] { width: 70px; } .w-\[74px\] { width: 74px; } .w-\[80\%\] { width: 80%; } .w-\[85\%\] { width: 85%; } .w-\[89px\] { width: 89px; } .w-\[90\%\] { width: 90%; } .w-\[90\], .w-\[90px\] { width: 90px; } .w-\[92px\] { width: 92px; } .w-\[95\%\] { width: 95%; } .w-\[98\%\] { width: 98%; } .w-\[100\%\] { width: 100%; } .w-\[100px\] { width: 100px; } .w-\[108px\] { width: 108px; } .w-\[112px\] { width: 112px; } .w-\[115\%\] { width: 115%; } .w-\[120px\] { width: 120px; } .w-\[125px\] { width: 125px; } .w-\[132px\] { width: 132px; } .w-\[135\.5px\] { width: 135.5px; } .w-\[148px\] { width: 148px; } .w-\[150px\] { width: 150px; } .w-\[153px\] { width: 153px; } .w-\[156px\] { width: 156px; } .w-\[168px\] { width: 168px; } .w-\[176px\] { width: 176px; } .w-\[188px\] { width: 188px; } .w-\[194px\] { width: 194px; } .w-\[195px\] { width: 195px; } .w-\[200px\] { width: 200px; } .w-\[202px\] { width: 202px; } .w-\[215px\] { width: 215px; } .w-\[220px\] { width: 220px; } .w-\[250px\] { width: 250px; } .w-\[256px\] { width: 256px; } .w-\[273px\] { width: 273px; } .w-\[290px\] { width: 290px; } .w-\[298px\] { width: 298px; } .w-\[302px\] { width: 302px; } .w-\[320px\] { width: 320px; } .w-\[323px\] { width: 323px; } .w-\[340px\] { width: 340px; } .w-\[350px\] { width: 350px; } .w-\[358px\] { width: 358px; } .w-\[370px\] { width: 370px; } .w-\[375px\] { width: 375px; } .w-\[400px\] { width: 400px; } .w-\[408px\] { width: 408px; } .w-\[500px\] { width: 500px; } .w-\[600px\] { width: 600px; } .w-\[617px\] { width: 617px; } .w-\[630px\] { width: 630px; } .w-\[700px\] { width: 700px; } .w-\[810px\] { width: 810px; } .w-\[840px\] { width: 840px; } .w-\[calc\(100\%-20px\)\] { width: calc(100% - 20px); } .w-\[calc\(100\%-44px\)\] { width: calc(100% - 44px); } .w-fit { width: fit-content; } .w-full { width: 100%; } .w-px { width: 1px; } .max-w-2xl { max-width: var(--container-2xl); } .max-w-3xl { max-width: var(--container-3xl); } .max-w-6xl { max-width: var(--container-6xl); } .max-w-28 { max-width: calc(var(--spacing) * 28); } .max-w-\[44px\] { max-width: 44px; } .max-w-\[54px\] { max-width: 54px; } .max-w-\[70px\] { max-width: 70px; } .max-w-\[80\%\] { max-width: 80%; } .max-w-\[85\%\] { max-width: 85%; } .max-w-\[90\%\] { max-width: 90%; } .max-w-\[96px\] { max-width: 96px; } .max-w-\[102px\] { max-width: 102px; } .max-w-\[103px\] { max-width: 103px; } .max-w-\[119px\] { max-width: 119px; } .max-w-\[120px\] { max-width: 120px; } .max-w-\[124px\] { max-width: 124px; } .max-w-\[130px\] { max-width: 130px; } .max-w-\[140px\] { max-width: 140px; } .max-w-\[143px\] { max-width: 143px; } .max-w-\[150px\] { max-width: 150px; } .max-w-\[152px\] { max-width: 152px; } .max-w-\[153px\] { max-width: 153px; } .max-w-\[160px\] { max-width: 160px; } .max-w-\[170px\] { max-width: 170px; } .max-w-\[172px\] { max-width: 172px; } .max-w-\[180px\] { max-width: 180px; } .max-w-\[182px\] { max-width: 182px; } .max-w-\[186px\] { max-width: 186px; } .max-w-\[189px\] { max-width: 189px; } .max-w-\[190px\] { max-width: 190px; } .max-w-\[200px\] { max-width: 200px; } .max-w-\[202px\] { max-width: 202px; } .max-w-\[203px\] { max-width: 203px; } .max-w-\[204px\] { max-width: 204px; } .max-w-\[206px\] { max-width: 206px; } .max-w-\[219px\] { max-width: 219px; } .max-w-\[220px\] { max-width: 220px; } .max-w-\[222px\] { max-width: 222px; } .max-w-\[225px\] { max-width: 225px; } .max-w-\[227px\] { max-width: 227px; } .max-w-\[229px\] { max-width: 229px; } .max-w-\[230px\] { max-width: 230px; } .max-w-\[231px\] { max-width: 231px; } .max-w-\[233px\] { max-width: 233px; } .max-w-\[236px\] { max-width: 236px; } .max-w-\[240px\] { max-width: 240px; } .max-w-\[242px\] { max-width: 242px; } .max-w-\[243px\] { max-width: 243px; } .max-w-\[244px\] { max-width: 244px; } .max-w-\[245px\] { max-width: 245px; } .max-w-\[246px\] { max-width: 246px; } .max-w-\[250px\] { max-width: 250px; } .max-w-\[254px\] { max-width: 254px; } .max-w-\[255px\] { max-width: 255px; } .max-w-\[257px\] { max-width: 257px; } .max-w-\[260px\] { max-width: 260px; } .max-w-\[267px\] { max-width: 267px; } .max-w-\[270px\] { max-width: 270px; } .max-w-\[272px\] { max-width: 272px; } .max-w-\[273px\] { max-width: 273px; } .max-w-\[274px\] { max-width: 274px; } .max-w-\[275px\] { max-width: 275px; } .max-w-\[276px\] { max-width: 276px; } .max-w-\[277px\] { max-width: 277px; } .max-w-\[280px\] { max-width: 280px; } .max-w-\[281px\] { max-width: 281px; } .max-w-\[285px\] { max-width: 285px; } .max-w-\[286px\] { max-width: 286px; } .max-w-\[288px\] { max-width: 288px; } .max-w-\[290px\] { max-width: 290px; } .max-w-\[293px\] { max-width: 293px; } .max-w-\[294px\] { max-width: 294px; } .max-w-\[295px\] { max-width: 295px; } .max-w-\[297px\] { max-width: 297px; } .max-w-\[300px\] { max-width: 300px; } .max-w-\[301px\] { max-width: 301px; } .max-w-\[306\], .max-w-\[306px\] { max-width: 306px; } .max-w-\[310px\] { max-width: 310px; } .max-w-\[311px\] { max-width: 311px; } .max-w-\[313px\] { max-width: 313px; } .max-w-\[320px\] { max-width: 320px; } .max-w-\[326px\] { max-width: 326px; } .max-w-\[337px\] { max-width: 337px; } .max-w-\[338px\] { max-width: 338px; } .max-w-\[340px\] { max-width: 340px; } .max-w-\[344px\] { max-width: 344px; } .max-w-\[345px\] { max-width: 345px; } .max-w-\[350px\] { max-width: 350px; } .max-w-\[352px\] { max-width: 352px; } .max-w-\[357px\] { max-width: 357px; } .max-w-\[358px\] { max-width: 358px; } .max-w-\[360px\] { max-width: 360px; } .max-w-\[361px\] { max-width: 361px; } .max-w-\[364px\] { max-width: 364px; } .max-w-\[365px\] { max-width: 365px; } .max-w-\[370px\] { max-width: 370px; } .max-w-\[371px\] { max-width: 371px; } .max-w-\[372px\] { max-width: 372px; } .max-w-\[375px\] { max-width: 375px; } .max-w-\[380px\] { max-width: 380px; } .max-w-\[383px\] { max-width: 383px; } .max-w-\[384px\] { max-width: 384px; } .max-w-\[385px\] { max-width: 385px; } .max-w-\[388px\] { max-width: 388px; } .max-w-\[390px\] { max-width: 390px; } .max-w-\[394px\] { max-width: 394px; } .max-w-\[400px\] { max-width: 400px; } .max-w-\[402px\] { max-width: 402px; } .max-w-\[403px\] { max-width: 403px; } .max-w-\[405px\] { max-width: 405px; } .max-w-\[406px\] { max-width: 406px; } .max-w-\[408px\] { max-width: 408px; } .max-w-\[409px\] { max-width: 409px; } .max-w-\[410px\] { max-width: 410px; } .max-w-\[413px\] { max-width: 413px; } .max-w-\[414px\] { max-width: 414px; } .max-w-\[420px\] { max-width: 420px; } .max-w-\[430px\] { max-width: 430px; } .max-w-\[433px\] { max-width: 433px; } .max-w-\[435px\] { max-width: 435px; } .max-w-\[439px\] { max-width: 439px; } .max-w-\[440px\] { max-width: 440px; } .max-w-\[442px\] { max-width: 442px; } .max-w-\[444px\] { max-width: 444px; } .max-w-\[446px\] { max-width: 446px; } .max-w-\[448px\] { max-width: 448px; } .max-w-\[449px\] { max-width: 449px; } .max-w-\[450px\] { max-width: 450px; } .max-w-\[452px\] { max-width: 452px; } .max-w-\[456px\] { max-width: 456px; } .max-w-\[460px\] { max-width: 460px; } .max-w-\[462px\] { max-width: 462px; } .max-w-\[464px\] { max-width: 464px; } .max-w-\[465px\] { max-width: 465px; } .max-w-\[467px\] { max-width: 467px; } .max-w-\[468px\] { max-width: 468px; } .max-w-\[470px\] { max-width: 470px; } .max-w-\[472px\] { max-width: 472px; } .max-w-\[478px\] { max-width: 478px; } .max-w-\[482px\] { max-width: 482px; } .max-w-\[490px\] { max-width: 490px; } .max-w-\[492px\] { max-width: 492px; } .max-w-\[493px\] { max-width: 493px; } .max-w-\[495px\] { max-width: 495px; } .max-w-\[496px\] { max-width: 496px; } .max-w-\[500px\] { max-width: 500px; } .max-w-\[503px\] { max-width: 503px; } .max-w-\[505px\] { max-width: 505px; } .max-w-\[508px\] { max-width: 508px; } .max-w-\[509px\] { max-width: 509px; } .max-w-\[510px\] { max-width: 510px; } .max-w-\[512px\] { max-width: 512px; } .max-w-\[514px\] { max-width: 514px; } .max-w-\[517px\] { max-width: 517px; } .max-w-\[518px\] { max-width: 518px; } .max-w-\[520px\] { max-width: 520px; } .max-w-\[521px\] { max-width: 521px; } .max-w-\[525px\] { max-width: 525px; } .max-w-\[529px\] { max-width: 529px; } .max-w-\[530px\] { max-width: 530px; } .max-w-\[534px\] { max-width: 534px; } .max-w-\[535px\] { max-width: 535px; } .max-w-\[536px\] { max-width: 536px; } .max-w-\[540px\] { max-width: 540px; } .max-w-\[542px\] { max-width: 542px; } .max-w-\[545px\] { max-width: 545px; } .max-w-\[550px\] { max-width: 550px; } .max-w-\[552px\] { max-width: 552px; } .max-w-\[558px\] { max-width: 558px; } .max-w-\[560px\] { max-width: 560px; } .max-w-\[562px\] { max-width: 562px; } .max-w-\[563px\] { max-width: 563px; } .max-w-\[564px\] { max-width: 564px; } .max-w-\[568px\] { max-width: 568px; } .max-w-\[571px\] { max-width: 571px; } .max-w-\[572px\] { max-width: 572px; } .max-w-\[576px\] { max-width: 576px; } .max-w-\[578px\] { max-width: 578px; } .max-w-\[580px\] { max-width: 580px; } .max-w-\[582px\] { max-width: 582px; } .max-w-\[587px\] { max-width: 587px; } .max-w-\[588px\] { max-width: 588px; } .max-w-\[590px\] { max-width: 590px; } .max-w-\[592px\] { max-width: 592px; } .max-w-\[595px\] { max-width: 595px; } .max-w-\[596px\] { max-width: 596px; } .max-w-\[600px\] { max-width: 600px; } .max-w-\[602px\] { max-width: 602px; } .max-w-\[604px\] { max-width: 604px; } .max-w-\[605px\] { max-width: 605px; } .max-w-\[610px\] { max-width: 610px; } .max-w-\[620px\] { max-width: 620px; } .max-w-\[624px\] { max-width: 624px; } .max-w-\[625px\] { max-width: 625px; } .max-w-\[626px\] { max-width: 626px; } .max-w-\[627px\] { max-width: 627px; } .max-w-\[628px\] { max-width: 628px; } .max-w-\[629px\] { max-width: 629px; } .max-w-\[630px\] { max-width: 630px; } .max-w-\[643px\] { max-width: 643px; } .max-w-\[648px\] { max-width: 648px; } .max-w-\[649px\] { max-width: 649px; } .max-w-\[650px\] { max-width: 650px; } .max-w-\[652px\] { max-width: 652px; } .max-w-\[656px\] { max-width: 656px; } .max-w-\[658px\] { max-width: 658px; } .max-w-\[660px\] { max-width: 660px; } .max-w-\[665px\] { max-width: 665px; } .max-w-\[666px\] { max-width: 666px; } .max-w-\[674px\] { max-width: 674px; } .max-w-\[679px\] { max-width: 679px; } .max-w-\[680px\] { max-width: 680px; } .max-w-\[681px\] { max-width: 681px; } .max-w-\[684px\] { max-width: 684px; } .max-w-\[690px\] { max-width: 690px; } .max-w-\[692px\] { max-width: 692px; } .max-w-\[694px\] { max-width: 694px; } .max-w-\[700px\] { max-width: 700px; } .max-w-\[704px\] { max-width: 704px; } .max-w-\[705px\] { max-width: 705px; } .max-w-\[719px\] { max-width: 719px; } .max-w-\[720px\] { max-width: 720px; } .max-w-\[724px\] { max-width: 724px; } .max-w-\[734px\] { max-width: 734px; } .max-w-\[735px\] { max-width: 735px; } .max-w-\[736px\] { max-width: 736px; } .max-w-\[738px\] { max-width: 738px; } .max-w-\[740px\] { max-width: 740px; } .max-w-\[742px\] { max-width: 742px; } .max-w-\[744px\] { max-width: 744px; } .max-w-\[750px\] { max-width: 750px; } .max-w-\[756px\] { max-width: 756px; } .max-w-\[760px\] { max-width: 760px; } .max-w-\[767px\] { max-width: 767px; } .max-w-\[770px\] { max-width: 770px; } .max-w-\[774px\] { max-width: 774px; } .max-w-\[776px\] { max-width: 776px; } .max-w-\[780px\] { max-width: 780px; } .max-w-\[784px\] { max-width: 784px; } .max-w-\[786px\] { max-width: 786px; } .max-w-\[787px\] { max-width: 787px; } .max-w-\[793px\] { max-width: 793px; } .max-w-\[798px\] { max-width: 798px; } .max-w-\[800px\] { max-width: 800px; } .max-w-\[802px\] { max-width: 802px; } .max-w-\[804px\] { max-width: 804px; } .max-w-\[806px\] { max-width: 806px; } .max-w-\[810px\] { max-width: 810px; } .max-w-\[814px\] { max-width: 814px; } .max-w-\[820px\] { max-width: 820px; } .max-w-\[822px\] { max-width: 822px; } .max-w-\[830px\] { max-width: 830px; } .max-w-\[835px\] { max-width: 835px; } .max-w-\[840px\] { max-width: 840px; } .max-w-\[842px\] { max-width: 842px; } .max-w-\[844px\] { max-width: 844px; } .max-w-\[847px\] { max-width: 847px; } .max-w-\[848px\] { max-width: 848px; } .max-w-\[850px\] { max-width: 850px; } .max-w-\[852px\] { max-width: 852px; } .max-w-\[860px\] { max-width: 860px; } .max-w-\[866px\] { max-width: 866px; } .max-w-\[870px\] { max-width: 870px; } .max-w-\[872px\] { max-width: 872px; } .max-w-\[878px\] { max-width: 878px; } .max-w-\[880px\] { max-width: 880px; } .max-w-\[881px\] { max-width: 881px; } .max-w-\[884px\] { max-width: 884px; } .max-w-\[886px\] { max-width: 886px; } .max-w-\[900px\] { max-width: 900px; } .max-w-\[930px\] { max-width: 930px; } .max-w-\[950px\] { max-width: 950px; } .max-w-\[968px\] { max-width: 968px; } .max-w-\[976px\] { max-width: 976px; } .max-w-\[980px\] { max-width: 980px; } .max-w-\[984px\] { max-width: 984px; } .max-w-\[985px\] { max-width: 985px; } .max-w-\[1000px\] { max-width: 1000px; } .max-w-\[1010px\] { max-width: 1010px; } .max-w-\[1028px\] { max-width: 1028px; } .max-w-\[1042px\] { max-width: 1042px; } .max-w-\[1056px\] { max-width: 1056px; } .max-w-\[1075px\] { max-width: 1075px; } .max-w-\[1100px\] { max-width: 1100px; } .max-w-\[1120px\] { max-width: 1120px; } .max-w-\[1128px\] { max-width: 1128px; } .max-w-\[1130px\] { max-width: 1130px; } .max-w-\[1140px\] { max-width: 1140px; } .max-w-\[1178px\] { max-width: 1178px; } .max-w-\[1200px\] { max-width: 1200px; } .max-w-\[1209px\] { max-width: 1209px; } .max-w-\[1250px\] { max-width: 1250px; } .max-w-\[1251px\] { max-width: 1251px; } .max-w-\[1288px\] { max-width: 1288px; } .max-w-\[1290px\] { max-width: 1290px; } .max-w-\[1362px\] { max-width: 1362px; } .max-w-\[1365px\] { max-width: 1365px; } .max-w-\[1390px\] { max-width: 1390px; } .max-w-\[1400px\] { max-width: 1400px; } .max-w-\[1440px\] { max-width: 1440px; } .max-w-\[1460px\] { max-width: 1460px; } .max-w-\[1464px\] { max-width: 1464px; } .max-w-\[1540px\] { max-width: 1540px; } .max-w-\[1600px\] { max-width: 1600px; } .max-w-\[1860px\] { max-width: 1860px; } .max-w-\[1920px\] { max-width: 1920px; } .max-w-\[2560px\] { max-width: 2560px; } .max-w-full { max-width: 100%; } .max-w-max { max-width: max-content; } .max-w-xl { max-width: var(--container-xl); } .min-w-16 { min-width: calc(var(--spacing) * 16); } .min-w-36 { min-width: calc(var(--spacing) * 36); } .min-w-\[90\%\] { min-width: 90%; } .min-w-\[119px\] { min-width: 119px; } .min-w-\[120px\] { min-width: 120px; } .min-w-\[140px\] { min-width: 140px; } .min-w-\[250px\] { min-width: 250px; } .min-w-\[257px\] { min-width: 257px; } .min-w-\[280px\] { min-width: 280px; } .min-w-\[288px\] { min-width: 288px; } .min-w-\[320px\] { min-width: 320px; } .min-w-\[325px\] { min-width: 325px; } .min-w-\[340px\] { min-width: 340px; } .min-w-\[358px\] { min-width: 358px; } .min-w-\[360px\] { min-width: 360px; } .min-w-\[380px\] { min-width: 380px; } .min-w-\[500px\] { min-width: 500px; } .min-w-full { min-width: 100%; } .min-w-xs { min-width: var(--container-xs); } .flex-1 { flex: 1; } .flex-1\/3 { flex: 33.3333%; } .flex-2\/3 { flex: 66.6667%; } .flex-none { flex: none; } .flex-shrink-0, .shrink-0 { flex-shrink: 0; } .grow { flex-grow: 1; } .grow-0 { flex-grow: 0; } .grow-1 { flex-grow: 1; } .basis-\[197px\] { flex-basis: 197px; } .basis-\[408px\] { flex-basis: 408px; } .basis-\[562px\] { flex-basis: 562px; } .basis-full { flex-basis: 100%; } .origin-center { transform-origin: center; } .-translate-x-1\/2 { --tw-translate-x: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-x-11 { --tw-translate-x: calc(var(--spacing) * -11); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-x-12 { --tw-translate-x: calc(var(--spacing) * -12); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-x-\[41\%\] { --tw-translate-x: calc(41% * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-x-\[50\%\] { --tw-translate-x: calc(50% * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-x-\[114\%\] { --tw-translate-x: calc(114% * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-0 { --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-1\/2 { --tw-translate-x: calc(1 / 2 * 100%); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-3 { --tw-translate-x: calc(var(--spacing) * 3); 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-x-\[41\%\] { --tw-translate-x: 41%; translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-full { --tw-translate-x: 100%; translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-1\/2 { --tw-translate-y: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-3\/4 { --tw-translate-y: calc(calc(3 / 4 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-\[27\%\] { --tw-translate-y: calc(27% * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-\[81\%\] { --tw-translate-y: calc(81% * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-\[180\%\] { --tw-translate-y: calc(180% * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-\[calc\(50\%-8px\)\] { --tw-translate-y: calc(calc(50% - 8px) * -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-6 { --tw-translate-y: calc(var(--spacing) * 6); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-px { --tw-translate-y: 1px; translate: var(--tw-translate-x) var(--tw-translate-y); } .scale-90 { --tw-scale-x: 90%; --tw-scale-y: 90%; --tw-scale-z: 90%; scale: var(--tw-scale-x) var(--tw-scale-y); } .scale-95 { --tw-scale-x: 95%; --tw-scale-y: 95%; --tw-scale-z: 95%; scale: var(--tw-scale-x) var(--tw-scale-y); } .scale-100 { --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y); } .scale-\[1\.1\] { scale: 1.1; } .scale-\[40\%\] { scale: 40%; } .scale-\[60\%\] { scale: 60%; } .scale-\[150\%\] { scale: 150%; } .-rotate-8 { rotate: -8deg; } .-rotate-45 { rotate: -45deg; } .-rotate-180 { rotate: -180deg; } .-rotate-\[10deg\] { rotate: -10deg; } .-rotate-\[14deg\] { rotate: -14deg; } .-rotate-\[20deg\] { rotate: -20deg; } .-rotate-\[24deg\] { rotate: -24deg; } .-rotate-\[30deg\] { rotate: -30deg; } .-rotate-\[50deg\] { rotate: -50deg; } .-rotate-\[60deg\] { rotate: -60deg; } .-rotate-\[68deg\] { rotate: -68deg; } .-rotate-\[75deg\] { rotate: -75deg; } .-rotate-\[77deg\] { rotate: -77deg; } .-rotate-\[78deg\] { rotate: -78deg; } .-rotate-\[82deg\] { rotate: -82deg; } .-rotate-\[90deg\] { rotate: -90deg; } .-rotate-\[96deg\] { rotate: -96deg; } .-rotate-\[130deg\] { rotate: -130deg; } .-rotate-\[138deg\] { rotate: -138deg; } .-rotate-\[160deg\] { rotate: -160deg; } .-rotate-\[255deg\] { rotate: -255deg; } .-rotate-\[260deg\] { rotate: -260deg; } .-rotate-\[290deg\] { rotate: -290deg; } .-rotate-\[326deg\] { rotate: -326deg; } .rotate-45 { rotate: 45deg; } .rotate-90 { rotate: 90deg; } .rotate-180 { rotate: 180deg; } .rotate-\[-1deg\] { rotate: -1deg; } .rotate-\[-3deg\] { rotate: -3deg; } .rotate-\[-7deg\] { rotate: -7deg; } .rotate-\[-15deg\] { rotate: -15deg; } .rotate-\[-19deg\] { rotate: -19deg; } .rotate-\[-20deg\] { rotate: -20deg; } .rotate-\[-30deg\] { rotate: -30deg; } .rotate-\[-38deg\] { rotate: -38deg; } .rotate-\[-41deg\] { rotate: -41deg; } .rotate-\[-58deg\] { rotate: -58deg; } .rotate-\[-78deg\] { rotate: -78deg; } .rotate-\[-597deg\] { rotate: -597deg; } .rotate-\[2deg\] { rotate: 2deg; } .rotate-\[4deg\] { rotate: 4deg; } .rotate-\[5deg\] { rotate: 5deg; } .rotate-\[8deg\] { rotate: 8deg; } .rotate-\[10deg\] { rotate: 10deg; } .rotate-\[11deg\] { rotate: 11deg; } .rotate-\[20deg\] { rotate: 20deg; } .rotate-\[21\.709deg\] { rotate: 21.709deg; } .rotate-\[21deg\] { rotate: 21deg; } .rotate-\[28deg\] { rotate: 28deg; } .rotate-\[30deg\] { rotate: 30deg; } .rotate-\[34deg\] { rotate: 34deg; } .rotate-\[40deg\] { rotate: 40deg; } .rotate-\[44deg\] { rotate: 44deg; } .rotate-\[45deg\] { rotate: 45deg; } .rotate-\[62deg\] { rotate: 62deg; } .rotate-\[82deg\] { rotate: 82deg; } .rotate-\[90deg\] { rotate: 90deg; } .rotate-\[103deg\] { rotate: 103deg; } .rotate-\[120deg\] { rotate: 120deg; } .rotate-\[175deg\] { rotate: 175deg; } .rotate-\[240deg\] { rotate: 240deg; } .rotate-\[245deg\] { rotate: 245deg; } .rotate-\[247deg\] { rotate: 247deg; } .rotate-\[255deg\] { rotate: 255deg; } .rotate-\[260deg\] { rotate: 260deg; } .rotate-\[274deg\] { rotate: 274deg; } .rotate-\[275deg\] { rotate: 275deg; } .rotate-\[276deg\] { rotate: 276deg; } .rotate-\[295deg\] { rotate: 295deg; } .rotate-\[304deg\] { rotate: 304deg; } .rotate-\[307deg\] { rotate: 307deg; } .rotate-\[312deg\] { rotate: 312deg; } .rotate-\[314deg\] { rotate: 314deg; } .rotate-\[336deg\] { rotate: 336deg; } .rotate-\[353deg\] { rotate: 353deg; } .rotate-x-\[180deg\] { --tw-rotate-x: rotateX(180deg); transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, ); } .-skew-\[10deg\] { --tw-skew-x: skewX(calc(10deg * -1)); --tw-skew-y: skewY(calc(10deg * -1)); transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, ); } .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-pulse { animation: var(--animate-pulse); } .cursor-alias { cursor: alias; } .cursor-pointer { cursor: pointer; } .resize { resize: both; } .resize-none { resize: none; } .list-inside { list-style-position: inside; } .list-disc { list-style-type: disc; } .list-none { list-style-type: none; } .columns-1 { columns: 1; } .break-inside-avoid { break-inside: avoid; } .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)); } .flex-col { flex-direction: column; } .flex-col-reverse { flex-direction: column-reverse; } .flex-row { flex-direction: row; } .flex-wrap { flex-wrap: wrap; } .items-center { align-items: center; } .items-center-safe { align-items: safe center; } .items-end { align-items: flex-end; } .items-start { align-items: flex-start; } .items-stretch { align-items: stretch; } .justify-around { justify-content: space-around; } .justify-between { justify-content: space-between; } .justify-center { justify-content: center; } .justify-end { justify-content: flex-end; } .justify-start { justify-content: flex-start; } .justify-items-center { justify-items: center; } .gap-0 { gap: calc(var(--spacing) * 0); } .gap-0\.5 { gap: calc(var(--spacing) * .5); } .gap-1 { gap: calc(var(--spacing) * 1); } .gap-1\.5 { gap: calc(var(--spacing) * 1.5); } .gap-2 { gap: calc(var(--spacing) * 2); } .gap-2\.5 { gap: calc(var(--spacing) * 2.5); } .gap-3 { gap: calc(var(--spacing) * 3); } .gap-3\.5 { gap: calc(var(--spacing) * 3.5); } .gap-4 { gap: calc(var(--spacing) * 4); } .gap-5 { gap: calc(var(--spacing) * 5); } .gap-6 { gap: calc(var(--spacing) * 6); } .gap-7 { gap: calc(var(--spacing) * 7); } .gap-8 { gap: calc(var(--spacing) * 8); } .gap-9 { gap: calc(var(--spacing) * 9); } .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); } .gap-\[5px\] { gap: 5px; } .gap-\[18px\] { gap: 18px; } .gap-\[26px\] { gap: 26px; } .gap-\[30px\] { gap: 30px; } .gap-\[34px\] { gap: 34px; } .gap-\[42px\] { gap: 42px; } .gap-\[50px\] { gap: 50px; } .gap-\[62px\] { gap: 62px; } .gap-\[70px\] { gap: 70px; } .gap-\[76px\] { gap: 76px; } .gap-\[100px\] { gap: 100px; } .gap-\[112px\] { gap: 112px; } .gap-\[150px\] { gap: 150px; } .gap-\[239px\] { gap: 239px; } :where(.space-y-0 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-1 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-1\.5 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-2 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-2\.5 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse))); } :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))); } :where(.space-y-3\.5 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 3.5) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 3.5) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-4 > :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(.space-y-5 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-6 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-7 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 7) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 7) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-8 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-9 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 9) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 9) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-10 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-11 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 11) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 11) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-12 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-14 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 14) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 14) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-16 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 16) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 16) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-18 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 18) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 18) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-20 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 20) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 20) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-\[3px\] > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(3px * var(--tw-space-y-reverse)); margin-block-end: calc(3px * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-\[10px\] > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(10px * var(--tw-space-y-reverse)); margin-block-end: calc(10px * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-\[20px\] > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(20px * var(--tw-space-y-reverse)); margin-block-end: calc(20px * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-\[22px\] > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(22px * var(--tw-space-y-reverse)); margin-block-end: calc(22px * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-\[25px\] > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(25px * var(--tw-space-y-reverse)); margin-block-end: calc(25px * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-\[27px\] > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(27px * var(--tw-space-y-reverse)); margin-block-end: calc(27px * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-\[34px\] > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(34px * var(--tw-space-y-reverse)); margin-block-end: calc(34px * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-\[35px\] > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(35px * var(--tw-space-y-reverse)); margin-block-end: calc(35px * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-\[37px\] > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(37px * var(--tw-space-y-reverse)); margin-block-end: calc(37px * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-\[40px\] > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(40px * var(--tw-space-y-reverse)); margin-block-end: calc(40px * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-\[42px\] > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(42px * var(--tw-space-y-reverse)); margin-block-end: calc(42px * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-\[50px\] > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(50px * var(--tw-space-y-reverse)); margin-block-end: calc(50px * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-\[52px\] > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(52px * var(--tw-space-y-reverse)); margin-block-end: calc(52px * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-\[70px\] > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(70px * var(--tw-space-y-reverse)); margin-block-end: calc(70px * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-\[72px\] > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(72px * var(--tw-space-y-reverse)); margin-block-end: calc(72px * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-\[75px\] > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(75px * var(--tw-space-y-reverse)); margin-block-end: calc(75px * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-\[96px\] > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(96px * var(--tw-space-y-reverse)); margin-block-end: calc(96px * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-\[100px\] > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(100px * var(--tw-space-y-reverse)); margin-block-end: calc(100px * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-\[124px\] > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(124px * var(--tw-space-y-reverse)); margin-block-end: calc(124px * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-\[220px\] > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(220px * var(--tw-space-y-reverse)); margin-block-end: calc(220px * calc(1 - var(--tw-space-y-reverse))); } .gap-x-0 { column-gap: calc(var(--spacing) * 0); } .gap-x-2 { column-gap: calc(var(--spacing) * 2); } .gap-x-3 { column-gap: calc(var(--spacing) * 3); } .gap-x-4 { column-gap: calc(var(--spacing) * 4); } .gap-x-5 { column-gap: calc(var(--spacing) * 5); } .gap-x-6 { column-gap: calc(var(--spacing) * 6); } .gap-x-8 { column-gap: calc(var(--spacing) * 8); } .gap-x-9 { column-gap: calc(var(--spacing) * 9); } .gap-x-10 { column-gap: calc(var(--spacing) * 10); } .gap-x-12 { column-gap: calc(var(--spacing) * 12); } .gap-x-20 { column-gap: calc(var(--spacing) * 20); } .gap-x-24 { column-gap: calc(var(--spacing) * 24); } .gap-x-\[38px\] { column-gap: 38px; } .gap-x-\[42px\] { column-gap: 42px; } .gap-x-\[70px\] { column-gap: 70px; } .gap-x-\[140px\] { column-gap: 140px; } :where(.-space-x-1 > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * -1) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * -1) * calc(1 - var(--tw-space-x-reverse))); } :where(.-space-x-2 > :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))); } :where(.-space-x-2\.5 > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * -2.5) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * -2.5) * calc(1 - var(--tw-space-x-reverse))); } :where(.-space-x-3 > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * -3) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * -3) * calc(1 - var(--tw-space-x-reverse))); } :where(.-space-x-3\.5 > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * -3.5) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * -3.5) * calc(1 - var(--tw-space-x-reverse))); } :where(.-space-x-20 > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * -20) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * -20) * calc(1 - var(--tw-space-x-reverse))); } :where(.-space-x-28 > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * -28) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * -28) * calc(1 - var(--tw-space-x-reverse))); } :where(.space-x-2 > :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))); } .gap-y-2 { row-gap: calc(var(--spacing) * 2); } .gap-y-2\.5 { row-gap: calc(var(--spacing) * 2.5); } .gap-y-3 { row-gap: calc(var(--spacing) * 3); } .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-7 { row-gap: calc(var(--spacing) * 7); } .gap-y-8 { row-gap: calc(var(--spacing) * 8); } .gap-y-9 { row-gap: calc(var(--spacing) * 9); } .gap-y-10 { row-gap: calc(var(--spacing) * 10); } .gap-y-11 { row-gap: calc(var(--spacing) * 11); } .gap-y-12 { row-gap: calc(var(--spacing) * 12); } .gap-y-14 { row-gap: calc(var(--spacing) * 14); } .gap-y-16 { row-gap: calc(var(--spacing) * 16); } .gap-y-18 { row-gap: calc(var(--spacing) * 18); } .gap-y-20 { row-gap: calc(var(--spacing) * 20); } .gap-y-24 { row-gap: calc(var(--spacing) * 24); } .gap-y-28 { row-gap: calc(var(--spacing) * 28); } .gap-y-\[33px\] { row-gap: 33px; } .gap-y-\[50px\] { row-gap: 50px; } .gap-y-\[70px\] { row-gap: 70px; } .gap-y-\[100px\] { row-gap: 100px; } .self-end { align-self: flex-end; } .self-start { align-self: flex-start; } .justify-self-center { justify-self: center; } .justify-self-end { justify-self: flex-end; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-x-hidden { overflow-x: hidden; } .overflow-y-auto { overflow-y: auto; } .rounded-2xl { border-radius: var(--radius-2xl); } .rounded-3xl { border-radius: var(--radius-3xl); } .rounded-4xl { border-radius: var(--radius-4xl); } .rounded-\[4px\] { border-radius: 4px; } .rounded-\[5px\] { border-radius: 5px; } .rounded-\[6px\] { border-radius: 6px; } .rounded-\[8px\] { border-radius: 8px; } .rounded-\[10px\] { border-radius: 10px; } .rounded-\[12px\] { border-radius: 12px; } .rounded-\[14px\] { border-radius: 14px; } .rounded-\[16px\] { border-radius: 16px; } .rounded-\[20px\] { border-radius: 20px; } .rounded-\[24px\] { border-radius: 24px; } .rounded-\[25px\] { border-radius: 25px; } .rounded-\[30px\] { border-radius: 30px; } .rounded-\[31px\] { border-radius: 31px; } .rounded-\[32px\] { border-radius: 32px; } .rounded-\[34px\] { border-radius: 34px; } .rounded-\[36px\] { border-radius: 36px; } .rounded-\[48px\] { border-radius: 48px; } .rounded-\[53px\] { border-radius: 53px; } .rounded-\[160px\] { border-radius: 160px; } .rounded-\[360px\] { border-radius: 360px; } .rounded-\[365px\] { border-radius: 365px; } .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; } .rounded-xl { border-radius: var(--radius-xl); } .rounded-t-2xl { border-top-left-radius: var(--radius-2xl); border-top-right-radius: var(--radius-2xl); } .rounded-t-4xl { border-top-left-radius: var(--radius-4xl); border-top-right-radius: var(--radius-4xl); } .rounded-t-\[20px\] { border-top-left-radius: 20px; border-top-right-radius: 20px; } .rounded-l-2xl { border-top-left-radius: var(--radius-2xl); border-bottom-left-radius: var(--radius-2xl); } .rounded-r-2xl { border-top-right-radius: var(--radius-2xl); border-bottom-right-radius: var(--radius-2xl); } .rounded-b-\[20px\] { border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; } .rounded-br-2xl { border-bottom-right-radius: var(--radius-2xl); } .rounded-br-\[20px\] { border-bottom-right-radius: 20px; } .rounded-br-none { border-bottom-right-radius: 0; } .rounded-bl-2xl { border-bottom-left-radius: var(--radius-2xl); } .rounded-bl-\[20px\] { border-bottom-left-radius: 20px; } .rounded-bl-none { border-bottom-left-radius: 0; } .btn-dark { border-style: var(--tw-border-style); color: var(--color-accent); --tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, #1018280d); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); background-color: #fcfcfc1a; border-width: 0; } @supports (color: color-mix(in lab, red, red)) { .btn-dark { background-color: color-mix(in oklab, var(--color-accent) 10%, transparent); } } .btn-light { border-style: var(--tw-border-style); background-color: var(--color-background-1); color: var(--color-secondary); --tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, #1018280d); 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; } .border { border-style: var(--tw-border-style); border-width: 1px; } .border-0 { border-style: var(--tw-border-style); border-width: 0; } .border-2 { border-style: var(--tw-border-style); border-width: 2px; } .border-4 { border-style: var(--tw-border-style); border-width: 4px; } .border-8 { border-style: var(--tw-border-style); border-width: 8px; } .border-\[0\.5px\] { border-style: var(--tw-border-style); border-width: .5px; } .border-\[10px\] { border-style: var(--tw-border-style); border-width: 10px; } .border-y { border-block-style: var(--tw-border-style); border-block-width: 1px; } .border-t { border-top-style: var(--tw-border-style); border-top-width: 1px; } .border-b { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } .border-b-0 { border-bottom-style: var(--tw-border-style); border-bottom-width: 0; } .\!border-none { --tw-border-style: none !important; border-style: none !important; } .border-dashed { --tw-border-style: dashed; border-style: dashed; } .btn-primary { border-color: var(--color-primary-600); background-color: var(--color-primary-500); color: var(--color-white); --tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, #1018280d); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .btn-primary:where(.dark, .dark *) { border-color: var(--color-primary-400); } .btn-primary:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='white' viewBox='0 0 256 256'%3E%3Cpath d='M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z'%3E%3C/path%3E%3C/svg%3E"); } .btn-accent { border-color: var(--color-stroke-3); background-color: var(--color-accent); color: var(--color-secondary); --tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, #1018280d); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .btn-accent:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%231a1a1c' viewBox='0 0 256 256'%3E%3Cpath d='M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z'%3E%3C/path%3E%3C/svg%3E"); } .btn-secondary { border-color: var(--color-black); background-color: var(--color-secondary); color: var(--color-white); --tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, #1018280d); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .btn-secondary:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='white' viewBox='0 0 256 256'%3E%3Cpath d='M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z'%3E%3C/path%3E%3C/svg%3E"); } .btn-white { border-color: var(--color-stroke-3); background-color: var(--color-background-1); color: var(--color-secondary); --tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, #1018280d); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .btn-white:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%231a1a1c' viewBox='0 0 256 256'%3E%3Cpath d='M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z'%3E%3C/path%3E%3C/svg%3E"); } .btn-white-v2 { border-color: var(--color-stroke-3); background-color: var(--color-white); color: var(--color-secondary); --tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, #1018280d); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .btn-white-v2:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%231a1a1c' viewBox='0 0 256 256'%3E%3Cpath d='M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z'%3E%3C/path%3E%3C/svg%3E"); } .btn-green { border-color: var(--color-ns-green-light); background-color: var(--color-ns-green); color: var(--color-secondary); } .btn-green:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%231a1a1c' viewBox='0 0 256 256'%3E%3Cpath d='M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z'%3E%3C/path%3E%3C/svg%3E"); } .border-\[\#DCD4FF\] { border-color: #dcd4ff; } .border-\[\#DCD4FF\]\/10 { border-color: oklab(88.9993% .0237607 -.0541453 / .1); } .border-\[\#E6EAF0\] { border-color: #e6eaf0; } .border-accent\/10 { border-color: #fcfcfc1a; } @supports (color: color-mix(in lab, red, red)) { .border-accent\/10 { border-color: color-mix(in oklab, var(--color-accent) 10%, transparent); } } .border-accent\/20 { border-color: #fcfcfc33; } @supports (color: color-mix(in lab, red, red)) { .border-accent\/20 { border-color: color-mix(in oklab, var(--color-accent) 20%, transparent); } } .border-background-1 { border-color: var(--color-background-1); } .border-background-2 { border-color: var(--color-background-2); } .border-background-4 { border-color: var(--color-background-4); } .border-ns-yellow { border-color: var(--color-ns-yellow); } .border-primary-200\/60 { border-color: #dcd4ff99; } @supports (color: color-mix(in lab, red, red)) { .border-primary-200\/60 { border-color: color-mix(in oklab, var(--color-primary-200) 60%, transparent); } } .border-primary-300 { border-color: var(--color-primary-300); } .border-primary-400 { border-color: var(--color-primary-400); } .border-secondary { border-color: var(--color-secondary); } .border-secondary\/10 { border-color: #1a1a1c1a; } @supports (color: color-mix(in lab, red, red)) { .border-secondary\/10 { border-color: color-mix(in oklab, var(--color-secondary) 10%, transparent); } } .border-stroke-1 { border-color: var(--color-stroke-1); } .border-stroke-1\/20 { border-color: #dfe4eb33; } @supports (color: color-mix(in lab, red, red)) { .border-stroke-1\/20 { border-color: color-mix(in oklab, var(--color-stroke-1) 20%, transparent); } } .border-stroke-1\/90 { border-color: #dfe4ebe6; } @supports (color: color-mix(in lab, red, red)) { .border-stroke-1\/90 { border-color: color-mix(in oklab, var(--color-stroke-1) 90%, transparent); } } .border-stroke-2 { border-color: var(--color-stroke-2); } .border-stroke-3 { border-color: var(--color-stroke-3); } .border-stroke-4 { border-color: var(--color-stroke-4); } .border-stroke-4\/50 { border-color: #eceff480; } @supports (color: color-mix(in lab, red, red)) { .border-stroke-4\/50 { border-color: color-mix(in oklab, var(--color-stroke-4) 50%, transparent); } } .border-stroke-6 { border-color: var(--color-stroke-6); } .border-stroke-7 { border-color: var(--color-stroke-7); } .border-transparent { border-color: #0000; } .border-white { border-color: var(--color-white); } .border-t-\[\#303032\] { border-top-color: #303032; } .border-t-stroke-2 { border-top-color: var(--color-stroke-2); } .border-t-stroke-3 { border-top-color: var(--color-stroke-3); } .border-t-stroke-4 { border-top-color: var(--color-stroke-4); } .border-t-stroke-6 { border-top-color: var(--color-stroke-6); } .border-r-accent\/20 { border-right-color: #fcfcfc33; } @supports (color: color-mix(in lab, red, red)) { .border-r-accent\/20 { border-right-color: color-mix(in oklab, var(--color-accent) 20%, transparent); } } .border-b-accent\/20 { border-bottom-color: #fcfcfc33; } @supports (color: color-mix(in lab, red, red)) { .border-b-accent\/20 { border-bottom-color: color-mix(in oklab, var(--color-accent) 20%, transparent); } } .border-b-accent\/60 { border-bottom-color: #fcfcfc99; } @supports (color: color-mix(in lab, red, red)) { .border-b-accent\/60 { border-bottom-color: color-mix(in oklab, var(--color-accent) 60%, transparent); } } .border-b-stroke-2 { border-bottom-color: var(--color-stroke-2); } .border-b-stroke-4 { border-bottom-color: var(--color-stroke-4); } .badge-blur-v2 { color: var(--color-primary-50); background-color: #fcfcfc33; } @supports (color: color-mix(in lab, red, red)) { .badge-blur-v2 { background-color: color-mix(in oklab, var(--color-accent) 20%, transparent); } } .badge-blur-v2:where(.dark, .dark *) { background-color: #1a1a1c33; } @supports (color: color-mix(in lab, red, red)) { .badge-blur-v2:where(.dark, .dark *) { background-color: color-mix(in oklab, var(--color-secondary) 20%, transparent); } } .badge-blur-v2:where(.dark, .dark *) { color: #fcfcfc99; } @supports (color: color-mix(in lab, red, red)) { .badge-blur-v2:where(.dark, .dark *) { color: color-mix(in oklab, var(--color-accent) 60%, transparent); } } .badge-gray-light { background-color: var(--color-background-3); color: #1a1a1c99; } @supports (color: color-mix(in lab, red, red)) { .badge-gray-light { color: color-mix(in oklab, var(--color-secondary) 60%, transparent); } } .badge-gray-light:where(.dark, .dark *) { background-color: #fcfcfc1a; } @supports (color: color-mix(in lab, red, red)) { .badge-gray-light:where(.dark, .dark *) { background-color: color-mix(in oklab, var(--color-accent) 10%, transparent); } } .badge-gray-light:where(.dark, .dark *) { color: #fcfcfc99; } @supports (color: color-mix(in lab, red, red)) { .badge-gray-light:where(.dark, .dark *) { color: color-mix(in oklab, var(--color-accent) 60%, transparent); } } .badge-primary { background-color: var(--color-background-4); color: var(--color-primary-500); } .badge-primary:where(.dark, .dark *) { background-color: #fcfcfc1a; } @supports (color: color-mix(in lab, red, red)) { .badge-primary:where(.dark, .dark *) { background-color: color-mix(in oklab, var(--color-accent) 10%, transparent); } } .badge-primary:where(.dark, .dark *) { color: var(--color-ns-green); } .badge-secondary-light { color: var(--color-primary-50); background-color: #1a1a1c33; } @supports (color: color-mix(in lab, red, red)) { .badge-secondary-light { background-color: color-mix(in oklab, var(--color-secondary) 20%, transparent); } } .badge-secondary-light:where(.dark, .dark *) { background-color: #fcfcfc33; } @supports (color: color-mix(in lab, red, red)) { .badge-secondary-light:where(.dark, .dark *) { background-color: color-mix(in oklab, var(--color-accent) 20%, transparent); } } .badge-secondary-light:where(.dark, .dark *) { color: var(--color-accent); } .badge-white { background-color: var(--color-white); color: #1a1a1c99; } @supports (color: color-mix(in lab, red, red)) { .badge-white { color: color-mix(in oklab, var(--color-secondary) 60%, transparent); } } .badge-white:where(.dark, .dark *) { background-color: #fcfcfc1a; } @supports (color: color-mix(in lab, red, red)) { .badge-white:where(.dark, .dark *) { background-color: color-mix(in oklab, var(--color-accent) 10%, transparent); } } .badge-white:where(.dark, .dark *) { color: #fcfcfc99; } @supports (color: color-mix(in lab, red, red)) { .badge-white:where(.dark, .dark *) { color: color-mix(in oklab, var(--color-accent) 60%, transparent); } } .badge-blur-light { color: var(--color-accent); background-color: #fcfcfc1a; } @supports (color: color-mix(in lab, red, red)) { .badge-blur-light { background-color: color-mix(in oklab, var(--color-accent) 10%, transparent); } } .badge-blur-light:where(.dark, .dark *) { color: var(--color-ns-yellow); } .badge-cyan { background-color: var(--color-ns-cyan-light); } .badge-cyan:where(.dark, .dark *) { background-color: #fcfcfc1a; } @supports (color: color-mix(in lab, red, red)) { .badge-cyan:where(.dark, .dark *) { background-color: color-mix(in oklab, var(--color-accent) 10%, transparent); } } .badge-cyan:where(.dark, .dark *) { color: var(--color-ns-green); } .badge-cyan-v2 { background-color: var(--color-ns-cyan-light); } .badge-cyan-v2:where(.dark, .dark *) { background-color: #fcfcfc1a; } @supports (color: color-mix(in lab, red, red)) { .badge-cyan-v2:where(.dark, .dark *) { background-color: color-mix(in oklab, var(--color-accent) 10%, transparent); } } .badge-cyan-v2:where(.dark, .dark *) { color: var(--color-ns-cyan); } .badge-gray { background-color: #fcfcfc66; } @supports (color: color-mix(in lab, red, red)) { .badge-gray { background-color: color-mix(in oklab, var(--color-accent) 40%, transparent); } } .badge-gray:where(.dark, .dark *) { background-color: #1a1a1c66; } @supports (color: color-mix(in lab, red, red)) { .badge-gray:where(.dark, .dark *) { background-color: color-mix(in oklab, var(--color-secondary) 40%, transparent); } } .badge-gray:where(.dark, .dark *) { color: var(--color-accent); } .badge-green { background-color: var(--color-ns-green-light); } .badge-green:where(.dark, .dark *) { background-color: #fcfcfc1a; } @supports (color: color-mix(in lab, red, red)) { .badge-green:where(.dark, .dark *) { background-color: color-mix(in oklab, var(--color-accent) 10%, transparent); } } .badge-green:where(.dark, .dark *) { color: var(--color-ns-yellow); } .badge-green-v2 { background-color: var(--color-ns-green-light); } .badge-green-v2:where(.dark, .dark *) { background-color: #fcfcfc1a; } @supports (color: color-mix(in lab, red, red)) { .badge-green-v2:where(.dark, .dark *) { background-color: color-mix(in oklab, var(--color-accent) 10%, transparent); } } .badge-green-v2:where(.dark, .dark *) { color: var(--color-ns-green); } .badge-primary-light { background-color: var(--color-primary-100); } .badge-primary-light:where(.dark, .dark *) { background-color: #fcfcfc1a; } @supports (color: color-mix(in lab, red, red)) { .badge-primary-light:where(.dark, .dark *) { background-color: color-mix(in oklab, var(--color-accent) 10%, transparent); } } .badge-primary-light:where(.dark, .dark *) { color: var(--color-accent); } .badge-yellow { background-color: var(--color-ns-yellow-light); } .badge-yellow:where(.dark, .dark *) { background-color: #fcfcfc1a; } @supports (color: color-mix(in lab, red, red)) { .badge-yellow:where(.dark, .dark *) { background-color: color-mix(in oklab, var(--color-accent) 10%, transparent); } } .badge-yellow:where(.dark, .dark *) { color: var(--color-ns-yellow); } .badge-yellow-v2 { background-color: var(--color-ns-yellow-light); } .badge-yellow-v2:where(.dark, .dark *) { background-color: #fcfcfc1a; } @supports (color: color-mix(in lab, red, red)) { .badge-yellow-v2:where(.dark, .dark *) { background-color: color-mix(in oklab, var(--color-accent) 10%, transparent); } } .badge-yellow-v2:where(.dark, .dark *) { color: var(--color-ns-cyan); } .badge-blur { color: var(--color-primary-50); background-color: #fcfcfc1a; } @supports (color: color-mix(in lab, red, red)) { .badge-blur { background-color: color-mix(in oklab, var(--color-accent) 10%, transparent); } } .\!bg-accent { background-color: var(--color-accent) !important; } .\!bg-background-2 { background-color: var(--color-background-2) !important; } .\!bg-background-3 { background-color: var(--color-background-3) !important; } .\!bg-background-4 { background-color: var(--color-background-4) !important; } .badge-ns-green-light { background-color: var(--color-ns-green-light); } .bg-\[\#9DAEC6\] { background-color: #9daec6; } .bg-\[\#98AAC3\] { background-color: #98aac3; } .bg-\[\#D9D9D9\] { background-color: #d9d9d9; } .bg-\[\#DCD4FF\]\/5 { background-color: oklab(88.9993% .0237607 -.0541453 / .05); } .bg-\[\#ECE8FF\] { background-color: #ece8ff; } .bg-\[\#ECEAED\] { background-color: #eceaed; } .bg-\[\#F5F5F7\] { background-color: #f5f5f7; } .bg-\[\#d5dbe3\] { background-color: #d5dbe3; } .bg-\[\#ece8ff\]\/30 { background-color: oklab(94.0956% .0125356 -.0284541 / .3); } .bg-accent { background-color: var(--color-accent); } .bg-accent\/5 { background-color: #fcfcfc0d; } @supports (color: color-mix(in lab, red, red)) { .bg-accent\/5 { background-color: color-mix(in oklab, var(--color-accent) 5%, transparent); } } .bg-accent\/10 { background-color: #fcfcfc1a; } @supports (color: color-mix(in lab, red, red)) { .bg-accent\/10 { background-color: color-mix(in oklab, var(--color-accent) 10%, transparent); } } .bg-accent\/15 { background-color: #fcfcfc26; } @supports (color: color-mix(in lab, red, red)) { .bg-accent\/15 { background-color: color-mix(in oklab, var(--color-accent) 15%, transparent); } } .bg-accent\/20 { background-color: #fcfcfc33; } @supports (color: color-mix(in lab, red, red)) { .bg-accent\/20 { background-color: color-mix(in oklab, var(--color-accent) 20%, transparent); } } .bg-accent\/22 { background-color: #fcfcfc38; } @supports (color: color-mix(in lab, red, red)) { .bg-accent\/22 { background-color: color-mix(in oklab, var(--color-accent) 22%, transparent); } } .bg-accent\/60 { background-color: #fcfcfc99; } @supports (color: color-mix(in lab, red, red)) { .bg-accent\/60 { background-color: color-mix(in oklab, var(--color-accent) 60%, transparent); } } .bg-background-1 { background-color: var(--color-background-1); } .bg-background-1\/90 { background-color: #fcfcfde6; } @supports (color: color-mix(in lab, red, red)) { .bg-background-1\/90 { background-color: color-mix(in oklab, var(--color-background-1) 90%, transparent); } } .bg-background-2 { background-color: var(--color-background-2); } .bg-background-3 { background-color: var(--color-background-3); } .bg-background-4 { background-color: var(--color-background-4); } .bg-background-8 { background-color: var(--color-background-8); } .bg-black { background-color: var(--color-black); } .bg-black\/0 { background-color: #0000; } @supports (color: color-mix(in lab, red, red)) { .bg-black\/0 { background-color: color-mix(in oklab, var(--color-black) 0%, transparent); } } .bg-black\/35 { background-color: #00000059; } @supports (color: color-mix(in lab, red, red)) { .bg-black\/35 { background-color: color-mix(in oklab, var(--color-black) 35%, transparent); } } .bg-black\/40 { background-color: #0006; } @supports (color: color-mix(in lab, red, red)) { .bg-black\/40 { background-color: color-mix(in oklab, var(--color-black) 40%, transparent); } } .bg-black\/70 { background-color: #000000b3; } @supports (color: color-mix(in lab, red, red)) { .bg-black\/70 { background-color: color-mix(in oklab, var(--color-black) 70%, transparent); } } .bg-black\/95 { background-color: #000000f2; } @supports (color: color-mix(in lab, red, red)) { .bg-black\/95 { background-color: color-mix(in oklab, var(--color-black) 95%, transparent); } } .bg-ns-cyan { background-color: var(--color-ns-cyan); } .bg-ns-green { background-color: var(--color-ns-green); } .bg-ns-red { background-color: var(--color-ns-red); } .bg-ns-yellow { background-color: var(--color-ns-yellow); } .bg-primary-100 { background-color: var(--color-primary-100); } .bg-primary-100\/10 { background-color: #ece8ff1a; } @supports (color: color-mix(in lab, red, red)) { .bg-primary-100\/10 { background-color: color-mix(in oklab, var(--color-primary-100) 10%, transparent); } } .bg-primary-200 { background-color: var(--color-primary-200); } .bg-primary-400 { background-color: var(--color-primary-400); } .bg-primary-500 { background-color: var(--color-primary-500); } .bg-red-400 { background-color: var(--color-red-400); } .bg-secondary { background-color: var(--color-secondary); } .bg-secondary\/5 { background-color: #1a1a1c0d; } @supports (color: color-mix(in lab, red, red)) { .bg-secondary\/5 { background-color: color-mix(in oklab, var(--color-secondary) 5%, transparent); } } .bg-secondary\/10 { background-color: #1a1a1c1a; } @supports (color: color-mix(in lab, red, red)) { .bg-secondary\/10 { background-color: color-mix(in oklab, var(--color-secondary) 10%, transparent); } } .bg-secondary\/40 { background-color: #1a1a1c66; } @supports (color: color-mix(in lab, red, red)) { .bg-secondary\/40 { background-color: color-mix(in oklab, var(--color-secondary) 40%, transparent); } } .bg-stroke-1 { background-color: var(--color-stroke-1); } .bg-stroke-1\/20 { background-color: #dfe4eb33; } @supports (color: color-mix(in lab, red, red)) { .bg-stroke-1\/20 { background-color: color-mix(in oklab, var(--color-stroke-1) 20%, transparent); } } .bg-stroke-2 { background-color: var(--color-stroke-2); } .bg-stroke-4 { background-color: var(--color-stroke-4); } .bg-stroke-6 { background-color: var(--color-stroke-6); } .bg-stroke-9 { background-color: var(--color-stroke-9); } .bg-stroke-9\/60 { background-color: #070b1099; } @supports (color: color-mix(in lab, red, red)) { .bg-stroke-9\/60 { background-color: color-mix(in oklab, var(--color-stroke-9) 60%, transparent); } } .bg-transparent { background-color: #0000; } .bg-white { background-color: var(--color-white); } .bg-white\/14 { background-color: #ffffff24; } @supports (color: color-mix(in lab, red, red)) { .bg-white\/14 { background-color: color-mix(in oklab, var(--color-white) 14%, transparent); } } .bg-white\/15 { background-color: #ffffff26; } @supports (color: color-mix(in lab, red, red)) { .bg-white\/15 { background-color: color-mix(in oklab, var(--color-white) 15%, transparent); } } .bg-white\/20 { background-color: #fff3; } @supports (color: color-mix(in lab, red, red)) { .bg-white\/20 { background-color: color-mix(in oklab, var(--color-white) 20%, transparent); } } .bg-white\/60 { background-color: #fff9; } @supports (color: color-mix(in lab, red, red)) { .bg-white\/60 { background-color: color-mix(in oklab, var(--color-white) 60%, transparent); } } .bg-gradient-to-b { --tw-gradient-position: to bottom in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } .bg-gradient-to-l { --tw-gradient-position: to left in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } .bg-gradient-to-r { --tw-gradient-position: to right in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } .bg-linear-\[135deg\,\#ffffff_0\%\,\#a585ff_100\%\] { --tw-gradient-position: 135deg, #fff 0%, #a585ff 100%; background-image: linear-gradient(var(--tw-gradient-stops, 135deg, #fff 0%, #a585ff 100%)); } .bg-linear-\[156deg\,\#83E7EE_2\.92\%\,\#C6F56F_91\%\] { --tw-gradient-position: 156deg, #83e7ee 2.92%, #c6f56f 91%; background-image: linear-gradient(var(--tw-gradient-stops, 156deg, #83e7ee 2.92%, #c6f56f 91%)); } .bg-linear-\[156deg\,\#FFF_32\.92\%\,\#A585FF_91\%\] { --tw-gradient-position: 156deg, #fff 32.92%, #a585ff 91%; background-image: linear-gradient(var(--tw-gradient-stops, 156deg, #fff 32.92%, #a585ff 91%)); } .bg-linear-\[156deg\,\#a585ff_32\.92\%\,\#A585FF_91\%\] { --tw-gradient-position: 156deg, #a585ff 32.92%, #a585ff 91%; background-image: linear-gradient(var(--tw-gradient-stops, 156deg, #a585ff 32.92%, #a585ff 91%)); } .bg-linear-\[156deg\,\#ffffff_0\%\,\#83E7EE_100\%\] { --tw-gradient-position: 156deg, #fff 0%, #83e7ee 100%; background-image: linear-gradient(var(--tw-gradient-stops, 156deg, #fff 0%, #83e7ee 100%)); } .bg-linear-\[156deg\,_\#FFF_32\.92\%\,_\#83E7EE_91\%\] { --tw-gradient-position: 156deg, #fff 32.92%, #83e7ee 91%; background-image: linear-gradient(var(--tw-gradient-stops, 156deg, #fff 32.92%, #83e7ee 91%)); } .bg-linear-\[156deg\,_\#FFF_32\.92\%\,_\#A585FF_91\%\] { --tw-gradient-position: 156deg, #fff 32.92%, #a585ff 91%; background-image: linear-gradient(var(--tw-gradient-stops, 156deg, #fff 32.92%, #a585ff 91%)); } .bg-linear-\[156deg\,_\#FFF_32\.92\%\,_\#C6F56F_91\%\] { --tw-gradient-position: 156deg, #fff 32.92%, #c6f56f 91%; background-image: linear-gradient(var(--tw-gradient-stops, 156deg, #fff 32.92%, #c6f56f 91%)); } .bg-linear-\[156deg\,_\#FFF_32\.92\%\,_\#FFB9A2_91\%\] { --tw-gradient-position: 156deg, #fff 32.92%, #ffb9a2 91%; background-image: linear-gradient(var(--tw-gradient-stops, 156deg, #fff 32.92%, #ffb9a2 91%)); } .bg-linear-\[180deg\,\#A585FF\,\#FFC2AD\] { --tw-gradient-position: 180deg, #a585ff, #ffc2ad; background-image: linear-gradient(var(--tw-gradient-stops, 180deg, #a585ff, #ffc2ad)); } .bg-linear-\[180deg\,\#DFE4EB_0\%\,\#dfe4eb00_100\%\] { --tw-gradient-position: 180deg, #dfe4eb 0%, #dfe4eb00 100%; background-image: linear-gradient(var(--tw-gradient-stops, 180deg, #dfe4eb 0%, #dfe4eb00 100%)); } .bg-linear-\[180deg\,\#a585ff_0\%\,\#ffc2ac_100\%\] { --tw-gradient-position: 180deg, #a585ff 0%, #ffc2ac 100%; background-image: linear-gradient(var(--tw-gradient-stops, 180deg, #a585ff 0%, #ffc2ac 100%)); } .bg-linear-\[180deg\,\#ffffff_0\%\,\#83e7ee_100\%\] { --tw-gradient-position: 180deg, #fff 0%, #83e7ee 100%; background-image: linear-gradient(var(--tw-gradient-stops, 180deg, #fff 0%, #83e7ee 100%)); } .bg-linear-\[180deg\,_\#B3C3DA_0\%\,_\#93A5BE_100\%\] { --tw-gradient-position: 180deg, #b3c3da 0%, #93a5be 100%; background-image: linear-gradient(var(--tw-gradient-stops, 180deg, #b3c3da 0%, #93a5be 100%)); } .hero-bg-overlay-light { --tw-gradient-position: 180deg, #fffc 43.93%, #fff 100%; background-image: linear-gradient(var(--tw-gradient-stops, 180deg, #fffc 43.93%, #fff 100%)); } .bg-\(image\:--color-gradient-1\) { background-image: var(--color-gradient-1); } .bg-\(image\:--color-gradient-5\) { background-image: var(--color-gradient-5); } .bg-\(image\:--color-gradient-6\) { background-image: var(--color-gradient-6); } .bg-\(image\:--color-gradient-7\) { background-image: var(--color-gradient-7); } .bg-\(image\:--color-gradient-8\) { background-image: var(--color-gradient-8); } .bg-\(image\:--color-gradient-9\) { background-image: var(--color-gradient-9); } .bg-\[url\(\'\/images\/gradient\/gradient-4\.png\'\)\] { background-image: url("../images/gradient/gradient-4.png"); } .bg-\[url\(\'\/images\/gradient\/gradient-9\.png\'\)\] { background-image: url("../images/gradient/gradient-9.png"); } .bg-\[url\(\'\/images\/gradient\/gradient-39\.png\'\)\] { background-image: url("../images/gradient/gradient-39.png"); } .bg-\[url\(\'\/images\/home-page-2\/price-bg\.png\'\)\] { background-image: url("../images/home-page-2/price-bg.png"); } .bg-\[url\(\'\/images\/home-page-2\/pricing-card-gradient\.jpg\'\)\] { background-image: url("../images/home-page-2/pricing-card-gradient.jpg"); } .bg-\[url\(\'\/images\/home-page-5\/hero-bg\.svg\'\)\] { background-image: url("../images/home-page-5/hero-bg.svg"); } .bg-\[url\(\'\/images\/home-page-9\/hero-bg\.png\'\)\] { background-image: url("../images/home-page-9/hero-bg.png"); } .bg-\[url\(\'\/images\/home-page-14\/hero-bg\.svg\'\)\] { background-image: url("../images/home-page-14/hero-bg.svg"); } .bg-\[url\(\'\/images\/home-page-16\/price-bg\.png\'\)\] { background-image: url("../images/home-page-16/price-bg.png"); } .bg-\[url\(\'\/images\/home-page-18\/hero-bg\.png\'\)\] { background-image: url("../images/home-page-18/hero-bg.png"); } .bg-\[url\(\'\/images\/home-page-18\/hero-bottom-bg\.png\'\)\] { background-image: url("../images/home-page-18/hero-bottom-bg.png"); } .bg-\[url\(\'\/images\/home-page-23\/hero-container-bg\.svg\'\)\] { background-image: url("../images/home-page-23/hero-container-bg.svg"); } .bg-\[url\(\'\/images\/home-page-24\/hero-bg\.png\'\)\] { background-image: url("../images/home-page-24/hero-bg.png"); } .bg-\[url\(\'\/images\/home-page-25\/hero-banner\.png\'\)\] { background-image: url("../images/home-page-25/hero-banner.png"); } .bg-\[url\(\'\/images\/home-page-26\/services-bg\.png\'\)\] { background-image: url("../images/home-page-26/services-bg.png"); } .bg-\[url\(\'\/images\/home-page-28\/hero-bg\.svg\'\)\] { background-image: url("../images/home-page-28/hero-bg.svg"); } .bg-\[url\(\'\/images\/home-page-29\/hero-bg\.svg\'\)\] { background-image: url("/images/home-page-29/hero-bg.svg"); } .bg-\[url\(\'\/images\/home-page-33\/hero-bg\.png\'\)\] { background-image: url("../images/home-page-33/hero-bg.png"); } .bg-\[url\(\'\/images\/home-page-34\/hero-bg\.jpg\'\)\] { background-image: url("../images/home-page-34/hero-bg.jpg"); } .from-\(image\:--color-gradient-5\) { --tw-gradient-from: var(--color-gradient-5); --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)); } .from-\[\#B3C3DA\] { --tw-gradient-from: #b3c3da; --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)); } .from-background-1 { --tw-gradient-from: var(--color-background-1); --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)); } .from-background-2 { --tw-gradient-from: var(--color-background-2); --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)); } .from-background-2\/90 { --tw-gradient-from: #f9fafbe6; --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)); } @supports (color: color-mix(in lab, red, red)) { .from-background-2\/90 { --tw-gradient-from: color-mix(in oklab, var(--color-background-2) 90%, transparent); } } .from-background-3 { --tw-gradient-from: var(--color-background-3); --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)); } .from-secondary { --tw-gradient-from: var(--color-secondary); --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)); } .from-stroke-1 { --tw-gradient-from: var(--color-stroke-1); --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)); } .from-white { --tw-gradient-from: var(--color-white); --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)); } .to-\[\#93A5BE\] { --tw-gradient-to: #93a5be; --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)); } .to-background-2\/20 { --tw-gradient-to: #f9fafb33; --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)); } @supports (color: color-mix(in lab, red, red)) { .to-background-2\/20 { --tw-gradient-to: color-mix(in oklab, var(--color-background-2) 20%, transparent); } } .to-stroke-1\/30 { --tw-gradient-to: #dfe4eb4d; --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)); } @supports (color: color-mix(in lab, red, red)) { .to-stroke-1\/30 { --tw-gradient-to: color-mix(in oklab, var(--color-stroke-1) 30%, transparent); } } .to-transparent { --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)); } .to-white { --tw-gradient-to: var(--color-white); --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)); } .bg-\[length\:117\%_106\%\] { background-size: 117% 106%; } .bg-contain { background-size: contain; } .bg-cover { background-size: cover; } .bg-bottom { background-position: bottom; } .bg-center { background-position: center; } .bg-left { background-position: 0; } .bg-right { background-position: 100%; } .bg-top { background-position: top; } .bg-top-right { background-position: 100% 0; } .bg-no-repeat { background-repeat: no-repeat; } .fill-\[\#09121F\] { fill: #09121f; } .fill-accent { fill: var(--color-accent); } .fill-accent\/20 { fill: #fcfcfc33; } @supports (color: color-mix(in lab, red, red)) { .fill-accent\/20 { fill: color-mix(in oklab, var(--color-accent) 20%, transparent); } } .fill-accent\/60 { fill: #fcfcfc99; } @supports (color: color-mix(in lab, red, red)) { .fill-accent\/60 { fill: color-mix(in oklab, var(--color-accent) 60%, transparent); } } .fill-accent\/80 { fill: #fcfcfccc; } @supports (color: color-mix(in lab, red, red)) { .fill-accent\/80 { fill: color-mix(in oklab, var(--color-accent) 80%, transparent); } } .fill-background-4 { fill: var(--color-background-4); } .fill-black { fill: var(--color-black); } .fill-ns-green { fill: var(--color-ns-green); } .fill-primary-500 { fill: var(--color-primary-500); } .fill-secondary { fill: var(--color-secondary); } .fill-secondary\/10 { fill: #1a1a1c1a; } @supports (color: color-mix(in lab, red, red)) { .fill-secondary\/10 { fill: color-mix(in oklab, var(--color-secondary) 10%, transparent); } } .fill-secondary\/20 { fill: #1a1a1c33; } @supports (color: color-mix(in lab, red, red)) { .fill-secondary\/20 { fill: color-mix(in oklab, var(--color-secondary) 20%, transparent); } } .fill-secondary\/40 { fill: #1a1a1c66; } @supports (color: color-mix(in lab, red, red)) { .fill-secondary\/40 { fill: color-mix(in oklab, var(--color-secondary) 40%, transparent); } } .fill-secondary\/60 { fill: #1a1a1c99; } @supports (color: color-mix(in lab, red, red)) { .fill-secondary\/60 { fill: color-mix(in oklab, var(--color-secondary) 60%, transparent); } } .fill-secondary\/80 { fill: #1a1a1ccc; } @supports (color: color-mix(in lab, red, red)) { .fill-secondary\/80 { fill: color-mix(in oklab, var(--color-secondary) 80%, transparent); } } .fill-white { fill: var(--color-white); } .stroke-\[\#292929\] { stroke: #292929; } .stroke-accent { stroke: var(--color-accent); } .stroke-black { stroke: var(--color-black); } .stroke-ns-green { stroke: var(--color-ns-green); } .stroke-secondary { stroke: var(--color-secondary); } .stroke-secondary\/40 { stroke: #1a1a1c66; } @supports (color: color-mix(in lab, red, red)) { .stroke-secondary\/40 { stroke: color-mix(in oklab, var(--color-secondary) 40%, transparent); } } .stroke-secondary\/60 { stroke: #1a1a1c99; } @supports (color: color-mix(in lab, red, red)) { .stroke-secondary\/60 { stroke: color-mix(in oklab, var(--color-secondary) 60%, transparent); } } .stroke-stroke-3 { stroke: var(--color-stroke-3); } .stroke-stroke-4 { stroke: var(--color-stroke-4); } .stroke-white { stroke: var(--color-white); } .object-contain { object-fit: contain; } .object-cover { object-fit: cover; } .object-fill { object-fit: fill; } .object-bottom { object-position: bottom; } .object-center { object-position: center; } .object-top { object-position: top; } .p-1 { padding: calc(var(--spacing) * 1); } .p-2 { padding: calc(var(--spacing) * 2); } .p-2\.5 { padding: calc(var(--spacing) * 2.5); } .p-3 { padding: calc(var(--spacing) * 3); } .p-4 { padding: calc(var(--spacing) * 4); } .p-5 { padding: calc(var(--spacing) * 5); } .p-6 { padding: calc(var(--spacing) * 6); } .p-7 { padding: calc(var(--spacing) * 7); } .p-8 { padding: calc(var(--spacing) * 8); } .p-10 { padding: calc(var(--spacing) * 10); } .p-11 { padding: calc(var(--spacing) * 11); } .p-17 { padding: calc(var(--spacing) * 17); } .p-\[3px\] { padding: 3px; } .p-\[9px\] { padding: 9px; } .p-\[26px\] { padding: 26px; } .p-\[75px\] { padding: 75px; } .p-\[83px\] { padding: 83px; } .btn-lg { padding-inline: calc(var(--spacing) * 6); padding-block: calc(var(--spacing) * 2.5); font-size: var(--text-tagline-1); line-height: var(--tw-leading, var(--text-tagline-1--line-height)); } .btn-sm { padding-inline: calc(var(--spacing) * 4); padding-block: calc(var(--spacing) * 1); } .btn-sm:before { content: none; } .px-0 { padding-inline: calc(var(--spacing) * 0); } .px-1 { padding-inline: calc(var(--spacing) * 1); } .px-1\.5 { padding-inline: calc(var(--spacing) * 1.5); } .px-2 { padding-inline: calc(var(--spacing) * 2); } .px-2\.5 { padding-inline: calc(var(--spacing) * 2.5); } .px-3 { padding-inline: calc(var(--spacing) * 3); } .px-3\.5 { padding-inline: calc(var(--spacing) * 3.5); } .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-7 { padding-inline: calc(var(--spacing) * 7); } .px-8 { padding-inline: calc(var(--spacing) * 8); } .px-9 { padding-inline: calc(var(--spacing) * 9); } .px-10 { padding-inline: calc(var(--spacing) * 10); } .px-12 { padding-inline: calc(var(--spacing) * 12); } .px-14 { padding-inline: calc(var(--spacing) * 14); } .px-\[18px\] { padding-inline: 18px; } .px-\[25px\] { padding-inline: 25px; } .px-\[29px\] { padding-inline: 29px; } .px-\[42px\] { padding-inline: 42px; } .px-\[50px\] { padding-inline: 50px; } .px-\[57px\] { padding-inline: 57px; } .px-\[60px\] { padding-inline: 60px; } .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-2\.5 { padding-block: calc(var(--spacing) * 2.5); } .py-3 { padding-block: calc(var(--spacing) * 3); } .py-3\.5 { padding-block: calc(var(--spacing) * 3.5); } .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-9 { padding-block: calc(var(--spacing) * 9); } .py-10 { padding-block: calc(var(--spacing) * 10); } .py-12 { padding-block: calc(var(--spacing) * 12); } .py-14 { padding-block: calc(var(--spacing) * 14); } .py-16 { padding-block: calc(var(--spacing) * 16); } .py-18 { padding-block: calc(var(--spacing) * 18); } .py-20 { padding-block: calc(var(--spacing) * 20); } .py-24 { padding-block: calc(var(--spacing) * 24); } .py-28 { padding-block: calc(var(--spacing) * 28); } .py-\[9px\] { padding-block: 9px; } .py-\[17px\] { padding-block: 17px; } .py-\[22px\] { padding-block: 22px; } .py-\[25px\] { padding-block: 25px; } .py-\[26px\] { padding-block: 26px; } .py-\[30px\] { padding-block: 30px; } .py-\[35px\] { padding-block: 35px; } .py-\[40\.5px\] { padding-block: 40.5px; } .py-\[42px\] { padding-block: 42px; } .py-\[44px\] { padding-block: 44px; } .py-\[50px\] { padding-block: 50px; } .py-\[60px\] { padding-block: 60px; } .py-\[70px\] { padding-block: 70px; } .py-\[72px\] { padding-block: 72px; } .py-\[75px\] { padding-block: 75px; } .py-\[76px\] { padding-block: 76px; } .py-\[80px\] { padding-block: 80px; } .py-\[100px\] { padding-block: 100px; } .py-\[112px\] { padding-block: 112px; } .py-\[170px\] { padding-block: 170px; } .ps-5 { padding-inline-start: calc(var(--spacing) * 5); } .ps-6 { padding-inline-start: calc(var(--spacing) * 6); } .pt-2 { padding-top: calc(var(--spacing) * 2); } .pt-4 { padding-top: calc(var(--spacing) * 4); } .pt-5 { padding-top: calc(var(--spacing) * 5); } .pt-6 { padding-top: calc(var(--spacing) * 6); } .pt-7 { padding-top: calc(var(--spacing) * 7); } .pt-8 { padding-top: calc(var(--spacing) * 8); } .pt-9 { padding-top: calc(var(--spacing) * 9); } .pt-10 { padding-top: calc(var(--spacing) * 10); } .pt-14 { padding-top: calc(var(--spacing) * 14); } .pt-16 { padding-top: calc(var(--spacing) * 16); } .pt-20 { padding-top: calc(var(--spacing) * 20); } .pt-24 { padding-top: calc(var(--spacing) * 24); } .pt-28 { padding-top: calc(var(--spacing) * 28); } .pt-32 { padding-top: calc(var(--spacing) * 32); } .pt-36 { padding-top: calc(var(--spacing) * 36); } .pt-44 { padding-top: calc(var(--spacing) * 44); } .pt-\[20px\] { padding-top: 20px; } .pt-\[26px\] { padding-top: 26px; } .pt-\[29px\] { padding-top: 29px; } .pt-\[30px\] { padding-top: 30px; } .pt-\[40px\] { padding-top: 40px; } .pt-\[42px\] { padding-top: 42px; } .pt-\[47px\] { padding-top: 47px; } .pt-\[50px\] { padding-top: 50px; } .pt-\[60px\] { padding-top: 60px; } .pt-\[70px\] { padding-top: 70px; } .pt-\[71px\] { padding-top: 71px; } .pt-\[80px\] { padding-top: 80px; } .pt-\[90px\] { padding-top: 90px; } .pt-\[100px\] { padding-top: 100px; } .pt-\[112px\] { padding-top: 112px; } .pt-\[115px\] { padding-top: 115px; } .pt-\[120px\] { padding-top: 120px; } .pt-\[140px\] { padding-top: 140px; } .pt-\[150px\] { padding-top: 150px; } .pt-\[160px\] { padding-top: 160px; } .pt-\[170px\] { padding-top: 170px; } .pt-\[180px\] { padding-top: 180px; } .pt-\[200px\] { padding-top: 200px; } .pt-\[220px\] { padding-top: 220px; } .pt-\[230px\] { padding-top: 230px; } .pt-\[320px\] { padding-top: 320px; } .pr-2\.5 { padding-right: calc(var(--spacing) * 2.5); } .pr-3\.5 { padding-right: calc(var(--spacing) * 3.5); } .pr-4 { padding-right: calc(var(--spacing) * 4); } .pr-6 { padding-right: calc(var(--spacing) * 6); } .pr-8 { padding-right: calc(var(--spacing) * 8); } .pb-2 { padding-bottom: calc(var(--spacing) * 2); } .pb-3 { padding-bottom: calc(var(--spacing) * 3); } .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-8 { padding-bottom: calc(var(--spacing) * 8); } .pb-10 { padding-bottom: calc(var(--spacing) * 10); } .pb-12 { padding-bottom: calc(var(--spacing) * 12); } .pb-14 { padding-bottom: calc(var(--spacing) * 14); } .pb-16 { padding-bottom: calc(var(--spacing) * 16); } .pb-20 { padding-bottom: calc(var(--spacing) * 20); } .pb-24 { padding-bottom: calc(var(--spacing) * 24); } .pb-28 { padding-bottom: calc(var(--spacing) * 28); } .pb-\[20px\] { padding-bottom: 20px; } .pb-\[42px\] { padding-bottom: 42px; } .pb-\[47px\] { padding-bottom: 47px; } .pb-\[50px\] { padding-bottom: 50px; } .pb-\[60px\] { padding-bottom: 60px; } .pb-\[70px\] { padding-bottom: 70px; } .pb-\[75px\] { padding-bottom: 75px; } .pb-\[80px\] { padding-bottom: 80px; } .pb-\[97px\] { padding-bottom: 97px; } .pb-\[100px\] { padding-bottom: 100px; } .pb-\[110px\] { padding-bottom: 110px; } .pb-\[112px\] { padding-bottom: 112px; } .pb-\[120px\] { padding-bottom: 120px; } .pb-\[140px\] { padding-bottom: 140px; } .pb-\[190px\] { padding-bottom: 190px; } .pb-\[200px\] { padding-bottom: 200px; } .pb-\[220px\] { padding-bottom: 220px; } .pl-2\.5 { padding-left: calc(var(--spacing) * 2.5); } .pl-4 { padding-left: calc(var(--spacing) * 4); } .pl-6 { padding-left: calc(var(--spacing) * 6); } .pl-7 { padding-left: calc(var(--spacing) * 7); } .pl-\[70px\] { padding-left: 70px; } .text-center { text-align: center; } .text-left { text-align: left; } .text-start { text-align: start; } .text-4xl { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); } .text-base { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); } .text-heading-2 { font-size: var(--text-heading-2); line-height: var(--tw-leading, var(--text-heading-2--line-height)); } .text-heading-3 { font-size: var(--text-heading-3); line-height: var(--tw-leading, var(--text-heading-3--line-height)); } .text-heading-4 { font-size: var(--text-heading-4); line-height: var(--tw-leading, var(--text-heading-4--line-height)); } .text-heading-5 { font-size: var(--text-heading-5); line-height: var(--tw-leading, var(--text-heading-5--line-height)); } .text-heading-6 { font-size: var(--text-heading-6); line-height: var(--tw-leading, var(--text-heading-6--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-tagline-1 { font-size: var(--text-tagline-1); line-height: var(--tw-leading, var(--text-tagline-1--line-height)); } .text-tagline-2 { font-size: var(--text-tagline-2); line-height: var(--tw-leading, var(--text-tagline-2--line-height)); } .text-tagline-3 { font-size: var(--text-tagline-3); line-height: var(--tw-leading, var(--text-tagline-3--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-\[19px\] { font-size: 19px; } .text-\[22px\] { font-size: 22px; } .text-\[24px\] { font-size: 24px; } .text-\[36px\] { font-size: 36px; } .text-\[40px\] { font-size: 40px; } .text-\[48px\] { font-size: 48px; } .text-\[50px\] { font-size: 50px; } .text-\[52px\] { font-size: 52px; } .text-\[54px\] { font-size: 54px; } .text-\[64px\] { font-size: 64px; } .text-\[80px\] { font-size: 80px; } .leading-\[1\.1\] { --tw-leading: 1.1; line-height: 1.1; } .leading-\[1\.2\] { --tw-leading: 1.2; line-height: 1.2; } .leading-\[1\.3\] { --tw-leading: 1.3; line-height: 1.3; } .leading-\[1\.5\] { --tw-leading: 1.5; line-height: 1.5; } .leading-\[27px\] { --tw-leading: 27px; line-height: 27px; } .leading-\[140\%\] { --tw-leading: 140%; line-height: 140%; } .leading-\[150\%\] { --tw-leading: 150%; line-height: 150%; } .font-bold { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } .font-light { --tw-font-weight: var(--font-weight-light); font-weight: var(--font-weight-light); } .font-medium { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } .font-normal { --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); } .font-semibold { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } .text-nowrap { text-wrap: nowrap; } .text-wrap { text-wrap: wrap; } .whitespace-nowrap { white-space: nowrap; } .\!text-secondary { color: var(--color-secondary) !important; } .text-\[\#A0AEC0\] { color: #a0aec0; } .text-accent { color: var(--color-accent); } .text-accent\/60 { color: #fcfcfc99; } @supports (color: color-mix(in lab, red, red)) { .text-accent\/60 { color: color-mix(in oklab, var(--color-accent) 60%, transparent); } } .text-accent\/80 { color: #fcfcfccc; } @supports (color: color-mix(in lab, red, red)) { .text-accent\/80 { color: color-mix(in oklab, var(--color-accent) 80%, transparent); } } .text-background-3 { color: var(--color-background-3); } .text-background-4 { color: var(--color-background-4); } .text-background-8 { color: var(--color-background-8); } .text-black { color: var(--color-black); } .text-ns-cyan { color: var(--color-ns-cyan); } .text-ns-green { color: var(--color-ns-green); } .text-ns-yellow { color: var(--color-ns-yellow); } .text-primary-50 { color: var(--color-primary-50); } .text-primary-500 { color: var(--color-primary-500); } .text-secondary { color: var(--color-secondary); } .text-secondary\/40 { color: #1a1a1c66; } @supports (color: color-mix(in lab, red, red)) { .text-secondary\/40 { color: color-mix(in oklab, var(--color-secondary) 40%, transparent); } } .text-secondary\/60 { color: #1a1a1c99; } @supports (color: color-mix(in lab, red, red)) { .text-secondary\/60 { color: color-mix(in oklab, var(--color-secondary) 60%, transparent); } } .text-secondary\/80 { color: #1a1a1ccc; } @supports (color: color-mix(in lab, red, red)) { .text-secondary\/80 { color: color-mix(in oklab, var(--color-secondary) 80%, transparent); } } .text-stroke-2 { color: var(--color-stroke-2); } .text-white { color: var(--color-white); } .text-white\/60 { color: #fff9; } @supports (color: color-mix(in lab, red, red)) { .text-white\/60 { color: color-mix(in oklab, var(--color-white) 60%, transparent); } } .capitalize { text-transform: capitalize; } .underline { text-decoration-line: underline; } .opacity-0 { opacity: 0; } .opacity-20 { opacity: .2; } .opacity-50 { opacity: .5; } .opacity-60 { opacity: .6; } .opacity-70 { opacity: .7; } .opacity-80 { opacity: .8; } .opacity-90 { opacity: .9; } .opacity-100 { opacity: 1; } .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-1 { --tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, #1018280d); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-2 { --tw-shadow: 0px 10px 20px -5px var(--tw-shadow-color, #1c222b0d), 0px 20px 65px -5px var(--tw-shadow-color, #1c222b0d); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-3 { --tw-shadow: 0px 25px 80px -12px var(--tw-shadow-color, #1c222b1a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-4 { --tw-shadow: 0px 10px 20px -5px var(--tw-shadow-color, #1c222b0d), 0px 20px 65px -5px var(--tw-shadow-color, #1c222b0d); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-5 { --tw-shadow: 0px 25px 80px -12px var(--tw-shadow-color, #1c222b1a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-6 { --tw-shadow: 0px 44px 64px 0px var(--tw-shadow-color, #1d202329); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-7 { --tw-shadow: 0px 4px 6px -1px var(--tw-shadow-color, #1c222b1a), 0px 2px 4px -1px var(--tw-shadow-color, #1c222b0d); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-8 { --tw-shadow: 0px 12.5px 40px -6px var(--tw-shadow-color, #1c222b1a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-9 { --tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, #1c222b0d); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-10 { --tw-shadow: 0px 4px 4px 0px var(--tw-shadow-color, #00000040); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-lg { --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px 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-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); } .shadow-xs { --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .ring, .ring-1 { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .ring-2 { --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); } .ring-3 { --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); } .ring-4 { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .ring-\[0\.7px\] { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(.7px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .ring-\[3px\] { --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); } .ring-accent { --tw-ring-color: var(--color-accent); } .ring-accent\/20 { --tw-ring-color: #fcfcfc33; } @supports (color: color-mix(in lab, red, red)) { .ring-accent\/20 { --tw-ring-color: color-mix(in oklab, var(--color-accent) 20%, transparent); } } .ring-background-4 { --tw-ring-color: var(--color-background-4); } .ring-ns-green { --tw-ring-color: var(--color-ns-green); } .ring-ns-red { --tw-ring-color: var(--color-ns-red); } .ring-ns-yellow { --tw-ring-color: var(--color-ns-yellow); } .ring-primary-400 { --tw-ring-color: var(--color-primary-400); } .ring-primary-500 { --tw-ring-color: var(--color-primary-500); } .ring-secondary { --tw-ring-color: var(--color-secondary); } .ring-stroke-1 { --tw-ring-color: var(--color-stroke-1); } .ring-transparent { --tw-ring-color: transparent; } .ring-white { --tw-ring-color: var(--color-white); } .outline { outline-style: var(--tw-outline-style); outline-width: 1px; } .outline-0 { outline-style: var(--tw-outline-style); outline-width: 0; } .blur { --tw-blur: blur(8px); filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ); } .blur-\[4px\] { --tw-blur: blur(4px); filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ); } .blur-\[10px\] { --tw-blur: blur(10px); filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ); } .blur-\[85px\] { --tw-blur: blur(85px); filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ); } .drop-shadow-2xl { --tw-drop-shadow-size: drop-shadow(0 25px 25px var(--tw-drop-shadow-color, #00000026)); --tw-drop-shadow: drop-shadow(var(--drop-shadow-2xl)); filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ); } .filter { filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ); } .backdrop-blur-\[10px\] { --tw-backdrop-blur: blur(10px); -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); } .backdrop-blur-\[12\.5px\] { --tw-backdrop-blur: blur(12.5px); -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); } .backdrop-blur-\[12px\] { --tw-backdrop-blur: blur(12px); -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); } .backdrop-blur-\[15px\] { --tw-backdrop-blur: blur(15px); -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); } .backdrop-blur-\[18px\] { --tw-backdrop-blur: blur(18px); -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); } .backdrop-blur-\[20px\] { --tw-backdrop-blur: blur(20px); -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); } .backdrop-blur-\[22px\] { --tw-backdrop-blur: blur(22px); -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); } .backdrop-blur-\[25px\] { --tw-backdrop-blur: blur(25px); -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); } .backdrop-blur-\[50px\] { --tw-backdrop-blur: blur(50px); -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); } .backdrop-blur-\[60px\] { --tw-backdrop-blur: blur(60px); -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); } .backdrop-blur-lg { --tw-backdrop-blur: blur(var(--blur-lg)); -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); } .backdrop-blur-xl { --tw-backdrop-blur: blur(var(--blur-xl)); -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); } .transition { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-all { transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-colors { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-opacity { transition-property: opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-transform { transition-property: transform, translate, scale, rotate; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .duration-200 { --tw-duration: .2s; transition-duration: .2s; } .duration-300 { --tw-duration: .3s; transition-duration: .3s; } .duration-400 { --tw-duration: .4s; transition-duration: .4s; } .duration-500 { --tw-duration: .5s; transition-duration: .5s; } .duration-700 { --tw-duration: .7s; transition-duration: .7s; } .duration-1000 { --tw-duration: 1s; transition-duration: 1s; } .duration-\[400ms\] { --tw-duration: .4s; transition-duration: .4s; } .duration-\[600ms\] { --tw-duration: .6s; transition-duration: .6s; } .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-linear { --tw-ease: linear; transition-timing-function: linear; } .ease-out { --tw-ease: var(--ease-out); transition-timing-function: var(--ease-out); } .will-change-transform { will-change: transform; } .outline-none { --tw-outline-style: none; outline-style: none; } .select-none { -webkit-user-select: none; user-select: none; } .backface-hidden { backface-visibility: hidden; } .perspective-\[1000px\] { perspective: 1000px; } .not-last\:border-accent\/20:not(:last-child) { border-color: #fcfcfc33; } @supports (color: color-mix(in lab, red, red)) { .not-last\:border-accent\/20:not(:last-child) { border-color: color-mix(in oklab, var(--color-accent) 20%, transparent); } } @media (hover: hover) { .group-hover\:top-1\/2:is(:where(.group):hover *) { top: 50%; } .group-hover\:inline:is(:where(.group):hover *) { display: inline; } .group-hover\:-translate-x-\[0px\]:is(:where(.group):hover *) { --tw-translate-x: calc(0px * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .group-hover\:-translate-x-\[1px\]:is(:where(.group):hover *) { --tw-translate-x: calc(1px * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .group-hover\:-translate-x-\[13px\]:is(:where(.group):hover *) { --tw-translate-x: calc(13px * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .group-hover\:-translate-x-\[14px\]:is(:where(.group):hover *) { --tw-translate-x: calc(14px * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .group-hover\:translate-x-0:is(:where(.group):hover *) { --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } .group-hover\:translate-x-1:is(:where(.group):hover *) { --tw-translate-x: calc(var(--spacing) * 1); translate: var(--tw-translate-x) var(--tw-translate-y); } .group-hover\:translate-x-1\.5:is(:where(.group):hover *) { --tw-translate-x: calc(var(--spacing) * 1.5); translate: var(--tw-translate-x) var(--tw-translate-y); } .group-hover\:translate-x-8:is(:where(.group):hover *) { --tw-translate-x: calc(var(--spacing) * 8); translate: var(--tw-translate-x) var(--tw-translate-y); } .group-hover\:translate-x-10:is(:where(.group):hover *) { --tw-translate-x: calc(var(--spacing) * 10); translate: var(--tw-translate-x) var(--tw-translate-y); } .group-hover\:-translate-y-0\.5:is(:where(.group):hover *) { --tw-translate-y: calc(var(--spacing) * -.5); translate: var(--tw-translate-x) var(--tw-translate-y); } .group-hover\:-translate-y-1\/2:is(:where(.group):hover *) { --tw-translate-y: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .group-hover\:-translate-y-12:is(:where(.group):hover *) { --tw-translate-y: calc(var(--spacing) * -12); translate: var(--tw-translate-x) var(--tw-translate-y); } .group-hover\:-translate-y-\[2\%\]:is(:where(.group):hover *) { --tw-translate-y: calc(2% * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .group-hover\:-translate-y-\[7\%\]:is(:where(.group):hover *) { --tw-translate-y: calc(7% * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .group-hover\:-translate-y-\[48\%\]:is(:where(.group):hover *) { --tw-translate-y: calc(48% * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .group-hover\:-translate-y-\[49\%\]:is(:where(.group):hover *) { --tw-translate-y: calc(49% * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .group-hover\:translate-y-0:is(:where(.group):hover *) { --tw-translate-y: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } .group-hover\:translate-y-\[-4px\]:is(:where(.group):hover *) { --tw-translate-y: -4px; translate: var(--tw-translate-x) var(--tw-translate-y); } .group-hover\:translate-y-\[-6px\]:is(:where(.group):hover *) { --tw-translate-y: -6px; translate: var(--tw-translate-x) var(--tw-translate-y); } .group-hover\:translate-y-\[4px\]:is(:where(.group):hover *) { --tw-translate-y: 4px; translate: var(--tw-translate-x) var(--tw-translate-y); } .group-hover\:scale-100:is(:where(.group):hover *) { --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y); } .group-hover\:scale-105:is(:where(.group):hover *) { --tw-scale-x: 105%; --tw-scale-y: 105%; --tw-scale-z: 105%; scale: var(--tw-scale-x) var(--tw-scale-y); } .group-hover\:scale-110:is(:where(.group):hover *) { --tw-scale-x: 110%; --tw-scale-y: 110%; --tw-scale-z: 110%; scale: var(--tw-scale-x) var(--tw-scale-y); } .group-hover\:scale-\[101\%\]:is(:where(.group):hover *) { scale: 101%; } .group-hover\:scale-\[102\%\]:is(:where(.group):hover *) { scale: 102%; } .group-hover\:scale-\[103\%\]:is(:where(.group):hover *) { scale: 103%; } .group-hover\:scale-\[108\%\]:is(:where(.group):hover *) { scale: 108%; } .group-hover\:rotate-0:is(:where(.group):hover *) { rotate: none; } .group-hover\:rotate-12:is(:where(.group):hover *) { rotate: 12deg; } .group-hover\:rotate-\[3deg\]:is(:where(.group):hover *) { rotate: 3deg; } .group-hover\:bg-background-1:is(:where(.group):hover *) { background-color: var(--color-background-1); } .group-hover\:bg-background-3\/50:is(:where(.group):hover *) { background-color: #f4f5f880; } @supports (color: color-mix(in lab, red, red)) { .group-hover\:bg-background-3\/50:is(:where(.group):hover *) { background-color: color-mix(in oklab, var(--color-background-3) 50%, transparent); } } .group-hover\:bg-background-3\/90:is(:where(.group):hover *) { background-color: #f4f5f8e6; } @supports (color: color-mix(in lab, red, red)) { .group-hover\:bg-background-3\/90:is(:where(.group):hover *) { background-color: color-mix(in oklab, var(--color-background-3) 90%, transparent); } } .group-hover\:bg-black\/40:is(:where(.group):hover *) { background-color: #0006; } @supports (color: color-mix(in lab, red, red)) { .group-hover\:bg-black\/40:is(:where(.group):hover *) { background-color: color-mix(in oklab, var(--color-black) 40%, transparent); } } .group-hover\:bg-ns-green\/90:is(:where(.group):hover *) { background-color: #c6f56fe6; } @supports (color: color-mix(in lab, red, red)) { .group-hover\:bg-ns-green\/90:is(:where(.group):hover *) { background-color: color-mix(in oklab, var(--color-ns-green) 90%, transparent); } } .group-hover\:bg-secondary:is(:where(.group):hover *) { background-color: var(--color-secondary); } .group-hover\:fill-primary-500:is(:where(.group):hover *) { fill: var(--color-primary-500); } .group-hover\:fill-secondary:is(:where(.group):hover *) { fill: var(--color-secondary); } .group-hover\:fill-white:is(:where(.group):hover *) { fill: var(--color-white); } .group-hover\:stroke-white:is(:where(.group):hover *) { stroke: var(--color-white); } .group-hover\:text-accent:is(:where(.group):hover *) { color: var(--color-accent); } .group-hover\:text-accent\/60:is(:where(.group):hover *) { color: #fcfcfc99; } @supports (color: color-mix(in lab, red, red)) { .group-hover\:text-accent\/60:is(:where(.group):hover *) { color: color-mix(in oklab, var(--color-accent) 60%, transparent); } } .group-hover\:text-ns-yellow:is(:where(.group):hover *) { color: var(--color-ns-yellow); } .group-hover\:text-white:is(:where(.group):hover *) { color: var(--color-white); } .group-hover\:opacity-0:is(:where(.group):hover *) { opacity: 0; } .group-hover\:opacity-90:is(:where(.group):hover *) { opacity: .9; } .group-hover\:opacity-100:is(:where(.group):hover *) { opacity: 1; } .group-hover\:shadow-1:is(:where(.group):hover *) { --tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, #1018280d); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .group-hover\:shadow-3:is(:where(.group):hover *) { --tw-shadow: 0px 25px 80px -12px var(--tw-shadow-color, #1c222b1a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .group-hover\:transition-transform:is(:where(.group):hover *) { 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)); } .group-hover\:duration-500:is(:where(.group):hover *) { --tw-duration: .5s; transition-duration: .5s; } .group-hover\/item\:translate-x-2:is(:where(.group\/item):hover *) { --tw-translate-x: calc(var(--spacing) * 2); translate: var(--tw-translate-x) var(--tw-translate-y); } .group-hover\/item\:opacity-100:is(:where(.group\/item):hover *) { opacity: 1; } .group-hover\/nav\:stroke-secondary:is(:where(.group\/nav):hover *) { stroke: var(--color-secondary); } .group-hover\/social-link\:fill-accent:is(:where(.group\/social-link):hover *) { fill: var(--color-accent); } .group-hover\/social-link\:fill-secondary:is(:where(.group\/social-link):hover *) { fill: var(--color-secondary); } .group-hover\/social-link\:stroke-secondary:is(:where(.group\/social-link):hover *) { stroke: var(--color-secondary); } } .group-\[\.page-active\]\:bg-primary-500:is(:where(.group).page-active *) { background-color: var(--color-primary-500); } .group-\[\.page-active\]\:text-accent:is(:where(.group).page-active *) { color: var(--color-accent); } .peer-checked\:border-primary-500:is(:where(.peer):checked ~ *) { border-color: var(--color-primary-500); } .first-letter\:uppercase:first-letter { text-transform: uppercase; } .marker\:text-secondary ::marker { color: var(--color-secondary); } .marker\:text-secondary::marker { color: var(--color-secondary); } .marker\:text-secondary ::-webkit-details-marker { color: var(--color-secondary); } .marker\:text-secondary::-webkit-details-marker { color: var(--color-secondary); } .placeholder\:text-tagline-1::placeholder { font-size: var(--text-tagline-1); line-height: var(--tw-leading, var(--text-tagline-1--line-height)); } .placeholder\:text-tagline-2::placeholder { font-size: var(--text-tagline-2); line-height: var(--tw-leading, var(--text-tagline-2--line-height)); } .placeholder\:font-normal::placeholder { --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); } .placeholder\:text-accent\/40::placeholder { color: #fcfcfc66; } @supports (color: color-mix(in lab, red, red)) { .placeholder\:text-accent\/40::placeholder { color: color-mix(in oklab, var(--color-accent) 40%, transparent); } } .placeholder\:text-accent\/60::placeholder { color: #fcfcfc99; } @supports (color: color-mix(in lab, red, red)) { .placeholder\:text-accent\/60::placeholder { color: color-mix(in oklab, var(--color-accent) 60%, transparent); } } .placeholder\:text-accent\/80::placeholder { color: #fcfcfccc; } @supports (color: color-mix(in lab, red, red)) { .placeholder\:text-accent\/80::placeholder { color: color-mix(in oklab, var(--color-accent) 80%, transparent); } } .placeholder\:text-black\/50::placeholder { color: #00000080; } @supports (color: color-mix(in lab, red, red)) { .placeholder\:text-black\/50::placeholder { color: color-mix(in oklab, var(--color-black) 50%, transparent); } } .placeholder\:text-secondary\/40::placeholder { color: #1a1a1c66; } @supports (color: color-mix(in lab, red, red)) { .placeholder\:text-secondary\/40::placeholder { color: color-mix(in oklab, var(--color-secondary) 40%, transparent); } } .placeholder\:text-secondary\/50::placeholder { color: #1a1a1c80; } @supports (color: color-mix(in lab, red, red)) { .placeholder\:text-secondary\/50::placeholder { color: color-mix(in oklab, var(--color-secondary) 50%, transparent); } } .placeholder\:text-secondary\/60::placeholder { color: #1a1a1c99; } @supports (color: color-mix(in lab, red, red)) { .placeholder\:text-secondary\/60::placeholder { color: color-mix(in oklab, var(--color-secondary) 60%, transparent); } } .before\:absolute:before { content: var(--tw-content); position: absolute; } .before\:relative:before { content: var(--tw-content); position: relative; } .before\:-top-1:before { content: var(--tw-content); top: calc(var(--spacing) * -1); } .before\:-top-\[5px\]:before { content: var(--tw-content); top: -5px; } .before\:top-0:before { content: var(--tw-content); top: calc(var(--spacing) * 0); } .before\:top-1\/2:before { content: var(--tw-content); top: 50%; } .before\:-left-5:before { content: var(--tw-content); left: calc(var(--spacing) * -5); } .before\:-left-\[6px\]:before { content: var(--tw-content); left: -6px; } .before\:left-0:before { content: var(--tw-content); left: calc(var(--spacing) * 0); } .before\:left-1\/2:before { content: var(--tw-content); left: 50%; } .before\:left-\[5\.8\%\]:before { content: var(--tw-content); left: 5.8%; } .before\:left-\[6\%\]:before { content: var(--tw-content); left: 6%; } .before\:left-\[106px\]:before { content: var(--tw-content); left: 106px; } .before\:left-\[110px\]:before { content: var(--tw-content); left: 110px; } .before\:-z-10:before { content: var(--tw-content); z-index: calc(10 * -1); } .before\:z-0:before { content: var(--tw-content); z-index: 0; } .before\:z-10:before { content: var(--tw-content); z-index: 10; } .before\:z-20:before { content: var(--tw-content); z-index: 20; } .before\:z-30:before { content: var(--tw-content); z-index: 30; } .before\:z-40:before { content: var(--tw-content); z-index: 40; } .before\:mr-1:before { content: var(--tw-content); margin-right: calc(var(--spacing) * 1); } .before\:mr-3:before { content: var(--tw-content); margin-right: calc(var(--spacing) * 3); } .before\:inline-block:before { content: var(--tw-content); display: inline-block; } .before\:size-2:before { content: var(--tw-content); width: calc(var(--spacing) * 2); height: calc(var(--spacing) * 2); } .before\:h-1\.5:before { content: var(--tw-content); height: calc(var(--spacing) * 1.5); } .before\:h-2:before { content: var(--tw-content); height: calc(var(--spacing) * 2); } .before\:h-5:before { content: var(--tw-content); height: calc(var(--spacing) * 5); } .before\:h-10:before { content: var(--tw-content); height: calc(var(--spacing) * 10); } .before\:h-\[36px\]:before { content: var(--tw-content); height: 36px; } .before\:h-\[90\%\]:before { content: var(--tw-content); height: 90%; } .before\:h-\[100\%\]:before { content: var(--tw-content); height: 100%; } .before\:h-\[226px\]:before { content: var(--tw-content); height: 226px; } .before\:h-\[calc\(100\%-10px\)\]:before { content: var(--tw-content); height: calc(100% - 10px); } .before\:w-1\.5:before { content: var(--tw-content); width: calc(var(--spacing) * 1.5); } .before\:w-2:before { content: var(--tw-content); width: calc(var(--spacing) * 2); } .before\:w-5:before { content: var(--tw-content); width: calc(var(--spacing) * 5); } .before\:w-40:before { content: var(--tw-content); width: calc(var(--spacing) * 40); } .before\:w-\[1px\]:before { content: var(--tw-content); width: 1px; } .before\:w-\[62px\]:before { content: var(--tw-content); width: 62px; } .before\:w-\[122px\]:before { content: var(--tw-content); width: 122px; } .before\:w-\[calc\(100\%-10px\)\]:before { content: var(--tw-content); width: calc(100% - 10px); } .before\:w-px:before { content: var(--tw-content); width: 1px; } .before\:-translate-x-1\/2:before { content: var(--tw-content); --tw-translate-x: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .before\:-translate-y-1\/2:before { content: var(--tw-content); --tw-translate-y: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .before\:rotate-45:before { content: var(--tw-content); rotate: 45deg; } .before\:rounded-\[20px\]:before { content: var(--tw-content); border-radius: 20px; } .before\:rounded-\[34px\]:before { content: var(--tw-content); border-radius: 34px; } .before\:rounded-full:before { content: var(--tw-content); border-radius: 3.40282e38px; } .before\:border:before { content: var(--tw-content); border-style: var(--tw-border-style); border-width: 1px; } .before\:border-accent\/10:before { content: var(--tw-content); border-color: #fcfcfc1a; } @supports (color: color-mix(in lab, red, red)) { .before\:border-accent\/10:before { border-color: color-mix(in oklab, var(--color-accent) 10%, transparent); } } .before\:bg-primary-500:before { content: var(--tw-content); background-color: var(--color-primary-500); } .before\:bg-secondary:before { content: var(--tw-content); background-color: var(--color-secondary); } .before\:bg-stroke-1:before { content: var(--tw-content); background-color: var(--color-stroke-1); } .before\:bg-gradient-to-l:before { content: var(--tw-content); --tw-gradient-position: to left in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } .before\:bg-\[linear-gradient\(180deg\,\#ECE8FF_0\%\,\#FAF9FC_100\%\)\]:before { content: var(--tw-content); background-image: linear-gradient(#ece8ff 0%, #faf9fc 100%); } .before\:bg-\[linear-gradient\(270deg\,_\#FFF_-5\.06\%\,_rgba\(255\,_255\,_255\,_0\.00\)_105\.06\%\)\]:before { content: var(--tw-content); background-image: linear-gradient(270deg, #fff -5.06%, #fff0 105.06%); } .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-background-2:before { content: var(--tw-content); --tw-gradient-to: var(--color-background-2); --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\:p-\[5px\]:before { content: var(--tw-content); padding: 5px; } .before\:ring-8:before { content: var(--tw-content); --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(8px + 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); } .before\:ring-background-2:before { content: var(--tw-content); --tw-ring-color: var(--color-background-2); } .before\:ring-white:before { content: var(--tw-content); --tw-ring-color: var(--color-white); } .before\:transition-all:before { content: var(--tw-content); transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .before\:content-\[\'\'\]:before { content: var(--tw-content); --tw-content: ""; content: var(--tw-content); } .before\:content-\[url\(\'\/images\/icons\/checkmark-white\.svg\'\)\]:before { content: var(--tw-content); --tw-content: url("../images/icons/checkmark-white.svg"); content: var(--tw-content); } .before\:content-none:before { content: var(--tw-content); --tw-content: none; content: none; } .after\:absolute:after { content: var(--tw-content); position: absolute; } .after\:start-\[0px\]:after { content: var(--tw-content); inset-inline-start: 0; } .after\:start-\[2px\]:after { content: var(--tw-content); inset-inline-start: 2px; } .after\:start-\[5px\]:after { content: var(--tw-content); inset-inline-start: 5px; } .after\:-top-1:after { content: var(--tw-content); top: calc(var(--spacing) * -1); } .after\:top-0:after { content: var(--tw-content); top: calc(var(--spacing) * 0); } .after\:top-1\/2:after { content: var(--tw-content); top: 50%; } .after\:right-0:after { content: var(--tw-content); right: calc(var(--spacing) * 0); } .after\:right-\[5\.8\%\]:after { content: var(--tw-content); right: 5.8%; } .after\:right-\[6\%\]:after { content: var(--tw-content); right: 6%; } .after\:right-\[106px\]:after { content: var(--tw-content); right: 106px; } .after\:right-\[110px\]:after { content: var(--tw-content); right: 110px; } .after\:bottom-0:after { content: var(--tw-content); bottom: calc(var(--spacing) * 0); } .after\:-left-2:after { content: var(--tw-content); left: calc(var(--spacing) * -2); } .after\:left-1\/2:after { content: var(--tw-content); left: 50%; } .after\:-z-10:after { content: var(--tw-content); z-index: calc(10 * -1); } .after\:z-0:after { content: var(--tw-content); z-index: 0; } .after\:z-10:after { content: var(--tw-content); z-index: 10; } .after\:z-20:after { content: var(--tw-content); z-index: 20; } .after\:z-30:after { content: var(--tw-content); z-index: 30; } .after\:size-2\.5:after { content: var(--tw-content); width: calc(var(--spacing) * 2.5); height: calc(var(--spacing) * 2.5); } .after\:size-3:after { content: var(--tw-content); width: calc(var(--spacing) * 3); height: calc(var(--spacing) * 3); } .after\:size-6:after { content: var(--tw-content); width: calc(var(--spacing) * 6); height: calc(var(--spacing) * 6); } .after\:size-\[10px\]:after { content: var(--tw-content); width: 10px; height: 10px; } .after\:h-1\/2:after { content: var(--tw-content); height: 50%; } .after\:h-2:after { content: var(--tw-content); height: calc(var(--spacing) * 2); } .after\:h-6:after { content: var(--tw-content); height: calc(var(--spacing) * 6); } .after\:h-10:after { content: var(--tw-content); height: calc(var(--spacing) * 10); } .after\:h-\[90\%\]:after { content: var(--tw-content); height: 90%; } .after\:h-\[100\%\]:after { content: var(--tw-content); height: 100%; } .after\:h-\[226px\]:after { content: var(--tw-content); height: 226px; } .after\:h-\[454px\]:after { content: var(--tw-content); height: 454px; } .after\:w-2:after { content: var(--tw-content); width: calc(var(--spacing) * 2); } .after\:w-6:after { content: var(--tw-content); width: calc(var(--spacing) * 6); } .after\:w-40:after { content: var(--tw-content); width: calc(var(--spacing) * 40); } .after\:w-\[1px\]:after { content: var(--tw-content); width: 1px; } .after\:w-\[122px\]:after { content: var(--tw-content); width: 122px; } .after\:w-\[calc\(100\%\+16px\)\]:after { content: var(--tw-content); width: calc(100% + 16px); } .after\:w-full:after { content: var(--tw-content); width: 100%; } .after\:w-px:after { content: var(--tw-content); width: 1px; } .after\:-translate-x-1\/2:after { content: var(--tw-content); --tw-translate-x: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .after\:-translate-y-1\/2:after { content: var(--tw-content); --tw-translate-y: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .after\:rotate-\[-45deg\]:after { content: var(--tw-content); rotate: -45deg; } .after\:rounded-full:after { content: var(--tw-content); border-radius: 3.40282e38px; } .after\:border-primary-500:after { content: var(--tw-content); border-color: var(--color-primary-500); } .after\:bg-accent:after { content: var(--tw-content); background-color: var(--color-accent); } .after\:bg-primary-500:after { content: var(--tw-content); background-color: var(--color-primary-500); } .after\:bg-secondary:after { content: var(--tw-content); background-color: var(--color-secondary); } .after\:bg-stroke-1:after { content: var(--tw-content); background-color: var(--color-stroke-1); } .after\:bg-gradient-to-b:after { content: var(--tw-content); --tw-gradient-position: to bottom in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } .after\:bg-gradient-to-r:after { content: var(--tw-content); --tw-gradient-position: to right in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } .after\:bg-gradient-to-t:after { content: var(--tw-content); --tw-gradient-position: to top in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } .after\:bg-\[linear-gradient\(180deg\,\#ECE8FF_0\%\,\#FAF9FC_100\%\)\]:after { content: var(--tw-content); background-image: linear-gradient(#ece8ff 0%, #faf9fc 100%); } .after\:bg-\[linear-gradient\(270deg\,_\#FFF_-5\.06\%\,_rgba\(255\,_255\,_255\,_0\.00\)_105\.06\%\)\]:after { content: var(--tw-content); background-image: linear-gradient(270deg, #fff -5.06%, #fff0 105.06%); } .after\:from-\[rgba\(240\,242\,246\,0\.00\)\]:after { content: var(--tw-content); --tw-gradient-from: #f0f2f600; --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\:from-black\/0:after { content: var(--tw-content); --tw-gradient-from: #0000; --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)); } @supports (color: color-mix(in lab, red, red)) { .after\:from-black\/0:after { --tw-gradient-from: color-mix(in oklab, var(--color-black) 0%, transparent); } } .after\:from-transparent:after { 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)); } .after\:from-\[20\.1\%\]:after { content: var(--tw-content); --tw-gradient-from-position: 20.1%; } .after\:from-\[45\.78\%\]:after { content: var(--tw-content); --tw-gradient-from-position: 45.78%; } .after\:to-\[\#F4F5F8\]:after { content: var(--tw-content); --tw-gradient-to: #f4f5f8; --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-background-2:after { content: var(--tw-content); --tw-gradient-to: var(--color-background-2); --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-\[87\.09\%\]:after { content: var(--tw-content); --tw-gradient-to-position: 87.09%; } .after\:to-\[91\.31\%\]:after { content: var(--tw-content); --tw-gradient-to-position: 91.31%; } .after\:opacity-0:after { content: var(--tw-content); opacity: 0; } .after\:ring-8:after { content: var(--tw-content); --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(8px + 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); } .after\:ring-background-2:after { content: var(--tw-content); --tw-ring-color: var(--color-background-2); } .after\:ring-white:after { content: var(--tw-content); --tw-ring-color: var(--color-white); } .after\:transition-all:after { content: var(--tw-content); transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .after\:content-\[\'\'\]:after { content: var(--tw-content); --tw-content: ""; content: var(--tw-content); } .peer-checked\:after\:start-\[2px\]:is(:where(.peer):checked ~ *):after { content: var(--tw-content); inset-inline-start: 2px; } .peer-checked\:after\:start-\[4px\]:is(:where(.peer):checked ~ *):after { content: var(--tw-content); inset-inline-start: 4px; } .peer-checked\:after\:translate-x-4:is(:where(.peer):checked ~ *):after { content: var(--tw-content); --tw-translate-x: calc(var(--spacing) * 4); translate: var(--tw-translate-x) var(--tw-translate-y); } .peer-checked\:after\:translate-x-\[75\%\]:is(:where(.peer):checked ~ *):after { content: var(--tw-content); --tw-translate-x: 75%; translate: var(--tw-translate-x) var(--tw-translate-y); } .peer-checked\:after\:translate-x-\[93\%\]:is(:where(.peer):checked ~ *):after { content: var(--tw-content); --tw-translate-x: 93%; translate: var(--tw-translate-x) var(--tw-translate-y); } .peer-checked\:after\:translate-x-\[94\%\]:is(:where(.peer):checked ~ *):after { content: var(--tw-content); --tw-translate-x: 94%; translate: var(--tw-translate-x) var(--tw-translate-y); } .peer-checked\:after\:translate-x-\[99\%\]:is(:where(.peer):checked ~ *):after { content: var(--tw-content); --tw-translate-x: 99%; translate: var(--tw-translate-x) var(--tw-translate-y); } .peer-checked\:after\:translate-x-full:is(:where(.peer):checked ~ *):after { content: var(--tw-content); --tw-translate-x: 100%; translate: var(--tw-translate-x) var(--tw-translate-y); } .peer-checked\:after\:opacity-100:is(:where(.peer):checked ~ *):after { content: var(--tw-content); opacity: 1; } .last\:mb-\[50px\]:last-child { margin-bottom: 50px; } .focus-within\:ring-primary-500:focus-within { --tw-ring-color: var(--color-primary-500); } @media (hover: hover) { .hover\:-translate-y-1\.5:hover { --tw-translate-y: calc(var(--spacing) * -1.5); translate: var(--tw-translate-x) var(--tw-translate-y); } .hover\:-translate-y-2:hover { --tw-translate-y: calc(var(--spacing) * -2); translate: var(--tw-translate-x) var(--tw-translate-y); } .hover\:translate-y-\[-10px\]:hover { --tw-translate-y: -10px; 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\:scale-\[99\%\]:hover { scale: 99%; } .hover\:scale-\[100\.5\%\]:hover { scale: 100.5%; } .hover\:scale-\[102\%\]:hover { scale: 102%; } .hover\:scale-\[103\%\]:hover { scale: 103%; } .hover\:border-0:hover { border-style: var(--tw-border-style); border-width: 0; } .hover\:btn-primary:hover { border-color: var(--color-primary-600); background-color: var(--color-primary-500); color: var(--color-white); --tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, #1018280d); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .hover\:btn-primary:hover:where(.dark, .dark *) { border-color: var(--color-primary-400); } .hover\:btn-primary:hover:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='white' viewBox='0 0 256 256'%3E%3Cpath d='M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z'%3E%3C/path%3E%3C/svg%3E"); } .hover\:\!btn-white:hover { border-color: var(--color-stroke-3) !important; background-color: var(--color-background-1) !important; color: var(--color-secondary) !important; --tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, #1018280d) !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; } .hover\:\!btn-white:hover:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%231a1a1c' viewBox='0 0 256 256'%3E%3Cpath d='M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z'%3E%3C/path%3E%3C/svg%3E") !important; } .hover\:btn-accent:hover { border-color: var(--color-stroke-3); background-color: var(--color-accent); color: var(--color-secondary); --tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, #1018280d); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .hover\:btn-accent:hover:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%231a1a1c' viewBox='0 0 256 256'%3E%3Cpath d='M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z'%3E%3C/path%3E%3C/svg%3E"); } .hover\:btn-secondary:hover { border-color: var(--color-black); background-color: var(--color-secondary); color: var(--color-white); --tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, #1018280d); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .hover\:btn-secondary:hover:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='white' viewBox='0 0 256 256'%3E%3Cpath d='M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z'%3E%3C/path%3E%3C/svg%3E"); } .hover\:btn-white:hover { border-color: var(--color-stroke-3); background-color: var(--color-background-1); color: var(--color-secondary); --tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, #1018280d); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .hover\:btn-white:hover:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%231a1a1c' viewBox='0 0 256 256'%3E%3Cpath d='M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z'%3E%3C/path%3E%3C/svg%3E"); } .hover\:btn-white-dark:hover { border-color: var(--color-stroke-7); background-color: var(--color-background-6); color: var(--color-accent); --tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, #1018280d); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .hover\:btn-white-dark:hover:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='white' viewBox='0 0 256 256'%3E%3Cpath d='M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z'%3E%3C/path%3E%3C/svg%3E"); } .hover\:btn-white-v2:hover { border-color: var(--color-stroke-3); background-color: var(--color-white); color: var(--color-secondary); --tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, #1018280d); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .hover\:btn-white-v2:hover:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%231a1a1c' viewBox='0 0 256 256'%3E%3Cpath d='M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z'%3E%3C/path%3E%3C/svg%3E"); } .hover\:btn-green:hover { border-color: var(--color-ns-green-light); background-color: var(--color-ns-green); color: var(--color-secondary); } .hover\:btn-green:hover:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%231a1a1c' viewBox='0 0 256 256'%3E%3Cpath d='M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z'%3E%3C/path%3E%3C/svg%3E"); } .hover\:border-primary-300:hover { border-color: var(--color-primary-300); } .hover\:border-primary-500:hover { border-color: var(--color-primary-500); } .hover\:border-stroke-2:hover { border-color: var(--color-stroke-2); } .hover\:bg-background-1:hover { background-color: var(--color-background-1); } .hover\:bg-background-2:hover { background-color: var(--color-background-2); } .hover\:bg-primary-500:hover { background-color: var(--color-primary-500); } .hover\:bg-secondary:hover { background-color: var(--color-secondary); } .hover\:bg-secondary\/10:hover { background-color: #1a1a1c1a; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-secondary\/10:hover { background-color: color-mix(in oklab, var(--color-secondary) 10%, transparent); } } .hover\:bg-white:hover { background-color: var(--color-white); } .hover\:text-accent:hover { color: var(--color-accent); } .hover\:text-primary-500:hover { color: var(--color-primary-500); } .hover\:text-primary-600:hover { color: var(--color-primary-600); } .hover\:text-secondary:hover { color: var(--color-secondary); } .hover\:shadow-1:hover { --tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, #1018280d); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .hover\:shadow-4:hover { --tw-shadow: 0px 10px 20px -5px var(--tw-shadow-color, #1c222b0d), 0px 20px 65px -5px var(--tw-shadow-color, #1c222b0d); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .hover\:shadow-lg:hover { --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px 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); } .hover\:shadow-md:hover { --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .hover\:shadow-primary-500\/20:hover { --tw-shadow-color: #864ffe33; } @supports (color: color-mix(in lab, red, red)) { .hover\:shadow-primary-500\/20:hover { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-primary-500) 20%, transparent) var(--tw-shadow-alpha), transparent); } } .hover\:transition-transform:hover { 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)); } .hover\:duration-500:hover { --tw-duration: .5s; transition-duration: .5s; } .hover\:perspective-origin-top:hover { perspective-origin: top; } } .focus\:border:focus { border-style: var(--tw-border-style); border-width: 1px; } .focus\:border-accent\/60:focus { border-color: #fcfcfc99; } @supports (color: color-mix(in lab, red, red)) { .focus\:border-accent\/60:focus { border-color: color-mix(in oklab, var(--color-accent) 60%, transparent); } } .focus\:border-primary-400:focus { border-color: var(--color-primary-400); } .focus\:border-primary-500:focus { border-color: var(--color-primary-500); } .focus\:border-primary-600:focus { border-color: var(--color-primary-600); } .focus\:border-secondary:focus { border-color: var(--color-secondary); } .focus\:ring-0:focus { --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\:ring-1:focus { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + 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-2: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); } .focus\:ring-\[0\.7px\]:focus { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(.7px + 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-\[0\.8px\]:focus { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(.8px + 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-primary-400:focus { --tw-ring-color: var(--color-primary-400); } .focus\:ring-primary-500:focus { --tw-ring-color: var(--color-primary-500); } .focus\:ring-primary-500\/20:focus { --tw-ring-color: #864ffe33; } @supports (color: color-mix(in lab, red, red)) { .focus\:ring-primary-500\/20:focus { --tw-ring-color: color-mix(in oklab, var(--color-primary-500) 20%, transparent); } } .focus\:ring-primary-600:focus { --tw-ring-color: var(--color-primary-600); } .focus\:ring-offset-0:focus { --tw-ring-offset-width: 0px; --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); } .focus\:outline-0:focus { outline-style: var(--tw-outline-style); outline-width: 0; } .focus\:outline-1:focus { outline-style: var(--tw-outline-style); outline-width: 1px; } .focus\:outline-primary-500:focus { outline-color: var(--color-primary-500); } .focus\:outline-primary-600:focus { outline-color: var(--color-primary-600); } .focus\:outline-none:focus { --tw-outline-style: none; outline-style: none; } .focus-visible\:border-stroke-5\/40:focus-visible { border-color: #1b232f66; } @supports (color: color-mix(in lab, red, red)) { .focus-visible\:border-stroke-5\/40:focus-visible { border-color: color-mix(in oklab, var(--color-stroke-5) 40%, transparent); } } .focus-visible\:outline:focus-visible { outline-style: var(--tw-outline-style); outline-width: 1px; } .focus-visible\:outline-0:focus-visible { outline-style: var(--tw-outline-style); outline-width: 0; } .focus-visible\:outline-1:focus-visible { outline-style: var(--tw-outline-style); outline-width: 1px; } .focus-visible\:outline-primary-500:focus-visible { outline-color: var(--color-primary-500); } .focus-visible\:outline-stroke-7:focus-visible { outline-color: var(--color-stroke-7); } .data-\[state\=selected\]\:text-secondary[data-state="selected"] { color: var(--color-secondary); } @media not all and (min-width: 425px) { .max-\[425\]\:ms-56 { margin-inline-start: calc(var(--spacing) * 56); } .max-\[425\]\:translate-y-\[30\%\] { --tw-translate-y: 30%; translate: var(--tw-translate-x) var(--tw-translate-y); } } @media not all and (min-width: 1440px) { .max-lp\:-bottom-24 { bottom: calc(var(--spacing) * -24); } .max-lp\:mx-5 { margin-inline: calc(var(--spacing) * 5); } } @media not all and (min-width: 769px) { .max-\[769px\]\:line-clamp-2 { -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; } } @media not all and (min-width: 641px) { .max-\[641px\]\:pb-16 { padding-bottom: calc(var(--spacing) * 16); } } @media not all and (min-width: 526px) { .max-\[526px\]\:btn-md { min-width: 90px; padding-inline: calc(var(--spacing) * 5); padding-block: calc(var(--spacing) * 2.5); font-size: var(--text-tagline-2); line-height: var(--tw-leading, var(--text-tagline-2--line-height)); } .max-\[526px\]\:btn-md:hover:before { width: calc(var(--spacing) * 2.5); height: calc(var(--spacing) * 2.5); --tw-translate-x: calc(var(--spacing) * -3.5); translate: var(--tw-translate-x) var(--tw-translate-y); opacity: 1; } .max-\[526px\]\:w-full { width: 100%; } } @media not all and (min-width: 500px) { .max-\[500px\]\:\!mx-5 { margin-inline: calc(var(--spacing) * 5) !important; } .max-\[500px\]\:max-w-\[320px\] { max-width: 320px; } } @media not all and (min-width: 435px) { .max-\[435px\]\:flex-col { flex-direction: column; } .max-\[435px\]\:items-start { align-items: flex-start; } } @media not all and (min-width: 426px) { .max-\[426px\]\:mb-2\.5 { margin-bottom: calc(var(--spacing) * 2.5); } .max-\[426px\]\:mb-3 { margin-bottom: calc(var(--spacing) * 3); } .max-\[426px\]\:mb-4 { margin-bottom: calc(var(--spacing) * 4); } .max-\[426px\]\:mb-5 { margin-bottom: calc(var(--spacing) * 5); } .max-\[426px\]\:mb-10 { margin-bottom: calc(var(--spacing) * 10); } .max-\[426px\]\:size-8 { width: calc(var(--spacing) * 8); height: calc(var(--spacing) * 8); } .max-\[426px\]\:size-10 { width: calc(var(--spacing) * 10); height: calc(var(--spacing) * 10); } .max-\[426px\]\:size-12 { width: calc(var(--spacing) * 12); height: calc(var(--spacing) * 12); } .max-\[426px\]\:size-32 { width: calc(var(--spacing) * 32); height: calc(var(--spacing) * 32); } .max-\[426px\]\:w-\[87\%\] { width: 87%; } .max-\[426px\]\:w-\[90\%\] { width: 90%; } .max-\[426px\]\:max-w-\[320px\] { max-width: 320px; } .max-\[426px\]\:gap-4 { gap: calc(var(--spacing) * 4); } .max-\[426px\]\:gap-10 { gap: calc(var(--spacing) * 10); } .max-\[426px\]\:rounded-2xl { border-radius: var(--radius-2xl); } .max-\[426px\]\:rounded-xl { border-radius: var(--radius-xl); } .max-\[426px\]\:p-3\.5 { padding: calc(var(--spacing) * 3.5); } .max-\[426px\]\:p-5 { padding: calc(var(--spacing) * 5); } .max-\[426px\]\:px-2 { padding-inline: calc(var(--spacing) * 2); } .max-\[426px\]\:px-5 { padding-inline: calc(var(--spacing) * 5); } .max-\[426px\]\:px-10 { padding-inline: calc(var(--spacing) * 10); } .max-\[426px\]\:py-0\.5 { padding-block: calc(var(--spacing) * .5); } .max-\[426px\]\:py-4 { padding-block: calc(var(--spacing) * 4); } .max-\[426px\]\:py-8 { padding-block: calc(var(--spacing) * 8); } .max-\[426px\]\:py-10 { padding-block: calc(var(--spacing) * 10); } .max-\[426px\]\:pt-10 { padding-top: calc(var(--spacing) * 10); } .max-\[426px\]\:pb-10 { padding-bottom: calc(var(--spacing) * 10); } .max-\[426px\]\:text-left { text-align: left; } .max-\[426px\]\:text-heading-5 { font-size: var(--text-heading-5); line-height: var(--tw-leading, var(--text-heading-5--line-height)); } .max-\[426px\]\:text-heading-6 { font-size: var(--text-heading-6); line-height: var(--tw-leading, var(--text-heading-6--line-height)); } .max-\[426px\]\:text-tagline-1 { font-size: var(--text-tagline-1); line-height: var(--tw-leading, var(--text-tagline-1--line-height)); } .max-\[426px\]\:text-tagline-2 { font-size: var(--text-tagline-2); line-height: var(--tw-leading, var(--text-tagline-2--line-height)); } } @media not all and (min-width: 425px) { .max-\[425px\]\:w-full { width: 100%; } .max-\[425px\]\:flex-col { flex-direction: column; } .max-\[425px\]\:gap-2 { gap: calc(var(--spacing) * 2); } .max-\[425px\]\:text-center { text-align: center; } } @media not all and (min-width: 400px) { .max-\[400px\]\:-top-4 { top: calc(var(--spacing) * -4); } .max-\[400px\]\:-top-\[20\%\] { top: -20%; } .max-\[400px\]\:-right-4 { right: calc(var(--spacing) * -4); } .max-\[400px\]\:-right-\[32\%\] { right: -32%; } .max-\[400px\]\:-right-\[70\%\] { right: -70%; } .max-\[400px\]\:mx-auto { margin-inline: auto; } .max-\[400px\]\:size-10 { width: calc(var(--spacing) * 10); height: calc(var(--spacing) * 10); } .max-\[400px\]\:max-h-\[20\%\] { max-height: 20%; } .max-\[400px\]\:max-h-\[500px\] { max-height: 500px; } .max-\[400px\]\:\!max-w-\[250px\] { max-width: 250px !important; } .max-\[400px\]\:max-w-\[90\%\] { max-width: 90%; } .max-\[400px\]\:max-w-\[270px\] { max-width: 270px; } .max-\[400px\]\:max-w-\[300px\] { max-width: 300px; } .max-\[400px\]\:max-w-\[320px\] { max-width: 320px; } .max-\[400px\]\:max-w-\[340px\] { max-width: 340px; } .max-\[400px\]\:rotate-\[73deg\] { rotate: 73deg; } .max-\[400px\]\:flex-col { flex-direction: column; } .max-\[400px\]\:flex-wrap { flex-wrap: wrap; } .max-\[400px\]\:justify-center { justify-content: center; } .max-\[400px\]\:justify-start { justify-content: flex-start; } .max-\[400px\]\:gap-2 { gap: calc(var(--spacing) * 2); } .max-\[400px\]\:gap-5 { gap: calc(var(--spacing) * 5); } :where(.max-\[400px\]\: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))); } .max-\[400px\]\:rounded-2xl { border-radius: var(--radius-2xl); } .max-\[400px\]\:px-6 { padding-inline: calc(var(--spacing) * 6); } .max-\[400px\]\:py-14 { padding-block: calc(var(--spacing) * 14); } .max-\[400px\]\:text-center { text-align: center; } .max-\[400px\]\:text-heading-6 { font-size: var(--text-heading-6); line-height: var(--tw-leading, var(--text-heading-6--line-height)); } .max-\[400px\]\:text-tagline-2 { font-size: var(--text-tagline-2); line-height: var(--tw-leading, var(--text-tagline-2--line-height)); } } @media not all and (min-width: 377px) { .max-\[377px\]\:right-\[-90\%\] { right: -90%; } } @media not all and (min-width: 376px) { .max-\[376px\]\:-top-\[80\%\] { top: -80%; } .max-\[376px\]\:top-\[-6px\] { top: -6px; } .max-\[376px\]\:top-\[-71\%\] { top: -71%; } .max-\[376px\]\:top-\[666px\] { top: 666px; } .max-\[376px\]\:right-\[-43px\] { right: -43px; } .max-\[376px\]\:right-\[-67px\] { right: -67px; } .max-\[376px\]\:right-\[-68\%\] { right: -68%; } .max-\[376px\]\:right-\[-71px\] { right: -71px; } .max-\[376px\]\:right-\[-83\%\] { right: -83%; } .max-\[376px\]\:bottom-\[-45\%\] { bottom: -45%; } .max-\[376px\]\:-left-\[76\%\] { left: -76%; } .max-\[376px\]\:left-\[-40\%\] { left: -40%; } .max-\[376px\]\:left-\[-50\%\] { left: -50%; } .max-\[376px\]\:left-\[-152\%\] { left: -152%; } .max-\[376px\]\:left-\[16\%\] { left: 16%; } .max-\[376px\]\:left-\[25px\] { left: 25px; } .max-\[376px\]\:w-\[97\%\%\] { width: 97%% ; } .max-\[376px\]\:w-\[97\%\] { width: 97%; } .max-\[376px\]\:w-full { width: 100%; } .max-\[376px\]\:max-w-full { max-width: 100%; } } @media not all and (min-width: 375px) { .max-\[375px\]\:max-w-\[270px\] { max-width: 270px; } .max-\[375px\]\:flex-col { flex-direction: column; } .max-\[375px\]\:text-center { text-align: center; } } @media not all and (min-width: 96rem) { .max-2xl\:px-4 { padding-inline: calc(var(--spacing) * 4); } } @media not all and (min-width: 80rem) { .max-xl\:right-0 { right: calc(var(--spacing) * 0); } .max-xl\:-bottom-28 { bottom: calc(var(--spacing) * -28); } .max-xl\:left-0 { left: calc(var(--spacing) * 0); } .max-xl\:mt-4 { margin-top: calc(var(--spacing) * 4); } .max-xl\:w-\[180px\] { width: 180px; } .max-xl\:px-5 { padding-inline: calc(var(--spacing) * 5); } .max-xl\:px-8 { padding-inline: calc(var(--spacing) * 8); } } @media not all and (min-width: 64rem) { .max-lg\:right-0 { right: calc(var(--spacing) * 0); } .max-lg\:left-0 { left: calc(var(--spacing) * 0); } .max-lg\:left-1\/2 { left: 50%; } .max-lg\:order-0 { order: 0; } .max-lg\:order-1 { order: 1; } .max-lg\:col-span-5 { grid-column: span 5 / span 5; } .max-lg\:col-span-7 { grid-column: span 7 / span 7; } .max-lg\:mx-auto { margin-inline: auto; } .max-lg\:mt-5 { margin-top: calc(var(--spacing) * 5); } .max-lg\:mt-12 { margin-top: calc(var(--spacing) * 12); } .max-lg\:mb-3 { margin-bottom: calc(var(--spacing) * 3); } .max-lg\:mb-12 { margin-bottom: calc(var(--spacing) * 12); } .max-lg\:mb-\[70px\] { margin-bottom: 70px; } .max-lg\:flex { display: flex; } .max-lg\:h-\[600px\] { height: 600px; } .max-lg\:w-\[90\%\] { width: 90%; } .max-lg\:w-\[600px\] { width: 600px; } .max-lg\:w-full { width: 100%; } .max-lg\:max-w-\[200px\] { max-width: 200px; } .max-lg\:max-w-\[500px\] { max-width: 500px; } .max-lg\:max-w-\[525px\] { max-width: 525px; } .max-lg\:-translate-x-1\/2 { --tw-translate-x: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .max-lg\:grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .max-lg\:flex-col { flex-direction: column; } .max-lg\:flex-wrap { flex-wrap: wrap; } .max-lg\:items-center { align-items: center; } .max-lg\:justify-between { justify-content: space-between; } .max-lg\:justify-center { justify-content: center; } .max-lg\:justify-items-center { justify-items: center; } .max-lg\:gap-2\.5 { gap: calc(var(--spacing) * 2.5); } .max-lg\:gap-5 { gap: calc(var(--spacing) * 5); } :where(.max-lg\: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))); } :where(.max-lg\:space-y-10 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse))); } .max-lg\:gap-x-4 { column-gap: calc(var(--spacing) * 4); } .max-lg\:gap-y-14 { row-gap: calc(var(--spacing) * 14); } .max-lg\:gap-y-\[100px\] { row-gap: 100px; } .max-lg\:rounded-2xl { border-radius: var(--radius-2xl); } .max-lg\:bg-background-4 { background-color: var(--color-background-4); } .max-lg\:px-2 { padding-inline: calc(var(--spacing) * 2); } .max-lg\:px-5 { padding-inline: calc(var(--spacing) * 5); } .max-lg\:px-6 { padding-inline: calc(var(--spacing) * 6); } .max-lg\:py-6 { padding-block: calc(var(--spacing) * 6); } .max-lg\:py-12 { padding-block: calc(var(--spacing) * 12); } .max-lg\:pt-\[200px\] { padding-top: 200px; } .max-lg\:pb-10 { padding-bottom: calc(var(--spacing) * 10); } .max-lg\:pb-20 { padding-bottom: calc(var(--spacing) * 20); } .max-lg\:pl-4 { padding-left: calc(var(--spacing) * 4); } .max-lg\:text-center { text-align: center; } .max-lg\:text-left { text-align: left; } .max-lg\:text-heading-6 { font-size: var(--text-heading-6); line-height: var(--tw-leading, var(--text-heading-6--line-height)); } .max-lg\:text-lg { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } .max-lg\:text-tagline-2 { font-size: var(--text-tagline-2); line-height: var(--tw-leading, var(--text-tagline-2--line-height)); } } @media not all and (min-width: 48rem) { .max-md\:\!top-8 { top: calc(var(--spacing) * 8) !important; } .max-md\:order-1 { order: 1; } .max-md\:order-2 { order: 2; } .max-md\:col-span-12 { grid-column: span 12 / span 12; } .max-md\:col-span-full { grid-column: 1 / -1; } .max-md\:mx-auto { margin-inline: auto; } .max-md\:mb-18 { margin-bottom: calc(var(--spacing) * 18); } .max-md\:flex { display: flex; } .max-md\:hidden { display: none; } .max-md\:btn-md { min-width: 90px; padding-inline: calc(var(--spacing) * 5); padding-block: calc(var(--spacing) * 2.5); font-size: var(--text-tagline-2); line-height: var(--tw-leading, var(--text-tagline-2--line-height)); } .max-md\:btn-md:hover:before { width: calc(var(--spacing) * 2.5); height: calc(var(--spacing) * 2.5); --tw-translate-x: calc(var(--spacing) * -3.5); translate: var(--tw-translate-x) var(--tw-translate-y); opacity: 1; } .max-md\:h-\[300px\] { height: 300px; } .max-md\:h-\[500px\] { height: 500px; } .max-md\:min-h-\[320px\] { min-height: 320px; } .max-md\:w-\[70\%\] { width: 70%; } .max-md\:w-\[90\%\] { width: 90%; } .max-md\:w-\[350px\] { width: 350px; } .max-md\:w-\[400px\] { width: 400px; } .max-md\:w-full { width: 100%; } .max-md\:max-w-\[300px\] { max-width: 300px; } .max-md\:max-w-\[380px\] { max-width: 380px; } .max-md\:max-w-full { max-width: 100%; } .max-md\:flex-wrap { flex-wrap: wrap; } .max-md\:items-center { align-items: center; } .max-md\:justify-between { justify-content: space-between; } .max-md\:justify-center { justify-content: center; } .max-md\:gap-2 { gap: calc(var(--spacing) * 2); } :where(.max-md\:space-y-0\.5 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse))); } :where(.max-md\:space-y-8 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse))); } :where(.max-md\:space-y-18 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 18) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 18) * calc(1 - var(--tw-space-y-reverse))); } .max-md\:gap-x-8 { column-gap: calc(var(--spacing) * 8); } .max-md\:gap-y-8 { row-gap: calc(var(--spacing) * 8); } .max-md\:gap-y-10 { row-gap: calc(var(--spacing) * 10); } .max-md\:gap-y-18 { row-gap: calc(var(--spacing) * 18); } .max-md\:gap-y-20 { row-gap: calc(var(--spacing) * 20); } .max-md\:gap-y-\[42px\] { row-gap: 42px; } .max-md\:overflow-x-hidden { overflow-x: hidden; } .max-md\:border-b, .max-md\:border-b-1 { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } .max-md\:border-b-accent\/20 { border-bottom-color: #fcfcfc33; } @supports (color: color-mix(in lab, red, red)) { .max-md\:border-b-accent\/20 { border-bottom-color: color-mix(in oklab, var(--color-accent) 20%, transparent); } } .max-md\:px-2 { padding-inline: calc(var(--spacing) * 2); } .max-md\:px-4 { padding-inline: calc(var(--spacing) * 4); } .max-md\:px-5 { padding-inline: calc(var(--spacing) * 5); } .max-md\:pt-10 { padding-top: calc(var(--spacing) * 10); } .max-md\:pt-\[150px\] { padding-top: 150px; } .max-md\:text-center { text-align: center; } .max-md\:text-heading-6 { font-size: var(--text-heading-6); line-height: var(--tw-leading, var(--text-heading-6--line-height)); } .max-md\:text-tagline-1 { font-size: var(--text-tagline-1); line-height: var(--tw-leading, var(--text-tagline-1--line-height)); } } .before\:max-md\:top-0:before { content: var(--tw-content); } @media not all and (min-width: 48rem) { .before\:max-md\:top-0:before { top: calc(var(--spacing) * 0); } } @media not all and (min-width: 40rem) { .max-sm\:relative { position: relative; } .max-sm\:top-\[10px\] { top: 10px; } .max-sm\:bottom-\[-20px\] { bottom: -20px; } .max-sm\:left-\[9\%\] { left: 9%; } .max-sm\:z-\[11\] { z-index: 11; } .max-sm\:mx-3 { margin-inline: calc(var(--spacing) * 3); } .max-sm\:mx-5 { margin-inline: calc(var(--spacing) * 5); } .max-sm\:mx-auto { margin-inline: auto; } .max-sm\:mt-2 { margin-top: calc(var(--spacing) * 2); } .max-sm\:size-4 { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); } .max-sm\:size-14 { width: calc(var(--spacing) * 14); height: calc(var(--spacing) * 14); } .max-sm\:min-h-\[245px\] { min-height: 245px; } .max-sm\:min-h-\[255px\] { min-height: 255px; } .max-sm\:min-h-\[433px\] { min-height: 433px; } .max-sm\:w-\[80\%\] { width: 80%; } .max-sm\:w-\[130px\] { width: 130px; } .max-sm\:w-\[150px\] { width: 150px; } .max-sm\:w-\[200px\] { width: 200px; } .max-sm\:w-\[250px\] { width: 250px; } .max-sm\:w-\[300px\] { width: 300px; } .max-sm\:w-full { width: 100%; } .max-sm\:max-w-\[300px\] { max-width: 300px; } .max-sm\:max-w-\[320px\] { max-width: 320px; } .max-sm\:max-w-\[420px\] { max-width: 420px; } .max-sm\:max-w-\[450px\] { max-width: 450px; } .max-sm\:-translate-x-1\/2 { --tw-translate-x: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .max-sm\:grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .max-sm\:flex-col { flex-direction: column; } .max-sm\:flex-wrap { flex-wrap: wrap; } .max-sm\:justify-center { justify-content: center; } .max-sm\:gap-2\.5 { gap: calc(var(--spacing) * 2.5); } .max-sm\:gap-10 { gap: calc(var(--spacing) * 10); } :where(.max-sm\: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))); } :where(.max-sm\:space-y-18 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 18) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 18) * calc(1 - var(--tw-space-y-reverse))); } .max-sm\:gap-x-0 { column-gap: calc(var(--spacing) * 0); } .max-sm\:gap-y-5 { row-gap: calc(var(--spacing) * 5); } .max-sm\:gap-y-8 { row-gap: calc(var(--spacing) * 8); } .max-sm\:gap-y-12 { row-gap: calc(var(--spacing) * 12); } .max-sm\:gap-y-\[42px\] { row-gap: 42px; } .max-sm\:overflow-hidden { overflow: hidden; } .max-sm\:rounded-2xl { border-radius: var(--radius-2xl); } .max-sm\:rounded-xl { border-radius: var(--radius-xl); } .max-sm\:bg-background-4 { background-color: var(--color-background-4); } .max-sm\:p-2 { padding: calc(var(--spacing) * 2); } .max-sm\:px-2 { padding-inline: calc(var(--spacing) * 2); } .max-sm\:px-3 { padding-inline: calc(var(--spacing) * 3); } .max-sm\:px-5 { padding-inline: calc(var(--spacing) * 5); } .max-sm\:px-7 { padding-inline: calc(var(--spacing) * 7); } .max-sm\:py-8 { padding-block: calc(var(--spacing) * 8); } .max-sm\:py-10 { padding-block: calc(var(--spacing) * 10); } .max-sm\:pt-10 { padding-top: calc(var(--spacing) * 10); } .max-sm\:pt-\[200px\] { padding-top: 200px; } .max-sm\:pb-10 { padding-bottom: calc(var(--spacing) * 10); } .max-sm\:text-center { text-align: center; } .max-sm\:text-heading-4 { font-size: var(--text-heading-4); line-height: var(--tw-leading, var(--text-heading-4--line-height)); } .max-sm\:text-heading-6 { font-size: var(--text-heading-6); line-height: var(--tw-leading, var(--text-heading-6--line-height)); } .max-sm\:text-tagline-2 { font-size: var(--text-tagline-2); line-height: var(--tw-leading, var(--text-tagline-2--line-height)); } } @media (min-width: 400px) { .min-\[400px\]\:-top-\[50\%\] { top: -50%; } .min-\[400px\]\:-top-\[105\%\] { top: -105%; } } @media (min-width: 407px) { .min-\[407px\]\:block { display: block; } } @media (min-width: 410px) { .min-\[410px\]\:flex-row { flex-direction: row; } } @media (min-width: 425px) { .min-\[425px\]\:size-\[200px\] { width: 200px; height: 200px; } .min-\[425px\]\:size-\[300px\] { width: 300px; height: 300px; } .min-\[425px\]\:size-\[400px\] { width: 400px; height: 400px; } .min-\[425px\]\:max-w-\[150px\] { max-width: 150px; } .min-\[425px\]\:max-w-\[350px\] { max-width: 350px; } .min-\[425px\]\:max-w-\[360px\] { max-width: 360px; } .min-\[425px\]\:max-w-\[375px\] { max-width: 375px; } .min-\[425px\]\:max-w-\[380px\] { max-width: 380px; } .min-\[425px\]\:max-w-\[400px\] { max-width: 400px; } .min-\[425px\]\:bg-\[url\(\'\/images\/home-page-26\/services-bg\.png\'\)\] { background-image: url("../images/home-page-26/services-bg.png"); } .min-\[425px\]\:py-\[60px\] { padding-block: 60px; } } @media (min-width: 445px) { .min-\[445px\]\:-top-\[17\%\] { top: -17%; } .min-\[445px\]\:max-w-\[500px\] { max-width: 500px; } } @media (min-width: 470px) { .min-\[470px\]\:-right-\[60\%\] { right: -60%; } } @media (min-width: 475px) { .min-\[475px\]\:max-w-\[450px\] { max-width: 450px; } .min-\[475px\]\:p-14 { padding: calc(var(--spacing) * 14); } } @media (min-width: 500px) { .min-\[500px\]\:-top-\[20\%\] { top: -20%; } .min-\[500px\]\:mx-0 { margin-inline: calc(var(--spacing) * 0); } .min-\[500px\]\:-mb-10 { margin-bottom: calc(var(--spacing) * -10); } .min-\[500px\]\:mb-10 { margin-bottom: calc(var(--spacing) * 10); } .min-\[500px\]\:max-w-\[450px\] { max-width: 450px; } } @media (min-width: 510px) { .min-\[510px\]\:-top-\[80\%\] { top: -80%; } } @media (min-width: 550px) { .min-\[550px\]\:-right-\[20\%\] { right: -20%; } .min-\[550px\]\:w-\[80\%\] { width: 80%; } } @media (min-width: 575px) { .min-\[575px\]\:-right-\[21\%\] { right: -21%; } .min-\[575px\]\:col-span-6 { grid-column: span 6 / span 6; } .min-\[575px\]\:gap-8 { gap: calc(var(--spacing) * 8); } :where(.min-\[575px\]\:space-y-8 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse))); } .min-\[575px\]\:text-left { text-align: left; } } @media (min-width: 925px) { .min-\[925px\]\:top-\[-85px\] { top: -85px; } } @media (min-width: 1096px) { .min-\[1096px\]\:justify-center { justify-content: center; } } @media (min-width: 1440px) { .lp\:\!top-\[15\%\] { top: 15% !important; } .lp\:top-3\/4 { top: 75%; } .lp\:top-\[40\%\] { top: 40%; } .lp\:top-\[50\%\] { top: 50%; } .min-\[1440px\]\:top-\[350px\] { top: 350px; } .lp\:right-\[-20px\] { right: -20px; } .lp\:left-\[60\%\] { left: 60%; } .lp\:col-span-5 { grid-column: span 5 / span 5; } .lp\:col-span-7 { grid-column: span 7 / span 7; } .lp\:mx-auto { margin-inline: auto; } .lp\:ms-64 { margin-inline-start: calc(var(--spacing) * 64); } .lp\:block { display: block; } .lp\:\!max-w-\[1290px\] { max-width: 1290px !important; } .lp\:max-w-\[324px\] { max-width: 324px; } .lp\:max-w-\[605px\] { max-width: 605px; } .lp\:max-w-\[1240px\] { max-width: 1240px; } .lp\:max-w-\[1290px\] { max-width: 1290px; } .lp\:max-w-\[1416px\] { max-width: 1416px; } .lp\:-translate-y-3\/4 { --tw-translate-y: calc(calc(3 / 4 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .lp\:gap-\[42px\] { gap: 42px; } .lp\:gap-\[100px\] { gap: 100px; } .lp\:px-0 { padding-inline: calc(var(--spacing) * 0); } .lp\:pl-\[150px\] { padding-left: 150px; } .lp\:text-heading-5 { font-size: var(--text-heading-5); line-height: var(--tw-leading, var(--text-heading-5--line-height)); } .lp\:text-tagline-1 { font-size: var(--text-tagline-1); line-height: var(--tw-leading, var(--text-tagline-1--line-height)); } } @media (min-width: 1535px) { .min-\[1535px\]\:\!-right-\[12\%\] { right: -12% !important; } .min-\[1535px\]\:\!bottom-\[18\%\] { bottom: 18% !important; } .min-\[1535px\]\:\!-left-\[5\%\] { left: -5% !important; } .min-\[1535px\]\:\!-left-\[10\%\] { left: -10% !important; } } @media (min-width: 1735px) { .min-\[1735px\]\:\!-right-\[18\%\] { right: -18% !important; } .min-\[1735px\]\:\!bottom-\[18\%\] { bottom: 18% !important; } .min-\[1735px\]\:\!-left-\[12\.5\%\] { left: -12.5% !important; } .min-\[1735px\]\:\!-left-\[16\%\] { left: -16% !important; } } @media (min-width: 1921px) { .min-\[1921px\]\:overflow-hidden { overflow: hidden; } } @media (min-width: 2559px) { .min-\[2559px\]\:\!top-\[0px\] { top: 0 !important; } .min-\[2559px\]\:\!right-\[-10\%\] { right: -10% !important; } .min-\[2559px\]\:\!bottom-\[-14\%\] { bottom: -14% !important; } .min-\[2559px\]\:\!left-\[-14\%\] { left: -14% !important; } .min-\[2559px\]\:\!left-\[-16\%\] { left: -16% !important; } } @media (min-width: 40rem) { .sm\:-top-80 { top: calc(var(--spacing) * -80); } .sm\:-top-\[14\%\] { top: -14%; } .sm\:-top-\[15\%\] { top: -15%; } .sm\:-top-\[22\%\] { top: -22%; } .sm\:-top-\[24\%\] { top: -24%; } .sm\:-top-\[35\%\] { top: -35%; } .sm\:-top-\[45\%\] { top: -45%; } .sm\:-top-\[50\%\] { top: -50%; } .sm\:-top-\[64\%\] { top: -64%; } .sm\:-top-\[65\%\] { top: -65%; } .sm\:-top-\[75\%\] { top: -75%; } .sm\:-top-\[78\%\] { top: -78%; } .sm\:-top-\[85\%\] { top: -85%; } .sm\:-top-\[90px\] { top: -90px; } .sm\:-top-\[95\%\] { top: -95%; } .sm\:-top-\[100\%\] { top: -100%; } .sm\:-top-\[105\%\] { top: -105%; } .sm\:-top-\[110\%\] { top: -110%; } .sm\:-top-\[220\%\] { top: -220%; } .sm\:top-0 { top: calc(var(--spacing) * 0); } .sm\:top-\[-136px\] { top: -136px; } .sm\:top-\[-486px\] { top: -486px; } .sm\:top-\[-611px\] { top: -611px; } .sm\:top-\[33\%\] { top: 33%; } .sm\:top-\[38\%\] { top: 38%; } .sm\:-right-4 { right: calc(var(--spacing) * -4); } .sm\:-right-\[20\%\] { right: -20%; } .sm\:-right-\[40\%\] { right: -40%; } .sm\:-right-\[48\%\] { right: -48%; } .sm\:-right-\[50\%\] { right: -50%; } .sm\:-right-\[65\%\] { right: -65%; } .sm\:-right-\[85\%\] { right: -85%; } .sm\:-right-\[88\%\] { right: -88%; } .sm\:-right-\[92\%\] { right: -92%; } .sm\:-right-\[100\%\] { right: -100%; } .sm\:-right-\[104\%\] { right: -104%; } .sm\:-right-\[120\%\] { right: -120%; } .sm\:-right-\[150px\] { right: -150px; } .sm\:-right-\[200px\] { right: -200px; } .sm\:right-0 { right: calc(var(--spacing) * 0); } .sm\:right-2 { right: calc(var(--spacing) * 2); } .sm\:right-5 { right: calc(var(--spacing) * 5); } .sm\:right-14 { right: calc(var(--spacing) * 14); } .sm\:right-\[-466px\] { right: -466px; } .sm\:right-\[-532px\] { right: -532px; } .sm\:right-\[8\%\] { right: 8%; } .sm\:-bottom-8 { bottom: calc(var(--spacing) * -8); } .sm\:-bottom-\[15\%\] { bottom: -15%; } .sm\:-bottom-\[40\%\] { bottom: -40%; } .sm\:-bottom-\[60px\] { bottom: -60px; } .sm\:-bottom-\[150px\] { bottom: -150px; } .sm\:bottom-5 { bottom: calc(var(--spacing) * 5); } .sm\:bottom-10 { bottom: calc(var(--spacing) * 10); } .sm\:bottom-14 { bottom: calc(var(--spacing) * 14); } .sm\:bottom-\[85px\] { bottom: 85px; } .sm\:-left-\[30\%\] { left: -30%; } .sm\:-left-\[45px\] { left: -45px; } .sm\:left-0 { left: calc(var(--spacing) * 0); } .sm\:left-10 { left: calc(var(--spacing) * 10); } .sm\:left-\[-72px\] { left: -72px; } .sm\:left-\[0\%\] { left: 0%; } .sm\:left-\[16\%\] { left: 16%; } .sm\:left-\[40\%\] { left: 40%; } .sm\:left-\[63\%\] { left: 63%; } .sm\:left-\[78px\] { left: 78px; } .sm\:order-1 { order: 1; } .sm\:col-span-6 { grid-column: span 6 / span 6; } .sm\:mx-0 { margin-inline: calc(var(--spacing) * 0); } .sm\:mx-10 { margin-inline: calc(var(--spacing) * 10); } .sm\:mx-auto { margin-inline: auto; } .sm\:-mt-0 { margin-top: calc(var(--spacing) * 0); } .sm\:-mt-8 { margin-top: calc(var(--spacing) * -8); } .sm\:mt-0 { margin-top: calc(var(--spacing) * 0); } .sm\:mt-12 { margin-top: calc(var(--spacing) * 12); } .sm\:mt-\[100px\] { margin-top: 100px; } .sm\:mt-\[150px\] { margin-top: 150px; } .sm\:mb-3 { margin-bottom: calc(var(--spacing) * 3); } .sm\:mb-5 { margin-bottom: calc(var(--spacing) * 5); } .sm\:mb-8 { margin-bottom: calc(var(--spacing) * 8); } .sm\:mb-10 { margin-bottom: calc(var(--spacing) * 10); } .sm\:mb-12 { margin-bottom: calc(var(--spacing) * 12); } .sm\:mb-14 { margin-bottom: calc(var(--spacing) * 14); } .sm\:mb-16 { margin-bottom: calc(var(--spacing) * 16); } .sm\:mb-\[42px\] { margin-bottom: 42px; } .sm\:mb-\[70px\] { margin-bottom: 70px; } .sm\:ml-6 { margin-left: calc(var(--spacing) * 6); } .sm\:ml-16 { margin-left: calc(var(--spacing) * 16); } .sm\:ml-auto { margin-left: auto; } .sm\:block { display: block; } .sm\:flex { display: flex; } .sm\:hidden { display: none; } .sm\:inline-block { display: inline-block; } .sm\:btn-xl { padding-inline: calc(var(--spacing) * 8); padding-block: calc(var(--spacing) * 3.5); font-size: var(--text-tagline-1); line-height: var(--tw-leading, var(--text-tagline-1--line-height)); } .sm\:btn-xl:hover:before { width: calc(var(--spacing) * 3); height: calc(var(--spacing) * 3); --tw-translate-x: calc(var(--spacing) * -4); translate: var(--tw-translate-x) var(--tw-translate-y); opacity: 1; } .sm\:size-6 { width: calc(var(--spacing) * 6); height: calc(var(--spacing) * 6); } .sm\:size-8 { width: calc(var(--spacing) * 8); height: calc(var(--spacing) * 8); } .sm\:size-10 { width: calc(var(--spacing) * 10); height: calc(var(--spacing) * 10); } .sm\:size-11 { width: calc(var(--spacing) * 11); height: calc(var(--spacing) * 11); } .sm\:size-12 { width: calc(var(--spacing) * 12); height: calc(var(--spacing) * 12); } .sm\:size-14 { width: calc(var(--spacing) * 14); height: calc(var(--spacing) * 14); } .sm\:size-16 { width: calc(var(--spacing) * 16); height: calc(var(--spacing) * 16); } .sm\:size-\[60px\] { width: 60px; height: 60px; } .sm\:size-\[75px\] { width: 75px; height: 75px; } .sm\:size-\[300px\] { width: 300px; height: 300px; } .sm\:size-\[400px\] { width: 400px; height: 400px; } .sm\:size-\[500px\] { width: 500px; height: 500px; } .sm\:size-\[550px\] { width: 550px; height: 550px; } .sm\:size-\[600px\] { width: 600px; height: 600px; } .sm\:size-\[900px\] { width: 900px; height: 900px; } .sm\:size-\[1000px\] { width: 1000px; height: 1000px; } .sm\:size-\[1060px\] { width: 1060px; height: 1060px; } .sm\:h-auto { height: auto; } .sm\:max-h-\[400px\] { max-height: 400px; } .sm\:min-h-\[288px\] { min-height: 288px; } .sm\:min-h-\[292px\] { min-height: 292px; } .sm\:w-1\/2 { width: 50%; } .sm\:w-2\/5 { width: 40%; } .sm\:w-3\/5 { width: 60%; } .sm\:w-\[28\%\] { width: 28%; } .sm\:w-\[45\%\] { width: 45%; } .sm\:w-\[55\%\] { width: 55%; } .sm\:w-\[80\%\] { width: 80%; } .sm\:w-\[172px\] { width: 172px; } .sm\:w-\[200px\] { width: 200px; } .sm\:w-\[298px\] { width: 298px; } .sm\:w-\[340px\] { width: 340px; } .sm\:w-\[450px\] { width: 450px; } .sm\:w-\[640px\] { width: 640px; } .sm\:w-auto { width: auto; } .sm\:w-full { width: 100%; } .sm\:max-w-\[60\%\] { max-width: 60%; } .sm\:max-w-\[150px\] { max-width: 150px; } .sm\:max-w-\[200px\] { max-width: 200px; } .sm\:max-w-\[228px\] { max-width: 228px; } .sm\:max-w-\[240px\] { max-width: 240px; } .sm\:max-w-\[288px\] { max-width: 288px; } .sm\:max-w-\[300px\] { max-width: 300px; } .sm\:max-w-\[310px\] { max-width: 310px; } .sm\:max-w-\[320px\] { max-width: 320px; } .sm\:max-w-\[324px\] { max-width: 324px; } .sm\:max-w-\[333px\] { max-width: 333px; } .sm\:max-w-\[340px\] { max-width: 340px; } .sm\:max-w-\[345px\] { max-width: 345px; } .sm\:max-w-\[350px\] { max-width: 350px; } .sm\:max-w-\[358px\] { max-width: 358px; } .sm\:max-w-\[380px\] { max-width: 380px; } .sm\:max-w-\[389px\] { max-width: 389px; } .sm\:max-w-\[393px\] { max-width: 393px; } .sm\:max-w-\[400px\] { max-width: 400px; } .sm\:max-w-\[403px\] { max-width: 403px; } .sm\:max-w-\[440px\] { max-width: 440px; } .sm\:max-w-\[450px\] { max-width: 450px; } .sm\:max-w-\[462px\] { max-width: 462px; } .sm\:max-w-\[467px\] { max-width: 467px; } .sm\:max-w-\[481px\] { max-width: 481px; } .sm\:max-w-\[483px\] { max-width: 483px; } .sm\:max-w-\[500px\] { max-width: 500px; } .sm\:max-w-\[510px\] { max-width: 510px; } .sm\:max-w-\[518px\] { max-width: 518px; } .sm\:max-w-\[520px\] { max-width: 520px; } .sm\:max-w-\[540px\] { max-width: 540px; } .sm\:max-w-\[550px\] { max-width: 550px; } .sm\:max-w-\[560px\] { max-width: 560px; } .sm\:max-w-\[580px\] { max-width: 580px; } .sm\:max-w-\[596px\] { max-width: 596px; } .sm\:max-w-\[600px\] { max-width: 600px; } .sm\:max-w-\[629px\] { max-width: 629px; } .sm\:max-w-\[850px\] { max-width: 850px; } .sm\:max-w-full { max-width: 100%; } .sm\:min-w-\[340px\] { min-width: 340px; } .sm\:min-w-\[358px\] { min-width: 358px; } .sm\:min-w-\[360px\] { min-width: 360px; } .sm\:min-w-\[400px\] { min-width: 400px; } .sm\:min-w-md { min-width: var(--container-md); } .sm\:flex-1 { flex: 1; } .sm\:flex-1\/2 { flex: 50%; } .sm\:basis-\[562px\] { flex-basis: 562px; } .sm\:-rotate-\[30deg\] { rotate: -30deg; } .sm\:-rotate-\[260deg\] { rotate: -260deg; } .sm\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sm\:flex-col { flex-direction: column; } .sm\:flex-row { flex-direction: row; } .sm\:flex-nowrap { flex-wrap: nowrap; } .sm\:items-center { align-items: center; } .sm\:items-start { align-items: flex-start; } .sm\:justify-between { justify-content: space-between; } .sm\:justify-center { justify-content: center; } .sm\:justify-start { justify-content: flex-start; } .sm\:gap-0 { gap: calc(var(--spacing) * 0); } .sm\:gap-2\.5 { gap: calc(var(--spacing) * 2.5); } .sm\:gap-3 { gap: calc(var(--spacing) * 3); } .sm\:gap-4 { gap: calc(var(--spacing) * 4); } .sm\:gap-5 { gap: calc(var(--spacing) * 5); } .sm\:gap-6 { gap: calc(var(--spacing) * 6); } .sm\:gap-8 { gap: calc(var(--spacing) * 8); } .sm\:gap-12 { gap: calc(var(--spacing) * 12); } .sm\:gap-\[22px\] { gap: 22px; } .sm\:gap-\[42px\] { gap: 42px; } .sm\:gap-\[200px\] { gap: 200px; } :where(.sm\:space-y-2 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse))); } :where(.sm\: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))); } :where(.sm\:space-y-4 > :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(.sm\:space-y-5 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse))); } :where(.sm\:space-y-6 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse))); } :where(.sm\:space-y-7 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 7) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 7) * calc(1 - var(--tw-space-y-reverse))); } :where(.sm\:space-y-8 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse))); } :where(.sm\:space-y-10 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse))); } :where(.sm\:space-y-16 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 16) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 16) * calc(1 - var(--tw-space-y-reverse))); } :where(.sm\:space-y-20 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 20) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 20) * calc(1 - var(--tw-space-y-reverse))); } :where(.sm\:space-y-\[50px\] > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(50px * var(--tw-space-y-reverse)); margin-block-end: calc(50px * calc(1 - var(--tw-space-y-reverse))); } :where(.sm\:space-y-\[70px\] > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(70px * var(--tw-space-y-reverse)); margin-block-end: calc(70px * calc(1 - var(--tw-space-y-reverse))); } .sm\:gap-x-2\.5 { column-gap: calc(var(--spacing) * 2.5); } .sm\:gap-x-3 { column-gap: calc(var(--spacing) * 3); } .sm\:gap-x-4 { column-gap: calc(var(--spacing) * 4); } .sm\:gap-x-6 { column-gap: calc(var(--spacing) * 6); } .sm\:gap-x-8 { column-gap: calc(var(--spacing) * 8); } .sm\:gap-x-\[42px\] { column-gap: 42px; } :where(.sm\:-space-x-3\.5 > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * -3.5) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * -3.5) * calc(1 - var(--tw-space-x-reverse))); } .sm\:gap-y-0 { row-gap: calc(var(--spacing) * 0); } .sm\:gap-y-4 { row-gap: calc(var(--spacing) * 4); } .sm\:gap-y-5 { row-gap: calc(var(--spacing) * 5); } .sm\:gap-y-10 { row-gap: calc(var(--spacing) * 10); } .sm\:gap-y-16 { row-gap: calc(var(--spacing) * 16); } .sm\:gap-y-24 { row-gap: calc(var(--spacing) * 24); } .sm\:rounded-2xl { border-radius: var(--radius-2xl); } .sm\:rounded-3xl { border-radius: var(--radius-3xl); } .sm\:rounded-\[20px\] { border-radius: 20px; } .sm\:rounded-\[32px\] { border-radius: 32px; } .sm\:border { border-style: var(--tw-border-style); border-width: 1px; } .sm\:border-\[10px\] { border-style: var(--tw-border-style); border-width: 10px; } .sm\:border-\[12px\] { border-style: var(--tw-border-style); border-width: 12px; } .sm\:bg-background-2 { background-color: var(--color-background-2); } .sm\:bg-\[url\(\'\/images\/authentication\/auth-bg\.jpg\'\)\] { background-image: url("../images/authentication/auth-bg.jpg"); } .sm\:object-cover { object-fit: cover; } .sm\:p-0 { padding: calc(var(--spacing) * 0); } .sm\:p-6 { padding: calc(var(--spacing) * 6); } .sm\:p-8 { padding: calc(var(--spacing) * 8); } .sm\:p-10 { padding: calc(var(--spacing) * 10); } .sm\:p-11 { padding: calc(var(--spacing) * 11); } .sm\:p-20 { padding: calc(var(--spacing) * 20); } .sm\:p-\[42px\] { padding: 42px; } .sm\:p-\[70px\] { padding: 70px; } .sm\:px-0 { padding-inline: calc(var(--spacing) * 0); } .sm\:px-2\.5 { padding-inline: calc(var(--spacing) * 2.5); } .sm\:px-3\.5 { padding-inline: calc(var(--spacing) * 3.5); } .sm\:px-4 { padding-inline: calc(var(--spacing) * 4); } .sm\:px-5 { padding-inline: calc(var(--spacing) * 5); } .sm\:px-7 { padding-inline: calc(var(--spacing) * 7); } .sm\:px-8 { padding-inline: calc(var(--spacing) * 8); } .sm\:px-10 { padding-inline: calc(var(--spacing) * 10); } .sm\:px-12 { padding-inline: calc(var(--spacing) * 12); } .sm\:px-14 { padding-inline: calc(var(--spacing) * 14); } .sm\:px-16 { padding-inline: calc(var(--spacing) * 16); } .sm\:px-\[29px\] { padding-inline: 29px; } .sm\:px-\[34px\] { padding-inline: 34px; } .sm\:px-\[60px\] { padding-inline: 60px; } .sm\:py-3 { padding-block: calc(var(--spacing) * 3); } .sm\:py-6 { padding-block: calc(var(--spacing) * 6); } .sm\:py-8 { padding-block: calc(var(--spacing) * 8); } .sm\:py-10 { padding-block: calc(var(--spacing) * 10); } .sm\:py-14 { padding-block: calc(var(--spacing) * 14); } .sm\:py-16 { padding-block: calc(var(--spacing) * 16); } .sm\:py-20 { padding-block: calc(var(--spacing) * 20); } .sm\:py-24 { padding-block: calc(var(--spacing) * 24); } .sm\:py-\[35px\] { padding-block: 35px; } .sm\:py-\[100px\] { padding-block: 100px; } .sm\:py-\[120px\] { padding-block: 120px; } .sm\:pt-6 { padding-top: calc(var(--spacing) * 6); } .sm\:pt-8 { padding-top: calc(var(--spacing) * 8); } .sm\:pt-14 { padding-top: calc(var(--spacing) * 14); } .sm\:pt-16 { padding-top: calc(var(--spacing) * 16); } .sm\:pt-24 { padding-top: calc(var(--spacing) * 24); } .sm\:pt-28 { padding-top: calc(var(--spacing) * 28); } .sm\:pt-36 { padding-top: calc(var(--spacing) * 36); } .sm\:pt-\[100px\] { padding-top: 100px; } .sm\:pt-\[150px\] { padding-top: 150px; } .sm\:pt-\[160px\] { padding-top: 160px; } .sm\:pt-\[170px\] { padding-top: 170px; } .sm\:pt-\[190px\] { padding-top: 190px; } .sm\:pt-\[230px\] { padding-top: 230px; } .sm\:pt-\[280px\] { padding-top: 280px; } .sm\:pr-8 { padding-right: calc(var(--spacing) * 8); } .sm\:pb-0 { padding-bottom: calc(var(--spacing) * 0); } .sm\:pb-8 { padding-bottom: calc(var(--spacing) * 8); } .sm\:pb-10 { padding-bottom: calc(var(--spacing) * 10); } .sm\:pb-14 { padding-bottom: calc(var(--spacing) * 14); } .sm\:pb-20 { padding-bottom: calc(var(--spacing) * 20); } .sm\:pb-28 { padding-bottom: calc(var(--spacing) * 28); } .sm\:pb-36 { padding-bottom: calc(var(--spacing) * 36); } .sm\:pb-\[100px\] { padding-bottom: 100px; } .sm\:pl-10 { padding-left: calc(var(--spacing) * 10); } .sm\:text-center { text-align: center; } .sm\:text-left { text-align: left; } .sm\:text-right { text-align: right; } .sm\:text-heading-4 { font-size: var(--text-heading-4); line-height: var(--tw-leading, var(--text-heading-4--line-height)); } .sm\:text-heading-5 { font-size: var(--text-heading-5); line-height: var(--tw-leading, var(--text-heading-5--line-height)); } .sm\:text-heading-6 { font-size: var(--text-heading-6); line-height: var(--tw-leading, var(--text-heading-6--line-height)); } .sm\:text-lg { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } .sm\:text-tagline-1 { font-size: var(--text-tagline-1); line-height: var(--tw-leading, var(--text-tagline-1--line-height)); } .sm\:text-tagline-2 { font-size: var(--text-tagline-2); line-height: var(--tw-leading, var(--text-tagline-2--line-height)); } .sm\:text-\[36px\] { font-size: 36px; } .sm\:text-\[52px\] { font-size: 52px; } .sm\:font-medium { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } @media (min-width: 40rem) { .sm\:sm\:font-medium { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } } .sm\:after\:absolute:after { content: var(--tw-content); position: absolute; } .sm\:after\:z-40:after { content: var(--tw-content); z-index: 40; } .sm\:after\:h-\[504px\]:after { content: var(--tw-content); height: 504px; } .sm\:after\:w-\[641px\]:after { content: var(--tw-content); width: 641px; } .sm\:after\:content-\[\'\'\]:after { content: var(--tw-content); --tw-content: ""; content: var(--tw-content); } } @media (min-width: 48rem) { .md\:absolute { position: absolute; } .md\:-top-28 { top: calc(var(--spacing) * -28); } .md\:-top-\[30\%\] { top: -30%; } .md\:-top-\[35\%\] { top: -35%; } .md\:-top-\[40\%\] { top: -40%; } .md\:-top-\[47\%\] { top: -47%; } .md\:-top-\[65\%\] { top: -65%; } .md\:-top-\[66\%\] { top: -66%; } .md\:-top-\[70\%\] { top: -70%; } .md\:-top-\[73\%\] { top: -73%; } .md\:-top-\[78\%\] { top: -78%; } .md\:-top-\[80\%\] { top: -80%; } .md\:-top-\[80px\] { top: -80px; } .md\:-top-\[84\%\] { top: -84%; } .md\:-top-\[85\%\] { top: -85%; } .md\:-top-\[98\%\] { top: -98%; } .md\:-top-\[100\%\] { top: -100%; } .md\:-top-\[100px\] { top: -100px; } .md\:-top-\[110\%\] { top: -110%; } .md\:-top-\[112\%\] { top: -112%; } .md\:-top-\[117\%\] { top: -117%; } .md\:-top-\[130\%\] { top: -130%; } .md\:-top-\[190\%\] { top: -190%; } .md\:-top-\[190px\] { top: -190px; } .md\:-top-\[300\%\] { top: -300%; } .md\:-top-\[1070px\] { top: -1070px; } .md\:top-0 { top: calc(var(--spacing) * 0); } .md\:top-5 { top: calc(var(--spacing) * 5); } .md\:top-\[-6px\] { top: -6px; } .md\:top-\[-17\%\] { top: -17%; } .md\:top-\[-19\%\] { top: -19%; } .md\:top-\[-21\%\] { top: -21%; } .md\:top-\[-25\%\] { top: -25%; } .md\:top-\[-27\%\] { top: -27%; } .md\:top-\[-40\%\] { top: -40%; } .md\:top-\[-76\%\] { top: -76%; } .md\:top-\[-77\%\] { top: -77%; } .md\:top-\[-97\%\] { top: -97%; } .md\:top-\[-99\%\] { top: -99%; } .md\:top-\[-111\%\] { top: -111%; } .md\:top-\[-113px\] { top: -113px; } .md\:top-\[-118px\] { top: -118px; } .md\:top-\[-120\%\] { top: -120%; } .md\:top-\[-195px\] { top: -195px; } .md\:top-\[-320px\] { top: -320px; } .md\:top-\[-354px\] { top: -354px; } .md\:top-\[-370px\] { top: -370px; } .md\:top-\[-379px\] { top: -379px; } .md\:top-\[-381px\] { top: -381px; } .md\:top-\[-485px\] { top: -485px; } .md\:top-\[9\%\] { top: 9%; } .md\:top-\[10\%\] { top: 10%; } .md\:top-\[11\%\] { top: 11%; } .md\:top-\[14\%\] { top: 14%; } .md\:top-\[15\%\] { top: 15%; } .md\:top-\[16\%\] { top: 16%; } .md\:top-\[18\%\] { top: 18%; } .md\:top-\[19\%\] { top: 19%; } .md\:top-\[20\%\] { top: 20%; } .md\:top-\[22\%\] { top: 22%; } .md\:top-\[23\%\] { top: 23%; } .md\:top-\[27\%\] { top: 27%; } .md\:top-\[29\%\] { top: 29%; } .md\:top-\[30\%\] { top: 30%; } .md\:top-\[32\%\] { top: 32%; } .md\:top-\[32px\] { top: 32px; } .md\:top-\[34\%\] { top: 34%; } .md\:top-\[38\%\] { top: 38%; } .md\:top-\[42\%\] { top: 42%; } .md\:top-\[43\%\] { top: 43%; } .md\:top-\[48px\] { top: 48px; } .md\:top-\[52px\] { top: 52px; } .md\:top-\[58\%\] { top: 58%; } .md\:top-\[73px\] { top: 73px; } .md\:top-\[77\%\] { top: 77%; } .md\:top-\[105px\] { top: 105px; } .md\:top-\[128px\] { top: 128px; } .md\:top-\[200px\] { top: 200px; } .md\:top-\[271px\] { top: 271px; } .md\:top-\[287px\] { top: 287px; } .md\:top-\[366px\] { top: 366px; } .md\:-right-0\.5 { right: calc(var(--spacing) * -.5); } .md\:-right-\[4\%\] { right: -4%; } .md\:-right-\[20\%\] { right: -20%; } .md\:-right-\[28\%\] { right: -28%; } .md\:-right-\[36\%\] { right: -36%; } .md\:-right-\[37\%\] { right: -37%; } .md\:-right-\[39\%\] { right: -39%; } .md\:-right-\[50\%\] { right: -50%; } .md\:-right-\[70\%\] { right: -70%; } .md\:-right-\[78\%\] { right: -78%; } .md\:-right-\[80\%\] { right: -80%; } .md\:-right-\[88\%\] { right: -88%; } .md\:-right-\[94\%\] { right: -94%; } .md\:-right-\[99\%\] { right: -99%; } .md\:-right-\[104\%\] { right: -104%; } .md\:-right-\[130px\] { right: -130px; } .md\:-right-\[135\%\] { right: -135%; } .md\:-right-\[150px\] { right: -150px; } .md\:right-0 { right: calc(var(--spacing) * 0); } .md\:right-\[-30\%\] { right: -30%; } .md\:right-\[-33\%\] { right: -33%; } .md\:right-\[-49px\] { right: -49px; } .md\:right-\[-83\%\] { right: -83%; } .md\:right-\[-85px\] { right: -85px; } .md\:right-\[-149px\] { right: -149px; } .md\:right-\[-188px\] { right: -188px; } .md\:right-\[-207px\] { right: -207px; } .md\:right-\[-247px\] { right: -247px; } .md\:right-\[-313px\] { right: -313px; } .md\:right-\[-322px\] { right: -322px; } .md\:right-\[-693px\] { right: -693px; } .md\:right-\[3\%\] { right: 3%; } .md\:right-\[4\%\] { right: 4%; } .md\:right-\[5\%\] { right: 5%; } .md\:right-\[8\%\] { right: 8%; } .md\:right-\[10\%\] { right: 10%; } .md\:right-\[12\%\] { right: 12%; } .md\:right-\[12px\] { right: 12px; } .md\:right-\[20\%\] { right: 20%; } .md\:right-\[25\%\] { right: 25%; } .md\:right-\[37px\] { right: 37px; } .md\:right-\[67px\] { right: 67px; } .md\:right-\[103px\] { right: 103px; } .md\:right-\[104px\] { right: 104px; } .md\:right-\[117px\] { right: 117px; } .md\:-bottom-16 { bottom: calc(var(--spacing) * -16); } .md\:-bottom-\[20\%\] { bottom: -20%; } .md\:-bottom-\[25\%\] { bottom: -25%; } .md\:-bottom-\[80px\] { bottom: -80px; } .md\:-bottom-\[250px\] { bottom: -250px; } .md\:bottom-0 { bottom: calc(var(--spacing) * 0); } .md\:bottom-1\/12 { bottom: 8.33333%; } .md\:bottom-7 { bottom: calc(var(--spacing) * 7); } .md\:bottom-8 { bottom: calc(var(--spacing) * 8); } .md\:bottom-\[-40px\] { bottom: -40px; } .md\:bottom-\[-60\%\] { bottom: -60%; } .md\:bottom-\[-112\%\] { bottom: -112%; } .md\:bottom-\[-445px\] { bottom: -445px; } .md\:bottom-\[10\%\] { bottom: 10%; } .md\:bottom-\[15\%\] { bottom: 15%; } .md\:bottom-\[18\%\] { bottom: 18%; } .md\:bottom-\[32\%\] { bottom: 32%; } .md\:bottom-\[34\%\] { bottom: 34%; } .md\:bottom-\[67\%\] { bottom: 67%; } .md\:-left-5 { left: calc(var(--spacing) * -5); } .md\:-left-\[19\%\] { left: -19%; } .md\:-left-\[30\%\] { left: -30%; } .md\:-left-\[34\%\] { left: -34%; } .md\:-left-\[35\%\] { left: -35%; } .md\:-left-\[37\%\] { left: -37%; } .md\:-left-\[59\%\] { left: -59%; } .md\:-left-\[68\%\] { left: -68%; } .md\:-left-\[79\%\] { left: -79%; } .md\:-left-\[88\%\] { left: -88%; } .md\:-left-\[100px\] { left: -100px; } .md\:-left-\[190px\] { left: -190px; } .md\:left-0 { left: calc(var(--spacing) * 0); } .md\:left-6 { left: calc(var(--spacing) * 6); } .md\:left-20 { left: calc(var(--spacing) * 20); } .md\:left-28 { left: calc(var(--spacing) * 28); } .md\:left-\[-20\%\] { left: -20%; } .md\:left-\[-42\%\] { left: -42%; } .md\:left-\[-52\%\] { left: -52%; } .md\:left-\[-60\%\] { left: -60%; } .md\:left-\[-73\%\] { left: -73%; } .md\:left-\[-99\%\] { left: -99%; } .md\:left-\[-103\%\] { left: -103%; } .md\:left-\[0\%\] { left: 0%; } .md\:left-\[1\%\] { left: 1%; } .md\:left-\[3\%\] { left: 3%; } .md\:left-\[4\%\] { left: 4%; } .md\:left-\[5\%\] { left: 5%; } .md\:left-\[8\%\] { left: 8%; } .md\:left-\[8\.4\%\] { left: 8.4%; } .md\:left-\[9px\] { left: 9px; } .md\:left-\[10px\] { left: 10px; } .md\:left-\[16\%\] { left: 16%; } .md\:left-\[19\%\] { left: 19%; } .md\:left-\[23px\] { left: 23px; } .md\:left-\[28px\] { left: 28px; } .md\:left-\[32\%\] { left: 32%; } .md\:left-\[41px\] { left: 41px; } .md\:left-\[60\%\] { left: 60%; } .md\:left-\[62\%\] { left: 62%; } .md\:left-\[82\%\] { left: 82%; } .md\:left-\[160px\] { left: 160px; } .md\:left-\[210px\] { left: 210px; } .md\:left-\[530px\] { left: 530px; } .md\:order-none { order: 0; } .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-12 { grid-column: span 12 / span 12; } .md\:col-start-4 { grid-column-start: 4; } .md\:mx-0 { margin-inline: calc(var(--spacing) * 0); } .md\:mx-10 { margin-inline: calc(var(--spacing) * 10); } .md\:mx-auto { margin-inline: auto; } .md\:my-2 { margin-block: calc(var(--spacing) * 2); } .md\:my-20 { margin-block: calc(var(--spacing) * 20); } .md\:my-\[70px\] { margin-block: 70px; } .md\:ms-5 { margin-inline-start: calc(var(--spacing) * 5); } .md\:ms-16 { margin-inline-start: calc(var(--spacing) * 16); } .md\:ms-\[420px\] { margin-inline-start: 420px; } .md\:me-5 { margin-inline-end: calc(var(--spacing) * 5); } .md\:-mt-36 { margin-top: calc(var(--spacing) * -36); } .md\:-mt-72 { margin-top: calc(var(--spacing) * -72); } .md\:mt-4 { margin-top: calc(var(--spacing) * 4); } .md\:mt-12 { margin-top: calc(var(--spacing) * 12); } .md\:mt-14 { margin-top: calc(var(--spacing) * 14); } .md\:mt-20 { margin-top: calc(var(--spacing) * 20); } .md\:mt-\[30px\] { margin-top: 30px; } .md\:mt-\[54px\] { margin-top: 54px; } .md\:mt-\[62px\] { margin-top: 62px; } .md\:mt-\[70px\] { margin-top: 70px; } .md\:mt-\[72px\] { margin-top: 72px; } .md\:mt-\[124px\] { margin-top: 124px; } .md\:mt-\[150px\] { margin-top: 150px; } .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-\[70px\] { margin-bottom: -70px; } .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-7 { margin-bottom: calc(var(--spacing) * 7); } .md\:mb-8 { margin-bottom: calc(var(--spacing) * 8); } .md\:mb-10 { margin-bottom: calc(var(--spacing) * 10); } .md\:mb-11 { margin-bottom: calc(var(--spacing) * 11); } .md\:mb-14 { margin-bottom: calc(var(--spacing) * 14); } .md\:mb-16 { margin-bottom: calc(var(--spacing) * 16); } .md\:mb-20 { margin-bottom: calc(var(--spacing) * 20); } .md\:mb-\[52px\] { margin-bottom: 52px; } .md\:mb-\[70px\] { margin-bottom: 70px; } .md\:mb-\[72px\] { margin-bottom: 72px; } .md\:mb-\[100px\] { margin-bottom: 100px; } .md\:ml-0 { margin-left: calc(var(--spacing) * 0); } .md\:ml-8 { margin-left: calc(var(--spacing) * 8); } .md\:ml-\[42px\] { margin-left: 42px; } .md\:ml-\[100px\] { margin-left: 100px; } .md\:ml-\[390px\] { margin-left: 390px; } .md\:block { display: block; } .md\:flex { display: flex; } .md\:grid { display: grid; } .md\:hidden { display: none; } .md\:inline-block { display: inline-block; } .md\:btn-xl { padding-inline: calc(var(--spacing) * 8); padding-block: calc(var(--spacing) * 3.5); font-size: var(--text-tagline-1); line-height: var(--tw-leading, var(--text-tagline-1--line-height)); } .md\:btn-xl:hover:before { width: calc(var(--spacing) * 3); height: calc(var(--spacing) * 3); --tw-translate-x: calc(var(--spacing) * -4); translate: var(--tw-translate-x) var(--tw-translate-y); opacity: 1; } .md\:size-9 { width: calc(var(--spacing) * 9); height: calc(var(--spacing) * 9); } .md\:size-11 { width: calc(var(--spacing) * 11); height: calc(var(--spacing) * 11); } .md\:size-20 { width: calc(var(--spacing) * 20); height: calc(var(--spacing) * 20); } .md\:size-\[72px\] { width: 72px; height: 72px; } .md\:size-\[84px\] { width: 84px; height: 84px; } .md\:size-\[100px\] { width: 100px; height: 100px; } .md\:size-\[120px\] { width: 120px; height: 120px; } .md\:size-\[140px\] { width: 140px; height: 140px; } .md\:size-\[300px\] { width: 300px; height: 300px; } .md\:size-\[600px\] { width: 600px; height: 600px; } .md\:size-\[650px\] { width: 650px; height: 650px; } .md\:size-\[800px\] { width: 800px; height: 800px; } .md\:size-\[870px\] { width: 870px; height: 870px; } .md\:size-\[900px\] { width: 900px; height: 900px; } .md\:size-\[1000px\] { width: 1000px; height: 1000px; } .md\:size-\[1050px\] { width: 1050px; height: 1050px; } .md\:size-\[1220px\] { width: 1220px; height: 1220px; } .md\:h-11 { height: calc(var(--spacing) * 11); } .md\:h-\[74px\] { height: 74px; } .md\:h-\[84px\] { height: 84px; } .md\:h-\[91px\] { height: 91px; } .md\:h-\[115px\] { height: 115px; } .md\:h-\[195px\] { height: 195px; } .md\:h-\[200px\] { height: 200px; } .md\:h-\[260px\] { height: 260px; } .md\:h-\[598px\] { height: 598px; } .md\:max-h-\[260px\] { max-height: 260px; } .md\:max-h-\[280px\] { max-height: 280px; } .md\:max-h-\[300px\] { max-height: 300px; } .md\:max-h-\[315px\] { max-height: 315px; } .md\:max-h-\[319px\] { max-height: 319px; } .md\:max-h-\[408px\] { max-height: 408px; } .md\:max-h-\[450px\] { max-height: 450px; } .md\:min-h-\[226px\] { min-height: 226px; } .md\:min-h-\[260px\] { min-height: 260px; } .md\:min-h-\[288px\] { min-height: 288px; } .md\:min-h-\[300px\] { min-height: 300px; } .md\:min-h-\[315px\] { min-height: 315px; } .md\:min-h-\[340px\] { min-height: 340px; } .md\:min-h-\[408px\] { min-height: 408px; } .md\:min-h-\[438px\] { min-height: 438px; } .md\:min-h-\[450px\] { min-height: 450px; } .md\:min-h-\[552px\] { min-height: 552px; } .md\:min-h-\[740px\] { min-height: 740px; } .md\:w-1\/2 { width: 50%; } .md\:w-36 { width: calc(var(--spacing) * 36); } .md\:w-\[15\%\] { width: 15%; } .md\:w-\[20\%\] { width: 20%; } .md\:w-\[28\%\] { width: 28%; } .md\:w-\[40\%\] { width: 40%; } .md\:w-\[55\%\] { width: 55%; } .md\:w-\[60\%\] { width: 60%; } .md\:w-\[71\%\] { width: 71%; } .md\:w-\[74px\] { width: 74px; } .md\:w-\[80\%\] { width: 80%; } .md\:w-\[84px\] { width: 84px; } .md\:w-\[92px\] { width: 92px; } .md\:w-\[95\%\] { width: 95%; } .md\:w-\[103px\] { width: 103px; } .md\:w-\[105px\] { width: 105px; } .md\:w-\[120\%\] { width: 120%; } .md\:w-\[131px\] { width: 131px; } .md\:w-\[140px\] { width: 140px; } .md\:w-\[148px\] { width: 148px; } .md\:w-\[179px\] { width: 179px; } .md\:w-\[200px\] { width: 200px; } .md\:w-\[201px\] { width: 201px; } .md\:w-\[250px\] { width: 250px; } .md\:w-\[253px\] { width: 253px; } .md\:w-\[288px\] { width: 288px; } .md\:w-\[290px\] { width: 290px; } .md\:w-\[300px\] { width: 300px; } .md\:w-\[315px\] { width: 315px; } .md\:w-\[357px\] { width: 357px; } .md\:w-\[382px\] { width: 382px; } .md\:w-\[395px\] { width: 395px; } .md\:w-\[430px\] { width: 430px; } .md\:w-\[450px\] { width: 450px; } .md\:w-\[459px\] { width: 459px; } .md\:w-\[500px\] { width: 500px; } .md\:w-\[550px\] { width: 550px; } .md\:w-\[768px\] { width: 768px; } .md\:w-\[900px\] { width: 900px; } .md\:w-\[950px\] { width: 950px; } .md\:w-\[1030px\] { width: 1030px; } .md\:w-auto { width: auto; } .md\:w-full { width: 100%; } .md\:max-w-5xl { max-width: var(--container-5xl); } .md\:max-w-\[50\%\] { max-width: 50%; } .md\:max-w-\[65\%\] { max-width: 65%; } .md\:max-w-\[90\%\] { max-width: 90%; } .md\:max-w-\[119px\] { max-width: 119px; } .md\:max-w-\[130px\] { max-width: 130px; } .md\:max-w-\[153px\] { max-width: 153px; } .md\:max-w-\[170px\] { max-width: 170px; } .md\:max-w-\[180px\] { max-width: 180px; } .md\:max-w-\[200px\] { max-width: 200px; } .md\:max-w-\[208px\] { max-width: 208px; } .md\:max-w-\[227px\] { max-width: 227px; } .md\:max-w-\[229px\] { max-width: 229px; } .md\:max-w-\[240px\] { max-width: 240px; } .md\:max-w-\[245px\] { max-width: 245px; } .md\:max-w-\[250px\] { max-width: 250px; } .md\:max-w-\[252px\] { max-width: 252px; } .md\:max-w-\[253px\] { max-width: 253px; } .md\:max-w-\[257px\] { max-width: 257px; } .md\:max-w-\[260px\] { max-width: 260px; } .md\:max-w-\[261px\] { max-width: 261px; } .md\:max-w-\[265px\] { max-width: 265px; } .md\:max-w-\[270px\] { max-width: 270px; } .md\:max-w-\[272px\] { max-width: 272px; } .md\:max-w-\[280px\] { max-width: 280px; } .md\:max-w-\[288px\] { max-width: 288px; } .md\:max-w-\[300px\] { max-width: 300px; } .md\:max-w-\[302px\] { max-width: 302px; } .md\:max-w-\[310px\] { max-width: 310px; } .md\:max-w-\[320px\] { max-width: 320px; } .md\:max-w-\[325px\] { max-width: 325px; } .md\:max-w-\[340px\] { max-width: 340px; } .md\:max-w-\[345px\] { max-width: 345px; } .md\:max-w-\[350px\] { max-width: 350px; } .md\:max-w-\[358px\] { max-width: 358px; } .md\:max-w-\[360px\] { max-width: 360px; } .md\:max-w-\[364px\] { max-width: 364px; } .md\:max-w-\[371px\] { max-width: 371px; } .md\:max-w-\[376px\] { max-width: 376px; } .md\:max-w-\[382px\] { max-width: 382px; } .md\:max-w-\[393px\] { max-width: 393px; } .md\:max-w-\[395px\] { max-width: 395px; } .md\:max-w-\[400px\] { max-width: 400px; } .md\:max-w-\[403px\] { max-width: 403px; } .md\:max-w-\[405px\] { max-width: 405px; } .md\:max-w-\[408px\] { max-width: 408px; } .md\:max-w-\[410px\] { max-width: 410px; } .md\:max-w-\[420px\] { max-width: 420px; } .md\:max-w-\[429px\] { max-width: 429px; } .md\:max-w-\[442px\] { max-width: 442px; } .md\:max-w-\[450px\] { max-width: 450px; } .md\:max-w-\[461px\] { max-width: 461px; } .md\:max-w-\[464px\] { max-width: 464px; } .md\:max-w-\[472px\] { max-width: 472px; } .md\:max-w-\[480px\] { max-width: 480px; } .md\:max-w-\[500px\] { max-width: 500px; } .md\:max-w-\[520px\] { max-width: 520px; } .md\:max-w-\[536px\] { max-width: 536px; } .md\:max-w-\[540px\] { max-width: 540px; } .md\:max-w-\[550px\] { max-width: 550px; } .md\:max-w-\[564px\] { max-width: 564px; } .md\:max-w-\[582px\] { max-width: 582px; } .md\:max-w-\[585px\] { max-width: 585px; } .md\:max-w-\[595px\] { max-width: 595px; } .md\:max-w-\[600px\] { max-width: 600px; } .md\:max-w-\[606px\] { max-width: 606px; } .md\:max-w-\[610px\] { max-width: 610px; } .md\:max-w-\[615px\] { max-width: 615px; } .md\:max-w-\[618px\] { max-width: 618px; } .md\:max-w-\[630px\] { max-width: 630px; } .md\:max-w-\[640px\] { max-width: 640px; } .md\:max-w-\[648px\] { max-width: 648px; } .md\:max-w-\[649px\] { max-width: 649px; } .md\:max-w-\[650px\] { max-width: 650px; } .md\:max-w-\[652px\] { max-width: 652px; } .md\:max-w-\[700px\] { max-width: 700px; } .md\:max-w-\[720px\] { max-width: 720px; } .md\:max-w-\[800px\] { max-width: 800px; } .md\:max-w-\[804px\] { max-width: 804px; } .md\:max-w-\[818px\] { max-width: 818px; } .md\:max-w-\[828px\] { max-width: 828px; } .md\:max-w-\[884px\] { max-width: 884px; } .md\:max-w-\[900px\] { max-width: 900px; } .md\:max-w-\[926px\] { max-width: 926px; } .md\:max-w-full { max-width: 100%; } .md\:min-w-\[67\%\] { min-width: 67%; } .md\:min-w-\[185px\] { min-width: 185px; } .md\:min-w-\[201px\] { min-width: 201px; } .md\:min-w-\[288px\] { min-width: 288px; } .md\:min-w-\[302px\] { min-width: 302px; } .md\:min-w-\[345px\] { min-width: 345px; } .md\:min-w-\[722px\] { min-width: 722px; } .md\:flex-1 { flex: 1; } .md\:flex-1\/2 { flex: 50%; } .md\:basis-1\/2 { flex-basis: 50%; } .md\:basis-\[562px\] { flex-basis: 562px; } .md\:-translate-y-\[47\%\] { --tw-translate-y: calc(47% * -1); 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-100 { --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y); } .md\:-rotate-\[130deg\] { rotate: -130deg; } .md\:rotate-8 { rotate: 8deg; } .md\:rotate-\[-11\.506deg\] { rotate: -11.506deg; } .md\:rotate-\[-13\.54deg\] { rotate: -13.54deg; } .md\:rotate-\[4\.292deg\] { rotate: 4.292deg; } .md\:rotate-\[6deg\] { rotate: 6deg; } .md\:rotate-\[14\.66deg\] { rotate: 14.66deg; } .md\:rotate-\[60deg\] { rotate: 60deg; } .md\:rotate-\[68deg\] { rotate: 68deg; } .md\:rotate-\[108deg\] { rotate: 108deg; } .md\:rotate-\[238deg\] { rotate: 238deg; } .md\:columns-2 { columns: 2; } .md\:grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .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\:flex-col { flex-direction: column; } .md\:flex-row { flex-direction: row; } .md\:flex-row-reverse { flex-direction: row-reverse; } .md\:flex-nowrap { flex-wrap: nowrap; } .md\:flex-wrap { flex-wrap: wrap; } .md\:items-center { align-items: center; } .md\:items-end { align-items: flex-end; } .md\:items-start { align-items: flex-start; } .md\:justify-between { justify-content: space-between; } .md\:justify-center { justify-content: center; } .md\:justify-end { justify-content: flex-end; } .md\:justify-start { justify-content: flex-start; } .md\:\!gap-6 { gap: calc(var(--spacing) * 6) !important; } .md\:gap-0 { gap: calc(var(--spacing) * 0); } .md\:gap-3 { gap: calc(var(--spacing) * 3); } .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-7 { gap: calc(var(--spacing) * 7); } .md\:gap-8 { gap: calc(var(--spacing) * 8); } .md\:gap-9 { gap: calc(var(--spacing) * 9); } .md\:gap-10 { gap: calc(var(--spacing) * 10); } .md\:gap-12 { gap: calc(var(--spacing) * 12); } .md\:gap-14 { gap: calc(var(--spacing) * 14); } .md\:gap-16 { gap: calc(var(--spacing) * 16); } .md\:gap-\[34px\] { gap: 34px; } .md\:gap-\[40px\] { gap: 40px; } .md\:gap-\[42px\] { gap: 42px; } .md\:gap-\[70px\] { gap: 70px; } :where(.md\:space-y-0 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse))); } :where(.md\:space-y-2 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse))); } :where(.md\: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))); } :where(.md\:space-y-3\.5 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 3.5) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 3.5) * calc(1 - var(--tw-space-y-reverse))); } :where(.md\:space-y-4 > :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(.md\:space-y-5 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse))); } :where(.md\:space-y-6 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse))); } :where(.md\:space-y-8 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse))); } :where(.md\:space-y-10 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse))); } :where(.md\:space-y-14 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 14) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 14) * calc(1 - var(--tw-space-y-reverse))); } :where(.md\:space-y-16 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 16) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 16) * calc(1 - var(--tw-space-y-reverse))); } :where(.md\:space-y-20 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 20) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 20) * calc(1 - var(--tw-space-y-reverse))); } :where(.md\:space-y-\[50px\] > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(50px * var(--tw-space-y-reverse)); margin-block-end: calc(50px * calc(1 - var(--tw-space-y-reverse))); } :where(.md\:space-y-\[70px\] > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(70px * var(--tw-space-y-reverse)); margin-block-end: calc(70px * calc(1 - var(--tw-space-y-reverse))); } :where(.md\:space-y-\[80px\] > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(80px * var(--tw-space-y-reverse)); margin-block-end: calc(80px * calc(1 - var(--tw-space-y-reverse))); } :where(.md\:space-y-\[100px\] > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(100px * var(--tw-space-y-reverse)); margin-block-end: calc(100px * calc(1 - var(--tw-space-y-reverse))); } :where(.md\:space-y-\[300px\] > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(300px * var(--tw-space-y-reverse)); margin-block-end: calc(300px * calc(1 - var(--tw-space-y-reverse))); } .md\:gap-x-3 { column-gap: calc(var(--spacing) * 3); } .md\:gap-x-4 { column-gap: calc(var(--spacing) * 4); } .md\:gap-x-6 { column-gap: calc(var(--spacing) * 6); } .md\:gap-x-8 { column-gap: calc(var(--spacing) * 8); } .md\:gap-x-9 { column-gap: calc(var(--spacing) * 9); } .md\:gap-x-10 { column-gap: calc(var(--spacing) * 10); } .md\:gap-x-12 { column-gap: calc(var(--spacing) * 12); } .md\:gap-x-\[42px\] { column-gap: 42px; } .md\:gap-x-\[70px\] { column-gap: 70px; } .md\:gap-x-\[120px\] { column-gap: 120px; } .md\:gap-y-0 { row-gap: calc(var(--spacing) * 0); } .md\:gap-y-10 { row-gap: calc(var(--spacing) * 10); } .md\:gap-y-14 { row-gap: calc(var(--spacing) * 14); } .md\:gap-y-18 { row-gap: calc(var(--spacing) * 18); } .md\:gap-y-20 { row-gap: calc(var(--spacing) * 20); } .md\:gap-y-\[70px\] { row-gap: 70px; } .md\:self-end { align-self: flex-end; } .md\:self-start { align-self: flex-start; } .md\:rounded-2xl { border-radius: var(--radius-2xl); } .md\:rounded-3xl { border-radius: var(--radius-3xl); } .md\:rounded-4xl { border-radius: var(--radius-4xl); } .md\:rounded-\[20px\] { border-radius: 20px; } .md\:rounded-\[30px\] { border-radius: 30px; } .md\:rounded-\[32px\] { border-radius: 32px; } .md\:rounded-t-\[20px\] { border-top-left-radius: 20px; border-top-right-radius: 20px; } .md\:border-r { border-right-style: var(--tw-border-style); border-right-width: 1px; } .md\:border-b-0 { border-bottom-style: var(--tw-border-style); border-bottom-width: 0; } .md\:border-r-accent\/20 { border-right-color: #fcfcfc33; } @supports (color: color-mix(in lab, red, red)) { .md\:border-r-accent\/20 { border-right-color: color-mix(in oklab, var(--color-accent) 20%, transparent); } } .md\:bg-\[url\(\'\/images\/home-page-23\/feature-v3-bg\.png\'\)\] { background-image: url("../images/home-page-23/feature-v3-bg.png"); } .md\:bg-cover { background-size: cover; } .md\:bg-top-left { background-position: 0 0; } .md\:bg-no-repeat { background-repeat: no-repeat; } .md\:p-3 { padding: calc(var(--spacing) * 3); } .md\:p-4 { padding: calc(var(--spacing) * 4); } .md\:p-6 { padding: calc(var(--spacing) * 6); } .md\:p-8 { padding: calc(var(--spacing) * 8); } .md\:p-12 { padding: calc(var(--spacing) * 12); } .md\:p-14 { padding: calc(var(--spacing) * 14); } .md\:p-\[42px\] { padding: 42px; } .md\:px-0 { padding-inline: calc(var(--spacing) * 0); } .md\:px-3 { padding-inline: calc(var(--spacing) * 3); } .md\:px-4 { padding-inline: calc(var(--spacing) * 4); } .md\:px-6 { padding-inline: calc(var(--spacing) * 6); } .md\:px-7 { padding-inline: calc(var(--spacing) * 7); } .md\:px-8 { padding-inline: calc(var(--spacing) * 8); } .md\:px-10 { padding-inline: calc(var(--spacing) * 10); } .md\:px-11 { padding-inline: calc(var(--spacing) * 11); } .md\:px-12 { padding-inline: calc(var(--spacing) * 12); } .md\:px-14 { padding-inline: calc(var(--spacing) * 14); } .md\:px-\[42px\] { padding-inline: 42px; } .md\:px-\[67px\] { padding-inline: 67px; } .md\:px-\[75px\] { padding-inline: 75px; } .md\:py-2 { padding-block: calc(var(--spacing) * 2); } .md\:py-2\.5 { padding-block: calc(var(--spacing) * 2.5); } .md\:py-5 { padding-block: calc(var(--spacing) * 5); } .md\:py-6 { padding-block: calc(var(--spacing) * 6); } .md\:py-8 { padding-block: calc(var(--spacing) * 8); } .md\:py-10 { padding-block: calc(var(--spacing) * 10); } .md\:py-14 { padding-block: calc(var(--spacing) * 14); } .md\:py-16 { padding-block: calc(var(--spacing) * 16); } .md\:py-20 { padding-block: calc(var(--spacing) * 20); } .md\:py-28 { padding-block: calc(var(--spacing) * 28); } .md\:py-32 { padding-block: calc(var(--spacing) * 32); } .md\:py-36 { padding-block: calc(var(--spacing) * 36); } .md\:py-\[50px\] { padding-block: 50px; } .md\:py-\[70px\] { padding-block: 70px; } .md\:py-\[72px\] { padding-block: 72px; } .md\:py-\[75px\] { padding-block: 75px; } .md\:py-\[80px\] { padding-block: 80px; } .md\:py-\[90px\] { padding-block: 90px; } .md\:py-\[100px\] { padding-block: 100px; } .md\:py-\[120px\] { padding-block: 120px; } .md\:py-\[150px\] { padding-block: 150px; } .md\:py-\[200px\] { padding-block: 200px; } .md\:pt-6 { padding-top: calc(var(--spacing) * 6); } .md\:pt-8 { padding-top: calc(var(--spacing) * 8); } .md\:pt-10 { padding-top: calc(var(--spacing) * 10); } .md\:pt-16 { padding-top: calc(var(--spacing) * 16); } .md\:pt-20 { padding-top: calc(var(--spacing) * 20); } .md\:pt-24 { padding-top: calc(var(--spacing) * 24); } .md\:pt-28 { padding-top: calc(var(--spacing) * 28); } .md\:pt-32 { padding-top: calc(var(--spacing) * 32); } .md\:pt-36 { padding-top: calc(var(--spacing) * 36); } .md\:pt-40 { padding-top: calc(var(--spacing) * 40); } .md\:pt-42 { padding-top: calc(var(--spacing) * 42); } .md\:pt-\[75px\] { padding-top: 75px; } .md\:pt-\[80px\] { padding-top: 80px; } .md\:pt-\[85px\] { padding-top: 85px; } .md\:pt-\[90px\] { padding-top: 90px; } .md\:pt-\[100px\] { padding-top: 100px; } .md\:pt-\[120px\] { padding-top: 120px; } .md\:pt-\[130px\] { padding-top: 130px; } .md\:pt-\[150px\] { padding-top: 150px; } .md\:pt-\[160px\] { padding-top: 160px; } .md\:pt-\[180px\] { padding-top: 180px; } .md\:pt-\[190px\] { padding-top: 190px; } .md\:pt-\[200px\] { padding-top: 200px; } .md\:pt-\[206px\] { padding-top: 206px; } .md\:pt-\[210px\] { padding-top: 210px; } .md\:pr-2\.5 { padding-right: calc(var(--spacing) * 2.5); } .md\:pr-8 { padding-right: calc(var(--spacing) * 8); } .md\:pb-8 { padding-bottom: calc(var(--spacing) * 8); } .md\:pb-10 { padding-bottom: calc(var(--spacing) * 10); } .md\:pb-14 { padding-bottom: calc(var(--spacing) * 14); } .md\:pb-16 { padding-bottom: calc(var(--spacing) * 16); } .md\:pb-20 { padding-bottom: calc(var(--spacing) * 20); } .md\:pb-24 { padding-bottom: calc(var(--spacing) * 24); } .md\:pb-28 { padding-bottom: calc(var(--spacing) * 28); } .md\:pb-32 { padding-bottom: calc(var(--spacing) * 32); } .md\:pb-36 { padding-bottom: calc(var(--spacing) * 36); } .md\:pb-\[70px\] { padding-bottom: 70px; } .md\:pb-\[75px\] { padding-bottom: 75px; } .md\:pb-\[80px\] { padding-bottom: 80px; } .md\:pb-\[85px\] { padding-bottom: 85px; } .md\:pb-\[100px\] { padding-bottom: 100px; } .md\:pb-\[130px\] { padding-bottom: 130px; } .md\:pb-\[150px\] { padding-bottom: 150px; } .md\:pb-\[180px\] { padding-bottom: 180px; } .md\:pb-\[200px\] { padding-bottom: 200px; } .md\:pl-14 { padding-left: calc(var(--spacing) * 14); } .md\:pl-\[42px\] { padding-left: 42px; } .md\:text-center { text-align: center; } .md\:text-left { text-align: left; } .md\:text-right { text-align: right; } .md\:text-start { text-align: start; } .md\:text-heading-2 { font-size: var(--text-heading-2); line-height: var(--tw-leading, var(--text-heading-2--line-height)); } .md\:text-heading-3 { font-size: var(--text-heading-3); line-height: var(--tw-leading, var(--text-heading-3--line-height)); } .md\:text-heading-4 { font-size: var(--text-heading-4); line-height: var(--tw-leading, var(--text-heading-4--line-height)); } .md\:text-heading-5 { font-size: var(--text-heading-5); line-height: var(--tw-leading, var(--text-heading-5--line-height)); } .md\:text-heading-6 { font-size: var(--text-heading-6); line-height: var(--tw-leading, var(--text-heading-6--line-height)); } .md\:text-lg { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } .md\:text-tagline-1 { font-size: var(--text-tagline-1); line-height: var(--tw-leading, var(--text-tagline-1--line-height)); } .md\:text-tagline-2 { font-size: var(--text-tagline-2); line-height: var(--tw-leading, var(--text-tagline-2--line-height)); } .md\:text-\[36px\] { font-size: 36px; } .md\:text-\[52px\] { font-size: 52px; } .md\:text-\[120px\] { font-size: 120px; } .md\:leading-\[27px\] { --tw-leading: 27px; line-height: 27px; } .md\:font-medium { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } .md\:opacity-0 { opacity: 0; } .md\:not-last\:border-r-1:not(:last-child) { border-right-style: var(--tw-border-style); border-right-width: 1px; } .md\:not-last\:border-r-8:not(:last-child) { border-right-style: var(--tw-border-style); border-right-width: 8px; } } .before\:md\:top-1:before { content: var(--tw-content); } @media (min-width: 48rem) { .before\:md\:top-1:before { top: calc(var(--spacing) * 1); } } @media (min-width: 64rem) { .lg\:absolute { position: absolute; } .lg\:sticky { position: sticky; } .lg\:-top-4 { top: calc(var(--spacing) * -4); } .lg\:-top-40 { top: calc(var(--spacing) * -40); } .lg\:-top-\[1\.4\%\] { top: -1.4%; } .lg\:-top-\[5\%\] { top: -5%; } .lg\:-top-\[30\%\] { top: -30%; } .lg\:-top-\[35\%\] { top: -35%; } .lg\:-top-\[44\%\] { top: -44%; } .lg\:-top-\[49\%\] { top: -49%; } .lg\:-top-\[60\%\] { top: -60%; } .lg\:-top-\[63\%\] { top: -63%; } .lg\:-top-\[70\%\] { top: -70%; } .lg\:-top-\[71\%\] { top: -71%; } .lg\:-top-\[73\%\] { top: -73%; } .lg\:-top-\[75\%\] { top: -75%; } .lg\:-top-\[78\%\] { top: -78%; } .lg\:-top-\[80\%\] { top: -80%; } .lg\:-top-\[90\%\] { top: -90%; } .lg\:-top-\[108\%\] { top: -108%; } .lg\:-top-\[110px\] { top: -110px; } .lg\:-top-\[133\%\] { top: -133%; } .lg\:-top-\[150px\] { top: -150px; } .lg\:-top-\[155\%\] { top: -155%; } .lg\:-top-\[160px\] { top: -160px; } .lg\:-top-\[162\%\] { top: -162%; } .lg\:-top-\[170\%\] { top: -170%; } .lg\:-top-\[190\%\] { top: -190%; } .lg\:-top-\[200px\] { top: -200px; } .lg\:-top-\[570px\] { top: -570px; } .lg\:top-0 { top: calc(var(--spacing) * 0); } .lg\:top-2 { top: calc(var(--spacing) * 2); } .lg\:top-2\.5 { top: calc(var(--spacing) * 2.5); } .lg\:top-8 { top: calc(var(--spacing) * 8); } .lg\:top-10 { top: calc(var(--spacing) * 10); } .lg\:top-14 { top: calc(var(--spacing) * 14); } .lg\:top-16 { top: calc(var(--spacing) * 16); } .lg\:top-20 { top: calc(var(--spacing) * 20); } .lg\:top-28 { top: calc(var(--spacing) * 28); } .lg\:top-40 { top: calc(var(--spacing) * 40); } .lg\:top-\[-12px\] { top: -12px; } .lg\:top-\[-20\%\] { top: -20%; } .lg\:top-\[-28\%\] { top: -28%; } .lg\:top-\[-29\%\] { top: -29%; } .lg\:top-\[-32\%\] { top: -32%; } .lg\:top-\[-49\%\] { top: -49%; } .lg\:top-\[-57px\] { top: -57px; } .lg\:top-\[-65\%\] { top: -65%; } .lg\:top-\[-85\%\] { top: -85%; } .lg\:top-\[-90px\] { top: -90px; } .lg\:top-\[-111px\] { top: -111px; } .lg\:top-\[-157px\] { top: -157px; } .lg\:top-\[-168px\] { top: -168px; } .lg\:top-\[-175px\] { top: -175px; } .lg\:top-\[-194px\] { top: -194px; } .lg\:top-\[-250px\] { top: -250px; } .lg\:top-\[-385px\] { top: -385px; } .lg\:top-\[-584px\] { top: -584px; } .lg\:top-\[-720px\] { top: -720px; } .lg\:top-\[3px\] { top: 3px; } .lg\:top-\[8\%\] { top: 8%; } .lg\:top-\[10\%\] { top: 10%; } .lg\:top-\[12\%\] { top: 12%; } .lg\:top-\[13\%\] { top: 13%; } .lg\:top-\[15\%\] { top: 15%; } .lg\:top-\[17\%\] { top: 17%; } .lg\:top-\[20\%\] { top: 20%; } .lg\:top-\[24\%\] { top: 24%; } .lg\:top-\[26\%\] { top: 26%; } .lg\:top-\[41\%\] { top: 41%; } .lg\:top-\[50px\] { top: 50px; } .lg\:top-\[86px\] { top: 86px; } .lg\:top-\[128px\] { top: 128px; } .lg\:top-\[129px\] { top: 129px; } .lg\:top-\[130px\] { top: 130px; } .lg\:top-\[150px\] { top: 150px; } .lg\:top-\[160px\] { top: 160px; } .lg\:top-\[206px\] { top: 206px; } .lg\:top-\[267px\] { top: 267px; } .lg\:-right-\[2\%\] { right: -2%; } .lg\:-right-\[4\%\] { right: -4%; } .lg\:-right-\[7\%\] { right: -7%; } .lg\:-right-\[15px\] { right: -15px; } .lg\:-right-\[20\%\] { right: -20%; } .lg\:-right-\[22\%\] { right: -22%; } .lg\:-right-\[24\%\] { right: -24%; } .lg\:-right-\[25\%\] { right: -25%; } .lg\:-right-\[40\%\] { right: -40%; } .lg\:-right-\[50px\] { right: -50px; } .lg\:-right-\[56\%\] { right: -56%; } .lg\:-right-\[64\%\] { right: -64%; } .lg\:-right-\[66\%\] { right: -66%; } .lg\:-right-\[74\%\] { right: -74%; } .lg\:-right-\[79\%\] { right: -79%; } .lg\:-right-\[80\%\] { right: -80%; } .lg\:-right-\[84\%\] { right: -84%; } .lg\:-right-\[150px\] { right: -150px; } .lg\:-right-\[198px\] { right: -198px; } .lg\:right-0 { right: calc(var(--spacing) * 0); } .lg\:right-1\.5 { right: calc(var(--spacing) * 1.5); } .lg\:right-2 { right: calc(var(--spacing) * 2); } .lg\:right-10 { right: calc(var(--spacing) * 10); } .lg\:right-20 { right: calc(var(--spacing) * 20); } .lg\:right-24 { right: calc(var(--spacing) * 24); } .lg\:right-\[-16px\] { right: -16px; } .lg\:right-\[-19\%\] { right: -19%; } .lg\:right-\[-19px\] { right: -19px; } .lg\:right-\[-28\%\] { right: -28%; } .lg\:right-\[-60px\] { right: -60px; } .lg\:right-\[-102\%\] { right: -102%; } .lg\:right-\[1\%\] { right: 1%; } .lg\:right-\[2\%\] { right: 2%; } .lg\:right-\[5px\] { right: 5px; } .lg\:right-\[6px\] { right: 6px; } .lg\:right-\[8px\] { right: 8px; } .lg\:right-\[13\%\] { right: 13%; } .lg\:right-\[14\%\] { right: 14%; } .lg\:right-\[42px\] { right: 42px; } .lg\:right-\[50px\] { right: 50px; } .lg\:right-\[51px\] { right: 51px; } .lg\:right-\[104px\] { right: 104px; } .lg\:right-\[110px\] { right: 110px; } .lg\:right-\[221px\] { right: 221px; } .lg\:right-\[234px\] { right: 234px; } .lg\:right-\[325px\] { right: 325px; } .lg\:right-\[418px\] { right: 418px; } .lg\:-bottom-4 { bottom: calc(var(--spacing) * -4); } .lg\:-bottom-22 { bottom: calc(var(--spacing) * -22); } .lg\:-bottom-24 { bottom: calc(var(--spacing) * -24); } .lg\:-bottom-\[23\%\] { bottom: -23%; } .lg\:-bottom-\[53\%\] { bottom: -53%; } .lg\:-bottom-\[100px\] { bottom: -100px; } .lg\:-bottom-\[720px\] { bottom: -720px; } .lg\:bottom-0 { bottom: calc(var(--spacing) * 0); } .lg\:bottom-5 { bottom: calc(var(--spacing) * 5); } .lg\:bottom-\[-80\%\] { bottom: -80%; } .lg\:bottom-\[-97px\] { bottom: -97px; } .lg\:bottom-\[-319px\] { bottom: -319px; } .lg\:bottom-\[10px\] { bottom: 10px; } .lg\:bottom-\[52\%\] { bottom: 52%; } .lg\:bottom-\[57\%\] { bottom: 57%; } .lg\:bottom-\[87px\] { bottom: 87px; } .lg\:bottom-auto { bottom: auto; } .lg\:-left-2 { left: calc(var(--spacing) * -2); } .lg\:-left-\[1\%\] { left: -1%; } .lg\:-left-\[13\%\] { left: -13%; } .lg\:-left-\[21\%\] { left: -21%; } .lg\:-left-\[28\%\] { left: -28%; } .lg\:-left-\[30\%\] { left: -30%; } .lg\:-left-\[38\%\] { left: -38%; } .lg\:-left-\[40\%\] { left: -40%; } .lg\:-left-\[117px\] { left: -117px; } .lg\:-left-\[120px\] { left: -120px; } .lg\:-left-\[150px\] { left: -150px; } .lg\:-left-\[160px\] { left: -160px; } .lg\:left-0 { left: calc(var(--spacing) * 0); } .lg\:left-2 { left: calc(var(--spacing) * 2); } .lg\:left-10 { left: calc(var(--spacing) * 10); } .lg\:left-11 { left: calc(var(--spacing) * 11); } .lg\:left-14 { left: calc(var(--spacing) * 14); } .lg\:left-20 { left: calc(var(--spacing) * 20); } .lg\:left-96 { left: calc(var(--spacing) * 96); } .lg\:left-\[-30\%\] { left: -30%; } .lg\:left-\[-34\%\] { left: -34%; } .lg\:left-\[-38\%\] { left: -38%; } .lg\:left-\[-41px\] { left: -41px; } .lg\:left-\[-48\%\] { left: -48%; } .lg\:left-\[-50\%\] { left: -50%; } .lg\:left-\[-51\%\] { left: -51%; } .lg\:left-\[-52px\] { left: -52px; } .lg\:left-\[-70\%\] { left: -70%; } .lg\:left-\[-109px\] { left: -109px; } .lg\:left-\[-222px\] { left: -222px; } .lg\:left-\[-223px\] { left: -223px; } .lg\:left-\[1\%\] { left: 1%; } .lg\:left-\[2\%\] { left: 2%; } .lg\:left-\[13\%\] { left: 13%; } .lg\:left-\[23\%\] { left: 23%; } .lg\:left-\[37\%\] { left: 37%; } .lg\:left-\[50\%\] { left: 50%; } .lg\:left-\[50px\] { left: 50px; } .lg\:left-\[63\%\] { left: 63%; } .lg\:left-\[100px\] { left: 100px; } .lg\:left-\[116px\] { left: 116px; } .lg\:left-\[350px\] { left: 350px; } .lg\:left-\[565px\] { left: 565px; } .lg\:z-30 { z-index: 30; } .lg\:order-1 { order: 1; } .lg\:order-2 { order: 2; } .lg\:order-3 { order: 3; } .lg\:order-none { order: 0; } .lg\:col-span-3 { grid-column: span 3 / span 3; } .lg\:col-span-4 { grid-column: span 4 / span 4; } .lg\:col-span-5 { grid-column: span 5 / span 5; } .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-start-3 { grid-column-start: 3; } .lg\:col-start-4 { grid-column-start: 4; } .lg\:col-start-7 { grid-column-start: 7; } .lg\:col-start-auto { grid-column-start: auto; } .lg\:main-container { max-width: 1290px; padding-inline: calc(var(--spacing) * 5); margin-inline: auto; } @media (min-width: 1440px) { .lg\:main-container { padding-inline: calc(var(--spacing) * 0); } } .lg\:mx-0 { margin-inline: calc(var(--spacing) * 0); } .lg\:mx-auto { margin-inline: auto; } .lg\:my-\[100px\] { margin-block: 100px; } .lg\:ms-0 { margin-inline-start: calc(var(--spacing) * 0); } .lg\:ms-4 { margin-inline-start: calc(var(--spacing) * 4); } .lg\:ms-36 { margin-inline-start: calc(var(--spacing) * 36); } .lg\:ms-\[60px\] { margin-inline-start: 60px; } .lg\:ms-\[100px\] { margin-inline-start: 100px; } .lg\:me-\[60px\] { margin-inline-end: 60px; } .lg\:me-\[100px\] { margin-inline-end: 100px; } .lg\:-mt-28 { margin-top: calc(var(--spacing) * -28); } .lg\:mt-6 { margin-top: calc(var(--spacing) * 6); } .lg\:mt-8 { margin-top: calc(var(--spacing) * 8); } .lg\:mt-10 { margin-top: calc(var(--spacing) * 10); } .lg\:mt-14 { margin-top: calc(var(--spacing) * 14); } .lg\:mt-20 { margin-top: calc(var(--spacing) * 20); } .lg\:mt-\[66px\] { margin-top: 66px; } .lg\:mt-\[100px\] { margin-top: 100px; } .lg\:mt-\[114px\] { margin-top: 114px; } .lg\:mt-\[120px\] { margin-top: 120px; } .lg\:mt-\[200px\] { margin-top: 200px; } .lg\:mt-\[220px\] { margin-top: 220px; } .lg\:mr-6 { margin-right: calc(var(--spacing) * 6); } .lg\:-mb-6 { margin-bottom: calc(var(--spacing) * -6); } .lg\:-mb-12 { margin-bottom: calc(var(--spacing) * -12); } .lg\:-mb-14 { margin-bottom: calc(var(--spacing) * -14); } .lg\:mb-4 { margin-bottom: calc(var(--spacing) * 4); } .lg\:mb-5 { margin-bottom: calc(var(--spacing) * 5); } .lg\:mb-6 { margin-bottom: calc(var(--spacing) * 6); } .lg\:mb-11 { margin-bottom: calc(var(--spacing) * 11); } .lg\:mb-14 { margin-bottom: calc(var(--spacing) * 14); } .lg\:mb-18 { margin-bottom: calc(var(--spacing) * 18); } .lg\:mb-32 { margin-bottom: calc(var(--spacing) * 32); } .lg\:mb-\[58px\] { margin-bottom: 58px; } .lg\:mb-\[70px\] { margin-bottom: 70px; } .lg\:mb-\[72px\] { margin-bottom: 72px; } .lg\:mb-\[90px\] { margin-bottom: 90px; } .lg\:mb-\[100px\] { margin-bottom: 100px; } .lg\:mb-\[120px\] { margin-bottom: 120px; } .lg\:mb-\[150px\] { margin-bottom: 150px; } .lg\:ml-0 { margin-left: calc(var(--spacing) * 0); } .lg\:ml-4 { margin-left: calc(var(--spacing) * 4); } .lg\:ml-6 { margin-left: calc(var(--spacing) * 6); } .lg\:ml-8 { margin-left: calc(var(--spacing) * 8); } .lg\:ml-\[40px\] { margin-left: 40px; } .lg\:ml-\[490px\] { margin-left: 490px; } .lg\:block { display: block; } .lg\:flex { display: flex; } .lg\:hidden { display: none; } .lg\:inline-block { display: inline-block; } .lg\:btn-xl { padding-inline: calc(var(--spacing) * 8); padding-block: calc(var(--spacing) * 3.5); font-size: var(--text-tagline-1); line-height: var(--tw-leading, var(--text-tagline-1--line-height)); } .lg\:btn-xl:hover:before { width: calc(var(--spacing) * 3); height: calc(var(--spacing) * 3); --tw-translate-x: calc(var(--spacing) * -4); translate: var(--tw-translate-x) var(--tw-translate-y); opacity: 1; } .lg\:size-6 { width: calc(var(--spacing) * 6); height: calc(var(--spacing) * 6); } .lg\:size-12 { width: calc(var(--spacing) * 12); height: calc(var(--spacing) * 12); } .lg\:size-14 { width: calc(var(--spacing) * 14); height: calc(var(--spacing) * 14); } .lg\:size-24 { width: calc(var(--spacing) * 24); height: calc(var(--spacing) * 24); } .lg\:size-\[120px\] { width: 120px; height: 120px; } .lg\:size-\[350px\] { width: 350px; height: 350px; } .lg\:size-\[400px\] { width: 400px; height: 400px; } .lg\:size-\[550px\] { width: 550px; height: 550px; } .lg\:size-\[650px\] { width: 650px; height: 650px; } .lg\:size-\[700px\] { width: 700px; height: 700px; } .lg\:size-\[800px\] { width: 800px; height: 800px; } .lg\:size-\[850px\] { width: 850px; height: 850px; } .lg\:size-\[1100px\] { width: 1100px; height: 1100px; } .lg\:h-\[52px\] { height: 52px; } .lg\:h-\[266px\] { height: 266px; } .lg\:h-\[352px\] { height: 352px; } .lg\:h-\[380px\] { height: 380px; } .lg\:h-\[435px\] { height: 435px; } .lg\:h-\[489px\] { height: 489px; } .lg\:h-\[544px\] { height: 544px; } .lg\:h-\[576px\] { height: 576px; } .lg\:h-\[620px\] { height: 620px; } .lg\:h-\[640px\] { height: 640px; } .lg\:h-\[670px\] { height: 670px; } .lg\:max-h-\[280px\] { max-height: 280px; } .lg\:max-h-\[370px\] { max-height: 370px; } .lg\:max-h-\[400px\] { max-height: 400px; } .lg\:max-h-\[600px\] { max-height: 600px; } .lg\:min-h-\[408px\] { min-height: 408px; } .lg\:min-h-\[424px\] { min-height: 424px; } .lg\:min-h-\[500px\] { min-height: 500px; } .lg\:min-h-\[566px\] { min-height: 566px; } .lg\:min-h-\[740px\] { min-height: 740px; } .lg\:w-1\/2 { width: 50%; } .lg\:w-2\/5 { width: 40%; } .lg\:w-3\/5 { width: 60%; } .lg\:w-20 { width: calc(var(--spacing) * 20); } .lg\:w-\[37\%\] { width: 37%; } .lg\:w-\[47\%\] { width: 47%; } .lg\:w-\[53\%\] { width: 53%; } .lg\:w-\[63\%\] { width: 63%; } .lg\:w-\[170px\] { width: 170px; } .lg\:w-\[180px\] { width: 180px; } .lg\:w-\[188px\] { width: 188px; } .lg\:w-\[200px\] { width: 200px; } .lg\:w-\[220px\] { width: 220px; } .lg\:w-\[250px\] { width: 250px; } .lg\:w-\[260px\] { width: 260px; } .lg\:w-\[266px\] { width: 266px; } .lg\:w-\[270px\] { width: 270px; } .lg\:w-\[273px\] { width: 273px; } .lg\:w-\[300px\] { width: 300px; } .lg\:w-\[309px\] { width: 309px; } .lg\:w-\[340px\] { width: 340px; } .lg\:w-\[370px\] { width: 370px; } .lg\:w-\[400px\] { width: 400px; } .lg\:w-\[409px\] { width: 409px; } .lg\:w-\[431px\] { width: 431px; } .lg\:w-\[500px\] { width: 500px; } .lg\:w-\[538\.95px\] { width: 538.95px; } .lg\:w-\[540px\] { width: 540px; } .lg\:w-\[574px\] { width: 574px; } .lg\:w-\[584px\] { width: 584px; } .lg\:w-\[750px\] { width: 750px; } .lg\:w-\[810px\] { width: 810px; } .lg\:w-\[1024px\] { width: 1024px; } .lg\:w-auto { width: auto; } .lg\:w-full { width: 100%; } .lg\:\!max-w-\[740px\] { max-width: 740px !important; } .lg\:max-w-5xl { max-width: var(--container-5xl); } .lg\:max-w-\[104px\] { max-width: 104px; } .lg\:max-w-\[150px\] { max-width: 150px; } .lg\:max-w-\[198px\] { max-width: 198px; } .lg\:max-w-\[200px\] { max-width: 200px; } .lg\:max-w-\[225px\] { max-width: 225px; } .lg\:max-w-\[233px\] { max-width: 233px; } .lg\:max-w-\[234px\] { max-width: 234px; } .lg\:max-w-\[250px\] { max-width: 250px; } .lg\:max-w-\[253px\] { max-width: 253px; } .lg\:max-w-\[260px\] { max-width: 260px; } .lg\:max-w-\[275px\] { max-width: 275px; } .lg\:max-w-\[277px\] { max-width: 277px; } .lg\:max-w-\[282px\] { max-width: 282px; } .lg\:max-w-\[288px\] { max-width: 288px; } .lg\:max-w-\[296px\] { max-width: 296px; } .lg\:max-w-\[300px\] { max-width: 300px; } .lg\:max-w-\[320px\] { max-width: 320px; } .lg\:max-w-\[326px\] { max-width: 326px; } .lg\:max-w-\[330px\] { max-width: 330px; } .lg\:max-w-\[338px\] { max-width: 338px; } .lg\:max-w-\[340px\] { max-width: 340px; } .lg\:max-w-\[344px\] { max-width: 344px; } .lg\:max-w-\[350px\] { max-width: 350px; } .lg\:max-w-\[364px\] { max-width: 364px; } .lg\:max-w-\[370px\] { max-width: 370px; } .lg\:max-w-\[380px\] { max-width: 380px; } .lg\:max-w-\[386px\] { max-width: 386px; } .lg\:max-w-\[388px\] { max-width: 388px; } .lg\:max-w-\[390px\] { max-width: 390px; } .lg\:max-w-\[396px\] { max-width: 396px; } .lg\:max-w-\[400px\] { max-width: 400px; } .lg\:max-w-\[402px\] { max-width: 402px; } .lg\:max-w-\[408px\] { max-width: 408px; } .lg\:max-w-\[409px\] { max-width: 409px; } .lg\:max-w-\[412px\] { max-width: 412px; } .lg\:max-w-\[420px\] { max-width: 420px; } .lg\:max-w-\[425px\] { max-width: 425px; } .lg\:max-w-\[439px\] { max-width: 439px; } .lg\:max-w-\[440px\] { max-width: 440px; } .lg\:max-w-\[442px\] { max-width: 442px; } .lg\:max-w-\[449px\] { max-width: 449px; } .lg\:max-w-\[450px\] { max-width: 450px; } .lg\:max-w-\[452px\] { max-width: 452px; } .lg\:max-w-\[462px\] { max-width: 462px; } .lg\:max-w-\[465px\] { max-width: 465px; } .lg\:max-w-\[472px\] { max-width: 472px; } .lg\:max-w-\[476px\] { max-width: 476px; } .lg\:max-w-\[478px\] { max-width: 478px; } .lg\:max-w-\[480px\] { max-width: 480px; } .lg\:max-w-\[483px\] { max-width: 483px; } .lg\:max-w-\[485px\] { max-width: 485px; } .lg\:max-w-\[490px\] { max-width: 490px; } .lg\:max-w-\[498px\] { max-width: 498px; } .lg\:max-w-\[500px\] { max-width: 500px; } .lg\:max-w-\[505px\] { max-width: 505px; } .lg\:max-w-\[507px\] { max-width: 507px; } .lg\:max-w-\[508px\] { max-width: 508px; } .lg\:max-w-\[510px\] { max-width: 510px; } .lg\:max-w-\[518px\] { max-width: 518px; } .lg\:max-w-\[520px\] { max-width: 520px; } .lg\:max-w-\[521px\] { max-width: 521px; } .lg\:max-w-\[525px\] { max-width: 525px; } .lg\:max-w-\[535px\] { max-width: 535px; } .lg\:max-w-\[536px\] { max-width: 536px; } .lg\:max-w-\[560px\] { max-width: 560px; } .lg\:max-w-\[562px\] { max-width: 562px; } .lg\:max-w-\[570px\] { max-width: 570px; } .lg\:max-w-\[574px\] { max-width: 574px; } .lg\:max-w-\[587px\] { max-width: 587px; } .lg\:max-w-\[590px\] { max-width: 590px; } .lg\:max-w-\[592px\] { max-width: 592px; } .lg\:max-w-\[595px\] { max-width: 595px; } .lg\:max-w-\[596px\] { max-width: 596px; } .lg\:max-w-\[597px\] { max-width: 597px; } .lg\:max-w-\[598px\] { max-width: 598px; } .lg\:max-w-\[600px\] { max-width: 600px; } .lg\:max-w-\[602px\] { max-width: 602px; } .lg\:max-w-\[605px\] { max-width: 605px; } .lg\:max-w-\[620px\] { max-width: 620px; } .lg\:max-w-\[627px\] { max-width: 627px; } .lg\:max-w-\[628px\] { max-width: 628px; } .lg\:max-w-\[629px\] { max-width: 629px; } .lg\:max-w-\[645px\] { max-width: 645px; } .lg\:max-w-\[647px\] { max-width: 647px; } .lg\:max-w-\[648px\] { max-width: 648px; } .lg\:max-w-\[650px\] { max-width: 650px; } .lg\:max-w-\[658px\] { max-width: 658px; } .lg\:max-w-\[668px\] { max-width: 668px; } .lg\:max-w-\[669px\] { max-width: 669px; } .lg\:max-w-\[674px\] { max-width: 674px; } .lg\:max-w-\[678px\] { max-width: 678px; } .lg\:max-w-\[684px\] { max-width: 684px; } .lg\:max-w-\[690px\] { max-width: 690px; } .lg\:max-w-\[696px\] { max-width: 696px; } .lg\:max-w-\[700px\] { max-width: 700px; } .lg\:max-w-\[723px\] { max-width: 723px; } .lg\:max-w-\[731px\] { max-width: 731px; } .lg\:max-w-\[735px\] { max-width: 735px; } .lg\:max-w-\[767px\] { max-width: 767px; } .lg\:max-w-\[776px\] { max-width: 776px; } .lg\:max-w-\[780px\] { max-width: 780px; } .lg\:max-w-\[800px\] { max-width: 800px; } .lg\:max-w-\[806px\] { max-width: 806px; } .lg\:max-w-\[818px\] { max-width: 818px; } .lg\:max-w-\[828px\] { max-width: 828px; } .lg\:max-w-\[830px\] { max-width: 830px; } .lg\:max-w-\[850px\] { max-width: 850px; } .lg\:max-w-\[852px\] { max-width: 852px; } .lg\:max-w-\[900px\] { max-width: 900px; } .lg\:max-w-\[904px\] { max-width: 904px; } .lg\:max-w-\[930px\] { max-width: 930px; } .lg\:max-w-\[940px\] { max-width: 940px; } .lg\:max-w-\[960px\] { max-width: 960px; } .lg\:max-w-\[980px\] { max-width: 980px; } .lg\:max-w-\[1000px\] { max-width: 1000px; } .lg\:max-w-\[1140px\] { max-width: 1140px; } .lg\:max-w-\[1240px\] { max-width: 1240px; } .lg\:max-w-full { max-width: 100%; } .lg\:max-w-max { max-width: max-content; } .lg\:min-w-36 { min-width: calc(var(--spacing) * 36); } .lg\:min-w-\[722px\] { min-width: 722px; } .lg\:flex-1 { flex: 1; } .lg\:flex-1\/2 { flex: 50%; } .lg\:flex-1\/3 { flex: 33.3333%; } .lg\:flex-2\/3 { flex: 66.6667%; } .lg\:basis-0 { flex-basis: calc(var(--spacing) * 0); } .lg\:basis-\[466px\] { flex-basis: 466px; } .lg\:basis-\[732px\] { flex-basis: 732px; } .lg\:translate-x-0 { --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } .lg\:translate-x-4 { --tw-translate-x: calc(var(--spacing) * 4); translate: var(--tw-translate-x) var(--tw-translate-y); } .lg\:-translate-y-\[25\%\] { --tw-translate-y: calc(25% * -1); 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-\[30\%\] { --tw-translate-y: 30%; translate: var(--tw-translate-x) var(--tw-translate-y); } .lg\:scale-75 { --tw-scale-x: 75%; --tw-scale-y: 75%; --tw-scale-z: 75%; scale: var(--tw-scale-x) var(--tw-scale-y); } .lg\:scale-\[90\%\] { scale: 90%; } .lg\:-rotate-\[20deg\] { rotate: -20deg; } .lg\:rotate-\[-21\.708deg\] { rotate: -21.708deg; } .lg\:rotate-\[-26\.54deg\] { rotate: -26.54deg; } .lg\:rotate-\[20\.435deg\] { rotate: 20.435deg; } .lg\:rotate-\[26deg\] { rotate: 26deg; } .lg\:columns-3 { columns: 3; } .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\:flex-col { flex-direction: column; } .lg\:flex-row { flex-direction: row; } .lg\:flex-row-reverse { flex-direction: row-reverse; } .lg\:flex-nowrap { flex-wrap: nowrap; } .lg\:items-center { align-items: center; } .lg\:items-end { align-items: flex-end; } .lg\:items-start { align-items: flex-start; } .lg\:justify-around { justify-content: space-around; } .lg\:justify-between { justify-content: space-between; } .lg\:justify-start { justify-content: flex-start; } .lg\:gap-0 { gap: calc(var(--spacing) * 0); } .lg\:gap-3 { gap: calc(var(--spacing) * 3); } .lg\:gap-4 { gap: calc(var(--spacing) * 4); } .lg\:gap-6 { gap: calc(var(--spacing) * 6); } .lg\:gap-8 { gap: calc(var(--spacing) * 8); } .lg\:gap-9 { gap: calc(var(--spacing) * 9); } .lg\:gap-10 { gap: calc(var(--spacing) * 10); } .lg\:gap-11 { gap: calc(var(--spacing) * 11); } .lg\:gap-12 { gap: calc(var(--spacing) * 12); } .lg\:gap-14 { gap: calc(var(--spacing) * 14); } .lg\:gap-16 { gap: calc(var(--spacing) * 16); } .lg\:gap-20 { gap: calc(var(--spacing) * 20); } .lg\:gap-24 { gap: calc(var(--spacing) * 24); } .lg\:gap-\[40px\] { gap: 40px; } .lg\:gap-\[42px\] { gap: 42px; } .lg\:gap-\[50px\] { gap: 50px; } .lg\:gap-\[70px\] { gap: 70px; } .lg\:gap-\[72px\] { gap: 72px; } .lg\:gap-\[100px\] { gap: 100px; } .lg\:gap-\[239px\] { gap: 239px; } :where(.lg\:space-y-0 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse))); } :where(.lg\: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))); } :where(.lg\:space-y-4 > :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(.lg\:space-y-5 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse))); } :where(.lg\:space-y-6 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse))); } :where(.lg\:space-y-8 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse))); } :where(.lg\:space-y-10 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse))); } :where(.lg\:space-y-11 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 11) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 11) * calc(1 - var(--tw-space-y-reverse))); } :where(.lg\:space-y-14 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 14) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 14) * calc(1 - var(--tw-space-y-reverse))); } :where(.lg\:space-y-\[38px\] > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(38px * var(--tw-space-y-reverse)); margin-block-end: calc(38px * calc(1 - var(--tw-space-y-reverse))); } :where(.lg\:space-y-\[60px\] > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(60px * var(--tw-space-y-reverse)); margin-block-end: calc(60px * calc(1 - var(--tw-space-y-reverse))); } :where(.lg\:space-y-\[70px\] > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(70px * var(--tw-space-y-reverse)); margin-block-end: calc(70px * calc(1 - var(--tw-space-y-reverse))); } :where(.lg\:space-y-\[90px\] > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(90px * var(--tw-space-y-reverse)); margin-block-end: calc(90px * calc(1 - var(--tw-space-y-reverse))); } :where(.lg\:space-y-\[100px\] > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(100px * var(--tw-space-y-reverse)); margin-block-end: calc(100px * calc(1 - var(--tw-space-y-reverse))); } .lg\:gap-x-0 { column-gap: calc(var(--spacing) * 0); } .lg\:gap-x-8 { column-gap: calc(var(--spacing) * 8); } .lg\:gap-x-10 { column-gap: calc(var(--spacing) * 10); } .lg\:gap-x-14 { column-gap: calc(var(--spacing) * 14); } .lg\:gap-x-16 { column-gap: calc(var(--spacing) * 16); } .lg\:gap-x-20 { column-gap: calc(var(--spacing) * 20); } .lg\:gap-x-24 { column-gap: calc(var(--spacing) * 24); } .lg\:gap-x-\[42px\] { column-gap: 42px; } .lg\:gap-x-\[60px\] { column-gap: 60px; } .lg\:gap-x-\[70px\] { column-gap: 70px; } .lg\:gap-x-\[97px\] { column-gap: 97px; } .lg\:gap-y-0 { row-gap: calc(var(--spacing) * 0); } .lg\:gap-y-4 { row-gap: calc(var(--spacing) * 4); } .lg\:gap-y-6 { row-gap: calc(var(--spacing) * 6); } .lg\:gap-y-10 { row-gap: calc(var(--spacing) * 10); } .lg\:gap-y-14 { row-gap: calc(var(--spacing) * 14); } .lg\:gap-y-20 { row-gap: calc(var(--spacing) * 20); } .lg\:self-end { align-self: flex-end; } .lg\:self-start { align-self: flex-start; } .lg\:justify-self-end { justify-self: flex-end; } .lg\:rounded-2xl { border-radius: var(--radius-2xl); } .lg\:rounded-4xl { border-radius: var(--radius-4xl); } .lg\:rounded-\[20px\] { border-radius: 20px; } .lg\:rounded-\[28px\] { border-radius: 28px; } .lg\:rounded-\[30px\] { border-radius: 30px; } .lg\:rounded-none { border-radius: 0; } .lg\:bg-none { background-image: none; } .lg\:bg-top-right { background-position: 100% 0; } .lg\:p-0 { padding: calc(var(--spacing) * 0); } .lg\:p-2\.5 { padding: calc(var(--spacing) * 2.5); } .lg\:p-6 { padding: calc(var(--spacing) * 6); } .lg\:p-8 { padding: calc(var(--spacing) * 8); } .lg\:p-9 { padding: calc(var(--spacing) * 9); } .lg\:p-11 { padding: calc(var(--spacing) * 11); } .lg\:p-14 { padding: calc(var(--spacing) * 14); } .lg\:p-\[42px\] { padding: 42px; } .lg\:p-\[100px\] { padding: 100px; } .lg\:px-0 { padding-inline: calc(var(--spacing) * 0); } .lg\:px-5 { padding-inline: calc(var(--spacing) * 5); } .lg\:px-6 { padding-inline: calc(var(--spacing) * 6); } .lg\:px-8 { padding-inline: calc(var(--spacing) * 8); } .lg\:px-10 { padding-inline: calc(var(--spacing) * 10); } .lg\:px-11 { padding-inline: calc(var(--spacing) * 11); } .lg\:px-14 { padding-inline: calc(var(--spacing) * 14); } .lg\:px-16 { padding-inline: calc(var(--spacing) * 16); } .lg\:px-\[42px\] { padding-inline: 42px; } .lg\:px-\[60px\] { padding-inline: 60px; } .lg\:px-\[64px\] { padding-inline: 64px; } .lg\:px-\[74px\] { padding-inline: 74px; } .lg\:py-0 { padding-block: calc(var(--spacing) * 0); } .lg\:py-2\.5 { padding-block: calc(var(--spacing) * 2.5); } .lg\:py-4 { padding-block: calc(var(--spacing) * 4); } .lg\:py-14 { padding-block: calc(var(--spacing) * 14); } .lg\:py-16 { padding-block: calc(var(--spacing) * 16); } .lg\:py-28 { padding-block: calc(var(--spacing) * 28); } .lg\:py-36 { padding-block: calc(var(--spacing) * 36); } .lg\:py-40 { padding-block: calc(var(--spacing) * 40); } .lg\:py-44 { padding-block: calc(var(--spacing) * 44); } .lg\:py-\[30px\] { padding-block: 30px; } .lg\:py-\[42px\] { padding-block: 42px; } .lg\:py-\[70px\] { padding-block: 70px; } .lg\:py-\[72px\] { padding-block: 72px; } .lg\:py-\[75px\] { padding-block: 75px; } .lg\:py-\[76px\] { padding-block: 76px; } .lg\:py-\[85px\] { padding-block: 85px; } .lg\:py-\[88px\] { padding-block: 88px; } .lg\:py-\[90px\] { padding-block: 90px; } .lg\:py-\[100px\] { padding-block: 100px; } .lg\:py-\[120px\] { padding-block: 120px; } .lg\:py-\[150px\] { padding-block: 150px; } .lg\:py-\[156px\] { padding-block: 156px; } .lg\:py-\[200px\] { padding-block: 200px; } .lg\:pe-5 { padding-inline-end: calc(var(--spacing) * 5); } .lg\:pe-16 { padding-inline-end: calc(var(--spacing) * 16); } .lg\:pe-\[42px\] { padding-inline-end: 42px; } .lg\:pt-0 { padding-top: calc(var(--spacing) * 0); } .lg\:pt-12 { padding-top: calc(var(--spacing) * 12); } .lg\:pt-20 { padding-top: calc(var(--spacing) * 20); } .lg\:pt-24 { padding-top: calc(var(--spacing) * 24); } .lg\:pt-28 { padding-top: calc(var(--spacing) * 28); } .lg\:pt-36 { padding-top: calc(var(--spacing) * 36); } .lg\:pt-40 { padding-top: calc(var(--spacing) * 40); } .lg\:pt-44 { padding-top: calc(var(--spacing) * 44); } .lg\:pt-\[67px\] { padding-top: 67px; } .lg\:pt-\[70px\] { padding-top: 70px; } .lg\:pt-\[76px\] { padding-top: 76px; } .lg\:pt-\[88px\] { padding-top: 88px; } .lg\:pt-\[90px\] { padding-top: 90px; } .lg\:pt-\[100px\] { padding-top: 100px; } .lg\:pt-\[110px\] { padding-top: 110px; } .lg\:pt-\[120px\] { padding-top: 120px; } .lg\:pt-\[128px\] { padding-top: 128px; } .lg\:pt-\[130px\] { padding-top: 130px; } .lg\:pt-\[150px\] { padding-top: 150px; } .lg\:pt-\[160px\] { padding-top: 160px; } .lg\:pt-\[176px\] { padding-top: 176px; } .lg\:pt-\[180px\] { padding-top: 180px; } .lg\:pt-\[200px\] { padding-top: 200px; } .lg\:pt-\[220px\] { padding-top: 220px; } .lg\:pt-\[230px\] { padding-top: 230px; } .lg\:pt-\[234px\] { padding-top: 234px; } .lg\:pr-6 { padding-right: calc(var(--spacing) * 6); } .lg\:pr-12 { padding-right: calc(var(--spacing) * 12); } .lg\:pr-\[42px\] { padding-right: 42px; } .lg\:pb-16 { padding-bottom: calc(var(--spacing) * 16); } .lg\:pb-20 { padding-bottom: calc(var(--spacing) * 20); } .lg\:pb-24 { padding-bottom: calc(var(--spacing) * 24); } .lg\:pb-32 { padding-bottom: calc(var(--spacing) * 32); } .lg\:pb-36 { padding-bottom: calc(var(--spacing) * 36); } .lg\:pb-40 { padding-bottom: calc(var(--spacing) * 40); } .lg\:pb-44 { padding-bottom: calc(var(--spacing) * 44); } .lg\:pb-\[50px\] { padding-bottom: 50px; } .lg\:pb-\[56px\] { padding-bottom: 56px; } .lg\:pb-\[72px\] { padding-bottom: 72px; } .lg\:pb-\[76px\] { padding-bottom: 76px; } .lg\:pb-\[85px\] { padding-bottom: 85px; } .lg\:pb-\[88px\] { padding-bottom: 88px; } .lg\:pb-\[90px\] { padding-bottom: 90px; } .lg\:pb-\[95px\] { padding-bottom: 95px; } .lg\:pb-\[100px\] { padding-bottom: 100px; } .lg\:pb-\[120px\] { padding-bottom: 120px; } .lg\:pb-\[125px\] { padding-bottom: 125px; } .lg\:pb-\[128px\] { padding-bottom: 128px; } .lg\:pb-\[140px\] { padding-bottom: 140px; } .lg\:pb-\[150px\] { padding-bottom: 150px; } .lg\:pb-\[160px\] { padding-bottom: 160px; } .lg\:pb-\[170px\] { padding-bottom: 170px; } .lg\:pb-\[200px\] { padding-bottom: 200px; } .lg\:pl-9 { padding-left: calc(var(--spacing) * 9); } .lg\:pl-12 { padding-left: calc(var(--spacing) * 12); } .lg\:pl-14 { padding-left: calc(var(--spacing) * 14); } .lg\:pl-\[80px\] { padding-left: 80px; } .lg\:text-left { text-align: left; } .lg\:text-start { text-align: start; } .lg\:text-heading-2 { font-size: var(--text-heading-2); line-height: var(--tw-leading, var(--text-heading-2--line-height)); } .lg\:text-heading-3 { font-size: var(--text-heading-3); line-height: var(--tw-leading, var(--text-heading-3--line-height)); } .lg\:text-heading-4 { font-size: var(--text-heading-4); line-height: var(--tw-leading, var(--text-heading-4--line-height)); } .lg\:text-heading-5 { font-size: var(--text-heading-5); line-height: var(--tw-leading, var(--text-heading-5--line-height)); } .lg\:text-heading-6 { font-size: var(--text-heading-6); line-height: var(--tw-leading, var(--text-heading-6--line-height)); } .lg\:text-tagline-1 { font-size: var(--text-tagline-1); line-height: var(--tw-leading, var(--text-tagline-1--line-height)); } .lg\:\!text-\[180px\] { font-size: 180px !important; } .lg\:text-\[52px\] { font-size: 52px; } .lg\:text-\[72px\] { font-size: 72px; } .lg\:opacity-0 { opacity: 0; } @media (hover: hover) { .lg\:group-hover\:translate-y-0:is(:where(.group):hover *) { --tw-translate-y: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } .lg\:group-hover\:scale-100:is(:where(.group):hover *) { --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y); } .lg\:group-hover\:opacity-100:is(:where(.group):hover *) { opacity: 1; } } } @media (min-width: 80rem) { .xl\:-top-28 { top: calc(var(--spacing) * -28); } .xl\:-top-52 { top: calc(var(--spacing) * -52); } .xl\:-top-\[27\%\] { top: -27%; } .xl\:-top-\[46\%\] { top: -46%; } .xl\:-top-\[50\%\] { top: -50%; } .xl\:-top-\[58\%\] { top: -58%; } .xl\:-top-\[65\%\] { top: -65%; } .xl\:-top-\[78\%\] { top: -78%; } .xl\:-top-\[80\%\] { top: -80%; } .xl\:-top-\[84\%\] { top: -84%; } .xl\:-top-\[92\%\] { top: -92%; } .xl\:-top-\[97\%\] { top: -97%; } .xl\:-top-\[107\%\] { top: -107%; } .xl\:-top-\[123\%\] { top: -123%; } .xl\:-top-\[142\%\] { top: -142%; } .xl\:-top-\[210px\] { top: -210px; } .xl\:-top-\[220px\] { top: -220px; } .xl\:-top-\[225px\] { top: -225px; } .xl\:-top-\[290\%\] { top: -290%; } .xl\:-top-\[560px\] { top: -560px; } .xl\:top-1\/2 { top: 50%; } .xl\:top-6 { top: calc(var(--spacing) * 6); } .xl\:top-\[-4px\] { top: -4px; } .xl\:top-\[-24\%\] { top: -24%; } .xl\:top-\[-32\%\] { top: -32%; } .xl\:top-\[-60\%\] { top: -60%; } .xl\:top-\[-73\%\] { top: -73%; } .xl\:top-\[-96\%\] { top: -96%; } .xl\:top-\[-104px\] { top: -104px; } .xl\:top-\[-111px\] { top: -111px; } .xl\:top-\[-157px\] { top: -157px; } .xl\:top-\[-204px\] { top: -204px; } .xl\:top-\[-295px\] { top: -295px; } .xl\:top-\[-900px\] { top: -900px; } .xl\:top-\[5\%\] { top: 5%; } .xl\:top-\[8\%\] { top: 8%; } .xl\:top-\[10\%\] { top: 10%; } .xl\:top-\[12\%\] { top: 12%; } .xl\:top-\[13\%\] { top: 13%; } .xl\:top-\[14\%\] { top: 14%; } .xl\:top-\[17\%\] { top: 17%; } .xl\:top-\[19\%\] { top: 19%; } .xl\:top-\[20\%\] { top: 20%; } .xl\:top-\[22\%\] { top: 22%; } .xl\:top-\[26\%\] { top: 26%; } .xl\:top-\[29\%\] { top: 29%; } .xl\:top-\[32\%\] { top: 32%; } .xl\:top-\[37\%\] { top: 37%; } .xl\:top-\[38\%\] { top: 38%; } .xl\:top-\[40\%\] { top: 40%; } .xl\:top-\[41\%\] { top: 41%; } .xl\:top-\[42\%\] { top: 42%; } .xl\:top-\[45\%\] { top: 45%; } .xl\:top-\[55\%\] { top: 55%; } .xl\:top-\[57\%\] { top: 57%; } .xl\:top-\[60px\] { top: 60px; } .xl\:top-\[81\%\] { top: 81%; } .xl\:top-\[170px\] { top: 170px; } .xl\:top-\[187px\] { top: 187px; } .xl\:top-\[266px\] { top: 266px; } .xl\:top-\[411px\] { top: 411px; } .xl\:-right-0 { right: calc(var(--spacing) * 0); } .xl\:-right-7 { right: calc(var(--spacing) * -7); } .xl\:-right-\[1\%\] { right: -1%; } .xl\:-right-\[4\%\] { right: -4%; } .xl\:-right-\[10\%\] { right: -10%; } .xl\:-right-\[12\%\] { right: -12%; } .xl\:-right-\[15\%\] { right: -15%; } .xl\:-right-\[18\%\] { right: -18%; } .xl\:-right-\[21\%\] { right: -21%; } .xl\:-right-\[30\%\] { right: -30%; } .xl\:-right-\[39\%\] { right: -39%; } .xl\:-right-\[40\%\] { right: -40%; } .xl\:-right-\[54\%\] { right: -54%; } .xl\:-right-\[62\%\] { right: -62%; } .xl\:-right-\[65\%\] { right: -65%; } .xl\:-right-\[68\%\] { right: -68%; } .xl\:-right-\[74\%\] { right: -74%; } .xl\:-right-\[78\%\] { right: -78%; } .xl\:-right-\[105\%\] { right: -105%; } .xl\:-right-\[130px\] { right: -130px; } .xl\:-right-\[150px\] { right: -150px; } .xl\:-right-\[200px\] { right: -200px; } .xl\:right-0 { right: calc(var(--spacing) * 0); } .xl\:right-14 { right: calc(var(--spacing) * 14); } .xl\:right-20 { right: calc(var(--spacing) * 20); } .xl\:right-28 { right: calc(var(--spacing) * 28); } .xl\:right-\[-1px\] { right: -1px; } .xl\:right-\[-9\%\] { right: -9%; } .xl\:right-\[-15px\] { right: -15px; } .xl\:right-\[-17\%\] { right: -17%; } .xl\:right-\[-32\%\] { right: -32%; } .xl\:right-\[-99\%\] { right: -99%; } .xl\:right-\[-600px\] { right: -600px; } .xl\:right-\[3\%\] { right: 3%; } .xl\:right-\[7px\] { right: 7px; } .xl\:right-\[9\%\] { right: 9%; } .xl\:right-\[10\%\] { right: 10%; } .xl\:right-\[11\%\] { right: 11%; } .xl\:right-\[14\%\] { right: 14%; } .xl\:right-\[18\%\] { right: 18%; } .xl\:right-\[22\%\] { right: 22%; } .xl\:right-\[24\%\] { right: 24%; } .xl\:right-\[25px\] { right: 25px; } .xl\:right-\[28\%\] { right: 28%; } .xl\:right-\[68px\] { right: 68px; } .xl\:right-\[75px\] { right: 75px; } .xl\:right-\[76px\] { right: 76px; } .xl\:right-\[236px\] { right: 236px; } .xl\:right-\[256px\] { right: 256px; } .xl\:right-\[400px\] { right: 400px; } .xl\:-bottom-\[15\%\] { bottom: -15%; } .xl\:-bottom-\[26\%\] { bottom: -26%; } .xl\:-bottom-\[620px\] { bottom: -620px; } .xl\:bottom-0 { bottom: calc(var(--spacing) * 0); } .xl\:bottom-1\/12 { bottom: 8.33333%; } .xl\:bottom-10 { bottom: calc(var(--spacing) * 10); } .xl\:bottom-\[-72px\] { bottom: -72px; } .xl\:bottom-\[-77\%\] { bottom: -77%; } .xl\:bottom-\[-90\%\] { bottom: -90%; } .xl\:bottom-\[-266px\] { bottom: -266px; } .xl\:bottom-\[15\%\] { bottom: 15%; } .xl\:bottom-\[18\%\] { bottom: 18%; } .xl\:bottom-\[28\%\] { bottom: 28%; } .xl\:bottom-\[30\%\] { bottom: 30%; } .xl\:bottom-\[36\%\] { bottom: 36%; } .xl\:bottom-\[41\%\] { bottom: 41%; } .xl\:bottom-\[124px\] { bottom: 124px; } .xl\:bottom-auto { bottom: auto; } .xl\:-left-3 { left: calc(var(--spacing) * -3); } .xl\:-left-12 { left: calc(var(--spacing) * -12); } .xl\:-left-\[10\%\] { left: -10%; } .xl\:-left-\[15\%\] { left: -15%; } .xl\:-left-\[21\%\] { left: -21%; } .xl\:-left-\[27\%\] { left: -27%; } .xl\:-left-\[210px\] { left: -210px; } .xl\:-left-\[220px\] { left: -220px; } .xl\:-left-\[225px\] { left: -225px; } .xl\:left-0 { left: calc(var(--spacing) * 0); } .xl\:left-20 { left: calc(var(--spacing) * 20); } .xl\:left-\[-25\%\] { left: -25%; } .xl\:left-\[-30\%\] { left: -30%; } .xl\:left-\[-39\%\] { left: -39%; } .xl\:left-\[-45\%\] { left: -45%; } .xl\:left-\[-52\%\] { left: -52%; } .xl\:left-\[-52px\] { left: -52px; } .xl\:left-\[-107px\] { left: -107px; } .xl\:left-\[-111px\] { left: -111px; } .xl\:left-\[-203px\] { left: -203px; } .xl\:left-\[-206px\] { left: -206px; } .xl\:left-\[8\%\] { left: 8%; } .xl\:left-\[10\%\] { left: 10%; } .xl\:left-\[14\%\] { left: 14%; } .xl\:left-\[18\%\] { left: 18%; } .xl\:left-\[19\%\] { left: 19%; } .xl\:left-\[22\%\] { left: 22%; } .xl\:left-\[23\%\] { left: 23%; } .xl\:left-\[26\%\] { left: 26%; } .xl\:left-\[30\%\] { left: 30%; } .xl\:left-\[40\%\] { left: 40%; } .xl\:left-\[41\%\] { left: 41%; } .xl\:left-\[50\%\] { left: 50%; } .xl\:left-\[60\%\] { left: 60%; } .xl\:left-\[82\%\] { left: 82%; } .xl\:left-\[100px\] { left: 100px; } .xl\:left-\[135px\] { left: 135px; } .xl\:left-\[198px\] { left: 198px; } .xl\:left-\[459px\] { left: 459px; } .xl\:order-1 { order: 1; } .xl\:order-2 { order: 2; } .xl\:col-span-3 { grid-column: span 3 / span 3; } .xl\:col-span-4 { grid-column: span 4 / span 4; } .xl\:col-span-5 { grid-column: span 5 / span 5; } .xl\:col-span-6 { grid-column: span 6 / span 6; } .xl\:col-span-7 { grid-column: span 7 / span 7; } .xl\:col-span-8 { grid-column: span 8 / span 8; } .xl\:col-span-12 { grid-column: span 12 / span 12; } .xl\:col-start-3 { grid-column-start: 3; } .xl\:col-start-auto { grid-column-start: auto; } .xl\:mx-0 { margin-inline: calc(var(--spacing) * 0); } .xl\:mx-auto { margin-inline: auto; } .xl\:my-\[200px\] { margin-block: 200px; } .xl\:ms-0 { margin-inline-start: calc(var(--spacing) * 0); } .xl\:ms-56 { margin-inline-start: calc(var(--spacing) * 56); } .xl\:ms-\[100px\] { margin-inline-start: 100px; } .xl\:ms-\[185px\] { margin-inline-start: 185px; } .xl\:me-0 { margin-inline-end: calc(var(--spacing) * 0); } .xl\:me-\[100px\] { margin-inline-end: 100px; } .xl\:me-\[185px\] { margin-inline-end: 185px; } .xl\:-mt-20 { margin-top: calc(var(--spacing) * -20); } .xl\:mt-0 { margin-top: calc(var(--spacing) * 0); } .xl\:mt-5 { margin-top: calc(var(--spacing) * 5); } .xl\:mt-12 { margin-top: calc(var(--spacing) * 12); } .xl\:mt-\[30px\] { margin-top: 30px; } .xl\:mt-\[250px\] { margin-top: 250px; } .xl\:mr-0 { margin-right: calc(var(--spacing) * 0); } .xl\:-mb-0 { margin-bottom: calc(var(--spacing) * 0); } .xl\:-mb-7 { margin-bottom: calc(var(--spacing) * -7); } .xl\:-mb-14 { margin-bottom: calc(var(--spacing) * -14); } .xl\:mb-5 { margin-bottom: calc(var(--spacing) * 5); } .xl\:mb-8 { margin-bottom: calc(var(--spacing) * 8); } .xl\:mb-14 { margin-bottom: calc(var(--spacing) * 14); } .xl\:mb-18 { margin-bottom: calc(var(--spacing) * 18); } .xl\:mb-\[30px\] { margin-bottom: 30px; } .xl\:mb-\[100px\] { margin-bottom: 100px; } .xl\:mb-\[220px\] { margin-bottom: 220px; } .xl\:ml-0 { margin-left: calc(var(--spacing) * 0); } .xl\:ml-9 { margin-left: calc(var(--spacing) * 9); } .xl\:ml-16 { margin-left: calc(var(--spacing) * 16); } .xl\:ml-\[70px\] { margin-left: 70px; } .xl\:ml-\[100px\] { margin-left: 100px; } .xl\:ml-\[590px\] { margin-left: 590px; } .xl\:ml-auto { margin-left: auto; } .xl\:line-clamp-1 { -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; } .xl\:\!hidden { display: none !important; } .xl\:\!inline-block { display: inline-block !important; } .xl\:block { display: block; } .xl\:flex { display: flex; } .xl\:hidden { display: none; } .xl\:btn-xl { padding-inline: calc(var(--spacing) * 8); padding-block: calc(var(--spacing) * 3.5); font-size: var(--text-tagline-1); line-height: var(--tw-leading, var(--text-tagline-1--line-height)); } .xl\:btn-xl:hover:before { width: calc(var(--spacing) * 3); height: calc(var(--spacing) * 3); --tw-translate-x: calc(var(--spacing) * -4); translate: var(--tw-translate-x) var(--tw-translate-y); opacity: 1; } .xl\:size-6 { width: calc(var(--spacing) * 6); height: calc(var(--spacing) * 6); } .xl\:size-14 { width: calc(var(--spacing) * 14); height: calc(var(--spacing) * 14); } .xl\:size-\[100px\] { width: 100px; height: 100px; } .xl\:size-\[120px\] { width: 120px; height: 120px; } .xl\:size-\[530px\] { width: 530px; height: 530px; } .xl\:size-\[560px\] { width: 560px; height: 560px; } .xl\:size-\[650px\] { width: 650px; height: 650px; } .xl\:size-\[693px\] { width: 693px; height: 693px; } .xl\:size-\[700px\] { width: 700px; height: 700px; } .xl\:size-\[857px\] { width: 857px; height: 857px; } .xl\:size-\[897px\] { width: 897px; height: 897px; } .xl\:size-\[1000px\] { width: 1000px; height: 1000px; } .xl\:size-\[1020px\] { width: 1020px; height: 1020px; } .xl\:size-\[1434px\] { width: 1434px; height: 1434px; } .xl\:h-\[41px\] { height: 41px; } .xl\:h-\[52px\] { height: 52px; } .xl\:h-\[186px\] { height: 186px; } .xl\:h-\[195px\] { height: 195px; } .xl\:h-\[260px\] { height: 260px; } .xl\:h-\[270px\] { height: 270px; } .xl\:h-\[271px\] { height: 271px; } .xl\:h-\[345px\] { height: 345px; } .xl\:h-\[367px\] { height: 367px; } .xl\:h-\[576px\] { height: 576px; } .xl\:h-\[598px\] { height: 598px; } .xl\:h-\[962px\] { height: 962px; } .xl\:max-h-\[310px\] { max-height: 310px; } .xl\:max-h-\[1126px\] { max-height: 1126px; } .xl\:max-h-\[1500px\] { max-height: 1500px; } .xl\:min-h-\[260px\] { min-height: 260px; } .xl\:min-h-\[310px\] { min-height: 310px; } .xl\:min-h-\[558px\] { min-height: 558px; } .xl\:w-20 { width: calc(var(--spacing) * 20); } .xl\:w-\[45\%\] { width: 45%; } .xl\:w-\[55\%\] { width: 55%; } .xl\:w-\[158\.5px\] { width: 158.5px; } .xl\:w-\[198px\] { width: 198px; } .xl\:w-\[200px\] { width: 200px; } .xl\:w-\[210px\] { width: 210px; } .xl\:w-\[250px\] { width: 250px; } .xl\:w-\[280px\] { width: 280px; } .xl\:w-\[300px\] { width: 300px; } .xl\:w-\[350px\] { width: 350px; } .xl\:w-\[395px\] { width: 395px; } .xl\:w-\[408px\] { width: 408px; } .xl\:w-\[409px\] { width: 409px; } .xl\:w-\[459px\] { width: 459px; } .xl\:w-\[517px\] { width: 517px; } .xl\:w-\[584px\] { width: 584px; } .xl\:w-\[670px\] { width: 670px; } .xl\:w-\[802px\] { width: 802px; } .xl\:w-\[940px\] { width: 940px; } .xl\:w-\[1050px\] { width: 1050px; } .xl\:w-\[1100px\] { width: 1100px; } .xl\:w-auto { width: auto; } .xl\:w-full { width: 100%; } .xl\:max-w-\[119px\] { max-width: 119px; } .xl\:max-w-\[143px\] { max-width: 143px; } .xl\:max-w-\[227px\] { max-width: 227px; } .xl\:max-w-\[233px\] { max-width: 233px; } .xl\:max-w-\[253px\] { max-width: 253px; } .xl\:max-w-\[255px\] { max-width: 255px; } .xl\:max-w-\[270px\] { max-width: 270px; } .xl\:max-w-\[282px\] { max-width: 282px; } .xl\:max-w-\[286px\] { max-width: 286px; } .xl\:max-w-\[288px\] { max-width: 288px; } .xl\:max-w-\[300px\] { max-width: 300px; } .xl\:max-w-\[306px\] { max-width: 306px; } .xl\:max-w-\[324px\] { max-width: 324px; } .xl\:max-w-\[326px\] { max-width: 326px; } .xl\:max-w-\[333px\] { max-width: 333px; } .xl\:max-w-\[340px\] { max-width: 340px; } .xl\:max-w-\[344px\] { max-width: 344px; } .xl\:max-w-\[350px\] { max-width: 350px; } .xl\:max-w-\[360px\] { max-width: 360px; } .xl\:max-w-\[386px\] { max-width: 386px; } .xl\:max-w-\[395px\] { max-width: 395px; } .xl\:max-w-\[408px\] { max-width: 408px; } .xl\:max-w-\[409px\] { max-width: 409px; } .xl\:max-w-\[420px\] { max-width: 420px; } .xl\:max-w-\[442px\] { max-width: 442px; } .xl\:max-w-\[446px\] { max-width: 446px; } .xl\:max-w-\[479px\] { max-width: 479px; } .xl\:max-w-\[480px\] { max-width: 480px; } .xl\:max-w-\[500px\] { max-width: 500px; } .xl\:max-w-\[504px\] { max-width: 504px; } .xl\:max-w-\[520px\] { max-width: 520px; } .xl\:max-w-\[535px\] { max-width: 535px; } .xl\:max-w-\[536px\] { max-width: 536px; } .xl\:max-w-\[544px\] { max-width: 544px; } .xl\:max-w-\[562px\] { max-width: 562px; } .xl\:max-w-\[570px\] { max-width: 570px; } .xl\:max-w-\[595px\] { max-width: 595px; } .xl\:max-w-\[629px\] { max-width: 629px; } .xl\:max-w-\[649px\] { max-width: 649px; } .xl\:max-w-\[650px\] { max-width: 650px; } .xl\:max-w-\[684px\] { max-width: 684px; } .xl\:max-w-\[700px\] { max-width: 700px; } .xl\:max-w-\[784px\] { max-width: 784px; } .xl\:max-w-\[802px\] { max-width: 802px; } .xl\:max-w-\[804px\] { max-width: 804px; } .xl\:max-w-\[846px\] { max-width: 846px; } .xl\:max-w-\[850px\] { max-width: 850px; } .xl\:max-w-\[858px\] { max-width: 858px; } .xl\:max-w-\[878px\] { max-width: 878px; } .xl\:max-w-\[900px\] { max-width: 900px; } .xl\:max-w-\[902px\] { max-width: 902px; } .xl\:max-w-\[1000px\] { max-width: 1000px; } .xl\:max-w-\[1008px\] { max-width: 1008px; } .xl\:max-w-\[1020px\] { max-width: 1020px; } .xl\:max-w-\[1110px\] { max-width: 1110px; } .xl\:max-w-\[1140px\] { max-width: 1140px; } .xl\:max-w-\[1170px\] { max-width: 1170px; } .xl\:max-w-\[1240px\] { max-width: 1240px; } .xl\:max-w-\[1260px\] { max-width: 1260px; } .xl\:max-w-\[1270px\] { max-width: 1270px; } .xl\:max-w-\[1280px\] { max-width: 1280px; } .xl\:max-w-\[1392px\] { max-width: 1392px; } .xl\:max-w-\[1440px\] { max-width: 1440px; } .xl\:max-w-full { max-width: 100%; } .xl\:-translate-x-\[41\%\] { --tw-translate-x: calc(41% * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .xl\:translate-x-\[36\%\] { --tw-translate-x: 36%; translate: var(--tw-translate-x) var(--tw-translate-y); } .xl\:translate-x-\[44\%\] { --tw-translate-x: 44%; translate: var(--tw-translate-x) var(--tw-translate-y); } .xl\:translate-x-\[75px\] { --tw-translate-x: 75px; translate: var(--tw-translate-x) var(--tw-translate-y); } .xl\:-translate-y-1\/2 { --tw-translate-y: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .xl\:-translate-y-\[33\%\] { --tw-translate-y: calc(33% * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .xl\:grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .xl\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .xl\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .xl\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .xl\:flex-row { flex-direction: row; } .xl\:items-center { align-items: center; } .xl\:items-start { align-items: flex-start; } .xl\:justify-end { justify-content: flex-end; } .xl\:justify-normal { justify-content: normal; } .xl\:justify-start { justify-content: flex-start; } .xl\:gap-0 { gap: calc(var(--spacing) * 0); } .xl\:gap-6 { gap: calc(var(--spacing) * 6); } .xl\:gap-8 { gap: calc(var(--spacing) * 8); } .xl\:gap-10 { gap: calc(var(--spacing) * 10); } .xl\:gap-12 { gap: calc(var(--spacing) * 12); } .xl\:gap-14 { gap: calc(var(--spacing) * 14); } .xl\:gap-20 { gap: calc(var(--spacing) * 20); } .xl\:gap-\[60px\] { gap: 60px; } .xl\:gap-\[68px\] { gap: 68px; } .xl\:gap-\[70px\] { gap: 70px; } .xl\:gap-\[75px\] { gap: 75px; } .xl\:gap-\[90px\] { gap: 90px; } .xl\:gap-\[100px\] { gap: 100px; } .xl\:gap-\[115px\] { gap: 115px; } .xl\:gap-\[165px\] { gap: 165px; } :where(.xl\:space-y-8 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse))); } :where(.xl\:space-y-11 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 11) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 11) * calc(1 - var(--tw-space-y-reverse))); } :where(.xl\:space-y-14 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 14) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 14) * calc(1 - var(--tw-space-y-reverse))); } :where(.xl\:space-y-\[42px\] > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(42px * var(--tw-space-y-reverse)); margin-block-end: calc(42px * calc(1 - var(--tw-space-y-reverse))); } :where(.xl\:space-y-\[70px\] > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(70px * var(--tw-space-y-reverse)); margin-block-end: calc(70px * calc(1 - var(--tw-space-y-reverse))); } :where(.xl\:space-y-\[100px\] > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(100px * var(--tw-space-y-reverse)); margin-block-end: calc(100px * calc(1 - var(--tw-space-y-reverse))); } :where(.xl\:space-y-\[132px\] > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(132px * var(--tw-space-y-reverse)); margin-block-end: calc(132px * calc(1 - var(--tw-space-y-reverse))); } :where(.xl\:space-y-\[300px\] > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(300px * var(--tw-space-y-reverse)); margin-block-end: calc(300px * calc(1 - var(--tw-space-y-reverse))); } .xl\:gap-x-0 { column-gap: calc(var(--spacing) * 0); } .xl\:gap-x-3 { column-gap: calc(var(--spacing) * 3); } .xl\:gap-x-8 { column-gap: calc(var(--spacing) * 8); } .xl\:gap-x-24 { column-gap: calc(var(--spacing) * 24); } .xl\:gap-x-28 { column-gap: calc(var(--spacing) * 28); } .xl\:gap-x-\[100px\] { column-gap: 100px; } .xl\:gap-x-\[140px\] { column-gap: 140px; } .xl\:gap-x-\[165px\] { column-gap: 165px; } .xl\:gap-y-0 { row-gap: calc(var(--spacing) * 0); } .xl\:rounded-4xl { border-radius: var(--radius-4xl); } .xl\:rounded-\[20px\] { border-radius: 20px; } .xl\:rounded-\[32px\] { border-radius: 32px; } .xl\:rounded-\[50px\] { border-radius: 50px; } .xl\:p-8 { padding: calc(var(--spacing) * 8); } .xl\:p-\[42px\] { padding: 42px; } .xl\:p-\[50px\] { padding: 50px; } .xl\:p-\[70px\] { padding: 70px; } .xl\:px-0 { padding-inline: calc(var(--spacing) * 0); } .xl\:px-14 { padding-inline: calc(var(--spacing) * 14); } .xl\:px-16 { padding-inline: calc(var(--spacing) * 16); } .xl\:px-20 { padding-inline: calc(var(--spacing) * 20); } .xl\:px-\[50px\] { padding-inline: 50px; } .xl\:px-\[67px\] { padding-inline: 67px; } .xl\:px-\[100px\] { padding-inline: 100px; } .xl\:py-0 { padding-block: calc(var(--spacing) * 0); } .xl\:py-2\.5 { padding-block: calc(var(--spacing) * 2.5); } .xl\:py-3 { padding-block: calc(var(--spacing) * 3); } .xl\:py-8 { padding-block: calc(var(--spacing) * 8); } .xl\:py-13 { padding-block: calc(var(--spacing) * 13); } .xl\:py-14 { padding-block: calc(var(--spacing) * 14); } .xl\:py-28 { padding-block: calc(var(--spacing) * 28); } .xl\:py-48 { padding-block: calc(var(--spacing) * 48); } .xl\:py-\[60px\] { padding-block: 60px; } .xl\:py-\[88px\] { padding-block: 88px; } .xl\:py-\[100px\] { padding-block: 100px; } .xl\:py-\[120px\] { padding-block: 120px; } .xl\:py-\[200px\] { padding-block: 200px; } .xl\:pt-14 { padding-top: calc(var(--spacing) * 14); } .xl\:pt-32 { padding-top: calc(var(--spacing) * 32); } .xl\:pt-60 { padding-top: calc(var(--spacing) * 60); } .xl\:pt-\[90px\] { padding-top: 90px; } .xl\:pt-\[100px\] { padding-top: 100px; } .xl\:pt-\[109px\] { padding-top: 109px; } .xl\:pt-\[120px\] { padding-top: 120px; } .xl\:pt-\[140px\] { padding-top: 140px; } .xl\:pt-\[150px\] { padding-top: 150px; } .xl\:pt-\[154px\] { padding-top: 154px; } .xl\:pt-\[160px\] { padding-top: 160px; } .xl\:pt-\[170px\] { padding-top: 170px; } .xl\:pt-\[180px\] { padding-top: 180px; } .xl\:pt-\[200px\] { padding-top: 200px; } .xl\:pt-\[228px\] { padding-top: 228px; } .xl\:pt-\[230px\] { padding-top: 230px; } .xl\:pt-\[242px\] { padding-top: 242px; } .xl\:pt-\[250px\] { padding-top: 250px; } .xl\:pt-\[260px\] { padding-top: 260px; } .xl\:pb-0 { padding-bottom: calc(var(--spacing) * 0); } .xl\:pb-14 { padding-bottom: calc(var(--spacing) * 14); } .xl\:pb-20 { padding-bottom: calc(var(--spacing) * 20); } .xl\:pb-48 { padding-bottom: calc(var(--spacing) * 48); } .xl\:pb-52 { padding-bottom: calc(var(--spacing) * 52); } .xl\:pb-\[94px\] { padding-bottom: 94px; } .xl\:pb-\[100px\] { padding-bottom: 100px; } .xl\:pb-\[112px\] { padding-bottom: 112px; } .xl\:pb-\[150px\] { padding-bottom: 150px; } .xl\:pb-\[160px\] { padding-bottom: 160px; } .xl\:pb-\[170px\] { padding-bottom: 170px; } .xl\:pb-\[176px\] { padding-bottom: 176px; } .xl\:pb-\[200px\] { padding-bottom: 200px; } .xl\:pb-\[250px\] { padding-bottom: 250px; } .xl\:pl-\[96px\] { padding-left: 96px; } .xl\:pl-\[120px\] { padding-left: 120px; } .xl\:text-left { text-align: left; } .xl\:text-heading-1 { font-size: var(--text-heading-1); line-height: var(--tw-leading, var(--text-heading-1--line-height)); } .xl\:text-heading-2 { font-size: var(--text-heading-2); line-height: var(--tw-leading, var(--text-heading-2--line-height)); } .xl\:text-heading-3 { font-size: var(--text-heading-3); line-height: var(--tw-leading, var(--text-heading-3--line-height)); } .xl\:text-heading-4 { font-size: var(--text-heading-4); line-height: var(--tw-leading, var(--text-heading-4--line-height)); } .xl\:text-heading-5 { font-size: var(--text-heading-5); line-height: var(--tw-leading, var(--text-heading-5--line-height)); } .xl\:text-heading-6 { font-size: var(--text-heading-6); line-height: var(--tw-leading, var(--text-heading-6--line-height)); } .xl\:text-tagline-1 { font-size: var(--text-tagline-1); line-height: var(--tw-leading, var(--text-tagline-1--line-height)); } .xl\:text-tagline-2 { font-size: var(--text-tagline-2); line-height: var(--tw-leading, var(--text-tagline-2--line-height)); } .xl\:\!text-\[200px\] { font-size: 200px !important; } } @media (min-width: 96rem) { .\32 xl\:-top-5 { top: calc(var(--spacing) * -5); } .\32 xl\:-top-12 { top: calc(var(--spacing) * -12); } .\32 xl\:-top-\[53\%\] { top: -53%; } .\32 xl\:-top-\[65\%\] { top: -65%; } .\32 xl\:top-2\.5 { top: calc(var(--spacing) * 2.5); } .\32 xl\:top-\[1\%\] { top: 1%; } .\32 xl\:top-\[35\%\] { top: 35%; } .\32 xl\:top-\[189px\] { top: 189px; } .\32 xl\:top-\[194px\] { top: 194px; } .\32 xl\:-right-10 { right: calc(var(--spacing) * -10); } .\32 xl\:-right-\[8\.0\%\] { right: -8%; } .\32 xl\:-right-\[19\%\] { right: -19%; } .\32 xl\:-right-\[20\%\] { right: -20%; } .\32 xl\:-right-\[23\%\] { right: -23%; } .\32 xl\:-right-\[120px\] { right: -120px; } .\32 xl\:right-0 { right: calc(var(--spacing) * 0); } .\32 xl\:right-24 { right: calc(var(--spacing) * 24); } .\32 xl\:right-\[-15\%\] { right: -15%; } .\32 xl\:right-\[-53px\] { right: -53px; } .\32 xl\:right-\[-82px\] { right: -82px; } .\32 xl\:right-\[-83px\] { right: -83px; } .\32 xl\:right-\[-98px\] { right: -98px; } .\32 xl\:right-\[-167px\] { right: -167px; } .\32 xl\:-bottom-28 { bottom: calc(var(--spacing) * -28); } .\32 xl\:bottom-\[20\%\] { bottom: 20%; } .\32 xl\:-left-8 { left: calc(var(--spacing) * -8); } .\32 xl\:-left-\[8\.5\%\] { left: -8.5%; } .\32 xl\:-left-\[26\%\] { left: -26%; } .\32 xl\:-left-\[34\%\] { left: -34%; } .\32 xl\:-left-\[120px\] { left: -120px; } .\32 xl\:-left-\[132px\] { left: -132px; } .\32 xl\:-left-\[151px\] { left: -151px; } .\32 xl\:left-0 { left: calc(var(--spacing) * 0); } .\32 xl\:left-24 { left: calc(var(--spacing) * 24); } .\32 xl\:left-\[-3px\] { left: -3px; } .\32 xl\:left-\[-19\%\] { left: -19%; } .\32 xl\:left-\[-22\%\] { left: -22%; } .\32 xl\:left-\[40\%\] { left: 40%; } .\32 xl\:left-\[60\%\] { left: 60%; } .\32 xl\:left-\[68\%\] { left: 68%; } .\32 xl\:mx-auto { margin-inline: auto; } .\32 xl\:-mt-36 { margin-top: calc(var(--spacing) * -36); } .\32 xl\:mt-\[70px\] { margin-top: 70px; } .\32 xl\:mb-\[183px\] { margin-bottom: 183px; } .\32 xl\:ml-\[100px\] { margin-left: 100px; } .\32 xl\:ml-\[120px\] { margin-left: 120px; } .\32 xl\:line-clamp-none { -webkit-line-clamp: unset; -webkit-box-orient: horizontal; display: block; overflow: visible; } .\32 xl\:size-14 { width: calc(var(--spacing) * 14); height: calc(var(--spacing) * 14); } .\32 xl\:size-16 { width: calc(var(--spacing) * 16); height: calc(var(--spacing) * 16); } .\32 xl\:size-\[100px\] { width: 100px; height: 100px; } .\32 xl\:size-\[120px\] { width: 120px; height: 120px; } .\32 xl\:w-\[250px\] { width: 250px; } .\32 xl\:w-\[253px\] { width: 253px; } .\32 xl\:w-\[275px\] { width: 275px; } .\32 xl\:w-\[280px\] { width: 280px; } .\32 xl\:w-\[288px\] { width: 288px; } .\32 xl\:w-\[333px\] { width: 333px; } .\32 xl\:w-fit { width: fit-content; } .\32 xl\:max-w-\[254px\] { max-width: 254px; } .\32 xl\:max-w-\[257px\] { max-width: 257px; } .\32 xl\:max-w-\[268px\] { max-width: 268px; } .\32 xl\:max-w-\[389px\] { max-width: 389px; } .\32 xl\:max-w-\[395px\] { max-width: 395px; } .\32 xl\:max-w-\[408px\] { max-width: 408px; } .\32 xl\:max-w-\[497px\] { max-width: 497px; } .\32 xl\:max-w-\[582px\] { max-width: 582px; } .\32 xl\:max-w-\[584px\] { max-width: 584px; } .\32 xl\:max-w-\[700px\] { max-width: 700px; } .\32 xl\:max-w-\[1024px\] { max-width: 1024px; } .\32 xl\:max-w-\[1080px\] { max-width: 1080px; } .\32 xl\:max-w-\[1440px\] { max-width: 1440px; } .\32 xl\:max-w-\[1860px\] { max-width: 1860px; } .\32 xl\:basis-\[562px\] { flex-basis: 562px; } .\32 xl\:justify-evenly { justify-content: space-evenly; } .\32 xl\:gap-10 { gap: calc(var(--spacing) * 10); } .\32 xl\:gap-\[100px\] { gap: 100px; } .\32 xl\:gap-x-24 { column-gap: calc(var(--spacing) * 24); } .\32 xl\:gap-x-\[100px\] { column-gap: 100px; } .\32 xl\:rounded-\[40px\] { border-radius: 40px; } .\32 xl\:p-6 { padding: calc(var(--spacing) * 6); } .\32 xl\:p-8 { padding: calc(var(--spacing) * 8); } .\32 xl\:px-0 { padding-inline: calc(var(--spacing) * 0); } .\32 xl\:px-8 { padding-inline: calc(var(--spacing) * 8); } .\32 xl\:px-16 { padding-inline: calc(var(--spacing) * 16); } .\32 xl\:px-\[100px\] { padding-inline: 100px; } .\32 xl\:py-6 { padding-block: calc(var(--spacing) * 6); } .\32 xl\:py-8 { padding-block: calc(var(--spacing) * 8); } .\32 xl\:py-28 { padding-block: calc(var(--spacing) * 28); } .\32 xl\:py-\[22px\] { padding-block: 22px; } .\32 xl\:py-\[100px\] { padding-block: 100px; } .\32 xl\:py-\[120px\] { padding-block: 120px; } .\32 xl\:py-\[176px\] { padding-block: 176px; } .\32 xl\:py-\[200px\] { padding-block: 200px; } .\32 xl\:ps-\[70px\] { padding-inline-start: 70px; } .\32 xl\:pe-\[70px\] { padding-inline-end: 70px; } .\32 xl\:pe-\[150px\] { padding-inline-end: 150px; } .\32 xl\:pe-\[200px\] { padding-inline-end: 200px; } .\32 xl\:pt-\[230px\] { padding-top: 230px; } .\32 xl\:pt-\[250px\] { padding-top: 250px; } .\32 xl\:pt-\[264px\] { padding-top: 264px; } .\32 xl\:pt-\[280px\] { padding-top: 280px; } .\32 xl\:pb-\[150px\] { padding-bottom: 150px; } .\32 xl\:pb-\[200px\] { padding-bottom: 200px; } .\32 xl\:pl-\[320px\] { padding-left: 320px; } .\32 xl\:text-heading-6 { font-size: var(--text-heading-6); line-height: var(--tw-leading, var(--text-heading-6--line-height)); } } .dark\:block:where(.dark, .dark *) { display: block; } .dark\:hidden:where(.dark, .dark *) { display: none; } .dark\:inline:where(.dark, .dark *) { display: inline; } .dark\:inline-block:where(.dark, .dark *) { display: inline-block; } .dark\:rounded-t-\[20px\]:where(.dark, .dark *) { border-top-left-radius: 20px; border-top-right-radius: 20px; } .dark\:rounded-t-none:where(.dark, .dark *) { border-top-left-radius: 0; border-top-right-radius: 0; } .dark\:rounded-b-\[20px\]:where(.dark, .dark *) { border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; } .dark\:rounded-b-none:where(.dark, .dark *) { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .dark\:btn-black:where(.dark, .dark *) { border-style: var(--tw-border-style); background-color: var(--color-black); color: var(--color-accent); --tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, #1018280d); 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; } .dark\:btn-dark:where(.dark, .dark *) { border-style: var(--tw-border-style); color: var(--color-accent); --tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, #1018280d); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); background-color: #fcfcfc1a; border-width: 0; } @supports (color: color-mix(in lab, red, red)) { .dark\:btn-dark:where(.dark, .dark *) { background-color: color-mix(in oklab, var(--color-accent) 10%, transparent); } } .dark\:\!border:where(.dark, .dark *) { border-style: var(--tw-border-style) !important; border-width: 1px !important; } .dark\:border:where(.dark, .dark *) { border-style: var(--tw-border-style); border-width: 1px; } .dark\:border-0:where(.dark, .dark *) { border-style: var(--tw-border-style); border-width: 0; } .dark\:border-t-0:where(.dark, .dark *) { border-top-style: var(--tw-border-style); border-top-width: 0; } .dark\:border-none:where(.dark, .dark *) { --tw-border-style: none; border-style: none; } .dark\:btn-accent:where(.dark, .dark *) { border-color: var(--color-stroke-3); background-color: var(--color-accent); color: var(--color-secondary); --tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, #1018280d); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .dark\:btn-accent:where(.dark, .dark *):before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%231a1a1c' viewBox='0 0 256 256'%3E%3Cpath d='M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z'%3E%3C/path%3E%3C/svg%3E"); } .dark\:btn-white-dark:where(.dark, .dark *) { border-color: var(--color-stroke-7); background-color: var(--color-background-6); color: var(--color-accent); --tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, #1018280d); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .dark\:btn-white-dark:where(.dark, .dark *):before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='white' viewBox='0 0 256 256'%3E%3Cpath d='M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z'%3E%3C/path%3E%3C/svg%3E"); } .dark\:btn-transparent:where(.dark, .dark *) { border-color: var(--color-stroke-7); color: var(--color-accent); background-color: #0000; } .dark\:btn-transparent:where(.dark, .dark *):before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='white' viewBox='0 0 256 256'%3E%3Cpath d='M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z'%3E%3C/path%3E%3C/svg%3E"); } .dark\:btn-secondary-v2:where(.dark, .dark *) { border-color: var(--color-stroke-7); background-color: var(--color-background-5); color: var(--color-accent); --tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, #1018280d); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .dark\:\!border-stroke-5:where(.dark, .dark *) { border-color: var(--color-stroke-5) !important; } .dark\:border-\[\#1F252F\]:where(.dark, .dark *) { border-color: #1f252f; } .dark\:border-\[\#31332F\]:where(.dark, .dark *) { border-color: #31332f; } .dark\:border-accent:where(.dark, .dark *) { border-color: var(--color-accent); } .dark\:border-accent\/10:where(.dark, .dark *) { border-color: #fcfcfc1a; } @supports (color: color-mix(in lab, red, red)) { .dark\:border-accent\/10:where(.dark, .dark *) { border-color: color-mix(in oklab, var(--color-accent) 10%, transparent); } } .dark\:border-background-5:where(.dark, .dark *) { border-color: var(--color-background-5); } .dark\:border-background-6:where(.dark, .dark *) { border-color: var(--color-background-6); } .dark\:border-background-8:where(.dark, .dark *) { border-color: var(--color-background-8); } .dark\:border-background-9:where(.dark, .dark *) { border-color: var(--color-background-9); } .dark\:border-black:where(.dark, .dark *) { border-color: var(--color-black); } .dark\:border-primary-50:where(.dark, .dark *) { border-color: var(--color-primary-50); } .dark\:border-stroke-5:where(.dark, .dark *) { border-color: var(--color-stroke-5); } .dark\:border-stroke-6:where(.dark, .dark *) { border-color: var(--color-stroke-6); } .dark\:border-stroke-7:where(.dark, .dark *) { border-color: var(--color-stroke-7); } .dark\:border-stroke-8:where(.dark, .dark *) { border-color: var(--color-stroke-8); } .dark\:border-t-accent\/10:where(.dark, .dark *) { border-top-color: #fcfcfc1a; } @supports (color: color-mix(in lab, red, red)) { .dark\:border-t-accent\/10:where(.dark, .dark *) { border-top-color: color-mix(in oklab, var(--color-accent) 10%, transparent); } } .dark\:border-t-stroke-6:where(.dark, .dark *) { border-top-color: var(--color-stroke-6); } .dark\:border-t-stroke-7:where(.dark, .dark *) { border-top-color: var(--color-stroke-7); } .dark\:border-r-secondary\/20:where(.dark, .dark *) { border-right-color: #1a1a1c33; } @supports (color: color-mix(in lab, red, red)) { .dark\:border-r-secondary\/20:where(.dark, .dark *) { border-right-color: color-mix(in oklab, var(--color-secondary) 20%, transparent); } } .dark\:border-r-stroke-6:where(.dark, .dark *) { border-right-color: var(--color-stroke-6); } .dark\:border-r-stroke-8:where(.dark, .dark *) { border-right-color: var(--color-stroke-8); } .dark\:border-b-accent\/10:where(.dark, .dark *) { border-bottom-color: #fcfcfc1a; } @supports (color: color-mix(in lab, red, red)) { .dark\:border-b-accent\/10:where(.dark, .dark *) { border-bottom-color: color-mix(in oklab, var(--color-accent) 10%, transparent); } } .dark\:border-b-stroke-5:where(.dark, .dark *) { border-bottom-color: var(--color-stroke-5); } .dark\:border-b-stroke-6:where(.dark, .dark *) { border-bottom-color: var(--color-stroke-6); } .dark\:border-b-stroke-7:where(.dark, .dark *) { border-bottom-color: var(--color-stroke-7); } .dark\:border-b-stroke-8:where(.dark, .dark *) { border-bottom-color: var(--color-stroke-8); } .dark\:\!bg-accent\/10:where(.dark, .dark *) { background-color: #fcfcfc1a !important; } @supports (color: color-mix(in lab, red, red)) { .dark\:\!bg-accent\/10:where(.dark, .dark *) { background-color: color-mix(in oklab, var(--color-accent) 10%, transparent) !important; } } .dark\:\!bg-background-5:where(.dark, .dark *) { background-color: var(--color-background-5) !important; } .dark\:\!bg-background-6:where(.dark, .dark *) { background-color: var(--color-background-6) !important; } .dark\:\!bg-background-7:where(.dark, .dark *) { background-color: var(--color-background-7) !important; } .dark\:\!bg-background-8:where(.dark, .dark *) { background-color: var(--color-background-8) !important; } .dark\:\!bg-background-9:where(.dark, .dark *) { background-color: var(--color-background-9) !important; } .dark\:\!bg-black:where(.dark, .dark *) { background-color: var(--color-black) !important; } .dark\:\!bg-transparent:where(.dark, .dark *) { background-color: #0000 !important; } .dark\:bg-\[\#0B0F15\]\/60:where(.dark, .dark *) { background-color: oklab(16.7098% -.00286902 -.0139178 / .6); } .dark\:bg-\[\#0E0E0E\]:where(.dark, .dark *) { background-color: #0e0e0e; } .dark\:bg-\[\#1B202A\]\/60:where(.dark, .dark *) { background-color: oklab(24.3107% -.00212146 -.0204636 / .6); } .dark\:bg-\[\#161B23\]\/60:where(.dark, .dark *) { background-color: oklab(22.0742% -.00310854 -.0171741 / .6); } .dark\:bg-\[\#000203\]:where(.dark, .dark *) { background-color: #000203; } .dark\:bg-\[\#12161C\]\/60:where(.dark, .dark *) { background-color: oklab(19.8779% -.00274302 -.0133223 / .6); } .dark\:bg-accent:where(.dark, .dark *) { background-color: var(--color-accent); } .dark\:bg-accent\/5:where(.dark, .dark *) { background-color: #fcfcfc0d; } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-accent\/5:where(.dark, .dark *) { background-color: color-mix(in oklab, var(--color-accent) 5%, transparent); } } .dark\:bg-accent\/10:where(.dark, .dark *) { background-color: #fcfcfc1a; } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-accent\/10:where(.dark, .dark *) { background-color: color-mix(in oklab, var(--color-accent) 10%, transparent); } } .dark\:bg-accent\/20:where(.dark, .dark *) { background-color: #fcfcfc33; } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-accent\/20:where(.dark, .dark *) { background-color: color-mix(in oklab, var(--color-accent) 20%, transparent); } } .dark\:bg-accent\/40:where(.dark, .dark *) { background-color: #fcfcfc66; } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-accent\/40:where(.dark, .dark *) { background-color: color-mix(in oklab, var(--color-accent) 40%, transparent); } } .dark\:bg-background-2:where(.dark, .dark *) { background-color: var(--color-background-2); } .dark\:bg-background-5:where(.dark, .dark *) { background-color: var(--color-background-5); } .dark\:bg-background-6:where(.dark, .dark *) { background-color: var(--color-background-6); } .dark\:bg-background-7:where(.dark, .dark *) { background-color: var(--color-background-7); } .dark\:bg-background-7\/40:where(.dark, .dark *) { background-color: #181d2666; } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-background-7\/40:where(.dark, .dark *) { background-color: color-mix(in oklab, var(--color-background-7) 40%, transparent); } } .dark\:bg-background-8:where(.dark, .dark *) { background-color: var(--color-background-8); } .dark\:bg-background-9:where(.dark, .dark *) { background-color: var(--color-background-9); } .dark\:bg-black:where(.dark, .dark *) { background-color: var(--color-black); } .dark\:bg-ns-green:where(.dark, .dark *) { background-color: var(--color-ns-green); } .dark\:bg-secondary:where(.dark, .dark *) { background-color: var(--color-secondary); } .dark\:bg-secondary\/60:where(.dark, .dark *) { background-color: #1a1a1c99; } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-secondary\/60:where(.dark, .dark *) { background-color: color-mix(in oklab, var(--color-secondary) 60%, transparent); } } .dark\:bg-stroke-1:where(.dark, .dark *) { background-color: var(--color-stroke-1); } .dark\:bg-stroke-4\/10:where(.dark, .dark *) { background-color: #eceff41a; } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-stroke-4\/10:where(.dark, .dark *) { background-color: color-mix(in oklab, var(--color-stroke-4) 10%, transparent); } } .dark\:bg-stroke-5:where(.dark, .dark *) { background-color: var(--color-stroke-5); } .dark\:bg-stroke-6:where(.dark, .dark *) { background-color: var(--color-stroke-6); } .dark\:bg-stroke-8:where(.dark, .dark *) { background-color: var(--color-stroke-8); } .dark\:bg-transparent:where(.dark, .dark *) { background-color: #0000; } .dark\:bg-white:where(.dark, .dark *) { background-color: var(--color-white); } .dark\:bg-linear-\[156deg\,_\#070B10_32\.92\%\,_\#C6F56F_91\%\]:where(.dark, .dark *) { --tw-gradient-position: 156deg, #070b10 32.92%, #c6f56f 91%; background-image: linear-gradient(var(--tw-gradient-stops, 156deg, #070b10 32.92%, #c6f56f 91%)); } .dark\:bg-linear-\[180deg\,\#2A333E_0\%\,\#2a333e00_100\%\]:where(.dark, .dark *) { --tw-gradient-position: 180deg, #2a333e 0%, #2a333e00 100%; background-image: linear-gradient(var(--tw-gradient-stops, 180deg, #2a333e 0%, #2a333e00 100%)); } .dark\:hero-bg-overlay-dark:where(.dark, .dark *) { --tw-gradient-position: 180deg, #070b10e6 0%, #070b10 100%; background-image: linear-gradient(var(--tw-gradient-stops, 180deg, #070b10e6 0%, #070b10 100%)); } .dark\:bg-\[url\(\'\/images\/home-page-2\/price-bg-dark\.png\'\)\]:where(.dark, .dark *) { background-image: url("../images/home-page-2/price-bg-dark.png"); } .dark\:bg-\[url\(\'\/images\/home-page-5\/hero-bg-dark\.svg\'\)\]:where(.dark, .dark *) { background-image: url("../images/home-page-5/hero-bg-dark.svg"); } .dark\:bg-\[url\(\'\/images\/home-page-14\/hero-bg-dark\.svg\'\)\]:where(.dark, .dark *) { background-image: url("../images/home-page-14/hero-bg-dark.svg"); } .dark\:bg-\[url\(\'\/images\/home-page-23\/hero-container-bg-dark\.svg\'\)\]:where(.dark, .dark *) { background-image: url("../images/home-page-23/hero-container-bg-dark.svg"); } .dark\:\!from-background-5:where(.dark, .dark *) { --tw-gradient-from: var(--color-background-5) !important; --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)) !important; } .dark\:\!from-background-7:where(.dark, .dark *) { --tw-gradient-from: var(--color-background-7) !important; --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)) !important; } .dark\:from-\(image\:--color-gradient-5\):where(.dark, .dark *) { --tw-gradient-from: var(--color-gradient-5); --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)); } .dark\:from-background-5:where(.dark, .dark *) { --tw-gradient-from: var(--color-background-5); --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)); } .dark\:from-background-6:where(.dark, .dark *) { --tw-gradient-from: var(--color-background-6); --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)); } .dark\:from-background-7:where(.dark, .dark *) { --tw-gradient-from: var(--color-background-7); --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)); } .dark\:from-stroke-5:where(.dark, .dark *) { --tw-gradient-from: var(--color-stroke-5); --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)); } .dark\:to-background-5\/20:where(.dark, .dark *) { --tw-gradient-to: #13171e33; --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)); } @supports (color: color-mix(in lab, red, red)) { .dark\:to-background-5\/20:where(.dark, .dark *) { --tw-gradient-to: color-mix(in oklab, var(--color-background-5) 20%, transparent); } } .dark\:to-stroke-5\/30:where(.dark, .dark *) { --tw-gradient-to: #1b232f4d; --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)); } @supports (color: color-mix(in lab, red, red)) { .dark\:to-stroke-5\/30:where(.dark, .dark *) { --tw-gradient-to: color-mix(in oklab, var(--color-stroke-5) 30%, transparent); } } .dark\:fill-\[\#070B10\]:where(.dark, .dark *) { fill: #070b10; } .dark\:fill-accent:where(.dark, .dark *) { fill: var(--color-accent); } .dark\:fill-accent\/10:where(.dark, .dark *) { fill: #fcfcfc1a; } @supports (color: color-mix(in lab, red, red)) { .dark\:fill-accent\/10:where(.dark, .dark *) { fill: color-mix(in oklab, var(--color-accent) 10%, transparent); } } .dark\:fill-accent\/20:where(.dark, .dark *) { fill: #fcfcfc33; } @supports (color: color-mix(in lab, red, red)) { .dark\:fill-accent\/20:where(.dark, .dark *) { fill: color-mix(in oklab, var(--color-accent) 20%, transparent); } } .dark\:fill-accent\/40:where(.dark, .dark *) { fill: #fcfcfc66; } @supports (color: color-mix(in lab, red, red)) { .dark\:fill-accent\/40:where(.dark, .dark *) { fill: color-mix(in oklab, var(--color-accent) 40%, transparent); } } .dark\:fill-accent\/60:where(.dark, .dark *) { fill: #fcfcfc99; } @supports (color: color-mix(in lab, red, red)) { .dark\:fill-accent\/60:where(.dark, .dark *) { fill: color-mix(in oklab, var(--color-accent) 60%, transparent); } } .dark\:fill-accent\/80:where(.dark, .dark *) { fill: #fcfcfccc; } @supports (color: color-mix(in lab, red, red)) { .dark\:fill-accent\/80:where(.dark, .dark *) { fill: color-mix(in oklab, var(--color-accent) 80%, transparent); } } .dark\:fill-background-7:where(.dark, .dark *) { fill: var(--color-background-7); } .dark\:fill-background-8:where(.dark, .dark *) { fill: var(--color-background-8); } .dark\:fill-background-9:where(.dark, .dark *) { fill: var(--color-background-9); } .dark\:fill-black:where(.dark, .dark *) { fill: var(--color-black); } .dark\:fill-secondary:where(.dark, .dark *) { fill: var(--color-secondary); } .dark\:fill-stroke-8:where(.dark, .dark *) { fill: var(--color-stroke-8); } .dark\:fill-white:where(.dark, .dark *) { fill: var(--color-white); } .dark\:stroke-accent:where(.dark, .dark *) { stroke: var(--color-accent); } .dark\:stroke-accent\/40:where(.dark, .dark *) { stroke: #fcfcfc66; } @supports (color: color-mix(in lab, red, red)) { .dark\:stroke-accent\/40:where(.dark, .dark *) { stroke: color-mix(in oklab, var(--color-accent) 40%, transparent); } } .dark\:stroke-accent\/60:where(.dark, .dark *) { stroke: #fcfcfc99; } @supports (color: color-mix(in lab, red, red)) { .dark\:stroke-accent\/60:where(.dark, .dark *) { stroke: color-mix(in oklab, var(--color-accent) 60%, transparent); } } .dark\:stroke-black:where(.dark, .dark *) { stroke: var(--color-black); } .dark\:stroke-ns-green:where(.dark, .dark *) { stroke: var(--color-ns-green); } .dark\:stroke-secondary:where(.dark, .dark *) { stroke: var(--color-secondary); } .dark\:stroke-stroke-5:where(.dark, .dark *) { stroke: var(--color-stroke-5); } .dark\:stroke-stroke-8:where(.dark, .dark *) { stroke: var(--color-stroke-8); } .dark\:stroke-white:where(.dark, .dark *) { stroke: var(--color-white); } .dark\:pt-\[100px\]:where(.dark, .dark *) { padding-top: 100px; } .dark\:\!text-accent:where(.dark, .dark *) { color: var(--color-accent) !important; } .dark\:\!text-accent\/60:where(.dark, .dark *) { color: #fcfcfc99 !important; } @supports (color: color-mix(in lab, red, red)) { .dark\:\!text-accent\/60:where(.dark, .dark *) { color: color-mix(in oklab, var(--color-accent) 60%, transparent) !important; } } .dark\:\!text-ns-green:where(.dark, .dark *) { color: var(--color-ns-green) !important; } .dark\:\!text-white:where(.dark, .dark *) { color: var(--color-white) !important; } .dark\:text-accent:where(.dark, .dark *) { color: var(--color-accent); } .dark\:text-accent\/40:where(.dark, .dark *) { color: #fcfcfc66; } @supports (color: color-mix(in lab, red, red)) { .dark\:text-accent\/40:where(.dark, .dark *) { color: color-mix(in oklab, var(--color-accent) 40%, transparent); } } .dark\:text-accent\/60:where(.dark, .dark *) { color: #fcfcfc99; } @supports (color: color-mix(in lab, red, red)) { .dark\:text-accent\/60:where(.dark, .dark *) { color: color-mix(in oklab, var(--color-accent) 60%, transparent); } } .dark\:text-accent\/80:where(.dark, .dark *) { color: #fcfcfccc; } @supports (color: color-mix(in lab, red, red)) { .dark\:text-accent\/80:where(.dark, .dark *) { color: color-mix(in oklab, var(--color-accent) 80%, transparent); } } .dark\:text-accent\/90:where(.dark, .dark *) { color: #fcfcfce6; } @supports (color: color-mix(in lab, red, red)) { .dark\:text-accent\/90:where(.dark, .dark *) { color: color-mix(in oklab, var(--color-accent) 90%, transparent); } } .dark\:text-black:where(.dark, .dark *) { color: var(--color-black); } .dark\:text-ns-green:where(.dark, .dark *) { color: var(--color-ns-green); } .dark\:text-ns-yellow:where(.dark, .dark *) { color: var(--color-ns-yellow); } .dark\:text-secondary:where(.dark, .dark *) { color: var(--color-secondary); } .dark\:text-secondary\/60:where(.dark, .dark *) { color: #1a1a1c99; } @supports (color: color-mix(in lab, red, red)) { .dark\:text-secondary\/60:where(.dark, .dark *) { color: color-mix(in oklab, var(--color-secondary) 60%, transparent); } } .dark\:text-secondary\/80:where(.dark, .dark *) { color: #1a1a1ccc; } @supports (color: color-mix(in lab, red, red)) { .dark\:text-secondary\/80:where(.dark, .dark *) { color: color-mix(in oklab, var(--color-secondary) 80%, transparent); } } .dark\:text-stroke-6:where(.dark, .dark *) { color: var(--color-stroke-6); } .dark\:text-white:where(.dark, .dark *) { color: var(--color-white); } .dark\:text-white\/60:where(.dark, .dark *) { color: #fff9; } @supports (color: color-mix(in lab, red, red)) { .dark\:text-white\/60:where(.dark, .dark *) { color: color-mix(in oklab, var(--color-white) 60%, transparent); } } .dark\:opacity-20:where(.dark, .dark *) { opacity: .2; } .dark\:shadow-1:where(.dark, .dark *) { --tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, #1018280d); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .dark\:ring-background-5:where(.dark, .dark *) { --tw-ring-color: var(--color-background-5); } .dark\:ring-background-9:where(.dark, .dark *) { --tw-ring-color: var(--color-background-9); } .dark\:ring-black:where(.dark, .dark *) { --tw-ring-color: var(--color-black); } .dark\:ring-stroke-7:where(.dark, .dark *) { --tw-ring-color: var(--color-stroke-7); } .dark\:invert:where(.dark, .dark *) { --tw-invert: invert(100%); filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ); } .dark\:backdrop-blur-\[17px\]:where(.dark, .dark *) { --tw-backdrop-blur: blur(17px); -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, ); } .dark\:backdrop-blur-\[20px\]:where(.dark, .dark *) { --tw-backdrop-blur: blur(20px); -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, ); } .dark\:not-last\:border-stroke-6:where(.dark, .dark *):not(:last-child) { border-color: var(--color-stroke-6); } @media (hover: hover) { .group-hover\:dark\:inline:is(:where(.group):hover *):where(.dark, .dark *) { display: inline; } .dark\:group-hover\:bg-accent\/40:where(.dark, .dark *):is(:where(.group):hover *) { background-color: #fcfcfc66; } @supports (color: color-mix(in lab, red, red)) { .dark\:group-hover\:bg-accent\/40:where(.dark, .dark *):is(:where(.group):hover *) { background-color: color-mix(in oklab, var(--color-accent) 40%, transparent); } } .dark\:group-hover\:bg-background-7\/50:where(.dark, .dark *):is(:where(.group):hover *) { background-color: #181d2680; } @supports (color: color-mix(in lab, red, red)) { .dark\:group-hover\:bg-background-7\/50:where(.dark, .dark *):is(:where(.group):hover *) { background-color: color-mix(in oklab, var(--color-background-7) 50%, transparent); } } .dark\:group-hover\:bg-primary-500:where(.dark, .dark *):is(:where(.group):hover *) { background-color: var(--color-primary-500); } .group-hover\:dark\:bg-background-7:is(:where(.group):hover *):where(.dark, .dark *) { background-color: var(--color-background-7); } .group-hover\:dark\:fill-black:is(:where(.group):hover *):where(.dark, .dark *) { fill: var(--color-black); } .group-hover\/nav\:dark\:stroke-accent:is(:where(.group\/nav):hover *):where(.dark, .dark *) { stroke: var(--color-accent); } .dark\:group-hover\/social-link\:fill-accent:where(.dark, .dark *):is(:where(.group\/social-link):hover *) { fill: var(--color-accent); } .dark\:group-hover\/social-link\:stroke-accent:where(.dark, .dark *):is(:where(.group\/social-link):hover *) { stroke: var(--color-accent); } } .dark\:group-\[\.page-active\]\:bg-accent:where(.dark, .dark *):is(:where(.group).page-active *) { background-color: var(--color-accent); } .dark\:group-\[\.page-active\]\:text-accent:where(.dark, .dark *):is(:where(.group).page-active *) { color: var(--color-accent); } .dark\:group-\[\.page-active\]\:text-primary-500:where(.dark, .dark *):is(:where(.group).page-active *) { color: var(--color-primary-500); } .dark\:marker\:text-accent:where(.dark, .dark *) ::marker { color: var(--color-accent); } .dark\:marker\:text-accent:where(.dark, .dark *)::marker { color: var(--color-accent); } .dark\:marker\:text-accent:where(.dark, .dark *) ::-webkit-details-marker { color: var(--color-accent); } .dark\:marker\:text-accent:where(.dark, .dark *)::-webkit-details-marker { color: var(--color-accent); } .dark\:placeholder\:text-accent\/50:where(.dark, .dark *)::placeholder { color: #fcfcfc80; } @supports (color: color-mix(in lab, red, red)) { .dark\:placeholder\:text-accent\/50:where(.dark, .dark *)::placeholder { color: color-mix(in oklab, var(--color-accent) 50%, transparent); } } .dark\:placeholder\:text-accent\/60:where(.dark, .dark *)::placeholder { color: #fcfcfc99; } @supports (color: color-mix(in lab, red, red)) { .dark\:placeholder\:text-accent\/60:where(.dark, .dark *)::placeholder { color: color-mix(in oklab, var(--color-accent) 60%, transparent); } } .dark\:placeholder\:text-white\/40:where(.dark, .dark *)::placeholder { color: #fff6; } @supports (color: color-mix(in lab, red, red)) { .dark\:placeholder\:text-white\/40:where(.dark, .dark *)::placeholder { color: color-mix(in oklab, var(--color-white) 40%, transparent); } } .dark\:before\:border-stroke-7:where(.dark, .dark *):before { content: var(--tw-content); border-color: var(--color-stroke-7); } .dark\:before\:bg-accent:where(.dark, .dark *):before { content: var(--tw-content); background-color: var(--color-accent); } .dark\:before\:bg-stroke-5:where(.dark, .dark *):before { content: var(--tw-content); background-color: var(--color-stroke-5); } .dark\:before\:bg-stroke-7:where(.dark, .dark *):before { content: var(--tw-content); background-color: var(--color-stroke-7); } .dark\:before\:bg-\[linear-gradient\(180deg\,\#1B232F_0\%\,\#13171E_100\%\)\]:where(.dark, .dark *):before { content: var(--tw-content); background-image: linear-gradient(#1b232f 0%, #13171e 100%); } .dark\:before\:bg-\[linear-gradient\(180deg\,\#303B49_0\%\,\#748eaf00_100\%\)\]:where(.dark, .dark *):before { content: var(--tw-content); background-image: linear-gradient(#303b49 0%, #748eaf00 100%); } .dark\:before\:bg-\[linear-gradient\(180deg\,_\#1b232f_0\%\,\#13171E_100\%\)\]:where(.dark, .dark *):before { content: var(--tw-content); background-image: linear-gradient(#1b232f 0%, #13171e 100%); } .dark\:before\:bg-\[linear-gradient\(180deg\,_\#303B49_0\%\,_rgba\(48\,_59\,_73\,_0\.00\)_100\%\)\]:where(.dark, .dark *):before { content: var(--tw-content); background-image: linear-gradient(#303b49 0%, #303b4900 100%); } .dark\:before\:bg-none:where(.dark, .dark *):before { content: var(--tw-content); background-image: none; } .dark\:before\:to-background-8:where(.dark, .dark *):before { content: var(--tw-content); --tw-gradient-to: var(--color-background-8); --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)); } .dark\:before\:ring-background-5:where(.dark, .dark *):before { content: var(--tw-content); --tw-ring-color: var(--color-background-5); } .dark\:before\:ring-background-7:where(.dark, .dark *):before { content: var(--tw-content); --tw-ring-color: var(--color-background-7); } .dark\:before\:ring-background-9:where(.dark, .dark *):before { content: var(--tw-content); --tw-ring-color: var(--color-background-9); } .dark\:before\:ring-black:where(.dark, .dark *):before { content: var(--tw-content); --tw-ring-color: var(--color-black); } .dark\:before\:content-\[url\(\'\/images\/icons\/checkmark-white\.svg\'\)\]:where(.dark, .dark *):before { content: var(--tw-content); --tw-content: url("../images/icons/checkmark-white.svg"); content: var(--tw-content); } .dark\:after\:h-\[254px\]:where(.dark, .dark *):after { content: var(--tw-content); height: 254px; } .dark\:after\:border-stroke-8:where(.dark, .dark *):after { content: var(--tw-content); border-color: var(--color-stroke-8); } .dark\:after\:bg-accent:where(.dark, .dark *):after { content: var(--tw-content); background-color: var(--color-accent); } .dark\:after\:bg-background-8:where(.dark, .dark *):after { content: var(--tw-content); background-color: var(--color-background-8); } .dark\:after\:bg-background-9:where(.dark, .dark *):after { content: var(--tw-content); background-color: var(--color-background-9); } .dark\:after\:bg-secondary:where(.dark, .dark *):after { content: var(--tw-content); background-color: var(--color-secondary); } .dark\:after\:bg-stroke-5:where(.dark, .dark *):after { content: var(--tw-content); background-color: var(--color-stroke-5); } .dark\:after\:bg-\[linear-gradient\(180deg\,\#1B232F_0\%\,\#13171E_100\%\)\]:where(.dark, .dark *):after { content: var(--tw-content); background-image: linear-gradient(#1b232f 0%, #13171e 100%); } .dark\:after\:bg-\[linear-gradient\(180deg\,\#303B49_0\%\,\#748eaf00_100\%\)\]:where(.dark, .dark *):after { content: var(--tw-content); background-image: linear-gradient(#303b49 0%, #748eaf00 100%); } .dark\:after\:bg-\[linear-gradient\(180deg\,_\#1b232f_0\%\,\#13171E_100\%\)\]:where(.dark, .dark *):after { content: var(--tw-content); background-image: linear-gradient(#1b232f 0%, #13171e 100%); } .dark\:after\:bg-\[linear-gradient\(180deg\,_\#303B49_0\%\,_rgba\(48\,_59\,_73\,_0\.00\)_100\%\)\]:where(.dark, .dark *):after { content: var(--tw-content); background-image: linear-gradient(#303b49 0%, #303b4900 100%); } .dark\:after\:bg-none:where(.dark, .dark *):after { content: var(--tw-content); background-image: none; } .dark\:after\:from-\[25\.78\%\]:where(.dark, .dark *):after { content: var(--tw-content); --tw-gradient-from-position: 25.78%; } .dark\:after\:to-\[\#181D26\]:where(.dark, .dark *):after { content: var(--tw-content); --tw-gradient-to: #181d26; --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)); } .dark\:after\:to-background-8:where(.dark, .dark *):after { content: var(--tw-content); --tw-gradient-to: var(--color-background-8); --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)); } .dark\:after\:to-\[97\.09\%\]:where(.dark, .dark *):after { content: var(--tw-content); --tw-gradient-to-position: 97.09%; } .dark\:after\:ring-background-5:where(.dark, .dark *):after { content: var(--tw-content); --tw-ring-color: var(--color-background-5); } .dark\:after\:ring-background-7:where(.dark, .dark *):after { content: var(--tw-content); --tw-ring-color: var(--color-background-7); } .dark\:after\:ring-background-9:where(.dark, .dark *):after { content: var(--tw-content); --tw-ring-color: var(--color-background-9); } .dark\:after\:ring-black:where(.dark, .dark *):after { content: var(--tw-content); --tw-ring-color: var(--color-black); } @media (hover: hover) { .dark\:hover\:btn-primary:where(.dark, .dark *):hover { border-color: var(--color-primary-600); background-color: var(--color-primary-500); color: var(--color-white); --tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, #1018280d); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .dark\:hover\:btn-primary:where(.dark, .dark *):hover:where(.dark, .dark *) { border-color: var(--color-primary-400); } .dark\:hover\:btn-primary:where(.dark, .dark *):hover:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='white' viewBox='0 0 256 256'%3E%3Cpath d='M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z'%3E%3C/path%3E%3C/svg%3E"); } .dark\:hover\:\!btn-white-dark:where(.dark, .dark *):hover { border-color: var(--color-stroke-7) !important; background-color: var(--color-background-6) !important; color: var(--color-accent) !important; --tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, #1018280d) !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; } .dark\:hover\:\!btn-white-dark:where(.dark, .dark *):hover:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='white' viewBox='0 0 256 256'%3E%3Cpath d='M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z'%3E%3C/path%3E%3C/svg%3E") !important; } .dark\:hover\:btn-accent:where(.dark, .dark *):hover { border-color: var(--color-stroke-3); background-color: var(--color-accent); color: var(--color-secondary); --tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, #1018280d); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .dark\:hover\:btn-accent:where(.dark, .dark *):hover:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%231a1a1c' viewBox='0 0 256 256'%3E%3Cpath d='M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z'%3E%3C/path%3E%3C/svg%3E"); } .dark\:hover\:btn-secondary:where(.dark, .dark *):hover { border-color: var(--color-black); background-color: var(--color-secondary); color: var(--color-white); --tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, #1018280d); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .dark\:hover\:btn-secondary:where(.dark, .dark *):hover:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='white' viewBox='0 0 256 256'%3E%3Cpath d='M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z'%3E%3C/path%3E%3C/svg%3E"); } .dark\:hover\:btn-white:where(.dark, .dark *):hover { border-color: var(--color-stroke-3); background-color: var(--color-background-1); color: var(--color-secondary); --tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, #1018280d); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .dark\:hover\:btn-white:where(.dark, .dark *):hover:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%231a1a1c' viewBox='0 0 256 256'%3E%3Cpath d='M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z'%3E%3C/path%3E%3C/svg%3E"); } .dark\:hover\:btn-white-dark:where(.dark, .dark *):hover { border-color: var(--color-stroke-7); background-color: var(--color-background-6); color: var(--color-accent); --tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, #1018280d); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .dark\:hover\:btn-white-dark:where(.dark, .dark *):hover:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='white' viewBox='0 0 256 256'%3E%3Cpath d='M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z'%3E%3C/path%3E%3C/svg%3E"); } .dark\:hover\:btn-transparent:where(.dark, .dark *):hover { border-color: var(--color-stroke-7); color: var(--color-accent); background-color: #0000; } .dark\:hover\:btn-transparent:where(.dark, .dark *):hover:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='white' viewBox='0 0 256 256'%3E%3Cpath d='M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z'%3E%3C/path%3E%3C/svg%3E"); } .dark\:hover\:border-stroke-7:where(.dark, .dark *):hover { border-color: var(--color-stroke-7); } .dark\:hover\:bg-accent:where(.dark, .dark *):hover { background-color: var(--color-accent); } .dark\:hover\:bg-accent\/10:where(.dark, .dark *):hover { background-color: #fcfcfc1a; } @supports (color: color-mix(in lab, red, red)) { .dark\:hover\:bg-accent\/10:where(.dark, .dark *):hover { background-color: color-mix(in oklab, var(--color-accent) 10%, transparent); } } .dark\:hover\:bg-background-8:where(.dark, .dark *):hover { background-color: var(--color-background-8); } .dark\:hover\:bg-background-9\/60:where(.dark, .dark *):hover { background-color: #1f252f99; } @supports (color: color-mix(in lab, red, red)) { .dark\:hover\:bg-background-9\/60:where(.dark, .dark *):hover { background-color: color-mix(in oklab, var(--color-background-9) 60%, transparent); } } .hover\:dark\:bg-background-8:hover:where(.dark, .dark *) { background-color: var(--color-background-8); } .dark\:hover\:text-accent:where(.dark, .dark *):hover { color: var(--color-accent); } .dark\:hover\:text-primary-400:where(.dark, .dark *):hover { color: var(--color-primary-400); } .dark\:hover\:text-primary-500:where(.dark, .dark *):hover { color: var(--color-primary-500); } .dark\:hover\:text-secondary:where(.dark, .dark *):hover { color: var(--color-secondary); } } .dark\:focus\:border-primary-400:where(.dark, .dark *):focus { border-color: var(--color-primary-400); } .dark\:focus\:border-primary-500:where(.dark, .dark *):focus { border-color: var(--color-primary-500); } .dark\:focus\:outline-primary-400:where(.dark, .dark *):focus { outline-color: var(--color-primary-400); } .dark\:focus-visible\:border-stroke-3\/20:where(.dark, .dark *):focus-visible { border-color: #d7dde533; } @supports (color: color-mix(in lab, red, red)) { .dark\:focus-visible\:border-stroke-3\/20:where(.dark, .dark *):focus-visible { border-color: color-mix(in oklab, var(--color-stroke-3) 20%, transparent); } } .dark\:focus-visible\:border-stroke-4\/20:where(.dark, .dark *):focus-visible { border-color: #eceff433; } @supports (color: color-mix(in lab, red, red)) { .dark\:focus-visible\:border-stroke-4\/20:where(.dark, .dark *):focus-visible { border-color: color-mix(in oklab, var(--color-stroke-4) 20%, transparent); } } .dark\:data-\[state\=selected\]\:text-accent:where(.dark, .dark *)[data-state="selected"] { color: var(--color-accent); } @media not all and (min-width: 48rem) { .dark\:max-md\:border-b-stroke-7:where(.dark, .dark *) { border-bottom-color: var(--color-stroke-7); } } @media (min-width: 40rem) { .sm\:dark\:bg-background-5:where(.dark, .dark *) { background-color: var(--color-background-5); } } @media (min-width: 48rem) { .dark\:md\:border-r-stroke-7:where(.dark, .dark *) { border-right-color: var(--color-stroke-7); } .dark\:md\:py-\[100px\]:where(.dark, .dark *) { padding-block: 100px; } .dark\:md\:pb-\[100px\]:where(.dark, .dark *) { padding-bottom: 100px; } } @media (min-width: 64rem) { .lg\:dark\:bg-transparent:where(.dark, .dark *) { background-color: #0000; } } @media not all and (min-width: 48rem) { .\[\&\>\*\:not\(\:last-child\)\]\:max-md\:border-b > :not(:last-child) { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } .\[\&\>\*\:not\(\:last-child\)\]\:max-md\:border-b-accent\/20 > :not(:last-child) { border-bottom-color: #fcfcfc33; } @supports (color: color-mix(in lab, red, red)) { .\[\&\>\*\:not\(\:last-child\)\]\:max-md\:border-b-accent\/20 > :not(:last-child) { border-bottom-color: color-mix(in oklab, var(--color-accent) 20%, transparent); } } } @media (min-width: 48rem) { .\[\&\>\*\:not\(\:last-child\)\]\:md\:border-r > :not(:last-child) { border-right-style: var(--tw-border-style); border-right-width: 1px; } .\[\&\>\*\:not\(\:last-child\)\]\:md\:border-r-accent\/20 > :not(:last-child) { border-right-color: #fcfcfc33; } @supports (color: color-mix(in lab, red, red)) { .\[\&\>\*\:not\(\:last-child\)\]\:md\:border-r-accent\/20 > :not(:last-child) { border-right-color: color-mix(in oklab, var(--color-accent) 20%, transparent); } } } @media not all and (min-width: 48rem) { .dark\:\[\&\>\*\:not\(\:last-child\)\]\:max-md\:border-b-stroke-5:where(.dark, .dark *) > :not(:last-child) { border-bottom-color: var(--color-stroke-5); } } @media (min-width: 48rem) { .dark\:\[\&\>\*\:not\(\:last-child\)\]\:md\:border-r-stroke-5:where(.dark, .dark *) > :not(:last-child) { border-right-color: var(--color-stroke-5); } } .\[\&\>p\]\:border-b > p { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } .\[\&\>p\]\:border-b-stroke-4 > p { border-bottom-color: var(--color-stroke-4); } .\[\&\>p\]\:last\:border-b-0 > p:last-child { border-bottom-style: var(--tw-border-style); border-bottom-width: 0; } .dark\:\[\&\>p\]\:border-b-stroke-7:where(.dark, .dark *) > p { border-bottom-color: var(--color-stroke-7); } } .nav-item-link { align-items: center; gap: calc(var(--spacing) * 1); border-style: var(--tw-border-style); padding-inline: calc(var(--spacing) * 4); padding-block: calc(var(--spacing) * 2); font-size: var(--text-tagline-1); line-height: var(--tw-leading, var(--text-tagline-1--line-height)); --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); color: #1a1a1c99; transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); --tw-duration: .2s; border-width: 1px; border-color: #0000; border-radius: 3.40282e38px; transition-duration: .2s; display: flex; } @supports (color: color-mix(in lab, red, red)) { .nav-item-link { color: color-mix(in oklab, var(--color-secondary) 60%, transparent); } } @media (hover: hover) { .nav-item-link:is(:where(.group\/nav):hover *) { border-color: var(--color-stroke-2); background-color: #fcfcfc33; } @supports (color: color-mix(in lab, red, red)) { .nav-item-link:is(:where(.group\/nav):hover *) { background-color: color-mix(in oklab, var(--color-accent) 20%, transparent); } } .nav-item-link:is(:where(.group\/nav):hover *) { color: var(--color-secondary); } } .nav-item-link:where(.dark, .dark *) { color: #fcfcfc99; } @supports (color: color-mix(in lab, red, red)) { .nav-item-link:where(.dark, .dark *) { color: color-mix(in oklab, var(--color-accent) 60%, transparent); } } @media (hover: hover) { .nav-item-link:is(:where(.group\/nav):hover *):where(.dark, .dark *) { border-color: var(--color-stroke-7); color: var(--color-accent); background-color: #0000; } } .nav-item-link-border { align-items: center; gap: calc(var(--spacing) * 1); height: 100%; font-size: var(--text-tagline-1); line-height: var(--tw-leading, var(--text-tagline-1--line-height)); --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); color: #1a1a1c99; transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); --tw-duration: .2s; transition-duration: .2s; display: flex; position: relative; overflow: hidden; } @supports (color: color-mix(in lab, red, red)) { .nav-item-link-border { color: color-mix(in oklab, var(--color-secondary) 60%, transparent); } } @media (hover: hover) { .nav-item-link-border:is(:where(.group\/nav):hover *) { color: var(--color-secondary); } } .nav-item-link-border:before { content: var(--tw-content); content: var(--tw-content); bottom: calc(var(--spacing) * 0); content: var(--tw-content); left: calc(var(--spacing) * 0); content: var(--tw-content); content: var(--tw-content); content: var(--tw-content); transform-origin: 100%; content: var(--tw-content); --tw-scale-x: 0%; width: 100%; height: 1px; scale: var(--tw-scale-x) var(--tw-scale-y); content: var(--tw-content); background-color: var(--color-secondary); 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)); content: var(--tw-content); --tw-duration: .5s; content: var(--tw-content); --tw-content: ""; content: var(--tw-content); transition-duration: .5s; position: absolute; } @media (hover: hover) { .nav-item-link-border:hover:before { content: var(--tw-content); transform-origin: 0; content: var(--tw-content); --tw-scale-x: 100%; scale: var(--tw-scale-x) var(--tw-scale-y); } } .nav-item-link-border:where(.dark, .dark *) { color: var(--color-accent); } @media (hover: hover) { .nav-item-link-border:is(:where(.group\/nav):hover *):where(.dark, .dark *) { color: var(--color-accent); } } .nav-item-link-border:where(.dark, .dark *):before { content: var(--tw-content); background-color: var(--color-white); } .nav-item-link-white { align-items: center; gap: calc(var(--spacing) * 1); height: 100%; font-size: var(--text-tagline-1); line-height: var(--tw-leading, var(--text-tagline-1--line-height)); --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); color: var(--color-accent); transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); --tw-duration: .2s; transition-duration: .2s; display: flex; position: relative; } @media (hover: hover) { .nav-item-link-white:is(:where(.group\/nav):hover *) { color: var(--color-accent); } } .nav-item-link-white:before { content: var(--tw-content); content: var(--tw-content); bottom: calc(var(--spacing) * 0); content: var(--tw-content); left: calc(var(--spacing) * 0); content: var(--tw-content); content: var(--tw-content); height: 1px; width: calc(var(--spacing) * 0); content: var(--tw-content); transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); content: var(--tw-content); --tw-duration: .3s; content: var(--tw-content); --tw-content: ""; content: var(--tw-content); transition-duration: .3s; position: absolute; } @media (hover: hover) { .nav-item-link-white:is(:where(.group\/nav):hover *):before { content: var(--tw-content); content: var(--tw-content); background-color: var(--color-accent); width: 100%; } } .nav-item-link-light { align-items: center; gap: calc(var(--spacing) * 1); border-style: var(--tw-border-style); padding-inline: calc(var(--spacing) * 4); padding-block: calc(var(--spacing) * 2); font-size: var(--text-tagline-1); line-height: var(--tw-leading, var(--text-tagline-1--line-height)); --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); color: #fcfcfc99; transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); --tw-duration: .2s; border-width: 1px; border-color: #0000; border-radius: 3.40282e38px; transition-duration: .2s; display: flex; } @supports (color: color-mix(in lab, red, red)) { .nav-item-link-light { color: color-mix(in oklab, var(--color-accent) 60%, transparent); } } @media (hover: hover) { .nav-item-link-light:is(:where(.group\/nav):hover *) { border-color: var(--color-stroke-1); background-color: #fcfcfc33; } @supports (color: color-mix(in lab, red, red)) { .nav-item-link-light:is(:where(.group\/nav):hover *) { background-color: color-mix(in oklab, var(--color-accent) 20%, transparent); } } .nav-item-link-light:is(:where(.group\/nav):hover *) { color: var(--color-accent); } } .nav-item-link-light:where(.dark, .dark *) { color: #fcfcfc99; } @supports (color: color-mix(in lab, red, red)) { .nav-item-link-light:where(.dark, .dark *) { color: color-mix(in oklab, var(--color-accent) 60%, transparent); } } @media (hover: hover) { .nav-item-link-light:is(:where(.group\/nav):hover *):where(.dark, .dark *) { background-color: #1a1a1c33; border-color: #0000; } @supports (color: color-mix(in lab, red, red)) { .nav-item-link-light:is(:where(.group\/nav):hover *):where(.dark, .dark *) { background-color: color-mix(in oklab, var(--color-secondary) 20%, transparent); } } .nav-item-link-light:is(:where(.group\/nav):hover *):where(.dark, .dark *) { color: var(--color-accent); } } .show-sidebar { --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } .hide-sidebar { --tw-translate-x: 100%; translate: var(--tw-translate-x) var(--tw-translate-y); } .active-menu { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--color-secondary); } .active-menu:where(.dark, .dark *) { color: var(--color-accent); } .scroll-header { top: calc(var(--spacing) * 2); } .header-two-scroll { top: calc(var(--spacing) * 4); background-color: var(--color-background-7); } .header-three-scroll { padding-inline: calc(var(--spacing) * 0); } .header-four-scroll { padding-inline: calc(var(--spacing) * 5); --tw-backdrop-blur: blur(var(--blur-3xl)); -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, ); background-color: #0006; } @supports (color: color-mix(in lab, red, red)) { .header-four-scroll { background-color: color-mix(in oklab, var(--color-black) 40%, transparent); } } .header-four-scroll:where(.dark, .dark *) { background-color: #0000; } .header-five-scroll { top: calc(var(--spacing) * 4); background-color: var(--color-background-1); --tw-backdrop-blur: blur(15px); -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, ); } .header-five-scroll:where(.dark, .dark *) { background-color: var(--color-background-5); } .header-six-scroll { top: calc(var(--spacing) * 6); background-color: var(--color-background-7); } @media (min-width: 48rem) { .header-six-scroll { top: calc(var(--spacing) * 7); } } @media (min-width: 64rem) { .header-six-scroll { top: calc(var(--spacing) * 4); } } .nav-item { position: relative; } .nav-item .nav-arrow { transition: transform .3s; } .nav-item.active .nav-arrow, .nav-item.menu-active .nav-arrow { transform: rotate(180deg); } .mega-menu, .dropdown-menu { opacity: 0; pointer-events: none; visibility: hidden; transition: all .3s; transform: translateY(10px); } .mega-menu.active, .dropdown-menu.active { opacity: 1; pointer-events: auto; visibility: visible; transform: translateY(0); } .mega-menu-bridge, .dropdown-menu-bridge { opacity: 0; pointer-events: none; transition: opacity .3s; } .nav-item.active .mega-menu-bridge, .nav-item.active .dropdown-menu-bridge { opacity: 1; pointer-events: auto; } .mega-menu.active, .dropdown-menu.active { transform: translateY(0); } .mega-menu, .dropdown-menu { transition: opacity .3s, transform .3s, pointer-events 0s .3s; } .mega-menu.active, .dropdown-menu.active { transition: opacity .3s, transform .3s, pointer-events; } .nav-item:hover .nav-arrow { transform: rotate(180deg); } .mega-menu, .dropdown-menu { z-index: 50; } @media (max-width: 1279px) { .mega-menu, .dropdown-menu { display: none !important; } } @keyframes menuSlideIn { from { opacity: 0; transform: translateY(10px)scale(.98); } to { opacity: 1; transform: translateY(0)scale(1); } } @keyframes menuSlideOut { from { opacity: 1; transform: translateY(0)scale(1); } to { opacity: 0; transform: translateY(10px)scale(.98); } } .mega-menu.active, .dropdown-menu.active { animation: .3s forwards menuSlideIn; } .nav-item:focus-within .nav-arrow { transform: rotate(180deg); } .nav-item:focus-within .mega-menu, .nav-item:focus-within .dropdown-menu { opacity: 1; pointer-events: auto; transform: translateY(0); } .horizontal-marquee { gap: var(--_gap); flex-wrap: nowrap; max-width: 100%; display: flex; overflow: hidden; } .horizontal-marquee.smooth { -webkit-mask: linear-gradient(90deg, #0000, #fff 20% 80%, #0000); mask: linear-gradient(90deg, #0000, #fff 20% 80%, #0000); } .horizontal-marquee.paused .horizontal-marquee-inner { animation-play-state: paused; } .horizontal-marquee.full .horizontal-marquee-inner { min-width: var(--_containerWidth); } .horizontal-marquee-inner { justify-content: space-around; align-items: center; gap: var(--_gap); white-space: nowrap; flex-wrap: nowrap; display: flex; } [data-animate="true"] .horizontal-marquee-inner { animation: horizontal-marquee var(--_speed) linear infinite var(--_direction); } @keyframes horizontal-marquee { 0% { transform: translate(calc(var(--_gap) * -1)); } 100% { transform: translate(calc(-100% - var(--_gap) * 2)); } } .vertical-marquee { margin-bottom: var(--_gap); max-height: 100%; height: calc(calc(var(--_containerSize) - var(--_vGap)) / 1.2); flex-flow: column; display: flex; overflow: hidden; } .vertical-marquee.smooth { -webkit-mask: linear-gradient(#0000, #fff 20% 80%, #0000); mask: linear-gradient(#0000, #fff 20% 80%, #0000); } .vertical-marquee.paused .vertical-marquee-inner { animation-play-state: paused; } .vertical-marquee-inner { margin-bottom: var(--_vGap); flex-wrap: nowrap; flex-shrink: 0; justify-content: space-around; align-items: center; display: flex; } [data-animate="true"] .vertical-marquee-inner { animation: vertical-marquee var(--_speed) linear infinite var(--_direction); } .vertical-marquee-inner > :not(:last-child) { margin-right: var(--_hGap); } @keyframes vertical-marquee { 0% { transform: translateY(calc(var(--_vGap) * -1)); } 100% { transform: translateY(calc(-100% - var(--_vGap) * 2)); } } @font-face { font-family: swiper-icons; src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA"); font-weight: 400; font-style: normal; } :root { --swiper-theme-color: #007aff; } :host { z-index: 1; margin-left: auto; margin-right: auto; display: block; position: relative; } .swiper { z-index: 1; margin-left: auto; margin-right: auto; padding: 0; list-style: none; display: block; position: relative; overflow: hidden; } .swiper-vertical > .swiper-wrapper { flex-direction: column; } .swiper-wrapper { z-index: 1; width: 100%; height: 100%; transition-property: transform; transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial); box-sizing: content-box; display: flex; position: relative; } .swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper { transform: translate3d(0, 0, 0); } .swiper-horizontal { touch-action: pan-y; } .swiper-vertical { touch-action: pan-x; } .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; transition-property: transform; display: block; position: relative; } .swiper-slide-invisible-blank { visibility: hidden; } .swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto; } .swiper-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height; } .swiper-backface-hidden .swiper-slide { backface-visibility: hidden; transform: translateZ(0); } .swiper-3d.swiper-css-mode .swiper-wrapper { perspective: 1200px; } .swiper-3d .swiper-wrapper { transform-style: preserve-3d; } .swiper-3d { perspective: 1200px; } .swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide { transform-style: preserve-3d; } .swiper-css-mode > .swiper-wrapper { scrollbar-width: none; -ms-overflow-style: none; overflow: auto; } .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; } .swiper-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start; } .swiper-css-mode.swiper-horizontal > .swiper-wrapper { scroll-snap-type: x mandatory; } .swiper-css-mode.swiper-vertical > .swiper-wrapper { scroll-snap-type: y mandatory; } .swiper-css-mode.swiper-free-mode > .swiper-wrapper { scroll-snap-type: none; } .swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: none; } .swiper-css-mode.swiper-centered > .swiper-wrapper:before { content: ""; flex-shrink: 0; order: 9999; } .swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide { scroll-snap-align: center center; scroll-snap-stop: always; } .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child { margin-inline-start: var(--swiper-centered-offset-before); } .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper:before { height: 100%; min-height: 1px; width: var(--swiper-centered-offset-after); } .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child { margin-block-start: var(--swiper-centered-offset-before); } .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper:before { width: 100%; min-width: 1px; height: var(--swiper-centered-offset-after); } .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top { pointer-events: none; z-index: 10; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .swiper-3d .swiper-slide-shadow { background: #00000026; } .swiper-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, #00000080, #0000); } .swiper-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right, #00000080, #0000); } .swiper-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, #00000080, #0000); } .swiper-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(#00000080, #0000); } .swiper-lazy-preloader { z-index: 10; transform-origin: 50%; box-sizing: border-box; border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-top-color: #0000; border-radius: 50%; width: 42px; height: 42px; margin-top: -21px; margin-left: -21px; position: absolute; top: 50%; left: 50%; } .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader { animation: 1s linear infinite swiper-preloader-spin; } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff; } .swiper-lazy-preloader-black { --swiper-preloader-color: #000; } @keyframes swiper-preloader-spin { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } } .swiper-virtual .swiper-slide { -webkit-backface-visibility: hidden; transform: translateZ(0); } .swiper-virtual.swiper-css-mode .swiper-wrapper:after { content: ""; pointer-events: none; position: absolute; top: 0; left: 0; } .swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after { height: 1px; width: var(--swiper-virtual-size); } .swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after { width: 1px; height: var(--swiper-virtual-size); } :root { --swiper-navigation-size: 44px; } .swiper-button-next, .swiper-button-prev { top: var(--swiper-navigation-top-offset, 50%); width: calc(var(--swiper-navigation-size) / 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(0px - (var(--swiper-navigation-size) / 2)); z-index: 10; cursor: pointer; color: var(--swiper-navigation-color, var(--swiper-theme-color)); justify-content: center; align-items: center; display: flex; position: absolute; } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: .35; cursor: auto; pointer-events: none; } .swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden { opacity: 0; cursor: auto; pointer-events: none; } .swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev { display: none !important; } .swiper-button-next svg, .swiper-button-prev svg { object-fit: contain; transform-origin: center; width: 100%; height: 100%; } .swiper-rtl .swiper-button-next svg, .swiper-rtl .swiper-button-prev svg { transform: rotate(180deg); } .swiper-button-prev, .swiper-rtl .swiper-button-next { left: var(--swiper-navigation-sides-offset, 10px); right: auto; } .swiper-button-lock { display: none; } .swiper-button-next:after, .swiper-button-prev:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); letter-spacing: 0; font-variant: initial; line-height: 1; text-transform: none !important; } .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after { content: "prev"; } .swiper-button-next, .swiper-rtl .swiper-button-prev { right: var(--swiper-navigation-sides-offset, 10px); left: auto; } .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { content: "next"; } .swiper-pagination { text-align: center; z-index: 10; transition: opacity .3s; position: absolute; transform: translate3d(0, 0, 0); } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } .swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled { display: none !important; } .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: var(--swiper-pagination-bottom, 8px); top: var(--swiper-pagination-top, auto); width: 100%; left: 0; } .swiper-pagination-bullets-dynamic { font-size: 0; overflow: hidden; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { position: relative; transform: scale(.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(.33); } .swiper-pagination-bullet { width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px)); height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px)); border-radius: var(--swiper-pagination-bullet-border-radius, 50%); background: var(--swiper-pagination-bullet-inactive-color, #000); opacity: var(--swiper-pagination-bullet-inactive-opacity, .2); display: inline-block; } button.swiper-pagination-bullet { box-shadow: none; appearance: none; border: none; margin: 0; padding: 0; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet:only-child { display: none !important; } .swiper-pagination-bullet-active { opacity: var(--swiper-pagination-bullet-opacity, 1); background: var(--swiper-pagination-color, var(--swiper-theme-color)); } .swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets { right: var(--swiper-pagination-right, 8px); left: var(--swiper-pagination-left, auto); top: 50%; transform: translate3d(0, -50%, 0); } .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0; display: block; } .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { width: 8px; top: 50%; transform: translateY(-50%); } .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: transform .2s, top .2s; display: inline-block; } .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px); } .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { white-space: nowrap; left: 50%; transform: translateX(-50%); } .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: transform .2s, left .2s; } .swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: transform .2s, right .2s; } .swiper-pagination-fraction { color: var(--swiper-pagination-fraction-color, inherit); } .swiper-pagination-progressbar { background: var(--swiper-pagination-progressbar-bg-color, #00000040); position: absolute; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color, var(--swiper-theme-color)); transform-origin: 0 0; width: 100%; height: 100%; position: absolute; top: 0; left: 0; transform: scale(0); } .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: 100% 0; } .swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: var(--swiper-pagination-progressbar-size, 4px); top: 0; left: 0; } .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar { width: var(--swiper-pagination-progressbar-size, 4px); height: 100%; top: 0; left: 0; } .swiper-pagination-lock { display: none; } .swiper-scrollbar { border-radius: var(--swiper-scrollbar-border-radius, 10px); touch-action: none; background: var(--swiper-scrollbar-bg-color, #0000001a); position: relative; } .swiper-scrollbar-disabled > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled { display: none !important; } .swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal { left: var(--swiper-scrollbar-sides-offset, 1%); bottom: var(--swiper-scrollbar-bottom, 4px); top: var(--swiper-scrollbar-top, auto); z-index: 50; height: var(--swiper-scrollbar-size, 4px); width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%)); position: absolute; } .swiper-scrollbar.swiper-scrollbar-vertical, .swiper-vertical > .swiper-scrollbar { left: var(--swiper-scrollbar-left, auto); right: var(--swiper-scrollbar-right, 4px); top: var(--swiper-scrollbar-sides-offset, 1%); z-index: 50; width: var(--swiper-scrollbar-size, 4px); height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%)); position: absolute; } .swiper-scrollbar-drag { background: var(--swiper-scrollbar-drag-bg-color, #00000080); border-radius: var(--swiper-scrollbar-border-radius, 10px); width: 100%; height: 100%; position: relative; top: 0; left: 0; } .swiper-scrollbar-cursor-drag { cursor: move; } .swiper-scrollbar-lock { display: none; } .swiper-zoom-container { text-align: center; justify-content: center; align-items: center; width: 100%; height: 100%; display: flex; } .swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg { object-fit: contain; max-width: 100%; max-height: 100%; } .swiper-slide-zoomed { cursor: move; touch-action: none; } .swiper .swiper-notification { pointer-events: none; opacity: 0; z-index: -1000; position: absolute; top: 0; left: 0; } .swiper-free-mode > .swiper-wrapper { margin: 0 auto; transition-timing-function: ease-out; } .swiper-grid > .swiper-wrapper { flex-wrap: wrap; } .swiper-grid-column > .swiper-wrapper { flex-flow: column wrap; } .swiper-fade.swiper-free-mode .swiper-slide { transition-timing-function: ease-out; } .swiper-fade .swiper-slide { pointer-events: none; transition-property: opacity; } .swiper-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper.swiper-cube { overflow: visible; } .swiper-cube .swiper-slide { pointer-events: none; backface-visibility: hidden; z-index: 1; visibility: hidden; transform-origin: 0 0; width: 100%; height: 100%; } .swiper-cube .swiper-slide .swiper-slide { pointer-events: none; } .swiper-cube.swiper-rtl .swiper-slide { transform-origin: 100% 0; } .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-prev { pointer-events: auto; visibility: visible; } .swiper-cube .swiper-cube-shadow { opacity: .6; z-index: 0; width: 100%; height: 100%; position: absolute; bottom: 0; left: 0; } .swiper-cube .swiper-cube-shadow:before { content: ""; filter: blur(50px); background: #000; position: absolute; inset: 0; } .swiper-cube .swiper-slide-next + .swiper-slide { pointer-events: auto; visibility: visible; } .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top { z-index: 0; backface-visibility: hidden; } .swiper.swiper-flip { overflow: visible; } .swiper-flip .swiper-slide { pointer-events: none; backface-visibility: hidden; z-index: 1; } .swiper-flip .swiper-slide .swiper-slide { pointer-events: none; } .swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top { z-index: 0; backface-visibility: hidden; } .swiper-creative .swiper-slide { backface-visibility: hidden; transition-property: transform, opacity, height; overflow: hidden; } .swiper.swiper-cards { overflow: visible; } .swiper-cards .swiper-slide { transform-origin: bottom; backface-visibility: hidden; overflow: hidden; } .leaflet-pane, .leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-tile-container, .leaflet-pane > svg, .leaflet-pane > canvas, .leaflet-zoom-box, .leaflet-image-layer, .leaflet-layer { position: absolute; top: 0; left: 0; } .leaflet-container { overflow: hidden; } .leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow { -webkit-user-select: none; user-select: none; -webkit-user-drag: none; } .leaflet-tile::selection { background: none; } .leaflet-safari .leaflet-tile { image-rendering: -webkit-optimize-contrast; } .leaflet-safari .leaflet-tile-container { -webkit-transform-origin: 0 0; width: 1600px; height: 1600px; } .leaflet-marker-icon, .leaflet-marker-shadow { display: block; } .leaflet-container .leaflet-overlay-pane svg { max-width: none !important; max-height: none !important; } .leaflet-container .leaflet-marker-pane img, .leaflet-container .leaflet-shadow-pane img, .leaflet-container .leaflet-tile-pane img, .leaflet-container img.leaflet-image-layer, .leaflet-container .leaflet-tile { width: auto; padding: 0; max-width: none !important; max-height: none !important; } .leaflet-container img.leaflet-tile { mix-blend-mode: plus-lighter; } .leaflet-container.leaflet-touch-zoom { -ms-touch-action: pan-x pan-y; touch-action: pan-x pan-y; } .leaflet-container.leaflet-touch-drag { -ms-touch-action: pinch-zoom; touch-action: none; touch-action: pinch-zoom; } .leaflet-container.leaflet-touch-drag.leaflet-touch-zoom { -ms-touch-action: none; touch-action: none; } .leaflet-container { -webkit-tap-highlight-color: transparent; } .leaflet-container a { -webkit-tap-highlight-color: #33b5e566; } .leaflet-tile { filter: inherit; visibility: hidden; } .leaflet-tile-loaded { visibility: inherit; } .leaflet-zoom-box { box-sizing: border-box; z-index: 800; width: 0; height: 0; } .leaflet-overlay-pane svg { -moz-user-select: none; } .leaflet-pane { z-index: 400; } .leaflet-tile-pane { z-index: 200; } .leaflet-overlay-pane { z-index: 400; } .leaflet-shadow-pane { z-index: 500; } .leaflet-marker-pane { z-index: 600; } .leaflet-tooltip-pane { z-index: 650; } .leaflet-popup-pane { z-index: 700; } .leaflet-map-pane canvas { z-index: 100; } .leaflet-map-pane svg { z-index: 200; } .leaflet-vml-shape { width: 1px; height: 1px; } .lvml { behavior: url("#default#VML"); display: inline-block; position: absolute; } .leaflet-control { z-index: 800; pointer-events: visiblePainted; pointer-events: auto; position: relative; } .leaflet-top, .leaflet-bottom { z-index: 1000; pointer-events: none; position: absolute; } .leaflet-top { top: 0; } .leaflet-right { right: 0; } .leaflet-bottom { bottom: 0; } .leaflet-left { left: 0; } .leaflet-control { float: left; clear: both; } .leaflet-right .leaflet-control { float: right; } .leaflet-top .leaflet-control { margin-top: 10px; } .leaflet-bottom .leaflet-control { margin-bottom: 10px; } .leaflet-left .leaflet-control { margin-left: 10px; } .leaflet-right .leaflet-control { margin-right: 10px; } .leaflet-fade-anim .leaflet-popup { opacity: 0; transition: opacity .2s linear; } .leaflet-fade-anim .leaflet-map-pane .leaflet-popup { opacity: 1; } .leaflet-zoom-animated { transform-origin: 0 0; } svg.leaflet-zoom-animated { will-change: transform; } .leaflet-zoom-anim .leaflet-zoom-animated { -webkit-transition: -webkit-transform .25s cubic-bezier(0, 0, .25, 1); -moz-transition: -moz-transform .25s cubic-bezier(0, 0, .25, 1); transition: transform .25s cubic-bezier(0, 0, .25, 1); } .leaflet-zoom-anim .leaflet-tile, .leaflet-pan-anim .leaflet-tile { transition: none; } .leaflet-zoom-anim .leaflet-zoom-hide { visibility: hidden; } .leaflet-interactive { cursor: pointer; } .leaflet-grab { cursor: -webkit-grab; cursor: -moz-grab; cursor: grab; } .leaflet-crosshair, .leaflet-crosshair .leaflet-interactive { cursor: crosshair; } .leaflet-popup-pane, .leaflet-control { cursor: auto; } .leaflet-dragging .leaflet-grab, .leaflet-dragging .leaflet-grab .leaflet-interactive, .leaflet-dragging .leaflet-marker-draggable { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: grabbing; } .leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-image-layer, .leaflet-pane > svg path, .leaflet-tile-container { pointer-events: none; } .leaflet-marker-icon.leaflet-interactive, .leaflet-image-layer.leaflet-interactive, .leaflet-pane > svg path.leaflet-interactive, svg.leaflet-image-layer.leaflet-interactive path { pointer-events: visiblePainted; pointer-events: auto; } .leaflet-container { outline-offset: 1px; background: #ddd; } .leaflet-container a { color: #0078a8; } .leaflet-zoom-box { background: #ffffff80; border: 2px dotted #38f; } .leaflet-container { font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: .75rem; line-height: 1.5; } .leaflet-bar { border-radius: 4px; box-shadow: 0 1px 5px #000000a6; } .leaflet-bar a { text-align: center; color: #000; background-color: #fff; border-bottom: 1px solid #ccc; width: 26px; height: 26px; line-height: 26px; text-decoration: none; display: block; } .leaflet-bar a, .leaflet-control-layers-toggle { background-position: 50%; background-repeat: no-repeat; display: block; } .leaflet-bar a:hover, .leaflet-bar a:focus { background-color: #f4f4f4; } .leaflet-bar a:first-child { border-top-left-radius: 4px; border-top-right-radius: 4px; } .leaflet-bar a:last-child { border-bottom: none; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .leaflet-bar a.leaflet-disabled { cursor: default; color: #bbb; background-color: #f4f4f4; } .leaflet-touch .leaflet-bar a { width: 30px; height: 30px; line-height: 30px; } .leaflet-touch .leaflet-bar a:first-child { border-top-left-radius: 2px; border-top-right-radius: 2px; } .leaflet-touch .leaflet-bar a:last-child { border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; } .leaflet-control-zoom-in, .leaflet-control-zoom-out { text-indent: 1px; font: bold 18px Lucida Console, Monaco, monospace; } .leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out { font-size: 22px; } .leaflet-control-layers { background: #fff; border-radius: 5px; box-shadow: 0 1px 5px #0006; } .leaflet-control-layers-toggle { background-image: url("./vendor/images/layers.png"); width: 36px; height: 36px; } .leaflet-retina .leaflet-control-layers-toggle { background-image: url("./vendor/images/layers-2x.png"); background-size: 26px 26px; } .leaflet-touch .leaflet-control-layers-toggle { width: 44px; height: 44px; } .leaflet-control-layers .leaflet-control-layers-list, .leaflet-control-layers-expanded .leaflet-control-layers-toggle { display: none; } .leaflet-control-layers-expanded .leaflet-control-layers-list { display: block; position: relative; } .leaflet-control-layers-expanded { color: #333; background: #fff; padding: 6px 10px 6px 6px; } .leaflet-control-layers-scrollbar { padding-right: 5px; overflow: hidden scroll; } .leaflet-control-layers-selector { margin-top: 2px; position: relative; top: 1px; } .leaflet-control-layers label { font-size: 1.08333em; display: block; } .leaflet-control-layers-separator { border-top: 1px solid #ddd; height: 0; margin: 5px -10px 5px -6px; } .leaflet-default-icon-path { background-image: url("./vendor/images/marker-icon.png"); } .leaflet-container .leaflet-control-attribution { background: #fffc; margin: 0; } .leaflet-control-attribution, .leaflet-control-scale-line { color: #333; padding: 0 5px; line-height: 1.4; } .leaflet-control-attribution a { text-decoration: none; } .leaflet-control-attribution a:hover, .leaflet-control-attribution a:focus { text-decoration: underline; } .leaflet-attribution-flag { width: 1em; height: .6669em; vertical-align: baseline !important; display: inline !important; } .leaflet-left .leaflet-control-scale { margin-left: 5px; } .leaflet-bottom .leaflet-control-scale { margin-bottom: 5px; } .leaflet-control-scale-line { white-space: nowrap; box-sizing: border-box; text-shadow: 1px 1px #fff; background: #fffc; border: 2px solid #777; border-top: none; padding: 2px 5px 1px; line-height: 1.1; } .leaflet-control-scale-line:not(:first-child) { border-top: 2px solid #777; border-bottom: none; margin-top: -2px; } .leaflet-control-scale-line:not(:first-child):not(:last-child) { border-bottom: 2px solid #777; } .leaflet-touch .leaflet-control-attribution, .leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar { box-shadow: none; } .leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar { background-clip: padding-box; border: 2px solid #0003; } .leaflet-popup { text-align: center; margin-bottom: 20px; position: absolute; } .leaflet-popup-content-wrapper { text-align: left; border-radius: 12px; padding: 1px; } .leaflet-popup-content { min-height: 1px; margin: 13px 24px 13px 20px; font-size: 1.08333em; line-height: 1.3; } .leaflet-popup-content p { margin: 1.3em 0; } .leaflet-popup-tip-container { pointer-events: none; width: 40px; height: 20px; margin-top: -1px; margin-left: -20px; position: absolute; left: 50%; overflow: hidden; } .leaflet-popup-tip { pointer-events: auto; width: 17px; height: 17px; margin: -10px auto 0; padding: 1px; transform: rotate(45deg); } .leaflet-popup-content-wrapper, .leaflet-popup-tip { color: #333; background: #fff; box-shadow: 0 3px 14px #0006; } .leaflet-container a.leaflet-popup-close-button { text-align: center; color: #757575; background: none; border: none; width: 24px; height: 24px; font: 16px / 24px Tahoma, Verdana, sans-serif; text-decoration: none; position: absolute; top: 0; right: 0; } .leaflet-container a.leaflet-popup-close-button:hover, .leaflet-container a.leaflet-popup-close-button:focus { color: #585858; } .leaflet-popup-scrolled { overflow: auto; } .leaflet-oldie .leaflet-popup-content-wrapper { -ms-zoom: 1; } .leaflet-oldie .leaflet-popup-tip { -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)"; width: 24px; filter: progid:DXImageTransform. Microsoft. Matrix(M11= .707107, M12= .707107, M21= -.707107, M22= .707107); margin: 0 auto; } .leaflet-oldie .leaflet-control-zoom, .leaflet-oldie .leaflet-control-layers, .leaflet-oldie .leaflet-popup-content-wrapper, .leaflet-oldie .leaflet-popup-tip { border: 1px solid #999; } .leaflet-div-icon { background: #fff; border: 1px solid #666; } .leaflet-tooltip { color: #222; white-space: nowrap; -webkit-user-select: none; user-select: none; pointer-events: none; background-color: #fff; border: 1px solid #fff; border-radius: 3px; padding: 6px; position: absolute; box-shadow: 0 1px 3px #0006; } .leaflet-tooltip.leaflet-interactive { cursor: pointer; pointer-events: auto; } .leaflet-tooltip-top:before, .leaflet-tooltip-bottom:before, .leaflet-tooltip-left:before, .leaflet-tooltip-right:before { pointer-events: none; content: ""; background: none; border: 6px solid #0000; position: absolute; } .leaflet-tooltip-bottom { margin-top: 6px; } .leaflet-tooltip-top { margin-top: -6px; } .leaflet-tooltip-bottom:before, .leaflet-tooltip-top:before { margin-left: -6px; left: 50%; } .leaflet-tooltip-top:before { border-top-color: #fff; margin-bottom: -12px; bottom: 0; } .leaflet-tooltip-bottom:before { border-bottom-color: #fff; margin-top: -12px; margin-left: -6px; top: 0; } .leaflet-tooltip-left { margin-left: -6px; } .leaflet-tooltip-right { margin-left: 6px; } .leaflet-tooltip-left:before, .leaflet-tooltip-right:before { margin-top: -6px; top: 50%; } .leaflet-tooltip-left:before { border-left-color: #fff; margin-right: -12px; right: 0; } .leaflet-tooltip-right:before { border-right-color: #fff; margin-left: -12px; left: 0; } @media print { .leaflet-control { -webkit-print-color-adjust: exact; print-color-adjust: exact; } } .reviews-swiper { overflow-x: hidden; } .reviews-swiper .swiper-slide { height: auto; padding-block: calc(var(--spacing) * 5); transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); --tw-duration: .5s; transition-duration: .5s; transition-timing-function: cubic-bezier(.25, .46, .45, .94); transform: translateY(5px); } .reviews-swiper .swiper-slide > div { height: 100%; transition: all .6s cubic-bezier(.25, .46, .45, .94); position: relative; } .reviews-swiper .swiper-slide > div:before { content: var(--tw-content); content: var(--tw-content); inset: calc(var(--spacing) * 0); content: var(--tw-content); z-index: -10; content: var(--tw-content); content: var(--tw-content); background-color: var(--color-secondary); content: var(--tw-content); opacity: 0; content: var(--tw-content); transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); content: var(--tw-content); --tw-duration: .7s; content: var(--tw-content); --tw-ease: var(--ease-out); transition-duration: .7s; transition-timing-function: var(--ease-out); content: var(--tw-content); --tw-content: ""; content: var(--tw-content); border-radius: 20px; position: absolute; } .reviews-swiper .swiper-slide > div:where(.dark, .dark *):before { content: var(--tw-content); background-color: var(--color-background-7); } .reviews-swiper .swiper-slide-prev, .reviews-swiper .swiper-slide-next { transform: translateY(5px); } .reviews-swiper .swiper-slide-active > div { transition-property: opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); --tw-duration: .5s; --tw-ease: var(--ease-in-out); transition-duration: .5s; transition-timing-function: var(--ease-in-out); animation: .7s cubic-bezier(.34, 1.56, .64, 1) slideUp; } .reviews-swiper .swiper-slide-active > div:before { content: var(--tw-content); opacity: 1; } .reviews-swiper .swiper-slide-active .review-text { color: var(--color-accent); animation: .6s cubic-bezier(.25, .46, .45, .94) .1s both fadeInUp; } .reviews-swiper .swiper-slide-active .review-text:where(.dark, .dark *) { color: var(--color-accent); } .reviews-swiper .swiper-slide-active .review-name { color: var(--color-accent); animation: .6s cubic-bezier(.25, .46, .45, .94) .2s both fadeInUp; } .reviews-swiper .swiper-slide-active .review-name:where(.dark, .dark *) { color: var(--color-accent); } .reviews-swiper .swiper-slide-active .review-title { color: #fcfcfc99; animation: .6s cubic-bezier(.25, .46, .45, .94) .3s both fadeInUp; } @supports (color: color-mix(in lab, red, red)) { .reviews-swiper .swiper-slide-active .review-title { color: color-mix(in oklab, var(--color-accent) 60%, transparent); } } .reviews-swiper .swiper-slide-active .review-title:where(.dark, .dark *) { color: #fcfcfc99; } @supports (color: color-mix(in lab, red, red)) { .reviews-swiper .swiper-slide-active .review-title:where(.dark, .dark *) { color: color-mix(in oklab, var(--color-accent) 60%, transparent); } } .reviews-swiper .swiper-slide-active .gradient-overlay { opacity: 1; animation: .8s cubic-bezier(.68, -.55, .265, 1.55) gradientFadeIn; } @keyframes slideUp { from { transform: translateY(15px); } to { transform: translateY(0); } } @keyframes fadeInUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } @keyframes gradientFadeIn { from { opacity: 0; transform: scale(.9); } to { opacity: 1; transform: scale(1); } } .single-card-reviews-swiper { width: 100%; max-width: 840px; margin-inline: auto; overflow: hidden; } .single-card-reviews-swiper .swiper-wrapper { align-items: center; } .single-card-reviews-swiper .swiper-slide { opacity: .3; filter: blur(3px); height: auto; transition: all .8s cubic-bezier(.25, .46, .45, .94); transform: scale(.8); } .single-card-reviews-swiper .swiper-slide-active { opacity: 1; filter: blur(); transform: scale(1); } .single-card-reviews-prev:hover, .single-card-reviews-next:hover { 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: .2s; --tw-ease: var(--ease-in-out); transition-duration: .2s; transition-timing-function: var(--ease-in-out); scale: 102%; } .reviews-fade-in-swiper { width: 100%; overflow: hidden; } .reviews-fade-in-swiper .swiper-wrapper { align-items: center; } .reviews-fade-in-swiper .swiper-slide { height: auto; padding-top: calc(var(--spacing) * 16); transition: all .6s cubic-bezier(.25, .46, .45, .94); } .reviews-fade-in-next, .reviews-fade-in-prev { width: calc(var(--spacing) * 9); height: calc(var(--spacing) * 9); cursor: pointer; background-color: var(--color-background-4); border-radius: 3.40282e38px; justify-content: center; align-items: center; display: flex; } :is(.reviews-fade-in-next, .reviews-fade-in-prev):where(.dark, .dark *) { background-color: var(--color-background-9); } .reviews-fade-in-pagination { z-index: 20; margin-top: calc(var(--spacing) * 6); justify-content: center; align-items: center; gap: calc(var(--spacing) * .5); display: flex; position: absolute; left: 50%; bottom: 27% !important; } .reviews-fade-in-pagination .swiper-pagination-bullet { width: calc(var(--spacing) * 2); height: calc(var(--spacing) * 2); cursor: pointer; background-color: #b6c6e6; border-radius: 3.40282e38px; } .reviews-fade-in-pagination .swiper-pagination-bullet:where(.dark, .dark *) { background-color: var(--color-background-4); } .reviews-fade-in-pagination .swiper-pagination-bullet-active { background-color: var(--color-secondary); } .reviews-fade-in-pagination .swiper-pagination-bullet-active:where(.dark, .dark *) { background-color: #b6c6e6; } @media (max-width: 768px) { .reviews-fade-in-swiper .swiper-slide { transition: all .6s cubic-bezier(.25, .46, .45, .94); } .reviews-fade-in-next, .reviews-fade-in-prev { width: calc(var(--spacing) * 8); height: calc(var(--spacing) * 8); } .reviews-fade-in-pagination { margin-top: calc(var(--spacing) * 4); } } @media (hover: none) and (pointer: coarse) { .reviews-fade-in-swiper .swiper-slide { transition: all .5s cubic-bezier(.25, .46, .45, .94); } .reviews-fade-in-next, .reviews-fade-in-prev { width: calc(var(--spacing) * 10); height: calc(var(--spacing) * 10); } } @media (prefers-reduced-motion: reduce) { .reviews-fade-in-swiper .swiper-slide { transition: all .3s; } .reviews-fade-in-next, .reviews-fade-in-prev, .reviews-fade-in-pagination .swiper-pagination-bullet { transition: all .2s; } } .blog-article-swiper { width: 100%; overflow: hidden; } .blog-article-swiper .swiper-wrapper { align-items: center; } .blog-article-swiper .swiper-slide { height: auto; transition: all .6s cubic-bezier(.25, .46, .45, .94); } .blog-article-swiper .swiper-pagination-bullet { width: calc(var(--spacing) * 3); height: calc(var(--spacing) * 3); border-style: var(--tw-border-style); border-width: 1px; border-color: var(--color-stroke-5); transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); --tw-duration: .3s; background-color: #0000; border-radius: 3.40282e38px; transition-duration: .3s; } .blog-article-swiper .swiper-pagination-bullet:where(.dark, .dark *) { border-color: var(--color-stroke-3); } .blog-article-swiper .swiper-pagination-bullet-active { width: calc(var(--spacing) * 3.5); height: calc(var(--spacing) * 3.5); border-color: var(--color-primary-500); background-color: var(--color-primary-500); border-radius: 3.40282e38px; } .blog-article-swiper .swiper-pagination-bullet-active:where(.dark, .dark *) { border-color: var(--color-accent); background-color: var(--color-accent); } .blog-article-swiper .pagination-bullets { justify-content: center; align-items: center; gap: calc(var(--spacing) * 2); margin-inline: auto; display: flex; } .business-card-number, .bank-card-number { transition: all .3s; } .business-card-number._number, .bank-card-number._number { justify-content: center; align-items: center; display: inline-flex; } .business-card-number ._number > div > div, .bank-card-number ._number > div > div { transition: top .8s cubic-bezier(.25, .46, .45, .94); } .business-card-number span:last-child, .bank-card-number span:last-child { font-weight: inherit; color: inherit; margin-left: 2px; } @property --tw-font-weight { syntax: "*"; inherits: false } @property --tw-content { syntax: "*"; inherits: false; initial-value: ""; } @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-duration { syntax: "*"; inherits: false } @property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-translate-z { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-rotate-x { syntax: "*"; inherits: false } @property --tw-rotate-y { syntax: "*"; inherits: false } @property --tw-rotate-z { syntax: "*"; inherits: false } @property --tw-skew-x { syntax: "*"; inherits: false } @property --tw-skew-y { syntax: "*"; inherits: false } @property --tw-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; } @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-ease { 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-space-x-reverse { syntax: "*"; inherits: false; initial-value: 0; } @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%; } @property --tw-leading { syntax: "*"; inherits: false } @property --tw-outline-style { syntax: "*"; inherits: false; initial-value: solid; } @property --tw-blur { syntax: "*"; inherits: false } @property --tw-brightness { syntax: "*"; inherits: false } @property --tw-contrast { syntax: "*"; inherits: false } @property --tw-grayscale { syntax: "*"; inherits: false } @property --tw-hue-rotate { syntax: "*"; inherits: false } @property --tw-invert { syntax: "*"; inherits: false } @property --tw-opacity { syntax: "*"; inherits: false } @property --tw-saturate { syntax: "*"; inherits: false } @property --tw-sepia { syntax: "*"; inherits: false } @property --tw-drop-shadow { syntax: "*"; inherits: false } @property --tw-drop-shadow-color { syntax: "*"; inherits: false } @property --tw-drop-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-drop-shadow-size { syntax: "*"; inherits: false } @keyframes pulse { 50% { opacity: .5; } }