:root { --header-height: clamp(80px, round(nearest, calc(80 * 1px + (128 - 80) * ((100vw - (var(--mid-vw) * 1px)) / (var(--max-vw) - var(--mid-vw)))), 1px), 128px); --container-width-full: clamp(1280px, round(nearest, 100vw, 1px), 1920px); --container-width: clamp(1280px, round(nearest, calc(1280 * 1px + (1480 - 1280) * ((100vw - (var(--min-vw) * 1px)) / (var(--max-vw) - var(--min-vw)))), 1px), 1480px); --container-width-narrow: clamp(900px, round(nearest, calc(900 * 1px + (1024 - 900) * ((100vw - (var(--min-vw) * 1px)) / (var(--max-vw) - var(--min-vw)))), 1px), 1024px); --container-width-narrow-2: clamp(1024px, round(nearest, calc(1024 * 1px + (1280 - 1024) * ((100vw - (var(--min-vw) * 1px)) / (var(--max-vw) - var(--min-vw)))), 1px), 1280px); --gap: clamp(20px, round(nearest, calc(20 * 1px + (32 - 20) * ((100vw - (var(--min-vw) * 1px)) / (var(--max-vw) - var(--min-vw)))), 1px), 32px); --font-family: "Arboria"; --h1-min: 40; --h1-max: 64; --h2-min: 32; --h2-max: 56; --h3-min: 28; --h3-max: 40; --h4-min: 24; --h4-max: 32; --h5-min: 20; --h5-max: 28; --h6-min: 18; --h6-max: 24; --body-xl-min: 16; --body-xl-max: 20; --body-lg-min: 16; --body-lg-max: 18; --body-md-min: 14; --body-md-max: 16; --body-sm-min: 12; --body-sm-max: 14; --body-xs-min: 12; --body-xs-max: 12; --h1: clamp(calc(var(--h1-min) * 1px), round(nearest, calc(var(--h1-min) * 1px + (var(--h1-max) - var(--h1-min)) * ((100vw - (var(--min-vw) * 1px)) / (var(--max-vw) - var(--min-vw)))), 1px), calc(var(--h1-max) * 1px)); --h2: clamp(calc(var(--h2-min) * 1px), round(nearest, calc(var(--h2-min) * 1px + (var(--h2-max) - var(--h2-min)) * ((100vw - (var(--min-vw) * 1px)) / (var(--max-vw) - var(--min-vw)))), 1px), calc(var(--h2-max) * 1px)); --h3: clamp(calc(var(--h3-min) * 1px), round(nearest, calc(var(--h3-min) * 1px + (var(--h3-max) - var(--h3-min)) * ((100vw - (var(--min-vw) * 1px)) / (var(--max-vw) - var(--min-vw)))), 1px), calc(var(--h3-max) * 1px)); --h4: clamp(calc(var(--h4-min) * 1px), round(nearest, calc(var(--h4-min) * 1px + (var(--h4-max) - var(--h4-min)) * ((100vw - (var(--min-vw) * 1px)) / (var(--max-vw) - var(--min-vw)))), 1px), calc(var(--h4-max) * 1px)); --h5: clamp(calc(var(--h5-min) * 1px), round(nearest, calc(var(--h5-min) * 1px + (var(--h5-max) - var(--h5-min)) * ((100vw - (var(--min-vw) * 1px)) / (var(--max-vw) - var(--min-vw)))), 1px), calc(var(--h5-max) * 1px)); --h6: clamp(calc(var(--h6-min) * 1px), round(nearest, calc(var(--h6-min) * 1px + (var(--h6-max) - var(--h6-min)) * ((100vw - (var(--min-vw) * 1px)) / (var(--max-vw) - var(--min-vw)))), 1px), calc(var(--h6-max) * 1px)); --body-xl: clamp(calc(var(--body-xl-min) * 1px), round(nearest, calc(var(--body-xl-min) * 1px + (var(--body-xl-max) - var(--body-xl-min)) * ((100vw - (var(--min-vw) * 1px)) / (var(--max-vw) - var(--min-vw)))), 1px), calc(var(--body-xl-max) * 1px)); --body-lg: clamp(calc(var(--body-lg-min) * 1px), round(nearest, calc(var(--body-lg-min) * 1px + (var(--body-lg-max) - var(--body-lg-min)) * ((100vw - (var(--min-vw) * 1px)) / (var(--max-vw) - var(--min-vw)))), 1px), calc(var(--body-lg-max) * 1px)); --body-md: clamp(calc(var(--body-md-min) * 1px), round(nearest, calc(var(--body-md-min) * 1px + (var(--body-md-max) - var(--body-md-min)) * ((100vw - (var(--min-vw) * 1px)) / (var(--max-vw) - var(--min-vw)))), 1px), calc(var(--body-md-max) * 1px)); --body-sm: clamp(calc(var(--body-sm-min) * 1px), round(nearest, calc(var(--body-sm-min) * 1px + (var(--body-sm-max) - var(--body-sm-min)) * ((100vw - (var(--min-vw) * 1px)) / (var(--max-vw) - var(--min-vw)))), 1px), calc(var(--body-sm-max) * 1px)); --body-xs: clamp(calc(var(--body-xs-min) * 1px), round(nearest, calc(var(--body-xs-min) * 1px + (var(--body-xs-max) - var(--body-xs-min)) * ((100vw - (var(--min-vw) * 1px)) / (var(--max-vw) - var(--min-vw)))), 1px), calc(var(--body-xs-max) * 1px)); --max-vw: 1800; --mid-vw: 1280; --min-vw: 1024; --preloader: 0s } .range-fs { --range-fs: clamp(calc(var(--minv-fs) * 1px), round(nearest, calc(var(--minv-fs) * 1px + (var(--maxv-fs) - var(--minv-fs)) * ((100vw - (var(--min-vw) * 1px)) / (var(--max-vw) - var(--min-vw)))), 1px), calc(var(--maxv-fs) * 1px)) } .range-1 { --range-1: clamp(calc(var(--minv-1) * 1px), round(nearest, calc(var(--minv-1) * 1px + (var(--maxv-1) - var(--minv-1)) * ((100vw - (var(--min-vw) * 1px)) / (var(--max-vw) - var(--min-vw)))), 1px), calc(var(--maxv-1) * 1px)) } .range-2 { --range-2: clamp(calc(var(--minv-2) * 1px), round(nearest, calc(var(--minv-2) * 1px + (var(--maxv-2) - var(--minv-2)) * ((100vw - (var(--min-vw) * 1px)) / (var(--max-vw) - var(--min-vw)))), 1px), calc(var(--maxv-2) * 1px)) } .range-3 { --range-3: clamp(calc(var(--minv-3) * 1px), round(nearest, calc(var(--minv-3) * 1px + (var(--maxv-3) - var(--minv-3)) * ((100vw - (var(--min-vw) * 1px)) / (var(--max-vw) - var(--min-vw)))), 1px), calc(var(--maxv-3) * 1px)) } .range-4 { --range-4: clamp(calc(var(--minv-4) * 1px), round(nearest, calc(var(--minv-4) * 1px + (var(--maxv-4) - var(--minv-4)) * ((100vw - (var(--min-vw) * 1px)) / (var(--max-vw) - var(--min-vw)))), 1px), calc(var(--maxv-4) * 1px)) } .range-5 { --range-5: clamp(calc(var(--minv-5) * 1px), round(nearest, calc(var(--minv-5) * 1px + (var(--maxv-5) - var(--minv-5)) * ((100vw - (var(--min-vw) * 1px)) / (var(--max-vw) - var(--min-vw)))), 1px), calc(var(--maxv-5) * 1px)) } .range-6 { --range-6: clamp(calc(var(--minv-6) * 1px), round(nearest, calc(var(--minv-6) * 1px + (var(--maxv-6) - var(--minv-6)) * ((100vw - (var(--min-vw) * 1px)) / (var(--max-vw) - var(--min-vw)))), 1px), calc(var(--maxv-6) * 1px)) } .range-7 { --range-7: clamp(calc(var(--minv-7) * 1px), round(nearest, calc(var(--minv-7) * 1px + (var(--maxv-7) - var(--minv-7)) * ((100vw - (var(--min-vw) * 1px)) / (var(--max-vw) - var(--min-vw)))), 1px), calc(var(--maxv-7) * 1px)) } .range-8 { --range-8: clamp(calc(var(--minv-8) * 1px), round(nearest, calc(var(--minv-8) * 1px + (var(--maxv-8) - var(--minv-8)) * ((100vw - (var(--min-vw) * 1px)) / (var(--max-vw) - var(--min-vw)))), 1px), calc(var(--maxv-8) * 1px)) } .range-9 { --range-9: clamp(calc(var(--minv-9) * 1px), round(nearest, calc(var(--minv-9) * 1px + (var(--maxv-9) - var(--minv-9)) * ((100vw - (var(--min-vw) * 1px)) / (var(--max-vw) - var(--min-vw)))), 1px), calc(var(--maxv-9) * 1px)) } @font-face { font-family: Arboria; src: url(../font/arboria/subset-Arboria-BoldItalic.woff2) format("woff2"), url(../font/arboria/subset-Arboria-BoldItalic.woff) format("woff"), url(../font/arboria/subset-Arboria-BoldItalic.ttf) format("truetype"); font-weight: 700; font-style: italic; font-display: swap } @font-face { font-family: Arboria; src: url(../font/arboria/subset-Arboria-Black.woff2) format("woff2"), url(../font/arboria/subset-Arboria-Black.woff) format("woff"), url(../font/arboria/subset-Arboria-Black.ttf) format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: Arboria; src: url(../font/arboria/subset-Arboria-BlackItalic.woff2) format("woff2"), url(../font/arboria/subset-Arboria-BlackItalic.woff) format("woff"), url(../font/arboria/subset-Arboria-BlackItalic.ttf) format("truetype"); font-weight: 900; font-style: italic; font-display: swap } @font-face { font-family: Arboria; src: url(../font/arboria/subset-Arboria-Bold.woff2) format("woff2"), url(../font/arboria/subset-Arboria-Bold.woff) format("woff"), url(../font/arboria/subset-Arboria-Bold.ttf) format("truetype"); font-weight: 700; font-style: normal; font-display: swap } @font-face { font-family: Arboria; src: url(../font/arboria/subset-Arboria-BookItalic.woff2) format("woff2"), url(../font/arboria/subset-Arboria-BookItalic.woff) format("woff"), url(../font/arboria/subset-Arboria-BookItalic.ttf) format("truetype"); font-weight: 400; font-style: italic; font-display: swap } @font-face { font-family: Arboria; src: url(../font/arboria/subset-Arboria-Book.woff2) format("woff2"), url(../font/arboria/subset-Arboria-Book.woff) format("woff"), url(../font/arboria/subset-Arboria-Book.ttf) format("truetype"); font-weight: 400; font-style: normal; font-display: swap } @font-face { font-family: Arboria; src: url(../font/arboria/subset-Arboria-LightItalic.woff2) format("woff2"), url(../font/arboria/subset-Arboria-LightItalic.woff) format("woff"), url(../font/arboria/subset-Arboria-LightItalic.ttf) format("truetype"); font-weight: 300; font-style: italic; font-display: swap } @font-face { font-family: Arboria; src: url(../font/arboria/subset-Arboria-Light.woff2) format("woff2"), url(../font/arboria/subset-Arboria-Light.woff) format("woff"), url(../font/arboria/subset-Arboria-Light.ttf) format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: Arboria; src: url(../font/arboria/subset-Arboria-MediumItalic.woff2) format("woff2"), url(../font/arboria/subset-Arboria-MediumItalic.woff) format("woff"), url(../font/arboria/subset-Arboria-MediumItalic.ttf) format("truetype"); font-weight: 500; font-style: italic; font-display: swap } @font-face { font-family: Arboria; src: url(../font/arboria/subset-Arboria-Thin.woff2) format("woff2"), url(../font/arboria/subset-Arboria-Thin.woff) format("woff"), url(../font/arboria/subset-Arboria-Thin.ttf) format("truetype"); font-weight: 100; font-style: normal; font-display: swap } @font-face { font-family: Arboria; src: url(../font/arboria/subset-Arboria-Medium.woff2) format("woff2"), url(../font/arboria/subset-Arboria-Medium.woff) format("woff"), url(../font/arboria/subset-Arboria-Medium.ttf) format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: Arboria; src: url(../font/arboria/subset-Arboria-ThinItalic.woff2) format("woff2"), url(../font/arboria/subset-Arboria-ThinItalic.woff) format("woff"), url(../font/arboria/subset-Arboria-ThinItalic.ttf) format("truetype"); font-weight: 100; font-style: italic; font-display: swap } @font-face { font-family: iconfont; src: url(../font/iconfont/iconfont.eot); src: url(../font/iconfont/iconfont-1.eot) format("embedded-opentype"), url(../font/iconfont/iconfont.woff) format("woff"), url(../font/iconfont/iconfont.ttf) format("truetype"), url(../font/iconfont/iconfont.svg) format("svg"); font-weight: 400; font-style: normal } [class*=icon-]:before { display: inline-block; font-family: iconfont; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .icon-address:before { content: "A" } .icon-email:before { content: "B" } .icon-facebook:before { content: "C" } .icon-font-size:before { content: "D" } .icon-headset:before { content: "E" } .icon-instagram:before { content: "F" } .icon-link:before { content: "G" } .icon-linkedin:before { content: "H" } .icon-print:before { content: "I" } .icon-social:before { content: "J" } .icon-telegram:before { content: "K" } .icon-twitter:before { content: "L" } .icon-whatsapp:before { content: "M" } .icon-youtube:before { content: "N" } *, *:before, *:after { box-sizing: border-box; -webkit-user-drag: none } * { margin: 0; font-family: var(--font-family), sans-serif } html { -webkit-text-size-adjust: none; -moz-text-size-adjust: none; text-size-adjust: none } html, .overflow-x-auto, .overflow-x-scroll, .overflow-y-auto, .overflow-y-scroll { scroll-behavior: smooth } body { min-height: 100dvh; line-height: 1.5; background-color: var(--body-color); -webkit-font-smoothing: antialiased } html, body { overscroll-behavior: none } blockquote, q { quotes: none } blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none } img, picture, video, canvas { display: block; max-width: 100% } svg { display: block; overflow: visible } input, button, textarea, select { font: inherit; outline: none } p, .bitur-as-h1, .bitur-as-h2, .bitur-as-h3, .bitur-as-h4, .bitur-as-h5, .bitur-as-h6 { overflow-wrap: break-word } body, .bitur-as-h1, .bitur-as-h2, .bitur-as-h3, .bitur-as-h4, p, figure, blockquote, dl, dd { margin-block-end: 0 } ul[role=list], ol[role=list] { list-style: none } a:not([class]) { -webkit-text-decoration-skip: ink; text-decoration-skip-ink: auto; color: currentColor } table { border-collapse: collapse; border-spacing: 0 } :target { scroll-margin-block: 5ex } input[type=search]::-ms-clear, input[type=search]::-ms-reveal { display: none; height: 0px; width: 0px } input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration { display: none } input[type=date]::-webkit-inner-spin-button, input[type=date]::-webkit-calendar-picker-indicator { display: none; -webkit-appearance: none; -moz-appearance: none; appearance: none } input[type=file]::-webkit-file-upload-button { cursor: pointer } @keyframes penta { 0% { transform: scale(.85) rotateY(0) translateZ(0) translateZ(0) perspective(1px) } to { transform: scale(.85) rotateY(-360deg) translateZ(0) translateZ(0) perspective(1px) } } [data-animation-logo-reveal] [data-animation-item-1], [data-animation-logo-reveal] [data-animation-item-2], [data-animation-logo-reveal] [data-animation-item-3], [data-animation-logo-reveal] [data-animation-item-4], [data-animation-logo-reveal] [data-animation-item-5], [data-animation-logo-reveal] [data-animation-item-6], [data-animation-logo-reveal] [data-animation-item-7], [data-animation-logo-reveal] [data-animation-item-8], [data-animation-logo-reveal] [data-animation-item-9] { animation-name: animation-logo-reveal; animation-duration: .75s; animation-fill-mode: forwards; animation-delay: var(--delay, 0s) } @keyframes animation-logo-reveal { to { stroke-dashoffset: 0; opacity: 1 } } @keyframes animation-hamburger-movement { to { translate: var(--translate) 0 0 } } [data-animation-hamburger] .top, [data-animation-hamburger] .bottom { animation-name: animation-hamburger-movement; animation-duration: 3s; animation-timing-function: linear; animation-iteration-count: infinite } @keyframes animation-reveal { to { opacity: 1; translate: 0 0 0; scale: 1 } } [data-animation-reveal] { opacity: 0; translate: var(--translate-x, 0%) var(--translate-y, 0%) 0; scale: var(--scale, .9); animation-duration: var(--duration, .6s); animation-delay: var(--delay, 0s); animation-fill-mode: forwards; animation-timing-function: cubic-bezier(.365, .005, .355, 1) } .animate[data-animation-reveal] { animation-name: animation-reveal } @keyframes animate-icon { 0%, to { opacity: 1; translate: 0 0 0; scale: 1 } 49.5% { opacity: 0; translate: 0 100% 0; scale: .5 } 50.5% { opacity: 0; translate: 0 -100% 0; scale: .5 } } [data-animate-icon] .icon { animation-duration: var(--duration, .4s); animation-fill-mode: forwards } [data-animate-icon]:hover .icon { animation-name: animate-icon } @keyframes animate-header-line { to { opacity: 1; scale: 1 1 } } [data-animate-header-line] { opacity: 0; scale: 0 1; animation-name: animate-header-line; animation-duration: var(--duration, .9s); animation-delay: var(--delay, 0s); animation-fill-mode: forwards; animation-timing-function: cubic-bezier(.365, .005, .355, 1) } @keyframes animate-reveal-text { to { opacity: 1; translate: 0 0 0; scale: 1; -webkit-mask-position: 0% 0%; mask-position: 0% 0% } } [data-animate-reveal-text] span { --calculated-delay: calc(var(--delay, 0s) + var(--index, 0) * var(--stagger, 50ms)); display: inline-block; opacity: 0; translate: var(--translate-x, 0%) var(--translate-y, 0%) 0; scale: var(--scale, 1); -webkit-mask-image: linear-gradient(var(--degree, 0deg), transparent, transparent 49.5%, black 50.5%, black); mask-image: linear-gradient(var(--degree, 0deg), transparent, transparent 49.5%, black 50.5%, black); -webkit-mask-size: 300% 300%; mask-size: 300% 300%; -webkit-mask-position: 100% 100%; mask-position: 100% 100%; animation-duration: var(--duration, 1s); animation-delay: var(--calculated-delay, 0s); animation-fill-mode: forwards } .animate[data-animate-reveal-text] span { animation-name: animate-reveal-text } @keyframes animate-reveal-path { to { stroke-dashoffset: 0 } } [data-animate-reveal-arrow-1] path { --calculated-delay: calc(var(--path-delay, 0s) + var(--delay, 0s) + var(--index, 0) * 50ms); animation-duration: var(--duration, .45s); animation-delay: var(--calculated-delay, 0s); animation-fill-mode: forwards } :is([data-animate-reveal-arrow-1] path):nth-child(2), :is([data-animate-reveal-arrow-1] path):nth-child(3) { --path-delay: .25s } .animate[data-animate-reveal-arrow-1] path { animation-name: animate-reveal-path } @keyframes animate-fill-line { to { stroke-dashoffset: 0 } } [data-animate-fill-line] > path { animation-duration: var(--duration, 1s); animation-delay: var(--delay, 0s); animation-fill-mode: forwards } .animate[data-animate-fill-line] > path { animation-name: animate-fill-line } @keyframes animate-reveal-image-wrapper { to { -webkit-mask-position: 0% 0%; mask-position: 0% 0% } } @keyframes animate-reveal-image { to { scale: 1; filter: blur(0) } } [data-animate-reveal-image-wrapper] { -webkit-mask-image: linear-gradient(var(--degree, 0deg), transparent, transparent 49.5%, black 50.5%, black); mask-image: linear-gradient(var(--degree, 0deg), transparent, transparent 49.5%, black 50.5%, black); -webkit-mask-size: 300% 300%; mask-size: 300% 300%; -webkit-mask-position: 100% 100%; mask-position: 100% 100%; animation-duration: var(--duration, 3s); animation-delay: var(--delay, 0s); animation-timing-function: cubic-bezier(.19, 1, .22, 1); animation-fill-mode: forwards } [data-animate-reveal-image-wrapper] img { scale: var(--scale, 1.5); animation-duration: var(--duration, 1.5s); animation-delay: var(--delay, 0s); animation-fill-mode: forwards; animation-timing-function: cubic-bezier(.19, 1, .22, 1); filter: blur(24px) } .animate[data-animate-reveal-image-wrapper] { animation-name: animate-reveal-image-wrapper } .animate[data-animate-reveal-image-wrapper] img { animation-name: animate-reveal-image } @keyframes animate-reveal-wheel { to { rotate: 0deg; translate: 0 0 0; opacity: 1 } } .animate [data-animate-reveal-wheel], .animate [data-animate-reveal-reverse-wheel] { animation-name: animate-reveal-wheel } [data-animate-reveal-wheel], [data-animate-reveal-reverse-wheel] { opacity: 0; rotate: -90deg; translate: -100% 0 0; animation-duration: var(--duration, 2s); animation-delay: var(--delay, 0s); animation-timing-function: cubic-bezier(.19, 1, .22, 1); animation-fill-mode: forwards } .animate:is([data-animate-reveal-wheel], [data-animate-reveal-reverse-wheel]) { animation-name: animate-reveal-wheel } [data-animate-reveal-wheel] { rotate: 90deg } [data-animation-logo-text-reveal] [data-animation-item] { animation-duration: .75s; animation-fill-mode: forwards; animation-delay: calc(var(--index) * 50ms); translate: 0 25% 0 } .animate[data-animation-logo-text-reveal] [data-animation-item] { animation-name: animation-logo-text-reveal } @keyframes animation-logo-text-reveal { to { stroke-dashoffset: 0; opacity: 1; translate: 0 0 0 } } @keyframes animate-arrow-short { 0%, to { stroke-dashoffset: 0 } 25%, 80% { stroke-dashoffset: var(--short-line) } } @keyframes animate-arrow-long { 0%, 25%, 80%, to { stroke-dashoffset: 0 } 50% { stroke-dashoffset: var(--long-line) } } @keyframes animation-arrow-left { 0%, to { translate: 0 0 0; opacity: 1 } 47.5% { translate: -50% 0 0; opacity: 0 } 52.5% { translate: 50% 0 0; opacity: 0 } } @keyframes animation-arrow-left-far { 0%, to { translate: 0 0 0; opacity: 1 } 47.5% { translate: -100% 0 0; opacity: 0 } 52.5% { translate: 100% 0 0; opacity: 0 } } @keyframes animation-arrow-right { 0%, to { translate: 0 0 0; opacity: 1 } 47.5% { translate: 50% 0 0; opacity: 0 } 52.5% { translate: -50% 0 0; opacity: 0 } } @keyframes animation-arrow-right-far { 0%, to { translate: 0 0 0; opacity: 1 } 47.5% { translate: 100% 0 0; opacity: 0 } 52.5% { translate: -100% 0 0; opacity: 0 } } [data-animate-arrow-left]:disabled { pointer-events: none } :is([data-animate-arrow-left]:disabled~div) [data-animate-arrow-item-left] { opacity: .25 } :is([data-animate-arrow-left]:hover~div) [data-animate-arrow-item-left] { animation-name: animation-arrow-left } :is(:is([data-animate-arrow-left]:hover~div) [data-animate-arrow-item-left]) svg { stroke: var(--theme-color) } :is(:is(:is([data-animate-arrow-left]:hover~div) [data-animate-arrow-item-left]) path):nth-child(1) { animation-name: animate-arrow-long } :is(:is(:is([data-animate-arrow-left]:hover~div) [data-animate-arrow-item-left]) path):nth-child(2), :is(:is(:is([data-animate-arrow-left]:hover~div) [data-animate-arrow-item-left]) path):nth-child(3) { animation-name: animate-arrow-short } :is([data-animate-arrow-left]~div) [data-animate-arrow-item-left] { animation-duration: var(--duration, .6s); animation-timing-function: cubic-bezier(.175, .885, .32, 1.275) } :is(:is([data-animate-arrow-left]~div) [data-animate-arrow-item-left]) path { animation-duration: var(--duration, .45s) } [data-animate-arrow-right]:disabled { pointer-events: none } :is([data-animate-arrow-right]:disabled~div) [data-animate-arrow-item-right] { opacity: .25 } :is([data-animate-arrow-right]:hover~div) [data-animate-arrow-item-right] { animation-name: animation-arrow-right } :is(:is([data-animate-arrow-right]:hover~div) [data-animate-arrow-item-right]) svg { stroke: var(--theme-color) } :is(:is(:is([data-animate-arrow-right]:hover~div) [data-animate-arrow-item-right]) path):nth-child(1) { animation-name: animate-arrow-long } :is(:is(:is([data-animate-arrow-right]:hover~div) [data-animate-arrow-item-right]) path):nth-child(2), :is(:is(:is([data-animate-arrow-right]:hover~div) [data-animate-arrow-item-right]) path):nth-child(3) { animation-name: animate-arrow-short } :is([data-animate-arrow-right]~div) [data-animate-arrow-item-right] { animation-duration: var(--duration, .6s); animation-timing-function: cubic-bezier(.175, .885, .32, 1.275) } :is(:is([data-animate-arrow-right]~div) [data-animate-arrow-item-right]) path { animation-duration: var(--duration, .45s) } @keyframes animation-arrow-corner { 0%, to { translate: 0 0 0; opacity: 1 } 47.5% { translate: 100% -100% 0; opacity: 0 } 52.5% { translate: -100% 100% 0; opacity: 0 } } [data-animate-arrow-corner*=group] { animation-duration: var(--duration, .6s); animation-timing-function: cubic-bezier(.175, .885, .32, 1.275) } [data-animate-arrow-corner*=group] path { animation-duration: var(--duration, .45s) } .group:hover [data-animate-arrow-corner] { animation-name: animation-arrow-corner } :is(:is(.group:hover [data-animate-arrow-corner]) path):nth-child(1) { animation-name: animate-arrow-long } :is(:is(.group:hover [data-animate-arrow-corner]) path):nth-child(2), :is(:is(.group:hover [data-animate-arrow-corner]) path):nth-child(3) { animation-name: animate-arrow-short } @keyframes animation-arrow-corner-reverse { 0%, to { translate: 0 0 0; opacity: 1 } 47.5% { translate: -100% -100% 0; opacity: 0 } 52.5% { translate: 100% 100% 0; opacity: 0 } } [data-animate-arrow-corner-reverse*=group] { animation-duration: var(--duration, .6s); animation-timing-function: cubic-bezier(.175, .885, .32, 1.275) } [data-animate-arrow-corner-reverse*=group] path { animation-duration: var(--duration, .45s) } .group:hover [data-animate-arrow-corner-reverse] { animation-name: animation-arrow-corner-reverse } :is(:is(.group:hover [data-animate-arrow-corner-reverse]) path):nth-child(1) { animation-name: animate-arrow-long } :is(:is(.group:hover [data-animate-arrow-corner-reverse]) path):nth-child(2), :is(:is(.group:hover [data-animate-arrow-corner-reverse]) path):nth-child(3) { animation-name: animate-arrow-short } @keyframes animation-loading-icon { 0%, to { translate: 0 -50% 0; scale: .75 } 25%, 75% { translate: 0 0 0; scale: 1 } 50% { translate: 0 50% 0; scale: .75 } } [data-animate-loading-icon] { --duration: 1s } [data-animate-loading-icon] path { animation-name: animation-loading-icon; animation-duration: var(--duration); animation-iteration-count: infinite; animation-timing-function: cubic-bezier(.4, 0, .2, 1) } :is([data-animate-loading-icon] path):nth-child(1) { animation-delay: calc(var(--duration) * .33) } :is([data-animate-loading-icon] path):nth-child(2) { animation-delay: calc(var(--duration) * .66) } @keyframes animation-arrow-accordion { 0%, to { translate: 0 0 0; opacity: 1 } 47.5% { translate: 0 100% 0; opacity: 0 } 52.5% { translate: 0 -100% 0; opacity: 0 } } @keyframes animation-arrow-accordion-reverse { 0%, to { translate: 0 0 0; opacity: 1 } 47.5% { translate: 0 -100% 0; opacity: 0 } 52.5% { translate: 0 100% 0; opacity: 0 } } [data-animate-arrow-accordion*=group] { animation-duration: var(--duration, .6s); animation-timing-function: cubic-bezier(.175, .885, .32, 1.275) } [data-animate-arrow-accordion*=group] path { animation-duration: var(--duration, .45s) } .group:hover [data-animate-arrow-accordion] { animation-name: animation-arrow-accordion } :is(:is(.group:hover [data-animate-arrow-accordion]) path):nth-child(1) { animation-name: animate-arrow-long } :is(:is(.group:hover [data-animate-arrow-accordion]) path):nth-child(2), :is(:is(.group:hover [data-animate-arrow-accordion]) path):nth-child(3) { animation-name: animate-arrow-short } :is(.group\/item.toggle .group:hover) [data-animate-arrow-accordion] { animation-name: animation-arrow-accordion-reverse } :is(:is(:is(.group\/item.toggle .group:hover) [data-animate-arrow-accordion]) path):nth-child(1) { animation-name: animate-arrow-long } :is(:is(:is(.group\/item.toggle .group:hover) [data-animate-arrow-accordion]) path):nth-child(2), :is(:is(:is(.group\/item.toggle .group:hover) [data-animate-arrow-accordion]) path):nth-child(3) { animation-name: animate-arrow-short } [data-animate-arrow-right-single] { animation-duration: var(--duration, .6s); animation-timing-function: cubic-bezier(.175, .885, .32, 1.275) } [data-animate-arrow-right-single] path { animation-duration: var(--duration, .45s) } .group:hover [data-animate-arrow-right-single] { animation-name: animation-arrow-right-far } :is(:is(.group:hover [data-animate-arrow-right-single]) path):nth-child(1) { animation-name: animate-arrow-long } :is(:is(.group:hover [data-animate-arrow-right-single]) path):nth-child(2), :is(:is(.group:hover [data-animate-arrow-right-single]) path):nth-child(3) { animation-name: animate-arrow-short } [data-animate-arrow-left-single] { animation-duration: var(--duration, .6s); animation-timing-function: cubic-bezier(.175, .885, .32, 1.275) } [data-animate-arrow-left-single] path { animation-duration: var(--duration, .45s) } .group:hover [data-animate-arrow-left-single] { animation-name: animation-arrow-left-far } :is(:is(.group:hover [data-animate-arrow-left-single]) path):nth-child(1) { animation-name: animate-arrow-long } :is(:is(.group:hover [data-animate-arrow-left-single]) path):nth-child(2), :is(:is(.group:hover [data-animate-arrow-left-single]) path):nth-child(3) { animation-name: animate-arrow-short } [data-animate-glow] { background-image: linear-gradient(75deg, transparent 40%, rgba(255, 255, 255, .5), white, rgba(255, 255, 255, .5), transparent 60%); opacity: .4; background-size: 300% 100%; background-position: 0% 0%; animation-name: animate-glow; animation-duration: var(--duration, 4s); animation-iteration-count: infinite; animation-timing-function: linear; animation-fill-mode: forwards } @keyframes animate-glow { 0% { background-position: 100% 0% } 20%, 40% { background-position: 0% 0% } } @keyframes animate-text { to { stroke-dashoffset: 0 } } [data-animate-text] [data-animate-item] { animation-name: animate-text; animation-duration: var(--duration, 1s); animation-fill-mode: forwards } :is([data-animate-text]>path):nth-child(2) { animation-delay: calc(var(--delay, 0s) + .3s) } :is([data-animate-text]>path):nth-child(3) { animation-delay: calc(var(--delay, 0s) + .6s) } :is([data-animate-text]>path):nth-child(4) { animation-delay: calc(var(--delay, 0s) + .9s) } :is([data-animate-text]>path):nth-child(5) { animation-delay: calc(var(--delay, 0s) + 1.2s) } :is([data-animate-text]>path):nth-child(6) { animation-delay: calc(var(--delay, 0s) + 1.75s) } @keyframes animate-draw-and-reveal { to { stroke-dashoffset: 0; opacity: 1; translate: 0% 0% } } [data-animate-draw-and-reveal] { animation-name: animate-draw-and-reveal; animation-duration: var(--duration, .75s); animation-delay: var(--delay, 0s); animation-fill-mode: forwards; animation-timing-function: cubic-bezier(.175, .885, .32, 1.275); opacity: 0; translate: 0 75% 0 } @keyframes animation-arrow-down { 0%, to { translate: 0 0 0; opacity: 1 } 47.5% { translate: 0 100% 0; opacity: 0 } 52.5% { translate: 0 -100% 0; opacity: 0 } } .group:hover [data-animate-arrow-down] { animation-name: animation-arrow-down; animation-duration: var(--duration, .6s); animation-timing-function: cubic-bezier(.175, .885, .32, 1.275); animation-fill-mode: forwards } :is(:is(.group:hover [data-animate-arrow-down]) path):nth-child(1) { animation-name: animate-arrow-long } :is(:is(.group:hover [data-animate-arrow-down]) path):nth-child(2), :is(:is(.group:hover [data-animate-arrow-down]) path):nth-child(3) { animation-name: animate-arrow-short } @keyframes animate-cards { to { opacity: 1; translate: 0 0 0 } } @keyframes animate-card { to { translate: 0 0 0 } } [data-animate-cards] { opacity: 0; translate: 0 25% 0; animation-duration: var(--duration, 1s); animation-delay: var(--delay, .3s); animation-fill-mode: forwards; animation-timing-function: cubic-bezier(.175, .885, .32, 1.275) } .animate[data-animate-cards] { animation-name: animate-cards } @media screen and (min-width: 1024px) { [data-animate-cards] > div { animation-duration: var(--duration, .6s); animation-delay: calc(.4s + var(--index, 0) * .1s); animation-fill-mode: forwards } .animate[data-animate-cards] > div { animation-name: animate-card } } .ease-pentalogo { transition-timing-function: cubic-bezier(.77, 0, .175, 1) } .ease-custom-1 { transition-timing-function: cubic-bezier(.42, .97, .52, 1.49) } .ease-custom-2 { transition-timing-function: cubic-bezier(.77, .16, .09, .94) } .ease-easeInSine { transition-timing-function: cubic-bezier(.12, 0, .39, 0) } .ease-easeOutSine { transition-timing-function: cubic-bezier(.61, 1, .88, 1) } .ease-easeInOutSine { transition-timing-function: cubic-bezier(.37, 0, .63, 1) } .ease-easeInQuad { transition-timing-function: cubic-bezier(.11, 0, .5, 0) } .ease-easeOutQuad { transition-timing-function: cubic-bezier(.5, 1, .89, 1) } .ease-easeInOutQuad { transition-timing-function: cubic-bezier(.45, 0, .55, 1) } .ease-easeInCubic { transition-timing-function: cubic-bezier(.32, 0, .67, 0) } .ease-easeOutCubic { transition-timing-function: cubic-bezier(.33, 1, .68, 1) } .ease-easeInOutCubic { transition-timing-function: cubic-bezier(.65, 0, .35, 1) } .ease-easeInQuart { transition-timing-function: cubic-bezier(.5, 0, .75, 0) } .ease-easeOutQuart { transition-timing-function: cubic-bezier(.25, 1, .5, 1) } .ease-easeInOutQuart { transition-timing-function: cubic-bezier(.76, 0, .24, 1) } .ease-easeInQuint { transition-timing-function: cubic-bezier(.64, 0, .78, 0) } .ease-easeOutQuint { transition-timing-function: cubic-bezier(.22, 1, .36, 1) } .ease-easeInOutQuint { transition-timing-function: cubic-bezier(.83, 0, .17, 1) } .ease-easeInExpo { transition-timing-function: cubic-bezier(.7, 0, .84, 0) } .ease-easeOutExpo { transition-timing-function: cubic-bezier(.16, 1, .3, 1) } .ease-easeInOutExpo { transition-timing-function: cubic-bezier(.87, 0, .13, 1) } .ease-easeInCirc { transition-timing-function: cubic-bezier(.55, 0, 1, .45) } .ease-easeOutCirc { transition-timing-function: cubic-bezier(0, .55, .45, 1) } .ease-easeInOutCirc { transition-timing-function: cubic-bezier(.85, 0, .15, 1) } .ease-easeInBack { transition-timing-function: cubic-bezier(.36, 0, .66, -.56) } .ease-easeOutBack { transition-timing-function: cubic-bezier(.34, 1.56, .64, 1) } .ease-easeInOutBack { transition-timing-function: cubic-bezier(.68, -.6, .32, 1.6) } .ease-sine-ease-in { transition-timing-function: cubic-bezier(.47, 0, .745, .715) } .ease-sine-ease-out, .ease-sine-ease-in-out { transition-timing-function: cubic-bezier(.39, .575, .565, 1) } .ease-quad-ease-out { transition-timing-function: cubic-bezier(.25, .46, .45, .94) } .ease-quad-ease-in { transition-timing-function: cubic-bezier(.55, .09, .68, .53) } .ease-quad-ease-in-out { transition-timing-function: cubic-bezier(.455, .03, .515, .955) } .ease-cubic-ease-in { transition-timing-function: cubic-bezier(.55, .06, .68, .19) } .ease-cubic-ease-out { transition-timing-function: cubic-bezier(.22, .61, .36, 1) } .ease-cubic-ease-in-out { transition-timing-function: cubic-bezier(.65, .05, .36, 1) } .ease-quart-ease-in { transition-timing-function: cubic-bezier(.895, .03, .685, .22) } .ease-quart-ease-out { transition-timing-function: cubic-bezier(.165, .84, .44, 1) } .ease-quart-ease-in-out { transition-timing-function: cubic-bezier(.77, 0, .175, 1) } .ease-quint-ease-in { transition-timing-function: cubic-bezier(.755, .05, .855, .06) } .ease-quint-ease-out { transition-timing-function: cubic-bezier(.23, 1, .32, 1) } .ease-quint-ease-in-out { transition-timing-function: cubic-bezier(.86, 0, .07, 1) } .ease-circ-ease-in { transition-timing-function: cubic-bezier(.6, .04, .98, .335) } .ease-circ-ease-out { transition-timing-function: cubic-bezier(.075, .82, .165, 1) } .ease-circ-ease-in-out { transition-timing-function: cubic-bezier(.785, .135, .15, .86) } .ease-expo-ease-out { transition-timing-function: cubic-bezier(.19, 1, .22, 1) } .ease-expo-ease-in { transition-timing-function: cubic-bezier(.6, .04, .98, .335) } .ease-expo-ease-in-out { transition-timing-function: cubic-bezier(.785, .135, .15, .86) } .ease-back-in { transition-timing-function: cubic-bezier(.6, -.28, .74, .05) } .ease-back-out { transition-timing-function: cubic-bezier(.18, .89, .32, 1.28) } .ease-back-in-out { transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55) } .ease-bounce-in { transition-timing-function: cubic-bezier(.24, -.44, .17, .27) } .ease-bounce-out { transition-timing-function: cubic-bezier(.64, .57, .67, 1.53) } .ease-bounce-in-out { transition-timing-function: cubic-bezier(.76, -.245, .24, 1.245) } .ease-snap-out { transition-timing-function: cubic-bezier(0, 1, .5, 1) } .ease-snap-in { transition-timing-function: cubic-bezier(.06, .98, .19, .99) } .ease-smooth { transition-timing-function: cubic-bezier(.365, .005, .355, 1) } .ease-sine { transition-timing-function: cubic-bezier(.39, .58, .57, 1) } .ease-quad { transition-timing-function: cubic-bezier(.25, .46, .45, .94) } .ease-cubic { transition-timing-function: cubic-bezier(.22, .61, .36, 1) } .ease-circ { transition-timing-function: cubic-bezier(.075, .82, .165, 1) } .ease-expo { transition-timing-function: cubic-bezier(.19, 1, .22, 1) } .ease-bounce { transition-timing-function: cubic-bezier(.65, 1.95, .03, .32) } .ease-spring { transition-timing-function: cubic-bezier(.25, 2, .75, .5) } .ease-elastic { transition-timing-function: cubic-bezier(.47, 2.02, .31, -.36) } .ease-swing { transition-timing-function: cubic-bezier(.175, .885, .32, 1.275) } .ease-overshoot { transition-timing-function: cubic-bezier(.41, .41, .35, 1.2) } .ease-anticipate { transition-timing-function: cubic-bezier(.5, 0, .8, .15) } .ease-hesitate { transition-timing-function: cubic-bezier(.2, 1, .9, -.5) } .ease-hesitate2 { transition-timing-function: cubic-bezier(.5, 1, .5, -.25) } .ease-snap { transition-timing-function: cubic-bezier(.755, .05, .855, .06) } .ease-sharp { transition-timing-function: cubic-bezier(.4, 0, .6, 1) } .ease-acceleration { transition-timing-function: cubic-bezier(.4, 0, 1, 1) } .ease-deceleration { transition-timing-function: cubic-bezier(0, 0, .2, 1) } .ease-standard { transition-timing-function: cubic-bezier(.4, 0, .2, 1) } .ease-paused { transition-timing-function: cubic-bezier(0, 1, 1, 0) } .ease-circ-in-out { transition-timing-function: cubic-bezier(.88, .14, .12, .86) } .ease-cubic-in-out { transition-timing-function: cubic-bezier(.66, 0, .34, 1) } .ease-ease-in-out2 { transition-timing-function: cubic-bezier(.42, 0, .58, 1) } .ease-expo-in-out { transition-timing-function: cubic-bezier(.9, 0, .1, 1) } .ease-quad-in-out { transition-timing-function: cubic-bezier(.48, .04, .52, .96) } .ease-quart-in-out { transition-timing-function: cubic-bezier(.76, 0, .24, 1) } .ease-quint-in-out { transition-timing-function: cubic-bezier(.84, 0, .16, 1) } .ease-fast-slow { transition-timing-function: cubic-bezier(0, .45, .45, 1) } .ease-fast-fast-slow { transition-timing-function: cubic-bezier(0, .9, .45, 1) } .ease-fast-slow-slow { transition-timing-function: cubic-bezier(0, .45, .1, 1) } .ease-slow-fast { transition-timing-function: cubic-bezier(.45, 0, 1, .45) } .ease-slow-fast-fast { transition-timing-function: cubic-bezier(.45, 0, 1, .15) } .ease-slow-slow-fast { transition-timing-function: cubic-bezier(.9, 0, 1, .45) } .ease-ant-s1 { transition-timing-function: cubic-bezier(1, -.51, 0, 1.51) } .ease-ant-s2 { transition-timing-function: cubic-bezier(.99, -2.18, .01, 3.18) } .ease-ant-q1 { transition-timing-function: cubic-bezier(.5, -1, .5, 2) } .ease-ant-q2 { transition-timing-function: cubic-bezier(.5, -1.5, .5, 2.5) } .ease-smooth-operator { transition-timing-function: cubic-bezier(.64, .03, .07, .97) } .ease-endless-bummer { transition-timing-function: cubic-bezier(.99, .03, .42, .97) } .ease-get-around { transition-timing-function: cubic-bezier(1, .07, .11, 1) } .ease-unknown-soldier { transition-timing-function: cubic-bezier(.33, .02, .11, 1) } .ease-spanish-caravan { transition-timing-function: cubic-bezier(.76, 0, .43, .94) } .ease-five-to-one { transition-timing-function: cubic-bezier(.32, .05, .27, 1) } .ease-wild-in-the-streets { transition-timing-function: cubic-bezier(.5, 1, .35, 1) } .ease-daniel { transition-timing-function: cubic-bezier(0, .1, .53, 1.34) } .ease-cocodrile-tears { transition-timing-function: cubic-bezier(.47, 1.35, .53, 1.33) } .ease-crystal-ship { transition-timing-function: cubic-bezier(.99, -.55, .73, 1) } .ease-tencc { transition-timing-function: cubic-bezier(.14, -.14, 0, 1) } .ease-bishop { transition-timing-function: cubic-bezier(1, -.66, .42, .97) } .ease-scarborough-fair { transition-timing-function: cubic-bezier(1, .06, .73, .98) } .ease-tulsa-time { transition-timing-function: cubic-bezier(.19, 2.51, .43, 1) } .ease-norwegian-skog { transition-timing-function: cubic-bezier(.25, .51, .35, .95) } .ease-weird-fishes { transition-timing-function: cubic-bezier(.88, .04, .88, .95) } .ease-brave-strangers { transition-timing-function: cubic-bezier(0, .01, 0, 1) } .ease-stranger-than-diction { transition-timing-function: cubic-bezier(1, 0, .74, 1) } .ease-the-gambler { transition-timing-function: cubic-bezier(.47, -.48, 0, 1.03) } .ease-cracklin-rose { transition-timing-function: cubic-bezier(.05, .03, 0, 1.16) } .ease-ease-10 { transition-timing-function: cubic-bezier(.1, 0, .9, 1) } .ease-ease-20 { transition-timing-function: cubic-bezier(.2, 0, .8, 1) } .ease-ease-30 { transition-timing-function: cubic-bezier(.3, 0, .7, 1) } .ease-ease-40 { transition-timing-function: cubic-bezier(.4, 0, .6, 1) } .ease-ease-50 { transition-timing-function: cubic-bezier(.5, 0, .5, 1) } .ease-ease-60 { transition-timing-function: cubic-bezier(.6, 0, .4, 1) } .ease-ease-70 { transition-timing-function: cubic-bezier(.7, 0, .3, 1) } .ease-ease-80 { transition-timing-function: cubic-bezier(.8, 0, .2, 1) } .ease-ease-90 { transition-timing-function: cubic-bezier(.9, 0, .1, 1) } .ease-ease-100 { transition-timing-function: cubic-bezier(1, 0, 0, 1) } .ease-ease-0-10 { transition-timing-function: cubic-bezier(0, 0, .1, 1) } .ease-ease-0-20 { transition-timing-function: cubic-bezier(0, 0, .2, 1) } .ease-ease-0-30 { transition-timing-function: cubic-bezier(0, 0, .3, 1) } .ease-ease-0-40 { transition-timing-function: cubic-bezier(0, 0, .4, 1) } .ease-ease-0-50 { transition-timing-function: cubic-bezier(0, 0, .5, 1) } .ease-ease-0-60 { transition-timing-function: cubic-bezier(0, 0, .6, 1) } .ease-ease-0-70 { transition-timing-function: cubic-bezier(0, 0, .7, 1) } .ease-ease-0-80 { transition-timing-function: cubic-bezier(0, 0, .8, 1) } .ease-ease-0-90 { transition-timing-function: cubic-bezier(0, 0, .9, 1) } .ease-ease-50-0 { transition-timing-function: cubic-bezier(.5, 0, 0, 1) } .ease-ease-50-10 { transition-timing-function: cubic-bezier(.5, 0, .1, 1) } .ease-ease-50-20 { transition-timing-function: cubic-bezier(.5, 0, .2, 1) } .ease-ease-50-30 { transition-timing-function: cubic-bezier(.5, 0, .3, 1) } .ease-ease-50-40 { transition-timing-function: cubic-bezier(.5, 0, .4, 1) } .ease-ease-50-50 { transition-timing-function: cubic-bezier(.5, 0, .5, 1) } .ease-ease-50-60 { transition-timing-function: cubic-bezier(.5, 0, .6, 1) } .ease-ease-50-70 { transition-timing-function: cubic-bezier(.5, 0, .7, 1) } .ease-ease-50-80 { transition-timing-function: cubic-bezier(.5, 0, .8, 1) } .ease-ease-50-90 { transition-timing-function: cubic-bezier(.5, 0, .9, 1) } .ease-ease-50-100 { transition-timing-function: cubic-bezier(.5, 0, 1, 1) } .ease-boing { transition-timing-function: cubic-bezier(.35, 2, .1, .2) } .ease-boingPast { transition-timing-function: cubic-bezier(.88, 2, .48, .71) } .ease-swoosh { transition-timing-function: cubic-bezier(.63, -.28, .13, 1.55) } .ease-gottaDash { transition-timing-function: cubic-bezier(.9, -1.4, .61, 1.61) } .ease-slowMo { transition-timing-function: cubic-bezier(0, 1.35, 1, -.35) } .ease-slowInOut { transition-timing-function: cubic-bezier(.36, -.14, .29, 1.21) } .ease-smallOver { transition-timing-function: cubic-bezier(.41, .41, .35, 1.1) } .ease-superEase { transition-timing-function: cubic-bezier(.605, .165, .045, .945) } .ease-strongOut { transition-timing-function: cubic-bezier(0, 0, .255, .995) } .ease-strongIn { transition-timing-function: cubic-bezier(.975, .015, 1, 1) } .ease-moon-shine { transition-timing-function: cubic-bezier(.19, 1.78, .73, 1.35) } .ease-tailwind-in { transition-timing-function: cubic-bezier(.8, 0, 1, 1) } .ease-tailwind-out { transition-timing-function: cubic-bezier(0, 0, .2, 1) } .ease-tailwind-in-out { transition-timing-function: cubic-bezier(.4, 0, .6, 1) } .ease-tiny-bounce { transition-timing-function: cubic-bezier(.96, 1.34, .6, .89) } .ease-small-bounce { transition-timing-function: cubic-bezier(.99, 1.6, 0, .72) } .ease-easeout { transition-timing-function: cubic-bezier(.5, .5, 0, 1) } .ease-jump { transition-timing-function: cubic-bezier(.86, 0, .69, 1.57) } .text-editor { display: flex; flex-direction: column; gap: var(--range-5); --maxv-5: 24; --minv-5: 16; --range-5: clamp(calc(var(--minv-5) * 1px), round(nearest, calc(var(--minv-5) * 1px + (var(--maxv-5) - var(--minv-5)) * ((100vw - (var(--min-vw) * 1px)) / (var(--max-vw) - var(--min-vw)))), 1px), calc(var(--maxv-5) * 1px)) } .text-editor .bitur-as-h1, .text-editor .bitur-as-h2, .text-editor .bitur-as-h3, .text-editor .bitur-as-h4, .text-editor .bitur-as-h5, .text-editor .bitur-as-h6 { color: var(--mine-shaft) } .text-editor .bitur-as-h1, .text-editor .bitur-as-h2, .text-editor .bitur-as-h3 { line-height: 1.125 } .text-editor .bitur-as-h4, .text-editor .bitur-as-h5, .text-editor .bitur-as-h6 { line-height: 1.25 } .text-editor ul li, .text-editor ol, .text-editor li, .text-editor p { color: var(--mine-shaft) } .text-editor .bitur-as-h1 { font-size: var(--h1); line-height: 1.1 } @media screen and (max-width: 768px) { .text-editor .bitur-as-h1 { line-height: 1.15 } } .text-editor .bitur-as-h2 { font-size: var(--h2); line-height: 1.15 } @media screen and (max-width: 768px) { .text-editor .bitur-as-h2 { line-height: 1.2 } } .text-editor .bitur-as-h3 { font-size: var(--h3); line-height: 1.2 } @media screen and (max-width: 768px) { .text-editor .bitur-as-h3 { line-height: 1.25 } } .text-editor .bitur-as-h4 { font-size: var(--h4); line-height: 1.25 } @media screen and (max-width: 768px) { .text-editor .bitur-as-h4 { line-height: 1.3 } } .text-editor .bitur-as-h5 { font-size: var(--h5); line-height: 1.3 } @media screen and (max-width: 768px) { .text-editor .bitur-as-h5 { line-height: 1.35 } } .text-editor .bitur-as-h6 { font-size: var(--h6); line-height: 1.35 } @media screen and (max-width: 768px) { .text-editor .bitur-as-h6 { line-height: 1.4 } } .text-editor li, .text-editor p { font-size: var(--body-md); line-height: 1.5 } @media screen and (max-width: 768px) { .text-editor li, .text-editor p { line-height: 1.6 } } .text-editor ul, .text-editor ol { display: flex; flex-direction: column; gap: var(--range-5); padding-left: 1rem; --maxv-5: 8; --minv-5: 4; --range-4: clamp(calc(var(--minv-4) * 1px), round(nearest, calc(var(--minv-4) * 1px + (var(--maxv-4) - var(--minv-4)) * ((100vw - (var(--min-vw) * 1px)) / (var(--max-vw) - var(--min-vw)))), 1px), calc(var(--maxv-4) * 1px)); --range-5: clamp(calc(var(--minv-5) * 1px), round(nearest, calc(var(--minv-5) * 1px + (var(--maxv-5) - var(--minv-5)) * ((100vw - (var(--min-vw) * 1px)) / (var(--max-vw) - var(--min-vw)))), 1px), calc(var(--maxv-5) * 1px)) } :is(.text-editor ul, .text-editor ol)::marker { color: inherit } .text-editor ul { list-style: disc } .text-editor ol { list-style: decimal } .text-editor a { --color: var(--mine-shaft); color: var(--mine-shaft); position: relative } :is(.text-editor a):hover span { background-size: 100% 2px } :is(.text-editor a) span { transition: .35s ease all; background-image: linear-gradient(90deg, var(--color) 0%, var(--color) 100%); background-size: 0% 2px; background-position: 0% 100%; background-repeat: no-repeat } .text-editor strong, .text-editor b { font-weight: 700 } .text-editor em, .text-editor i { font-style: italic } .text-editor img { width: -moz-max-content; width: max-content; height: -moz-max-content; height: max-content } .text-editor blockquote { position: relative; display: block; margin: 0; padding: 0; color: var(--mine-shaft); font-weight: 400; font-size: var(--body-md); line-height: 1.5 } @media screen and (max-width: 768px) { .text-editor blockquote { line-height: 1.6 } } :is(.text-editor blockquote):before, :is(.text-editor blockquote):after { content: ""; position: relative; display: inline-block; font: inherit; width: var(--body-md); height: var(--body-md); background-repeat: no-repeat; background-size: contain; background-position: center; margin: .1em .25em 0; transform: translateY(15%) } :is(.text-editor blockquote):before { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJiIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNSAxNCI+PGRlZnM+PHN0eWxlPi5ke2ZpbGw6IzJlMmUyZTt9PC9zdHlsZT48L2RlZnM+PGcgaWQ9ImMiPjxwYXRoIGNsYXNzPSJkIiBkPSJNMTUsMHYyLjI5Yy0uNzIuMTUtMS4zMy41LTEuODMsMS4wNi0uNDYuNTYtLjgsMS4yNi0xLjAzLDIuMTItLjE5LjgyLS4yOSwxLjczLS4yOSwyLjczaDIuNjJ2NS44aC01LjU5di01LjE5YzAtMi4xNi4zLTMuODMuOTEtNS4wMi42NS0xLjIzLDEuNDQtMi4xMiwyLjQtMi42OC45NS0uNTksMS44OC0uOTcsMi43OS0xLjEyWk02LjE2LDB2Mi4yOWMtLjcyLjE1LTEuMzMuNS0xLjgzLDEuMDYtLjQ2LjU2LS44LDEuMjYtMS4wMywyLjEyLS4xOS44Mi0uMjksMS43My0uMjksMi43M2gyLjU3djUuOEgwdi01LjE5YzAtMi4xNi4zMi0zLjgzLjk3LTUuMDIuNjUtMS4yMywxLjQ0LTIuMTIsMi40LTIuNjguOTUtLjU5LDEuODgtLjk3LDIuNzktMS4xMloiLz48L2c+PC9zdmc+) } :is(.text-editor blockquote):after { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJiIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNSAxNCI+PGRlZnM+PHN0eWxlPi5ke2ZpbGw6IzJlMmUyZTt9PC9zdHlsZT48L2RlZnM+PGcgaWQ9ImMiPjxwYXRoIGNsYXNzPSJkIiBkPSJNMCwxNHYtMi4yM2MuNzYtLjE5LDEuMzctLjU2LDEuODMtMS4xMi40OS0uNTYuODQtMS4yNSwxLjAzLTIuMDYuMjMtLjgyLjM0LTEuNzMuMzQtMi43M0guNTdWMGg1LjU5djUuMjRjMCwyLjEyLS4zMiwzLjc5LS45Nyw1LjAyLS42NSwxLjIzLTEuNDQsMi4xMi0yLjQsMi42OC0uOTEuNTItMS44NC44Ny0yLjc5LDEuMDZaTTguOSwxNHYtMi4yM2MuNzItLjE5LDEuMzEtLjU2LDEuNzctMS4xMi40OS0uNTYuODQtMS4yNSwxLjAzLTIuMDYuMjMtLjgyLjM0LTEuNzMuMzQtMi43M2gtMi42MlYwaDUuNTl2NS4yNGMwLDIuMTItLjMyLDMuNzktLjk3LDUuMDItLjYxLDEuMjMtMS4zOSwyLjEyLTIuMzQsMi42OC0uOTUuNTItMS44OC44Ny0yLjc5LDEuMDZaIi8+PC9nPjwvc3ZnPg==) } .text-editor mark { display: block; background-color: transparent; border-left: 5px solid var(--alizarin-crimson); padding-left: 24px } .text-editor.white .bitur-as-h1, .text-editor.white .bitur-as-h2, .text-editor.white .bitur-as-h3, .text-editor.white .bitur-as-h4, .text-editor.white .bitur-as-h5, .text-editor.white .bitur-as-h6 { color: var(--white) } .text-editor.white ul li, .text-editor.white ol, .text-editor.white li, .text-editor.white p, .text-editor.white a { color: var(--white); --color: var(--white) } .text-editor.white blockquote { color: var(--white) } :is(.text-editor.white blockquote):before { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJiIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNSAxNCI+PGRlZnM+PHN0eWxlPi5ke2ZpbGw6I2ZmZjt9PC9zdHlsZT48L2RlZnM+PGcgaWQ9ImMiPjxwYXRoIGNsYXNzPSJkIiBkPSJNMTUsMHYyLjI5Yy0uNzIuMTUtMS4zMy41LTEuODMsMS4wNi0uNDYuNTYtLjgsMS4yNi0xLjAzLDIuMTItLjE5LjgyLS4yOSwxLjczLS4yOSwyLjczaDIuNjJ2NS44aC01LjU5di01LjE5YzAtMi4xNi4zLTMuODMuOTEtNS4wMi42NS0xLjIzLDEuNDQtMi4xMiwyLjQtMi42OC45NS0uNTksMS44OC0uOTcsMi43OS0xLjEyWk02LjE2LDB2Mi4yOWMtLjcyLjE1LTEuMzMuNS0xLjgzLDEuMDYtLjQ2LjU2LS44LDEuMjYtMS4wMywyLjEyLS4xOS44Mi0uMjksMS43My0uMjksMi43M2gyLjU3djUuOEgwdi01LjE5YzAtMi4xNi4zMi0zLjgzLjk3LTUuMDIuNjUtMS4yMywxLjQ0LTIuMTIsMi40LTIuNjguOTUtLjU5LDEuODgtLjk3LDIuNzktMS4xMloiLz48L2c+PC9zdmc+) } :is(.text-editor.white blockquote):after { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJiIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNSAxNCI+PGRlZnM+PHN0eWxlPi5ke2ZpbGw6I2ZmZjt9PC9zdHlsZT48L2RlZnM+PGcgaWQ9ImMiPjxwYXRoIGNsYXNzPSJkIiBkPSJNMCwxNHYtMi4yM2MuNzYtLjE5LDEuMzctLjU2LDEuODMtMS4xMi40OS0uNTYuODQtMS4yNSwxLjAzLTIuMDYuMjMtLjgyLjM0LTEuNzMuMzQtMi43M0guNTdWMGg1LjU5djUuMjRjMCwyLjEyLS4zMiwzLjc5LS45Nyw1LjAyLS42NSwxLjIzLTEuNDQsMi4xMi0yLjQsMi42OC0uOTEuNTItMS44NC44Ny0yLjc5LDEuMDZaTTguOSwxNHYtMi4yM2MuNzItLjE5LDEuMzEtLjU2LDEuNzctMS4xMi40OS0uNTYuODQtMS4yNSwxLjAzLTIuMDYuMjMtLjgyLjM0LTEuNzMuMzQtMi43M2gtMi42MlYwaDUuNTl2NS4yNGMwLDIuMTItLjMyLDMuNzktLjk3LDUuMDItLjYxLDEuMjMtMS4zOSwyLjEyLTIuMzQsMi42OC0uOTUuNTItMS44OC44Ny0yLjc5LDEuMDZaIi8+PC9nPjwvc3ZnPg==) } .text-editor.white.contrast p, .text-editor.white.contrast ol li, .text-editor.white.contrast ul li { color: rgb(from var(--white) r g b / .65) } .text-editor.body-xl li, .text-editor.body-xl p { font-size: var(--body-xl); line-height: 1.4 } @media screen and (max-width: 768px) { .text-editor.body-xl li, .text-editor.body-xl p { line-height: 1.5 } } .text-editor.body-lg li, .text-editor.body-lg p { font-size: var(--body-lg); line-height: 1.45 } @media screen and (max-width: 768px) { .text-editor.body-lg li, .text-editor.body-lg p { line-height: 1.55 } } .text-editor.body-md li, .text-editor.body-md p { font-size: var(--body-md); line-height: 1.5 } @media screen and (max-width: 768px) { .text-editor.body-md li, .text-editor.body-md p { line-height: 1.6 } } .text-editor.body-sm li, .text-editor.body-sm p { font-size: var(--body-sm); line-height: 1.55 } @media screen and (max-width: 768px) { .text-editor.body-sm li, .text-editor.body-sm p { line-height: 1.6 } } .text-editor.body-xs li, .text-editor.body-xs p { font-size: var(--body-xs); line-height: 1.6 } @media screen and (max-width: 768px) { .text-editor.body-xs li, .text-editor.body-xs p { line-height: 1.65 } } .text-editor.contrast p, .text-editor.contrast ol li, .text-editor.contrast ul li { color: rgb(from var(--mine-shaft) r g b / .65) } @media screen and (max-width: 768px) { .text-editor:not(.keep-br) br { content: "" } :is(.text-editor:not(.keep-br) br):after { content: " " } } @property --opacity-1 { syntax: ""; inherits: false; initial-value: 1; } @property --opacity-2 { syntax: ""; inherits: false; initial-value: 1; } [data-detect-scroll-position*=fade-y] { --percent-1: 100%; --percent-2: 100%; transition: .1s linear --percent-1, .1s linear --percent-2; -webkit-mask-image: linear-gradient(180deg, rgba(0, 0, 0, var(--percent-1)), black var(--gap), black calc(100% - var(--gap)), rgba(0, 0, 0, var(--percent-2))); mask-image: linear-gradient(180deg, rgba(0, 0, 0, var(--percent-1)), black var(--gap), black calc(100% - var(--gap)), rgba(0, 0, 0, var(--percent-2))) } [data-detect-scroll-position*=fade-y]:not(.scroll-at-top) { --percent-1: 0% } [data-detect-scroll-position*=fade-y]:not(.scroll-at-bottom) { --percent-2: 0% } [data-detect-scroll-position*=fade-x] { --percent-1: 100%; --percent-2: 100%; transition: .1s linear --percent-1, .1s linear --percent-2; -webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, var(--percent-1)), black var(--gap), black calc(100% - var(--gap)), rgba(0, 0, 0, var(--percent-2))); mask-image: linear-gradient(90deg, rgba(0, 0, 0, var(--percent-1)), black var(--gap), black calc(100% - var(--gap)), rgba(0, 0, 0, var(--percent-2))) } [data-detect-scroll-position*=fade-x]:not(.scroll-at-left) { --percent-1: 0% } [data-detect-scroll-position*=fade-x]:not(.scroll-at-right) { --percent-2: 0% } [popover] { transition-duration: .3s; transition-property: all, overlay; transition-timing-function: ease-out; transition-behavior: allow-discrete; opacity: 0; pointer-events: none } [popover] .wrapper-popover-content { pointer-events: none } [popover]::backdrop { transition-duration: .3s; transition-property: all, overlay; transition-timing-function: ease-out; transition-behavior: allow-discrete; background-color: rgba(from var(--black) r g b / .5); -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); opacity: 0 } [popover]:popover-open { opacity: 1; pointer-events: auto } [popover]:popover-open::backdrop { opacity: 1; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px) } [popover]:popover-open .wrapper-popover-content { pointer-events: auto } @starting-style { [popover]:popover-open { opacity: 0 } [popover]:popover-open::backdrop { opacity: 0; -webkit-backdrop-filter: none; backdrop-filter: none } } @media print { *:not(:has(.printable)), header, footer { display: none !important } .printable { display: flex !important; padding: 0 !important; margin: 0 !important } *:has(.printable), .printable * { display: block !important; padding: 0 !important; margin: 0 !important } } @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 { position: relative; display: block; margin-left: auto; margin-right: auto; z-index: 1 } .swiper { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; display: block } .swiper-vertical > .swiper-wrapper { flex-direction: column } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial); box-sizing: content-box } .swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper { transform: translateZ(0) } .swiper-horizontal { touch-action: pan-y } .swiper-vertical { touch-action: pan-x } .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; display: block } .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 { transform: translateZ(0); backface-visibility: hidden } .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 { overflow: auto; scrollbar-width: none; -ms-overflow-style: none } .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 { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10 } .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(to bottom, #00000080, #0000) } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50%; box-sizing: border-box; border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-radius: 50%; border-top-color: transparent } .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader { animation: swiper-preloader-spin 1s infinite linear } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff } .swiper-lazy-preloader-black { --swiper-preloader-color: #000 } @keyframes swiper-preloader-spin { 0% { transform: rotate(0) } to { transform: rotate(360deg) } } .swiper-virtual .swiper-slide { -webkit-backface-visibility: hidden; transform: translateZ(0) } .swiper-virtual.swiper-css-mode .swiper-wrapper:after { content: ""; position: absolute; left: 0; top: 0; pointer-events: none } .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 { position: absolute; 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; display: flex; align-items: center; justify-content: center; color: var(--swiper-navigation-color, var(--swiper-theme-color)) } .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 { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; transform-origin: center } .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); text-transform: none !important; letter-spacing: 0; font-variant: initial; line-height: 1 } .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 { position: absolute; text-align: center; transition: .3s opacity; transform: translateZ(0); z-index: 10 } .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); left: 0; width: 100% } .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0 } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(.33); position: relative } .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)); display: inline-block; 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) } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none } .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 { top: 50%; transform: translateY(-50%); width: 8px } .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 { display: inline-block; transition: .2s transform, .2s top } .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 { left: 50%; transform: translate(-50%); white-space: nowrap } .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: .2s transform, .2s left } .swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: .2s transform, .2s right } .swiper-pagination-fraction { color: var(--swiper-pagination-fraction-color, inherit) } .swiper-pagination-progressbar { background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25)); position: absolute } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color, var(--swiper-theme-color)); position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(0); transform-origin: left top } .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top } .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); left: 0; top: 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%; left: 0; top: 0 } .swiper-pagination-lock { display: none } .swiper-scrollbar { border-radius: var(--swiper-scrollbar-border-radius, 10px); position: relative; touch-action: none; background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, .1)) } .swiper-scrollbar-disabled > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled { display: none !important } .swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal { position: absolute; 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%)) } .swiper-scrollbar.swiper-scrollbar-vertical, .swiper-vertical > .swiper-scrollbar { position: absolute; 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%)) } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, .5)); border-radius: var(--swiper-scrollbar-border-radius, 10px); left: 0; top: 0 } .swiper-scrollbar-cursor-drag { cursor: move } .swiper-scrollbar-lock { display: none } .swiper-zoom-container { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center } .swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain } .swiper-slide-zoomed { cursor: move; touch-action: none } .swiper .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000 } .swiper-free-mode > .swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto } .swiper-grid > .swiper-wrapper { flex-wrap: wrap } .swiper-grid-column > .swiper-wrapper { flex-wrap: wrap; flex-direction: column } .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 { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; opacity: .6; z-index: 0 } .swiper-cube .swiper-cube-shadow:before { content: ""; background: #000; position: absolute; left: 0; top: 0; bottom: 0; right: 0; filter: blur(50px) } .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; overflow: hidden; transition-property: transform, opacity, height } .swiper.swiper-cards { overflow: visible } .swiper-cards .swiper-slide { transform-origin: center bottom; backface-visibility: hidden; overflow: hidden } *, :before, :after { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / .5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: } ::backdrop { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / .5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: } *, :before, :after { box-sizing: border-box; border-width: 0; border-style: solid; border-color: currentColor } :before, :after { --tw-content: "" } html, :host { line-height: 1.5; -webkit-text-size-adjust: 100%; -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji"; font-feature-settings: normal; font-variation-settings: normal; -webkit-tap-highlight-color: transparent } body { margin: 0; line-height: inherit } hr { height: 0; color: inherit; border-top-width: 1px } abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted } .bitur-as-h1, .bitur-as-h2, .bitur-as-h3, .bitur-as-h4, .bitur-as-h5, .bitur-as-h6 { font-size: inherit; font-weight: inherit } a { color: inherit; text-decoration: inherit } b, strong { font-weight: bolder } code, kbd, samp, pre { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace; font-feature-settings: normal; font-variation-settings: normal; font-size: 1em } small { font-size: 80% } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sub { bottom: -.25em } sup { top: -.5em } table { text-indent: 0; border-color: inherit; border-collapse: collapse } button, input, optgroup, select, textarea { font-family: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; letter-spacing: inherit; color: inherit; margin: 0; padding: 0 } button, select { text-transform: none } button, input:where([type=button]), input:where([type=reset]), input:where([type=submit]) { -webkit-appearance: button; background-color: transparent; background-image: none } :-moz-focusring { outline: auto } :-moz-ui-invalid { box-shadow: none } progress { vertical-align: baseline } ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto } [type=search] { -webkit-appearance: textfield; outline-offset: -2px } ::-webkit-search-decoration { -webkit-appearance: none } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit } summary { display: list-item } blockquote, dl, dd, .bitur-as-h1, .bitur-as-h2, .bitur-as-h3, .bitur-as-h4, .bitur-as-h5, .bitur-as-h6, hr, figure, p, pre { margin: 0 } fieldset { margin: 0; padding: 0 } legend { padding: 0 } ol, ul, menu { list-style: none; margin: 0; padding: 0 } dialog { padding: 0 } textarea { resize: vertical } input::-moz-placeholder, textarea::-moz-placeholder { opacity: 1; color: #9ca3af } input::placeholder, textarea::placeholder { opacity: 1; color: #9ca3af } button, [role=button] { cursor: pointer } :disabled { cursor: default } img, svg, video, canvas, audio, iframe, embed, object { display: block; vertical-align: middle } img, video { max-width: 100%; height: auto } [hidden]:where(:not([hidden=until-found])) { display: none } @supports (-moz-appearance:none) { * { scrollbar-color: initial; scrollbar-width: initial } } :root { --transparent: transparent; --current: currentColor; --body-color: #ffffff; --white: #ffffff; --black: #0A0A0A; --mine-shaft: #2e2e2e; --alizarin-crimson: #1bb1bc; --mountain-mist: #8f8f8f; --fuscous-gray: #4d4d4d; --dove-gray: #696969; --alto: #d9d9d9; --gallery: #ededed; --apple: #029F07; --gamboge: #DB9A2E } .container { width: 100% } @media (min-width: 640px) { .container { max-width: 640px } } @media (min-width: 768px) { .container { max-width: 768px } } @media (min-width: 1024px) { .container { max-width: 1024px } } @media (min-width: 1280px) { .container { max-width: 1280px } } @media (min-width: 1536px) { .container { max-width: 1536px } } .pointer-events-none { pointer-events: none } .pointer-events-auto { pointer-events: auto } .visible { visibility: visible } .invisible { visibility: hidden } .collapse { visibility: collapse } .fixed { position: fixed } .absolute { position: absolute } .relative { position: relative } .sticky { position: sticky } .inset-0 { top: 0; right: 0; bottom: 0; left: 0 } .inset-\[calc\(50\%-var\(--range-1\)\/2\)\] { inset: calc(50% - var(--range-1) / 2) } .-bottom-\[--range-1\] { bottom: calc(var(--range-1) * -1) } .-bottom-\[calc\(var\(--range-3\)-var\(--range-2\)\)\] { bottom: calc(calc(var(--range-3) - var(--range-2)) * -1) } .-left-\[--range-1\] { left: calc(var(--range-1) * -1) } .-top-\[--range-2\] { top: calc(var(--range-2) * -1) } .bottom-0 { bottom: 0 } .bottom-\[calc\(100\%\+\(var\(--range-1\)-var\(--range-2\)\)\/2\)\] { bottom: calc(100% + (var(--range-1) - var(--range-2)) / 2) } .left-0 { left: 0 } .left-1\/2 { left: 50% } .left-\[110\%\] { left: 110% } .left-\[50\%\] { left: 50% } .left-\[66\.6667\%\] { left: 66.6667% } .left-\[8px\] { left: 8px } .left-\[calc\(50\%-var\(--range-1\)\)\] { left: calc(50% - var(--range-1)) } .left-full { left: 100% } .right-0 { right: 0 } .right-5 { right: 1.25rem } .right-\[--range-1\] { right: var(--range-1) } .right-\[110\%\] { right: 110% } .right-\[5\%\] { right: 5% } .right-\[50\%\] { right: 50% } .right-full { right: 100% } .top-0 { top: 0 } .top-1\/2 { top: 50% } .top-5 { top: 1.25rem } .top-\[--gap\] { top: var(--gap) } .top-\[--range-1\] { top: var(--range-1) } .top-\[10\%\] { top: 10% } .top-\[10px\] { top: 10px } .top-\[15\%\] { top: 15% } .top-\[30\%\] { top: 30% } .top-\[40\%\] { top: 40% } .top-\[5\%\] { top: 5% } .top-\[50\%\] { top: 50% } .top-\[85\%\] { top: 85% } .top-\[90\%\] { top: 90% } .top-\[calc\(50\%\+var\(--range-1\)\/2\)\] { top: calc(50% + var(--range-1) / 2) } .top-\[calc\(50\%-var\(--range-1\)\/2\)\] { top: calc(50% - var(--range-1) / 2) } .top-\[calc\(var\(--range-4\)\/2\)\] { top: calc(var(--range-4) / 2) } .top-full { top: 100% } .isolate { isolation: isolate } .z-10 { z-index: 10 } .z-20 { z-index: 20 } .z-30 { z-index: 30 } .z-40 { z-index: 40 } .z-\[100\] { z-index: 100 } .z-\[120\] { z-index: 120 } .z-\[2\] { z-index: 2 } .z-\[3\] { z-index: 3 } .z-\[90\] { z-index: 90 } .order-2 { order: 2 } .col-span-2 { grid-column: span 2 / span 2 } .col-start-1 { grid-column-start: 1 } .col-start-2 { grid-column-start: 2 } .col-start-3 { grid-column-start: 3 } .row-span-2 { grid-row: span 2 / span 2 } .row-start-3 { grid-row-start: 3 } .m-0 { margin: 0 } .m-\[--range-2\] { margin: var(--range-2) } .m-auto { margin: auto } .mx-0 { margin-left: 0; margin-right: 0 } .mx-2\.5 { margin-left: .625rem; margin-right: .625rem } .mx-auto { margin-left: auto; margin-right: auto } .my-5 { margin-top: 1.25rem; margin-bottom: 1.25rem } .my-\[--range-1\] { margin-top: var(--range-1); margin-bottom: var(--range-1) } .my-auto { margin-top: auto; margin-bottom: auto } .-mt-4 { margin-top: -1rem } .-mt-\[calc\(var\(--range-3\)\/2\)\] { margin-top: calc(calc(var(--range-3) / 2) * -1) } .mb-0 { margin-bottom: 0 } .mb-4 { margin-bottom: 1rem } .mb-\[--range-1\] { margin-bottom: var(--range-1) } .mb-\[--range-2\] { margin-bottom: var(--range-2) } .mb-\[--range-3\] { margin-bottom: var(--range-3) } .mb-\[-10px\] { margin-bottom: -10px } .ml-\[5px\] { margin-left: 5px } .ml-auto { margin-left: auto } .mr-0 { margin-right: 0 } .mr-\[5px\] { margin-right: 5px } .mt-5 { margin-top: 1.25rem } .mt-8 { margin-top: 2rem } .mt-\[--range-1\] { margin-top: var(--range-1) } .mt-\[--range-2\] { margin-top: var(--range-2) } .mt-\[--range-3\] { margin-top: var(--range-3) } .mt-\[--range-4\] { margin-top: var(--range-4) } .mt-\[10\%\] { margin-top: 10% } .mt-auto { margin-top: auto } .block { display: block } .inline-block { display: inline-block } .flex { display: flex } .table { display: table } .grid { display: grid } .hidden { display: none } .aspect-\[16\/9\] { aspect-ratio: 16/9 } .aspect-\[350\/160\] { aspect-ratio: 350/160 } .aspect-\[4\/5\] { aspect-ratio: 4/5 } .aspect-square { aspect-ratio: 1 / 1 } .\!size-\[--range-1\] { width: var(--range-1) !important; height: var(--range-1) !important } .\!size-full { width: 100% !important; height: 100% !important } .size-3 { width: .75rem; height: .75rem } .size-\[--header-height\] { width: var(--header-height); height: var(--header-height) } .size-\[--range-1\] { width: var(--range-1); height: var(--range-1) } .size-\[--range-2\] { width: var(--range-2); height: var(--range-2) } .size-\[--range-5\] { width: var(--range-5); height: var(--range-5) } .size-\[50\%\] { width: 50%; height: 50% } .size-\[55\%\] { width: 55%; height: 55% } .size-full { width: 100%; height: 100% } .\!h-auto { height: auto !important } .h-0 { height: 0px } .h-3\.5 { height: .875rem } .h-5 { height: 1.25rem } .h-\[--header-height\] { height: var(--header-height) } .h-\[--range-1\] { height: var(--range-1) } .h-\[--range-2\] { height: var(--range-2) } .h-\[--range-5\] { height: var(--range-5) } .h-\[--range-fs\] { height: var(--range-fs) } .h-\[110\%\] { height: 110% } .h-\[12px\] { height: 12px } .h-\[18px\] { height: 18px } .h-\[20px\] { height: 20px } .h-\[24px\] { height: 24px } .h-\[45px\] { height: 45px } .h-\[75\%\] { height: 75% } .h-\[calc\(100\%\+var\(--range-2\)\)\] { height: calc(100% + var(--range-2)) } .h-\[calc\(100\%-\(var\(--range-4\)\/2\)\)\] { height: calc(100% - (var(--range-4) / 2)) } .h-\[calc\(100\%-var\(--range-1\)\/2\)\] { height: calc(100% - var(--range-1) / 2) } .h-auto { height: auto } .h-dvh { height: 100dvh } .h-full { height: 100% } .h-max { height: -moz-max-content; height: max-content } .h-px { height: 1px } .max-h-\[calc\(100dvh-var\(--range-1\)\*2\)\] { max-height: calc(100dvh - var(--range-1) * 2) } .max-h-\[calc\(1200px-var\(--header-height\)\)\] { max-height: calc(1200px - var(--header-height)) } .max-h-\[inherit\] { max-height: inherit } .max-h-full { max-height: 100% } .max-h-svh { max-height: 100svh } .min-h-full { min-height: 100% } .w-0 { width: 0px } .w-\[--range-1\] { width: var(--range-1) } .w-\[110\%\] { width: 110% } .w-\[125\%\] { width: 125% } .w-\[12px\] { width: 12px } .w-\[133px\] { width: 133px } .w-\[134px\] { width: 134px } .w-\[150\%\] { width: 150% } .w-\[25\%\] { width: 25% } .w-\[26px\] { width: 26px } .w-\[30\%\] { width: 30% } .w-\[31\%\] { width: 31% } .w-\[40\%\] { width: 40% } .w-\[42px\] { width: 42px } .w-\[45\%\] { width: 45% } .w-\[70\%\] { width: 70% } .w-\[78\%\] { width: 78% } .w-\[94px\] { width: 94px } .w-\[calc\(\(100\%\/var\(--visible-slides\)\)-\(\(var\(--range-1\)\*\(var\(--visible-slides\)-1\)\)\/var\(--visible-slides\)\)\)\] { width: calc((100% / var(--visible-slides)) - ((var(--range-1) * (var(--visible-slides) - 1)) / var(--visible-slides))) } .w-\[calc\(100\%\+100vw-var\(--container-width\)\+10\%\)\] { width: calc(100% + 100vw - var(--container-width) + 10%) } .w-\[calc\(100\%\+var\(--range-1\)\*2\)\] { width: calc(100% + var(--range-1) * 2) } .w-\[calc\(var\(--range-1\)\*2\)\] { width: calc(var(--range-1) * 2) } .w-\[calc\(var\(--range-1\)\/2\.5\)\] { width: calc(var(--range-1) / 2.5) } .w-auto { width: auto } .w-dvw { width: 100dvw } .w-fit { width: -moz-fit-content; width: fit-content } .w-full { width: 100% } .w-max { width: -moz-max-content; width: max-content } .max-w-\[--container-width-5\] { max-width: var(--container-width-5) } .max-w-\[--container-width-full\] { max-width: var(--container-width-full) } .max-w-\[--container-width-narrow-2\] { max-width: var(--container-width-narrow-2) } .max-w-\[--container-width-narrow\] { max-width: var(--container-width-narrow) } .max-w-\[--container-width\] { max-width: var(--container-width) } .max-w-\[--range-1\] { max-width: var(--range-1) } .max-w-\[--range-4\] { max-width: var(--range-4) } .max-w-\[0\] { max-width: 0 } .max-w-\[1560px\] { max-width: 1560px } .max-w-\[2000px\] { max-width: 2000px } .max-w-\[2100px\] { max-width: 2100px } .max-w-\[50\%\] { max-width: 50% } .max-w-\[600px\] { max-width: 600px } .max-w-\[625px\] { max-width: 625px } .max-w-\[650px\] { max-width: 650px } .max-w-\[720px\] { max-width: 720px } .max-w-\[80px\] { max-width: 80px } .max-w-\[82px\] { max-width: 82px } .max-w-\[calc\(100dvw-var\(--range-1\)\*2\)\] { max-width: calc(100dvw - var(--range-1) * 2) } .max-w-\[inherit\] { max-width: inherit } .max-w-full { max-width: 100% } .shrink-0 { flex-shrink: 0 } .border-collapse { border-collapse: collapse } .origin-\[21\.5\%_50\%\] { transform-origin: 21.5% 50% } .origin-bottom { transform-origin: bottom } .origin-center { transform-origin: center } .origin-left { transform-origin: left } .origin-top { transform-origin: top } .-translate-x-1\/2 { --tw-translate-x: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .-translate-x-2 { --tw-translate-x: -.5rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .-translate-x-\[45\%\] { --tw-translate-x: -45%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .-translate-x-\[5\%\] { --tw-translate-x: -5%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .-translate-x-\[57px\] { --tw-translate-x: -57px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .-translate-x-\[58px\] { --tw-translate-x: -58px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .-translate-x-\[66\%\] { --tw-translate-x: -66%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .-translate-x-\[calc\(var\(--range-1\)\+8px\)\] { --tw-translate-x: calc(calc(var(--range-1) + 8px) * -1); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .-translate-x-full { --tw-translate-x: -100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .-translate-y-1 { --tw-translate-y: -.25rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .-translate-y-1\/2 { --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .-translate-y-1\/4 { --tw-translate-y: -25%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .-translate-y-\[10\%\] { --tw-translate-y: -10%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .-translate-y-\[15\%\] { --tw-translate-y: -15%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .-translate-y-\[5\%\] { --tw-translate-y: -5%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .translate-x-1 { --tw-translate-x: .25rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .translate-x-\[-5\%\] { --tw-translate-x: -5%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .translate-x-\[5\%\] { --tw-translate-x: 5%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .translate-x-\[58px\] { --tw-translate-x: 58px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .translate-y-1 { --tw-translate-y: .25rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .translate-y-1\/2 { --tw-translate-y: 50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .translate-y-2 { --tw-translate-y: .5rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .translate-y-4 { --tw-translate-y: 1rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .translate-y-\[125\%\] { --tw-translate-y: 125%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .translate-y-\[5\%\] { --tw-translate-y: 5%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .translate-y-full { --tw-translate-y: 100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .-rotate-3 { --tw-rotate: -3deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .-rotate-45 { --tw-rotate: -45deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .-rotate-90 { --tw-rotate: -90deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .-rotate-\[135deg\] { --tw-rotate: -135deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .-rotate-\[7deg\] { --tw-rotate: -7deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .rotate-180 { --tw-rotate: 180deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .rotate-3 { --tw-rotate: 3deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .rotate-90 { --tw-rotate: 90deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .rotate-\[-4deg\] { --tw-rotate: -4deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .rotate-\[-7deg\] { --tw-rotate: -7deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .rotate-\[-8deg\] { --tw-rotate: -8deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .rotate-\[4deg\] { --tw-rotate: 4deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .rotate-\[7deg\] { --tw-rotate: 7deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .scale-105 { --tw-scale-x: 1.05; --tw-scale-y: 1.05; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .scale-110 { --tw-scale-x: 1.1; --tw-scale-y: 1.1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .scale-125 { --tw-scale-x: 1.25; --tw-scale-y: 1.25; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .scale-75 { --tw-scale-x: .75; --tw-scale-y: .75; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .scale-90 { --tw-scale-x: .9; --tw-scale-y: .9; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .-scale-x-100 { --tw-scale-x: -1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .-scale-y-100 { --tw-scale-y: -1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .scale-y-0 { --tw-scale-y: 0; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .transform { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .cursor-pointer { cursor: pointer } .select-none { -webkit-user-select: none; -moz-user-select: none; user-select: none } .resize-none { resize: none } .resize { resize: both } .appearance-none { -webkit-appearance: none; -moz-appearance: none; appearance: none } .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-4 { grid-template-columns: repeat(4, minmax(0, 1fr)) } .grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)) } .grid-cols-\[minmax\(0\,1fr\)_var\(--header-height\)_minmax\(0\,1fr\)\] { grid-template-columns: minmax(0, 1fr) var(--header-height) minmax(0, 1fr) } .grid-cols-\[minmax\(0\,332fr\)_minmax\(0\,550fr\)\] { grid-template-columns: minmax(0, 332fr) minmax(0, 550fr) } .grid-cols-\[minmax\(0\,480fr\)_minmax\(0\,856fr\)\] { grid-template-columns: minmax(0, 480fr) minmax(0, 856fr) } .grid-rows-4 { grid-template-rows: repeat(4, minmax(0, 1fr)) } .grid-rows-\[0fr\] { grid-template-rows: 0fr } .flex-row-reverse { flex-direction: row-reverse } .flex-col { flex-direction: column } .flex-wrap { flex-wrap: wrap } .items-start { align-items: flex-start } .items-center { align-items: center } .items-stretch { align-items: stretch } .justify-end { justify-content: flex-end } .justify-center { justify-content: center } .justify-between { justify-content: space-between } .gap-0 { gap: 0px } .gap-1 { gap: .25rem } .gap-2 { gap: .5rem } .gap-2\.5 { gap: .625rem } .gap-3 { gap: .75rem } .gap-4 { gap: 1rem } .gap-5 { gap: 1.25rem } .gap-6 { gap: 1.5rem } .gap-\[--range-1\] { gap: var(--range-1) } .gap-\[--range-2\] { gap: var(--range-2) } .gap-\[--range-3\] { gap: var(--range-3) } .gap-\[--range-5\] { gap: var(--range-5) } .gap-x-4 { -moz-column-gap: 1rem; column-gap: 1rem } .gap-x-\[--range-1\] { -moz-column-gap: var(--range-1); column-gap: var(--range-1) } .gap-x-\[--range-2\] { -moz-column-gap: var(--range-2); column-gap: var(--range-2) } .gap-y-\[--range-1\] { row-gap: var(--range-1) } .gap-y-\[--range-2\] { row-gap: var(--range-2) } .self-center { align-self: center } .overflow-hidden { overflow: hidden } .overflow-clip { overflow: clip } .\!overflow-visible { overflow: visible !important } .overflow-y-auto { overflow-y: auto } .overflow-x-hidden { overflow-x: hidden } .overflow-y-scroll { overflow-y: scroll } .whitespace-nowrap { white-space: nowrap } .rounded-\[--range-1\] { border-radius: var(--range-1) } .rounded-\[--range-2\] { border-radius: var(--range-2) } .rounded-\[35\%\] { border-radius: 35% } .rounded-full { border-radius: 9999px } .rounded-t-full { border-top-left-radius: 9999px; border-top-right-radius: 9999px } .border { border-width: 1px } .border-0 { border-width: 0px } .border-2 { border-width: 2px } .border-\[4px\] { border-width: 4px } .border-\[length\:var\(--range-3\)\] { border-width: var(--range-3) } .\!border-b { border-bottom-width: 1px !important } .border-solid { border-style: solid } .border-alizarin-crimson { --tw-border-opacity: 1; border-color: rgb(27 177 188 / var(--tw-border-opacity, 1)) } .border-apple { --tw-border-opacity: 1; border-color: rgb(2 159 7 / var(--tw-border-opacity, 1)) } .border-black\/10 { border-color: #0a0a0a1a } .border-black\/5 { border-color: #0a0a0a0d } .border-gallery { --tw-border-opacity: 1; border-color: rgb(237 237 237 / var(--tw-border-opacity, 1)) } .border-white { --tw-border-opacity: 1; border-color: rgb(255 255 255 / var(--tw-border-opacity, 1)) } .border-white\/15 { border-color: #ffffff26 } .border-white\/40 { border-color: #fff6 } .border-white\/50 { border-color: #ffffff80 } .bg-\[--border-focus-color\] { background-color: var(--border-focus-color) } .bg-\[--theme-color\] { background-color: var(--theme-color) } .bg-\[--white\] { background-color: var(--white) } .bg-\[color\:rgb\(from_var\(--visible-menu-color\)_r_g_b\/20\%\)\] { background-color: rgb(from var(--visible-menu-color) r g b/20%) } .bg-\[var\(--theme-color\)\] { background-color: var(--theme-color) } .bg-alizarin-crimson { --tw-bg-opacity: 1; background-color: rgb(27 177 188 / var(--tw-bg-opacity, 1)) } .bg-apple { --tw-bg-opacity: 1; background-color: rgb(2 159 7 / var(--tw-bg-opacity, 1)) } .bg-black { --tw-bg-opacity: 1; background-color: rgb(10 10 10 / var(--tw-bg-opacity, 1)) } .bg-black\/10 { background-color: #0a0a0a1a } .bg-black\/5 { background-color: #0a0a0a0d } .bg-dove-gray\/20 { background-color: #69696933 } .bg-gamboge { --tw-bg-opacity: 1; background-color: rgb(219 154 46 / var(--tw-bg-opacity, 1)) } .bg-transparent { background-color: transparent } .bg-white { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) } .bg-white\/10 { background-color: #ffffff1a } .bg-white\/15 { background-color: #ffffff26 } .bg-white\/25 { background-color: #ffffff40 } .bg-white\/30 { background-color: #ffffff4d } .bg-white\/5 { background-color: #ffffff0d } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)) } .from-black\/40 { --tw-gradient-from: rgb(10 10 10 / .4) var(--tw-gradient-from-position); --tw-gradient-to: rgb(10 10 10 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) } .from-black\/45 { --tw-gradient-from: rgb(10 10 10 / .45) var(--tw-gradient-from-position); --tw-gradient-to: rgb(10 10 10 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) } .from-black\/50 { --tw-gradient-from: rgb(10 10 10 / .5) var(--tw-gradient-from-position); --tw-gradient-to: rgb(10 10 10 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) } .from-black\/75 { --tw-gradient-from: rgb(10 10 10 / .75) var(--tw-gradient-from-position); --tw-gradient-to: rgb(10 10 10 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) } .from-gallery { --tw-gradient-from: #ededed var(--tw-gradient-from-position); --tw-gradient-to: rgb(237 237 237 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) } .from-gallery\/50 { --tw-gradient-from: rgb(237 237 237 / .5) var(--tw-gradient-from-position); --tw-gradient-to: rgb(237 237 237 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) } .from-white { --tw-gradient-from: #ffffff var(--tw-gradient-from-position); --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) } .to-white { --tw-gradient-to: #ffffff var(--tw-gradient-to-position) } .to-45\% { --tw-gradient-to-position: 45% } .bg-no-repeat { background-repeat: no-repeat } .fill-\[--alizarin-crimson\] { fill: var(--alizarin-crimson) } .fill-\[--text-passive-color\] { fill: var(--text-passive-color) } .fill-\[--theme-color\] { fill: var(--theme-color) } .fill-\[--white\] { fill: var(--white) } .fill-alizarin-crimson { fill: #1bb1bc } .fill-none { fill: none } .fill-white { fill: #fff } .stroke-\[color\:var\(--theme-color\)\] { stroke: var(--theme-color) } .stroke-alizarin-crimson { stroke: #1bb1bc } .stroke-dove-gray { stroke: #696969 } .stroke-gamboge { stroke: #db9a2e } .stroke-mine-shaft { stroke: #2e2e2e } .stroke-white { stroke: #fff } .stroke-white\/50 { stroke: #ffffff80 } .stroke-\[13px\] { stroke-width: 13px } .object-contain { -o-object-fit: contain; object-fit: contain } .object-cover { -o-object-fit: cover; object-fit: cover } .object-center { -o-object-position: center; object-position: center } .p-0 { padding: 0 } .p-\[--gap\] { padding: var(--gap) } .p-\[--range-1\] { padding: var(--range-1) } .p-\[--range-2\] { padding: var(--range-2) } .p-\[--range-3\] { padding: var(--range-3) } .p-\[--range-5\] { padding: var(--range-5) } .px-5 { padding-left: 1.25rem; padding-right: 1.25rem } .px-\[--gap\] { padding-left: var(--gap); padding-right: var(--gap) } .px-\[--range-1\] { padding-left: var(--range-1); padding-right: var(--range-1) } .px-\[--range-2\] { padding-left: var(--range-2); padding-right: var(--range-2) } .px-\[calc\(var\(--range-1\)\/8\)\] { padding-left: calc(var(--range-1) / 8); padding-right: calc(var(--range-1) / 8) } .py-4 { padding-top: 1rem; padding-bottom: 1rem } .py-\[--range-1\] { padding-top: var(--range-1); padding-bottom: var(--range-1) } .py-\[--range-2\] { padding-top: var(--range-2); padding-bottom: var(--range-2) } .py-\[--range-3\] { padding-top: var(--range-3); padding-bottom: var(--range-3) } .pb-\[--range-1\] { padding-bottom: var(--range-1) } .pb-\[--range-2\] { padding-bottom: var(--range-2) } .pb-\[--range-3\] { padding-bottom: var(--range-3) } .pb-\[--range-5\] { padding-bottom: var(--range-5) } .pb-\[calc\(var\(--range-1\)\*1\.5\)\] { padding-bottom: calc(var(--range-1) * 1.5) } .pl-4 { padding-left: 1rem } .pl-\[--range-1\] { padding-left: var(--range-1) } .pr-\[--range-5\] { padding-right: var(--range-5) } .pr-\[calc\(var\(--range-1\)\*2\.4\)\] { padding-right: calc(var(--range-1) * 2.4) } .pt-0 { padding-top: 0 } .pt-\[--header-height\] { padding-top: var(--header-height) } .pt-\[--range-1\] { padding-top: var(--range-1) } .pt-\[--range-2\] { padding-top: var(--range-2) } .text-left { text-align: left } .text-center { text-align: center } .text-right { text-align: right } .align-top { vertical-align: top } .align-middle { vertical-align: middle } .\!font-\[\'Segoe_UI\'\,Tahoma\,Verdana\,sans-serif\] { font-family: Segoe UI, Tahoma, Verdana, sans-serif !important } .text-\[14px\] { font-size: 14px } .text-\[18px\] { font-size: 18px } .text-\[20px\] { font-size: 20px } .text-\[length\:var\(--range-fs\)\] { font-size: var(--range-fs) } .text-sm { font-size: .875rem; line-height: 1.25rem } .font-bold { font-weight: 700 } .font-medium { font-weight: 500 } .uppercase { text-transform: uppercase } .italic { font-style: italic } .leading-none { line-height: 1 } .leading-normal { line-height: 1.5 } .leading-tight { line-height: 1.25 } .tracking-normal { letter-spacing: 0em } .text-\[\#019B07\] { --tw-text-opacity: 1; color: rgb(1 155 7 / var(--tw-text-opacity, 1)) } .text-\[--text-active-color\] { color: var(--text-active-color) } .text-\[--text-color\] { color: var(--text-color) } .text-dove-gray { --tw-text-opacity: 1; color: rgb(105 105 105 / var(--tw-text-opacity, 1)) } .text-mine-shaft { --tw-text-opacity: 1; color: rgb(46 46 46 / var(--tw-text-opacity, 1)) } .text-mine-shaft\/25 { color: #2e2e2e40 } .text-mountain-mist { --tw-text-opacity: 1; color: rgb(143 143 143 / var(--tw-text-opacity, 1)) } .text-white { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)) } .text-white\/10 { color: #ffffff1a } .text-white\/50 { color: #ffffff80 } .text-white\/65 { color: #ffffffa6 } .text-white\/75 { color: #ffffffbf } .underline { text-decoration-line: underline } .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .opacity-0 { opacity: 0 } .opacity-30 { opacity: .3 } .opacity-75 { opacity: .75 } .shadow-10 { --tw-shadow: 0px 228px 64px 0px rgba(0, 0, 0, 0), 0px 146px 58px 0px rgba(0, 0, 0, .01), 0px 82px 49px 0px rgba(0, 0, 0, .05), 0px 36px 36px 0px rgba(0, 0, 0, .09), 0px 9px 20px 0px rgba(0, 0, 0, .1); --tw-shadow-colored: 0px 228px 64px 0px var(--tw-shadow-color), 0px 146px 58px 0px var(--tw-shadow-color), 0px 82px 49px 0px var(--tw-shadow-color), 0px 36px 36px 0px var(--tw-shadow-color), 0px 9px 20px 0px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) } .shadow-2 { --tw-shadow: 0px 177px 49px 0px rgba(0, 0, 0, 0), 0px 113px 45px 0px rgba(0, 0, 0, .01), 0px 64px 38px 0px rgba(0, 0, 0, .05), 0px 28px 28px 0px rgba(0, 0, 0, .09), 0px 7px 16px 0px rgba(0, 0, 0, .1); --tw-shadow-colored: 0px 177px 49px 0px var(--tw-shadow-color), 0px 113px 45px 0px var(--tw-shadow-color), 0px 64px 38px 0px var(--tw-shadow-color), 0px 28px 28px 0px var(--tw-shadow-color), 0px 7px 16px 0px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) } .shadow-3 { --tw-shadow: 0px 1016px 250px 0px rgba(0, 0, 0, 0), 0px 650px 250px 0px rgba(0, 0, 0, .01), 0px 366px 219px 0px rgba(0, 0, 0, .05), 0px 163px 163px 0px rgba(0, 0, 0, .09), 0px 41px 89px 0px rgba(0, 0, 0, .1); --tw-shadow-colored: 0px 1016px 250px 0px var(--tw-shadow-color), 0px 650px 250px 0px var(--tw-shadow-color), 0px 366px 219px 0px var(--tw-shadow-color), 0px 163px 163px 0px var(--tw-shadow-color), 0px 41px 89px 0px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) } .shadow-4 { --tw-shadow: 0px 473px 132px 0px rgba(0, 0, 0, 0), 0px 303px 121px 0px rgba(0, 0, 0, .01), 0px 170px 102px 0px rgba(0, 0, 0, .05), 0px 76px 76px 0px rgba(0, 0, 0, .09), 0px 19px 42px 0px rgba(0, 0, 0, .1); --tw-shadow-colored: 0px 473px 132px 0px var(--tw-shadow-color), 0px 303px 121px 0px var(--tw-shadow-color), 0px 170px 102px 0px var(--tw-shadow-color), 0px 76px 76px 0px var(--tw-shadow-color), 0px 19px 42px 0px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) } .shadow-5 { --tw-shadow: 0px 72px 20px 0px rgba(0, 0, 0, 0), 0px 46px 18px 0px rgba(0, 0, 0, .01), 0px 26px 16px 0px rgba(0, 0, 0, .05), 0px 12px 12px 0px rgba(0, 0, 0, .09), 0px 3px 6px 0px rgba(0, 0, 0, .1); --tw-shadow-colored: 0px 72px 20px 0px var(--tw-shadow-color), 0px 46px 18px 0px var(--tw-shadow-color), 0px 26px 16px 0px var(--tw-shadow-color), 0px 12px 12px 0px var(--tw-shadow-color), 0px 3px 6px 0px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) } .shadow-6 { --tw-shadow: 0px 102px 29px 0px rgba(0, 0, 0, 0), 0px 66px 26px 0px rgba(0, 0, 0, .01), 0px 37px 22px 0px rgba(0, 0, 0, .05), 0px 16px 16px 0px rgba(0, 0, 0, .09), 0px 4px 9px 0px rgba(0, 0, 0, .1); --tw-shadow-colored: 0px 102px 29px 0px var(--tw-shadow-color), 0px 66px 26px 0px var(--tw-shadow-color), 0px 37px 22px 0px var(--tw-shadow-color), 0px 16px 16px 0px var(--tw-shadow-color), 0px 4px 9px 0px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) } .shadow-7 { --tw-shadow: 0px 716px 200px 0px rgba(0, 0, 0, 0), 0px 458px 183px 0px rgba(0, 0, 0, .01), 0px 258px 155px 0px rgba(0, 0, 0, .05), 0px 115px 115px 0px rgba(0, 0, 0, .09), 0px 29px 63px 0px rgba(0, 0, 0, .1); --tw-shadow-colored: 0px 716px 200px 0px var(--tw-shadow-color), 0px 458px 183px 0px var(--tw-shadow-color), 0px 258px 155px 0px var(--tw-shadow-color), 0px 115px 115px 0px var(--tw-shadow-color), 0px 29px 63px 0px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) } .shadow-8 { --tw-shadow: 0px 564px 158px 0px rgba(0, 0, 0, 0), 0px 361px 144px 0px rgba(0, 0, 0, .01), 0px 203px 122px 0px rgba(0, 0, 0, .05), 0px 90px 90px 0px rgba(0, 0, 0, .09), 0px 23px 50px 0px rgba(0, 0, 0, .1); --tw-shadow-colored: 0px 564px 158px 0px var(--tw-shadow-color), 0px 361px 144px 0px var(--tw-shadow-color), 0px 203px 122px 0px var(--tw-shadow-color), 0px 90px 90px 0px var(--tw-shadow-color), 0px 23px 50px 0px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) } .shadow-9 { --tw-shadow: 0px 41px 12px 0px rgba(0, 0, 0, 0), 0px 26px 11px 0px rgba(0, 0, 0, .01), 0px 15px 9px 0px rgba(0, 0, 0, .05), 0px 7px 7px 0px rgba(0, 0, 0, .09), 0px 2px 4px 0px rgba(0, 0, 0, .1); --tw-shadow-colored: 0px 41px 12px 0px var(--tw-shadow-color), 0px 26px 11px 0px var(--tw-shadow-color), 0px 15px 9px 0px var(--tw-shadow-color), 0px 7px 7px 0px var(--tw-shadow-color), 0px 2px 4px 0px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) } .outline-none { outline: 2px solid transparent; outline-offset: 2px } .outline { outline-style: solid } .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) } .grayscale { --tw-grayscale: grayscale(100%); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) } .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-lg { --tw-backdrop-blur: blur(16px); -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-filter { -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, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-duration: .15s } .transition-\[box-shadow\] { transition-property: box-shadow; transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-duration: .15s } .transition-colors { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-duration: .15s } .delay-300 { transition-delay: .3s } .delay-\[400ms\] { transition-delay: .4s } .duration-300 { transition-duration: .3s } .duration-500 { transition-duration: .5s } .duration-700 { transition-duration: .7s } .duration-75 { transition-duration: 75ms } .duration-\[1\.25s\] { transition-duration: 1.25s } .duration-\[1\.5s\] { transition-duration: 1.5s } .duration-\[750ms\] { transition-duration: .75s } .scrollbar::-webkit-scrollbar-track { background-color: var(--scrollbar-track); border-radius: var(--scrollbar-track-radius) } .scrollbar::-webkit-scrollbar-track:hover { background-color: var(--scrollbar-track-hover, var(--scrollbar-track)) } .scrollbar::-webkit-scrollbar-track:active { background-color: var(--scrollbar-track-active, var(--scrollbar-track-hover, var(--scrollbar-track))) } .scrollbar::-webkit-scrollbar-thumb { background-color: var(--scrollbar-thumb); border-radius: var(--scrollbar-thumb-radius) } .scrollbar::-webkit-scrollbar-thumb:hover { background-color: var(--scrollbar-thumb-hover, var(--scrollbar-thumb)) } .scrollbar::-webkit-scrollbar-thumb:active { background-color: var(--scrollbar-thumb-active, var(--scrollbar-thumb-hover, var(--scrollbar-thumb))) } .scrollbar::-webkit-scrollbar-corner { background-color: var(--scrollbar-corner); border-radius: var(--scrollbar-corner-radius) } .scrollbar::-webkit-scrollbar-corner:hover { background-color: var(--scrollbar-corner-hover, var(--scrollbar-corner)) } .scrollbar::-webkit-scrollbar-corner:active { background-color: var(--scrollbar-corner-active, var(--scrollbar-corner-hover, var(--scrollbar-corner))) } @supports (-moz-appearance:none) { .scrollbar { scrollbar-width: auto; scrollbar-color: var(--scrollbar-thumb, initial) var(--scrollbar-track, initial) } } .scrollbar::-webkit-scrollbar { display: block; width: var(--scrollbar-width, 16px); height: var(--scrollbar-height, 16px) } .scrollbar-thin::-webkit-scrollbar-track { background-color: var(--scrollbar-track); border-radius: var(--scrollbar-track-radius) } .scrollbar-thin::-webkit-scrollbar-track:hover { background-color: var(--scrollbar-track-hover, var(--scrollbar-track)) } .scrollbar-thin::-webkit-scrollbar-track:active { background-color: var(--scrollbar-track-active, var(--scrollbar-track-hover, var(--scrollbar-track))) } .scrollbar-thin::-webkit-scrollbar-thumb { background-color: var(--scrollbar-thumb); border-radius: var(--scrollbar-thumb-radius) } .scrollbar-thin::-webkit-scrollbar-thumb:hover { background-color: var(--scrollbar-thumb-hover, var(--scrollbar-thumb)) } .scrollbar-thin::-webkit-scrollbar-thumb:active { background-color: var(--scrollbar-thumb-active, var(--scrollbar-thumb-hover, var(--scrollbar-thumb))) } .scrollbar-thin::-webkit-scrollbar-corner { background-color: var(--scrollbar-corner); border-radius: var(--scrollbar-corner-radius) } .scrollbar-thin::-webkit-scrollbar-corner:hover { background-color: var(--scrollbar-corner-hover, var(--scrollbar-corner)) } .scrollbar-thin::-webkit-scrollbar-corner:active { background-color: var(--scrollbar-corner-active, var(--scrollbar-corner-hover, var(--scrollbar-corner))) } @supports (-moz-appearance:none) { .scrollbar-thin { scrollbar-width: thin; scrollbar-color: var(--scrollbar-thumb, initial) var(--scrollbar-track, initial) } } .scrollbar-thin::-webkit-scrollbar { display: block; width: 8px; height: 8px } @supports (-moz-appearance:none) { .scrollbar-none { scrollbar-width: none } } .scrollbar-none::-webkit-scrollbar { display: none } .scrollbar-track-black\/10 { --scrollbar-track: rgb(10 10 10 / .1) !important } .scrollbar-thumb-black { --scrollbar-thumb: #0A0A0A !important } .scrollbar-thumb-rounded-full { --scrollbar-thumb-radius: 9999px } .scrollbar-thumb-rounded-none { --scrollbar-thumb-radius: 0px } .scrollbar-w-1 { --scrollbar-width: .25rem } .scrollbar-h-1 { --scrollbar-height: .25rem } .translate-z-0 { --tw-translate-z: 0px; transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), var(--tw-translate-z)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .rounded-inherit { border-radius: inherit } .transform-fill { transform-box: fill-box } .duration-350 { transition-duration: .35s } .allow-keywords { interpolate-size: allow-keywords } .transition-discrete { transition-behavior: allow-discrete } .\[--long-line\:10\] { --long-line: 10 } .\[--maxv-1\:0\] { --maxv-1: 0 } .\[--maxv-1\:10\] { --maxv-1: 10 } .\[--maxv-1\:120\] { --maxv-1: 120 } .\[--maxv-1\:128\] { --maxv-1: 128 } .\[--maxv-1\:12\] { --maxv-1: 12 } .\[--maxv-1\:16\] { --maxv-1: 16 } .\[--maxv-1\:180\] { --maxv-1: 180 } .\[--maxv-1\:196\] { --maxv-1: 196 } .\[--maxv-1\:200\] { --maxv-1: 200 } .\[--maxv-1\:20\] { --maxv-1: 20 } .\[--maxv-1\:210\] { --maxv-1: 210 } .\[--maxv-1\:240\] { --maxv-1: 240 } .\[--maxv-1\:24\] { --maxv-1: 24 } .\[--maxv-1\:28\] { --maxv-1: 28 } .\[--maxv-1\:296\] { --maxv-1: 296 } .\[--maxv-1\:32\] { --maxv-1: 32 } .\[--maxv-1\:330\] { --maxv-1: 330 } .\[--maxv-1\:360\] { --maxv-1: 360 } .\[--maxv-1\:36\] { --maxv-1: 36 } .\[--maxv-1\:40\] { --maxv-1: 40 } .\[--maxv-1\:440\] { --maxv-1: 440 } .\[--maxv-1\:44\] { --maxv-1: 44 } .\[--maxv-1\:476\] { --maxv-1: 476 } .\[--maxv-1\:48\] { --maxv-1: 48 } .\[--maxv-1\:4\] { --maxv-1: 4 } .\[--maxv-1\:56\] { --maxv-1: 56 } .\[--maxv-1\:590\] { --maxv-1: 590 } .\[--maxv-1\:60\] { --maxv-1: 60 } .\[--maxv-1\:62\] { --maxv-1: 62 } .\[--maxv-1\:64\] { --maxv-1: 64 } .\[--maxv-1\:68\] { --maxv-1: 68 } .\[--maxv-1\:6\] { --maxv-1: 6 } .\[--maxv-1\:700\] { --maxv-1: 700 } .\[--maxv-1\:72\] { --maxv-1: 72 } .\[--maxv-1\:80\] { --maxv-1: 80 } .\[--maxv-1\:8\] { --maxv-1: 8 } .\[--maxv-1\:96\] { --maxv-1: 96 } .\[--maxv-2\:120\] { --maxv-2: 120 } .\[--maxv-2\:12\] { --maxv-2: 12 } .\[--maxv-2\:16\] { --maxv-2: 16 } .\[--maxv-2\:180\] { --maxv-2: 180 } .\[--maxv-2\:200\] { --maxv-2: 200 } .\[--maxv-2\:20\] { --maxv-2: 20 } .\[--maxv-2\:24\] { --maxv-2: 24 } .\[--maxv-2\:28\] { --maxv-2: 28 } .\[--maxv-2\:2\] { --maxv-2: 2 } .\[--maxv-2\:32\] { --maxv-2: 32 } .\[--maxv-2\:36\] { --maxv-2: 36 } .\[--maxv-2\:40\] { --maxv-2: 40 } .\[--maxv-2\:44\] { --maxv-2: 44 } .\[--maxv-2\:56\] { --maxv-2: 56 } .\[--maxv-2\:60\] { --maxv-2: 60 } .\[--maxv-2\:72\] { --maxv-2: 72 } .\[--maxv-2\:80\] { --maxv-2: 80 } .\[--maxv-2\:8\] { --maxv-2: 8 } .\[--maxv-2\:96\] { --maxv-2: 96 } .\[--maxv-3\:10\] { --maxv-3: 10 } .\[--maxv-3\:120\] { --maxv-3: 120 } .\[--maxv-3\:12\] { --maxv-3: 12 } .\[--maxv-3\:240\] { --maxv-3: 240 } .\[--maxv-3\:24\] { --maxv-3: 24 } .\[--maxv-3\:32\] { --maxv-3: 32 } .\[--maxv-3\:336\] { --maxv-3: 336 } .\[--maxv-3\:540\] { --maxv-3: 540 } .\[--maxv-3\:72\] { --maxv-3: 72 } .\[--maxv-3\:76\] { --maxv-3: 76 } .\[--maxv-4\:180\] { --maxv-4: 180 } .\[--maxv-4\:280\] { --maxv-4: 280 } .\[--maxv-4\:60\] { --maxv-4: 60 } .\[--maxv-5\:128\] { --maxv-5: 128 } .\[--maxv-5\:24\] { --maxv-5: 24 } .\[--maxv-5\:32\] { --maxv-5: 32 } .\[--maxv-5\:60\] { --maxv-5: 60 } .\[--maxv-5\:72\] { --maxv-5: 72 } .\[--maxv-5\:8\] { --maxv-5: 8 } .\[--maxv-fs\:14\] { --maxv-fs: 14 } .\[--maxv-fs\:16\] { --maxv-fs: 16 } .\[--maxv-fs\:18\] { --maxv-fs: 18 } .\[--maxv-fs\:20\] { --maxv-fs: 20 } .\[--maxv-fs\:28\] { --maxv-fs: 28 } .\[--maxv-fs\:32\] { --maxv-fs: 32 } .\[--minv-1\:0\] { --minv-1: 0 } .\[--minv-1\:10\] { --minv-1: 10 } .\[--minv-1\:120\] { --minv-1: 120 } .\[--minv-1\:128\] { --minv-1: 128 } .\[--minv-1\:12\] { --minv-1: 12 } .\[--minv-1\:160\] { --minv-1: 160 } .\[--minv-1\:16\] { --minv-1: 16 } .\[--minv-1\:18\] { --minv-1: 18 } .\[--minv-1\:196\] { --minv-1: 196 } .\[--minv-1\:20\] { --minv-1: 20 } .\[--minv-1\:240\] { --minv-1: 240 } .\[--minv-1\:24\] { --minv-1: 24 } .\[--minv-1\:260\] { --minv-1: 260 } .\[--minv-1\:280\] { --minv-1: 280 } .\[--minv-1\:2\] { --minv-1: 2 } .\[--minv-1\:300\] { --minv-1: 300 } .\[--minv-1\:30\] { --minv-1: 30 } .\[--minv-1\:32\] { --minv-1: 32 } .\[--minv-1\:36\] { --minv-1: 36 } .\[--minv-1\:40\] { --minv-1: 40 } .\[--minv-1\:44\] { --minv-1: 44 } .\[--minv-1\:48\] { --minv-1: 48 } .\[--minv-1\:4\] { --minv-1: 4 } .\[--minv-1\:52\] { --minv-1: 52 } .\[--minv-1\:60\] { --minv-1: 60 } .\[--minv-1\:6\] { --minv-1: 6 } .\[--minv-1\:8\] { --minv-1: 8 } .\[--minv-2\:0\] { --minv-2: 0 } .\[--minv-2\:10\] { --minv-2: 10 } .\[--minv-2\:120\] { --minv-2: 120 } .\[--minv-2\:12\] { --minv-2: 12 } .\[--minv-2\:14\] { --minv-2: 14 } .\[--minv-2\:16\] { --minv-2: 16 } .\[--minv-2\:20\] { --minv-2: 20 } .\[--minv-2\:24\] { --minv-2: 24 } .\[--minv-2\:2\] { --minv-2: 2 } .\[--minv-2\:32\] { --minv-2: 32 } .\[--minv-2\:40\] { --minv-2: 40 } .\[--minv-2\:4\] { --minv-2: 4 } .\[--minv-2\:60\] { --minv-2: 60 } .\[--minv-2\:6\] { --minv-2: 6 } .\[--minv-2\:80\] { --minv-2: 80 } .\[--minv-2\:8\] { --minv-2: 8 } .\[--minv-3\:16\] { --minv-3: 16 } .\[--minv-3\:24\] { --minv-3: 24 } .\[--minv-3\:32\] { --minv-3: 32 } .\[--minv-3\:40\] { --minv-3: 40 } .\[--minv-3\:4\] { --minv-3: 4 } .\[--minv-3\:56\] { --minv-3: 56 } .\[--minv-3\:64\] { --minv-3: 64 } .\[--minv-3\:6\] { --minv-3: 6 } .\[--minv-4\:200\] { --minv-4: 200 } .\[--minv-4\:24\] { --minv-4: 24 } .\[--minv-4\:96\] { --minv-4: 96 } .\[--minv-5\:16\] { --minv-5: 16 } .\[--minv-5\:20\] { --minv-5: 20 } .\[--minv-5\:32\] { --minv-5: 32 } .\[--minv-5\:4\] { --minv-5: 4 } .\[--minv-5\:80\] { --minv-5: 80 } .\[--minv-fs\:12\] { --minv-fs: 12 } .\[--minv-fs\:14\] { --minv-fs: 14 } .\[--minv-fs\:16\] { --minv-fs: 16 } .\[--minv-fs\:18\] { --minv-fs: 18 } .\[--minv-fs\:20\] { --minv-fs: 20 } .\[--minv-fs\:24\] { --minv-fs: 24 } .\[--opacity-1\:1\] { --opacity-1: 1 } .\[--opacity-2\:0\] { --opacity-2: 0 } .\[--short-line\:7\.056940078735352\] { --short-line: 7.056940078735352 } .\[--text-checked-color\:rgba\(0\,0\,0\,1\)\] { --text-checked-color: rgba(0, 0, 0, 1) } .\[--text-color\:rgba\(0\,0\,0\,0\.75\)\] { --text-color: rgba(0, 0, 0, .75) } .\[--text-hover-color\:rgba\(0\,0\,0\,1\)\] { --text-hover-color: rgba(0, 0, 0, 1) } .\[--visible-slides\:1\] { --visible-slides: 1 } .\[align-self\:safe_center\] { align-self: safe center } .\[animation\:penta_2s_linear_infinite\] { animation: penta 2s linear infinite } .\[background-image\:linear-gradient\(110deg\,_\#DB9A2E_-3\.32\%\,_\#F8CD85_50\.94\%\,_\#EEAF4F_97\.87\%\)\] { background-image: linear-gradient(110deg, #db9a2e -3.32%, #f8cd85 50.94%, #eeaf4f 97.87%) } .\[background-image\:linear-gradient\(90deg\,\#DB9A2E_2\%\,\#F8CD85_33\%\,\#F1BA64_47\%\,\#DC9D3C_76\%\)\] { background-image: linear-gradient(90deg, #db9a2e 2%, #f8cd85 33%, #f1ba64 47%, #dc9d3c 76%) } .\[background-image\:linear-gradient\(90deg\,var\(--theme-color\)\)\] { background-image: linear-gradient(90deg, var(--theme-color)) } .\[background-image\:linear-gradient\(90deg\,var\(--white\)\)\] { background-image: linear-gradient(90deg, var(--white)) } .\[background-position\:left_bottom\] { background-position: left bottom } .\[background-size\:0\%_2px\] { background-size: 0% 2px } .\[clip-path\:url\(\#hamburger-clip\)\] { clip-path: url(#hamburger-clip) } .\[clip-path\:url\(\#hero-clip-1\)\] { clip-path: url(#hero-clip-1) } .\[clip-path\:url\(\#hero-clip-2\)\] { clip-path: url(#hero-clip-2) } .\[clip-path\:url\(\#hero-clip-3\)\] { clip-path: url(#hero-clip-3) } .\[clip-path\:url\(\#hero-clip-4\)\] { clip-path: url(#hero-clip-4) } .\[clip-path\:url\(\#hero-clip-5\)\] { clip-path: url(#hero-clip-5) } .\[clip-path\:url\(\#hero-clip-6\)\] { clip-path: url(#hero-clip-6) } .\[clip-path\:url\(\#hero-clip-7\)\] { clip-path: url(#hero-clip-7) } .\[clip-path\:url\(\#line-clip\)\] { clip-path: url(#line-clip) } .\[clip-path\:url\(\#logo-alt-clip-1\)\] { clip-path: url(#logo-alt-clip-1) } .\[clip-path\:url\(\#logo-alt-clip-2\)\] { clip-path: url(#logo-alt-clip-2) } .\[clip-path\:url\(\#logo-alt-clip-3\)\] { clip-path: url(#logo-alt-clip-3) } .\[clip-path\:url\(\#logo-alt-clip-4\)\] { clip-path: url(#logo-alt-clip-4) } .\[clip-path\:url\(\#logo-alt-clip-5\)\] { clip-path: url(#logo-alt-clip-5) } .\[clip-path\:url\(\#logo-alt-clip-6\)\] { clip-path: url(#logo-alt-clip-6) } .\[clip-path\:url\(\#logo-alt-clip-7\)\] { clip-path: url(#logo-alt-clip-7) } .\[clip-path\:url\(\#logo-alt-clip-8\)\] { clip-path: url(#logo-alt-clip-8) } .\[clip-path\:url\(\#logo-alt-clip-9\)\] { clip-path: url(#logo-alt-clip-9) } .\[clip-path\:url\(\#logo-clip-1\)\] { clip-path: url(#logo-clip-1) } .\[clip-path\:url\(\#logo-clip-2\)\] { clip-path: url(#logo-clip-2) } .\[clip-path\:url\(\#logo-clip-3\)\] { clip-path: url(#logo-clip-3) } .\[clip-path\:url\(\#logo-clip-4\)\] { clip-path: url(#logo-clip-4) } .\[clip-path\:url\(\#logo-clip-5\)\] { clip-path: url(#logo-clip-5) } .\[clip-path\:url\(\#logo-text-clip-1\)\] { clip-path: url(#logo-text-clip-1) } .\[clip-path\:url\(\#logo-text-clip-2\)\] { clip-path: url(#logo-text-clip-2) } .\[clip-path\:url\(\#logo-text-clip-3\)\] { clip-path: url(#logo-text-clip-3) } .\[clip-path\:url\(\#logo-text-clip-4\)\] { clip-path: url(#logo-text-clip-4) } .\[clip-path\:url\(\#logo-text-clip-alt-1\)\] { clip-path: url(#logo-text-clip-alt-1) } .\[clip-path\:url\(\#logo-text-clip-alt-2\)\] { clip-path: url(#logo-text-clip-alt-2) } .\[clip-path\:url\(\#logo-text-clip-alt-3\)\] { clip-path: url(#logo-text-clip-alt-3) } .\[clip-path\:url\(\#logo-text-clip-alt-4\)\] { clip-path: url(#logo-text-clip-alt-4) } .\[clip-path\:url\(\#logo-text-clip-alt-5\)\] { clip-path: url(#logo-text-clip-alt-5) } .\[clip-path\:url\(\#logo-text-clip-alt-6\)\] { clip-path: url(#logo-text-clip-alt-6) } .\[clip-path\:url\(\#logo-text-clip-alt-7\)\] { clip-path: url(#logo-text-clip-alt-7) } .\[clip-path\:url\(\#logo-text-clip-alt-8\)\] { clip-path: url(#logo-text-clip-alt-8) } .\[clip-path\:url\(\#text-clip-1\)\] { clip-path: url(#text-clip-1) } .\[clip-path\:url\(\#text-clip-2\)\] { clip-path: url(#text-clip-2) } .\[clip-path\:url\(\#text-clip-3\)\] { clip-path: url(#text-clip-3) } .\[clip-path\:url\(\#text-clip-4\)\] { clip-path: url(#text-clip-4) } .\[clip-path\:url\(\#text-clip-5\)\] { clip-path: url(#text-clip-5) } .\[mask-composite\:intersect\] { -webkit-mask-composite: source-in, xor; mask-composite: intersect } .\[mask-image\:linear-gradient\(0deg\,transparent_49\.5\%\,black_50\.5\%\)\] { -webkit-mask-image: linear-gradient(0deg, transparent 49.5%, black 50.5%); mask-image: linear-gradient(0deg, transparent 49.5%, black 50.5%) } .\[mask-image\:linear-gradient\(0deg\,transparent_5\%\,black_10\%\,black_90\%\,transparent_95\%\)\] { -webkit-mask-image: linear-gradient(0deg, transparent 5%, black 10%, black 90%, transparent 95%); mask-image: linear-gradient(0deg, transparent 5%, black 10%, black 90%, transparent 95%) } .\[mask-image\:linear-gradient\(180deg\,black\,transparent\)\] { -webkit-mask-image: linear-gradient(180deg, black, transparent); mask-image: linear-gradient(180deg, black, transparent) } .\[mask-image\:linear-gradient\(180deg\,black\,transparent_50\%\)\] { -webkit-mask-image: linear-gradient(180deg, black, transparent 50%); mask-image: linear-gradient(180deg, black, transparent 50%) } .\[mask-image\:linear-gradient\(180deg\,rgba\(0\,0\,0\,0\.25\)\,transparent_75\%\)\] { -webkit-mask-image: linear-gradient(180deg, rgba(0, 0, 0, .25), transparent 75%); mask-image: linear-gradient(180deg, rgba(0, 0, 0, .25), transparent 75%) } .\[mask-image\:linear-gradient\(270deg\,black_90\%\,transparent\)\,linear-gradient\(180deg\,black_90\%\,transparent\)\] { -webkit-mask-image: linear-gradient(270deg, black 90%, transparent), linear-gradient(180deg, black 90%, transparent); mask-image: linear-gradient(270deg, black 90%, transparent), linear-gradient(180deg, black 90%, transparent) } .\[mask-image\:linear-gradient\(270deg\,black_97\%\,transparent\)\,linear-gradient\(180deg\,black_95\%\,transparent\)\] { -webkit-mask-image: linear-gradient(270deg, black 97%, transparent), linear-gradient(180deg, black 95%, transparent); mask-image: linear-gradient(270deg, black 97%, transparent), linear-gradient(180deg, black 95%, transparent) } .\[mask-image\:linear-gradient\(270deg\,transparent\,black_10\%\,black_90\%\,transparent\)\] { -webkit-mask-image: linear-gradient(270deg, transparent, black 10%, black 90%, transparent); mask-image: linear-gradient(270deg, transparent, black 10%, black 90%, transparent) } .\[mask-image\:linear-gradient\(270deg\,transparent\,black_5\%\,black_95\%\,transparent\)\] { -webkit-mask-image: linear-gradient(270deg, transparent, black 5%, black 95%, transparent); mask-image: linear-gradient(270deg, transparent, black 5%, black 95%, transparent) } .\[mask-image\:linear-gradient\(270deg\,transparent_2\%\,black_5\%\,black_95\%\,transparent_98\%\)\] { -webkit-mask-image: linear-gradient(270deg, transparent 2%, black 5%, black 95%, transparent 98%); mask-image: linear-gradient(270deg, transparent 2%, black 5%, black 95%, transparent 98%) } .\[mask-image\:linear-gradient\(270deg\,transparent_2\.5\%\,black_5\%\,black_95\%\,transparent_97\.5\%\)\] { -webkit-mask-image: linear-gradient(270deg, transparent 2.5%, black 5%, black 95%, transparent 97.5%); mask-image: linear-gradient(270deg, transparent 2.5%, black 5%, black 95%, transparent 97.5%) } .\[mask-image\:linear-gradient\(90deg\,black_90\%\,transparent\)\,linear-gradient\(0deg\,black_80\%\,transparent_90\%\)\] { -webkit-mask-image: linear-gradient(90deg, black 90%, transparent), linear-gradient(0deg, black 80%, transparent 90%); mask-image: linear-gradient(90deg, black 90%, transparent), linear-gradient(0deg, black 80%, transparent 90%) } .\[mask-image\:linear-gradient\(90deg\,black_90\%\,transparent\)\,linear-gradient\(0deg\,black_90\%\,transparent\)\] { -webkit-mask-image: linear-gradient(90deg, black 90%, transparent), linear-gradient(0deg, black 90%, transparent); mask-image: linear-gradient(90deg, black 90%, transparent), linear-gradient(0deg, black 90%, transparent) } .\[mask-image\:linear-gradient\(90deg\,black_95\%\,transparent\)\,linear-gradient\(180deg\,black_90\%\,transparent_95\%\)\] { -webkit-mask-image: linear-gradient(90deg, black 95%, transparent), linear-gradient(180deg, black 90%, transparent 95%); mask-image: linear-gradient(90deg, black 95%, transparent), linear-gradient(180deg, black 90%, transparent 95%) } .\[mask-image\:linear-gradient\(90deg\,rgba\(0\,0\,0\,var\(--opacity-1\)\)_var\(--range-1\)\,black_5\%\,black_95\%\,rgba\(0\,0\,0\,var\(--opacity-2\)\)_calc\(100\%-var\(--range-1\)\)\)\] { -webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, var(--opacity-1)) var(--range-1), black 5%, black 95%, rgba(0, 0, 0, var(--opacity-2)) calc(100% - var(--range-1))); mask-image: linear-gradient(90deg, rgba(0, 0, 0, var(--opacity-1)) var(--range-1), black 5%, black 95%, rgba(0, 0, 0, var(--opacity-2)) calc(100% - var(--range-1))) } .\[mask-position\:100\%_100\%\] { -webkit-mask-position: 100% 100%; mask-position: 100% 100% } .\[mask-size\:250\%_250\%\] { -webkit-mask-size: 250% 250%; mask-size: 250% 250% } .\[stroke-dasharray\:10\] { stroke-dasharray: 10 } .\[stroke-dasharray\:1140\.1356201171875\] { stroke-dasharray: 1140.1356201171875 } .\[stroke-dasharray\:126\.31999969482422\] { stroke-dasharray: 126.31999969482422 } .\[stroke-dasharray\:127\] { stroke-dasharray: 127 } .\[stroke-dasharray\:128\.3300018310547\] { stroke-dasharray: 128.3300018310547 } .\[stroke-dasharray\:1413\.3648681640625\] { stroke-dasharray: 1413.3648681640625 } .\[stroke-dasharray\:156\.16000366210938\] { stroke-dasharray: 156.16000366210938 } .\[stroke-dasharray\:173\.6370849609375\] { stroke-dasharray: 173.6370849609375 } .\[stroke-dasharray\:1738\.2841796875\] { stroke-dasharray: 1738.2841796875 } .\[stroke-dasharray\:2024\.8289794921875\] { stroke-dasharray: 2024.8289794921875 } .\[stroke-dasharray\:2057\.71728515625\] { stroke-dasharray: 2057.71728515625 } .\[stroke-dasharray\:21\.93000030517578\] { stroke-dasharray: 21.93000030517578 } .\[stroke-dasharray\:2155\.90576171875\] { stroke-dasharray: 2155.90576171875 } .\[stroke-dasharray\:221\.7249755859375\] { stroke-dasharray: 221.7249755859375 } .\[stroke-dasharray\:2332\.63134765625\] { stroke-dasharray: 2332.63134765625 } .\[stroke-dasharray\:2512\.933837890625\] { stroke-dasharray: 2512.933837890625 } .\[stroke-dasharray\:2801\.04638671875\] { stroke-dasharray: 2801.04638671875 } .\[stroke-dasharray\:2833\.599609375\] { stroke-dasharray: 2833.599609375 } .\[stroke-dasharray\:2958\.23291015625\] { stroke-dasharray: 2958.23291015625 } .\[stroke-dasharray\:32\.095069885253906\] { stroke-dasharray: 32.095069885253906 } .\[stroke-dasharray\:3210\.65283203125\] { stroke-dasharray: 3210.65283203125 } .\[stroke-dasharray\:351\.5316467285156\] { stroke-dasharray: 351.5316467285156 } .\[stroke-dasharray\:357\.684814453125\] { stroke-dasharray: 357.684814453125 } .\[stroke-dasharray\:363\.1606140136719\] { stroke-dasharray: 363.1606140136719 } .\[stroke-dasharray\:48\.87000274658203\] { stroke-dasharray: 48.87000274658203 } .\[stroke-dasharray\:492\.6513671875\] { stroke-dasharray: 492.6513671875 } .\[stroke-dasharray\:52\.05999755859375\] { stroke-dasharray: 52.05999755859375 } .\[stroke-dasharray\:52\.060001373291016\] { stroke-dasharray: 52.060001373291016 } .\[stroke-dasharray\:540\.8671264648438\] { stroke-dasharray: 540.8671264648438 } .\[stroke-dasharray\:578\.4761962890625\] { stroke-dasharray: 578.4761962890625 } .\[stroke-dasharray\:7\.056940078735352\] { stroke-dasharray: 7.056940078735352 } .\[stroke-dasharray\:851\.47509765625\] { stroke-dasharray: 851.47509765625 } .\[stroke-dasharray\:865\.5543212890625\] { stroke-dasharray: 865.5543212890625 } .\[stroke-dasharray\:925\.6053466796875\] { stroke-dasharray: 925.6053466796875 } .\[stroke-dasharray\:985\.700439453125\] { stroke-dasharray: 985.700439453125 } .\[stroke-dashoffset\:-2024\.8289794921875\] { stroke-dashoffset: -2024.8289794921875 } .\[stroke-dashoffset\:-221\.7249755859375\] { stroke-dashoffset: -221.7249755859375 } .\[stroke-dashoffset\:-357\.684814453125\] { stroke-dashoffset: -357.684814453125 } .\[stroke-dashoffset\:-363\.1606140136719\] { stroke-dashoffset: -363.1606140136719 } .\[stroke-dashoffset\:-925\.6053466796875\] { stroke-dashoffset: -925.6053466796875 } .\[stroke-dashoffset\:0\] { stroke-dashoffset: 0 } .\[stroke-dashoffset\:10\] { stroke-dashoffset: 10 } .\[stroke-dashoffset\:1140\.1356201171875\] { stroke-dashoffset: 1140.1356201171875 } .\[stroke-dashoffset\:126\.31999969482422\] { stroke-dashoffset: 126.31999969482422 } .\[stroke-dashoffset\:127\] { stroke-dashoffset: 127 } .\[stroke-dashoffset\:128\.3300018310547\] { stroke-dashoffset: 128.3300018310547 } .\[stroke-dashoffset\:1413\.3648681640625\] { stroke-dashoffset: 1413.3648681640625 } .\[stroke-dashoffset\:156\.16000366210938\] { stroke-dashoffset: 156.16000366210938 } .\[stroke-dashoffset\:173\.6370849609375\] { stroke-dashoffset: 173.6370849609375 } .\[stroke-dashoffset\:1738\.2841796875\] { stroke-dashoffset: 1738.2841796875 } .\[stroke-dashoffset\:2057\.71728515625\] { stroke-dashoffset: 2057.71728515625 } .\[stroke-dashoffset\:21\.93000030517578\] { stroke-dashoffset: 21.93000030517578 } .\[stroke-dashoffset\:2155\.90576171875\] { stroke-dashoffset: 2155.90576171875 } .\[stroke-dashoffset\:2332\.63134765625\] { stroke-dashoffset: 2332.63134765625 } .\[stroke-dashoffset\:2512\.933837890625\] { stroke-dashoffset: 2512.933837890625 } .\[stroke-dashoffset\:2801\.04638671875\] { stroke-dashoffset: 2801.04638671875 } .\[stroke-dashoffset\:2833\.599609375\] { stroke-dashoffset: 2833.599609375 } .\[stroke-dashoffset\:2958\.23291015625\] { stroke-dashoffset: 2958.23291015625 } .\[stroke-dashoffset\:32\.095069885253906\] { stroke-dashoffset: 32.095069885253906 } .\[stroke-dashoffset\:3210\.65283203125\] { stroke-dashoffset: 3210.65283203125 } .\[stroke-dashoffset\:351\.5316467285156\] { stroke-dashoffset: 351.5316467285156 } .\[stroke-dashoffset\:48\.87000274658203\] { stroke-dashoffset: 48.87000274658203 } .\[stroke-dashoffset\:492\.6513671875\] { stroke-dashoffset: 492.6513671875 } .\[stroke-dashoffset\:52\.05999755859375\] { stroke-dashoffset: 52.05999755859375 } .\[stroke-dashoffset\:52\.060001373291016\] { stroke-dashoffset: 52.060001373291016 } .\[stroke-dashoffset\:540\.8671264648438\] { stroke-dashoffset: 540.8671264648438 } .\[stroke-dashoffset\:578\.4761962890625\] { stroke-dashoffset: 578.4761962890625 } .\[stroke-dashoffset\:7\.056940078735352\] { stroke-dashoffset: 7.056940078735352 } .\[stroke-dashoffset\:851\.47509765625\] { stroke-dashoffset: 851.47509765625 } .\[stroke-dashoffset\:865\.5543212890625\] { stroke-dashoffset: 865.5543212890625 } .\[stroke-dashoffset\:985\.700439453125\] { stroke-dashoffset: 985.700439453125 } .\[stroke-linecap\:round\] { stroke-linecap: round } .\[stroke-linejoin\:round\] { stroke-linejoin: round } .\[stroke-width\:1\.5px\] { stroke-width: 1.5px } .\[stroke-width\:125px\] { stroke-width: 125px } .\[stroke-width\:127px\] { stroke-width: 127px } .\[stroke-width\:128px\] { stroke-width: 128px } .\[stroke-width\:18px\] { stroke-width: 18px } .\[stroke-width\:20px\] { stroke-width: 20px } .\[stroke-width\:22px\] { stroke-width: 22px } .\[stroke-width\:24px\] { stroke-width: 24px } .\[stroke-width\:25px\] { stroke-width: 25px } .\[stroke-width\:36px\] { stroke-width: 36px } .\[stroke-width\:38px\] { stroke-width: 38px } .\[stroke-width\:44px\] { stroke-width: 44px } .\[stroke-width\:75px\] { stroke-width: 75px } .\[transform-style\:preserve-3d\] { transform-style: preserve-3d } .\[transition\:0\.3s_ease_--opacity-1\,0\.3s_ease_--opacity-2\] { transition: .3s ease --opacity-1, .3s ease --opacity-2 } .\[z-index\:-1\] { z-index: -1 } .placeholder\:text-\[--text-passive-color\]::-moz-placeholder { color: var(--text-passive-color) } .placeholder\:text-\[--text-passive-color\]::placeholder { color: var(--text-passive-color) } .placeholder\:text-white\/65::-moz-placeholder { color: #ffffffa6 } .placeholder\:text-white\/65::placeholder { color: #ffffffa6 } .after\:absolute:after { content: var(--tw-content); position: absolute } .after\:left-\[4px\]:after { content: var(--tw-content); left: 4px } .after\:top-\[4px\]:after { content: var(--tw-content); top: 4px } .after\:h-3:after { content: var(--tw-content); height: .75rem } .after\:w-3:after { content: var(--tw-content); width: .75rem } .after\:rounded-full:after { content: var(--tw-content); border-radius: 9999px } .after\:bg-white:after { content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) } .after\:duration-300:after { content: var(--tw-content); transition-duration: .3s } .odd\:rotate-2:nth-child(odd) { --tw-rotate: 2deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .even\:-rotate-2:nth-child(2n) { --tw-rotate: -2deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .group:hover .group-hover\:pointer-events-auto { pointer-events: auto } .group\/button:hover .group-hover\/button\:left-0 { left: 0 } .group\/item:hover .group-hover\/item\:bottom-auto { bottom: auto } .group\/item:hover .group-hover\/item\:top-0 { top: 0 } .group\/social:hover .group-hover\/social\:bottom-auto { bottom: auto } .group\/social:hover .group-hover\/social\:top-0 { top: 0 } .group:hover .group-hover\:bottom-auto { bottom: auto } .group:hover .group-hover\:top-0 { top: 0 } .group:hover .group-hover\:block { display: block } .group\/item:hover .group-hover\/item\:h-full, .group\/social:hover .group-hover\/social\:h-full, .group:hover .group-hover\:h-full { height: 100% } .group\/button:hover .group-hover\/button\:w-full { width: 100% } .group\/py:hover .group-hover\/py\:max-w-0 { max-width: 0px } .group\/py:hover .group-hover\/py\:max-w-\[80px\] { max-width: 80px } .group:hover .group-hover\:-translate-x-\[5\%\] { --tw-translate-x: -5%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .group:hover .group-hover\:-translate-y-px { --tw-translate-y: -1px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .group:hover .group-hover\:translate-x-\[5\%\] { --tw-translate-x: 5%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .group:hover .group-hover\:translate-y-0 { --tw-translate-y: 0px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .group\/button:hover .group-hover\/button\:rotate-90, .group\/close:hover .group-hover\/close\:rotate-90 { --tw-rotate: 90deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .group\/item:hover .group-hover\/item\:rotate-45 { --tw-rotate: 45deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .group:hover .group-hover\:-rotate-\[8deg\] { --tw-rotate: -8deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .group:hover .group-hover\:rotate-90 { --tw-rotate: 90deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .group:hover .group-hover\:rotate-\[8deg\] { --tw-rotate: 8deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .group\/button:hover .group-hover\/button\:scale-100 { --tw-scale-x: 1; --tw-scale-y: 1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .group\/image:hover .group-hover\/image\:scale-\[1\.075\] { --tw-scale-x: 1.075; --tw-scale-y: 1.075; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .group\/item:hover .group-hover\/item\:scale-125 { --tw-scale-x: 1.25; --tw-scale-y: 1.25; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .group\/item:hover .group-hover\/item\:scale-\[1\.025\] { --tw-scale-x: 1.025; --tw-scale-y: 1.025; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .group\/social:hover .group-hover\/social\:scale-125 { --tw-scale-x: 1.25; --tw-scale-y: 1.25; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .group:hover .group-hover\:scale-100 { --tw-scale-x: 1; --tw-scale-y: 1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .group:hover .group-hover\:scale-110 { --tw-scale-x: 1.1; --tw-scale-y: 1.1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .group:hover .group-hover\:scale-125 { --tw-scale-x: 1.25; --tw-scale-y: 1.25; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .group:hover .group-hover\:scale-\[1\.025\] { --tw-scale-x: 1.025; --tw-scale-y: 1.025; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .group:hover .group-hover\:scale-\[1\.075\] { --tw-scale-x: 1.075; --tw-scale-y: 1.075; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .group:hover .group-hover\:-scale-y-100 { --tw-scale-y: -1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .group\/nav:hover .group-hover\/nav\:border-white { --tw-border-opacity: 1; border-color: rgb(255 255 255 / var(--tw-border-opacity, 1)) } .group:hover .group-hover\:border-transparent { border-color: transparent } .group:hover .group-hover\:\!stroke-gamboge { stroke: #db9a2e !important } .group:hover .group-hover\:\!stroke-white { stroke: #fff !important } .group\/button:hover .group-hover\/button\:text-white { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)) } .group\/item:hover .group-hover\/item\:\!text-white { --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important } .group\/link:hover .group-hover\/link\:text-alizarin-crimson { --tw-text-opacity: 1; color: rgb(27 177 188 / var(--tw-text-opacity, 1)) } .group\/social:hover .group-hover\/social\:\!text-white, .group:hover .group-hover\:\!text-white { --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important } .group:hover .group-hover\:text-\[color\:var\(--theme-color\)\] { color: var(--theme-color) } .group:hover .group-hover\:text-alizarin-crimson { --tw-text-opacity: 1; color: rgb(27 177 188 / var(--tw-text-opacity, 1)) } .group:hover .group-hover\:text-mine-shaft { --tw-text-opacity: 1; color: rgb(46 46 46 / var(--tw-text-opacity, 1)) } .group\/py:hover .group-hover\/py\:opacity-0 { opacity: 0 } .group:hover .group-hover\:opacity-100 { opacity: 1 } .group\/nav:hover .group-hover\/nav\:shadow-2 { --tw-shadow: 0px 177px 49px 0px rgba(0, 0, 0, 0), 0px 113px 45px 0px rgba(0, 0, 0, .01), 0px 64px 38px 0px rgba(0, 0, 0, .05), 0px 28px 28px 0px rgba(0, 0, 0, .09), 0px 7px 16px 0px rgba(0, 0, 0, .1); --tw-shadow-colored: 0px 177px 49px 0px var(--tw-shadow-color), 0px 113px 45px 0px var(--tw-shadow-color), 0px 64px 38px 0px var(--tw-shadow-color), 0px 28px 28px 0px var(--tw-shadow-color), 0px 7px 16px 0px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) } .group:hover .group-hover\:shadow-\[none\] { --tw-shadow-color: none; --tw-shadow: var(--tw-shadow-colored) } .group:hover .group-hover\:delay-100 { transition-delay: .1s } .group:hover .group-hover\:\[background-size\:100\%_2px\] { background-size: 100% 2px } .group:hover .group-hover\:\[stroke-width\:2px\] { stroke-width: 2px } .group\/body:has(.field-header.scrolling-up) .group-\[\&\:has\(\.field-header\.scrolling-up\)\]\/body\:top-\[calc\(var\(--header-height\)\+var\(--gap\)\)\] { top: calc(var(--header-height) + var(--gap)) } .group\/formItem.error .group-\[\&\.error\]\/formItem\:block { display: block } .group\/body:has(.field-header.scrolling) .group-\[\&\:has\(\.field-header\.scrolling\)\]\/body\:rounded-t-none { border-top-left-radius: 0; border-top-right-radius: 0 } .group\/header:not(.toggle):not(.scrolling) .group-\[\&\:not\(\.toggle\)\:not\(\.scrolling\)\]\/header\:stroke-\[color\:var\(--visible-menu-color\)\] { stroke: var(--visible-menu-color) } .group:has(~:hover) .group-\[\&\:has\(\~\:hover\)\]\:text-alto { --tw-text-opacity: 1; color: rgb(217 217 217 / var(--tw-text-opacity, 1)) } .group:hover ~ * .group-\[\&\:hover\~\*\]\:text-alto { --tw-text-opacity: 1; color: rgb(217 217 217 / var(--tw-text-opacity, 1)) } .group\/header:not(.toggle):not(.scrolling) .group-\[\&\:not\(\.toggle\)\:not\(\.scrolling\)\]\/header\:text-\[color\:var\(--visible-menu-color\)\] { color: var(--visible-menu-color) } .group\/header.scrolling:not(.toggle) .group-\[\&\.scrolling\:not\(\.toggle\)\]\/header\:\!opacity-0 { opacity: 0 !important } .group:has(~:hover) .group-\[\&\:has\(\~\:hover\)\]\:blur-\[1px\] { --tw-blur: blur(1px); 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) } .group:hover ~ * .group-\[\&\:hover\~\*\]\:blur-\[1px\] { --tw-blur: blur(1px); 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) } .peer:checked ~ .peer-checked\:border-\[--border-focus-color\] { border-color: var(--border-focus-color) } .peer:checked ~ .peer-checked\:bg-white\/25 { background-color: #ffffff40 } .peer:checked ~ .peer-checked\:text-\[--text-checked-color\] { color: var(--text-checked-color) } .peer:checked ~ .peer-checked\:after\:translate-x-\[22px\]:after { content: var(--tw-content); --tw-translate-x: 22px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .peer:hover ~ .peer-hover\:border-\[--border-hover-color\] { border-color: var(--border-hover-color) } .peer:focus ~ .peer-focus\:-scale-y-100 { --tw-scale-y: -1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .peer:focus ~ .peer-focus\:fill-\[--text-active-color\] { fill: var(--text-active-color) } @supports (background: -webkit-named-image(i)) { .safari\:\!\[animation-timing-function\:unset\] { animation-timing-function: unset !important } .safari\:\[stroke-dashoffset\:2024\.8289794921875\] { stroke-dashoffset: 2024.8289794921875 } .safari\:\[stroke-dashoffset\:221\.7249755859375\] { stroke-dashoffset: 221.7249755859375 } .safari\:\[stroke-dashoffset\:357\.684814453125\] { stroke-dashoffset: 357.684814453125 } .safari\:\[stroke-dashoffset\:363\.1606140136719\] { stroke-dashoffset: 363.1606140136719 } .safari\:\[stroke-dashoffset\:925\.6053466796875\] { stroke-dashoffset: 925.6053466796875 } } .hover\:-translate-y-1:hover { --tw-translate-y: -.25rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .hover\:border-transparent:hover { border-color: transparent } .hover\:border-white:hover { --tw-border-opacity: 1; border-color: rgb(255 255 255 / var(--tw-border-opacity, 1)) } .hover\:border-white\/75:hover { border-color: #ffffffbf } .hover\:bg-transparent:hover { background-color: transparent } .hover\:bg-white\/25:hover { background-color: #ffffff40 } .hover\:text-\[color\:var\(--theme-color\)\]:hover { color: var(--theme-color) } .hover\:text-\[color\:var\(--white\)\]:hover { color: var(--white) } .hover\:text-white:hover { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)) } .hover\:opacity-100:hover { opacity: 1 } .hover\:shadow-1:hover { --tw-shadow: 0px 802px 224px 0px rgba(0, 0, 0, 0), 0px 513px 205px 0px rgba(0, 0, 0, 0), 0px 289px 173px 0px rgba(0, 0, 0, .01), 0px 128px 128px 0px rgba(0, 0, 0, .02), 0px 32px 71px 0px rgba(0, 0, 0, .02); --tw-shadow-colored: 0px 802px 224px 0px var(--tw-shadow-color), 0px 513px 205px 0px var(--tw-shadow-color), 0px 289px 173px 0px var(--tw-shadow-color), 0px 128px 128px 0px var(--tw-shadow-color), 0px 32px 71px 0px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) } .hover\:delay-0:hover { transition-delay: 0s } .hover\:\[background-size\:100\%_2px\]:hover { background-size: 100% 2px } .group\/body.macos-chrome .group-\[\&\.macos-chrome\]\/body\:hover\:\!shadow-\[unset\]:hover { --tw-shadow-color: unset !important; --tw-shadow: var(--tw-shadow-colored) !important } .focus\:border-white\/100:focus { border-color: #fff } .disabled\:pointer-events-none:disabled { pointer-events: none } .disabled\:opacity-0:disabled { opacity: 0 } .toggle\:pointer-events-none.toggle { pointer-events: none } .toggle\:pointer-events-auto.toggle { pointer-events: auto } .toggle\:translate-y-0.toggle { --tw-translate-y: 0px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .toggle\:rotate-\[--rotate\].toggle { --tw-rotate: var(--rotate); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .toggle\:scale-100.toggle { --tw-scale-x: 1; --tw-scale-y: 1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .toggle\:border-transparent.toggle { border-color: transparent } .toggle\:opacity-100.toggle { opacity: 1 } .toggle\:delay-100.toggle { transition-delay: .1s } .toggle\:\[mask-position\:0\%_0\%\].toggle { -webkit-mask-position: 0% 0%; mask-position: 0% 0% } .group\/item.toggle .group-toggle\/item\:pointer-events-none { pointer-events: none } .group\/item.toggle .group-toggle\/item\:pointer-events-auto { pointer-events: auto } .group\/button.toggle .group-toggle\/button\:left-0, .group.toggle .group-toggle\:left-0 { left: 0 } .group.toggle .group-toggle\:right-0 { right: 0 } .group\/item.toggle .group-toggle\/item\:h-0 { height: 0px } .group\/item.toggle .group-toggle\/item\:h-auto { height: auto } .group\/button.toggle .group-toggle\/button\:w-full, .group.toggle .group-toggle\:w-full { width: 100% } .group\/item.toggle .group-toggle\/item\:-translate-y-0 { --tw-translate-y: -0px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .group\/item.toggle .group-toggle\/item\:-translate-y-4 { --tw-translate-y: -1rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .group\/item.toggle .group-toggle\/item\:-translate-y-full { --tw-translate-y: -100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .group\/item.toggle .group-toggle\/item\:translate-x-0 { --tw-translate-x: 0px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .group\/item.toggle .group-toggle\/item\:translate-y-0, .group\/listItem.toggle .group-toggle\/listItem\:translate-y-0 { --tw-translate-y: 0px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .group\/menu.toggle .group-toggle\/menu\:translate-x-0 { --tw-translate-x: 0px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .group\/menu.toggle .group-toggle\/menu\:translate-y-0, .group\/tabItem.toggle .group-toggle\/tabItem\:translate-y-0 { --tw-translate-y: 0px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .group.toggle .group-toggle\:-translate-y-3\/4 { --tw-translate-y: -75%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .group.toggle .group-toggle\:translate-x-0 { --tw-translate-x: 0px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .group.toggle .group-toggle\:translate-y-0 { --tw-translate-y: 0px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .group.toggle .group-toggle\:-rotate-\[20deg\] { --tw-rotate: -20deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .group.toggle .group-toggle\:rotate-0 { --tw-rotate: 0deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .group.toggle .group-toggle\:rotate-\[-12deg\] { --tw-rotate: -12deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .group.toggle .group-toggle\:rotate-\[12deg\] { --tw-rotate: 12deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .group.toggle .group-toggle\:rotate-\[20deg\] { --tw-rotate: 20deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .group\/button.toggle .group-toggle\/button\:scale-100, .group\/item.toggle .group-toggle\/item\:scale-100 { --tw-scale-x: 1; --tw-scale-y: 1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .group\/item.toggle .group-toggle\/item\:-scale-x-100 { --tw-scale-x: -1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .group\/menu.toggle .group-toggle\/menu\:scale-y-100 { --tw-scale-y: 1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .group.toggle .group-toggle\:grid-rows-\[1fr\] { grid-template-rows: 1fr } .group\/header.toggle .group-toggle\/header\:bg-dove-gray\/20 { background-color: #69696933 } .group\/button.toggle .group-toggle\/button\:text-white { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)) } .group.toggle .group-toggle\:text-alizarin-crimson { --tw-text-opacity: 1; color: rgb(27 177 188 / var(--tw-text-opacity, 1)) } .group.toggle .group-toggle\:text-mine-shaft { --tw-text-opacity: 1; color: rgb(46 46 46 / var(--tw-text-opacity, 1)) } .group\/item.toggle .group-toggle\/item\:opacity-0 { opacity: 0 } .group\/item.toggle .group-toggle\/item\:opacity-100, .group\/listItem.toggle .group-toggle\/listItem\:opacity-100, .group\/menu.toggle .group-toggle\/menu\:opacity-100, .group\/tabItem.toggle .group-toggle\/tabItem\:opacity-100, .group.toggle .group-toggle\:opacity-100 { opacity: 1 } .group.toggle .group-toggle\:shadow-1 { --tw-shadow: 0px 802px 224px 0px rgba(0, 0, 0, 0), 0px 513px 205px 0px rgba(0, 0, 0, 0), 0px 289px 173px 0px rgba(0, 0, 0, .01), 0px 128px 128px 0px rgba(0, 0, 0, .02), 0px 32px 71px 0px rgba(0, 0, 0, .02); --tw-shadow-colored: 0px 802px 224px 0px var(--tw-shadow-color), 0px 513px 205px 0px var(--tw-shadow-color), 0px 289px 173px 0px var(--tw-shadow-color), 0px 128px 128px 0px var(--tw-shadow-color), 0px 32px 71px 0px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) } .group\/item.toggle .group-toggle\/item\:delay-0 { transition-delay: 0s } .group\/item.toggle .group-toggle\/item\:delay-300 { transition-delay: .3s } .group\/item.toggle .group-toggle\/item\:delay-500 { transition-delay: .5s } .group\/item.toggle .group-toggle\/item\:delay-\[250ms\] { transition-delay: .25s } .group\/item.toggle .group-toggle\/item\:delay-\[300ms\] { transition-delay: .3s } .group\/item.toggle .group-toggle\/item\:delay-\[350ms\] { transition-delay: .35s } .group\/item.toggle .group-toggle\/item\:delay-\[400ms\] { transition-delay: .4s } .group\/item.toggle .group-toggle\/item\:delay-\[450ms\] { transition-delay: .45s } .group\/item.toggle .group-toggle\/item\:delay-\[550ms\] { transition-delay: .55s } .group\/item.toggle .group-toggle\/item\:delay-\[calc\(500ms\+var\(--index\)\*50ms\)\] { transition-delay: calc(.5s + var(--index) * 50ms) } .group\/item.toggle .group-toggle\/item\:delay-\[calc\(600ms\+var\(--index\)\*50ms\)\] { transition-delay: calc(.6s + var(--index) * 50ms) } .group\/listItem.toggle .group-toggle\/listItem\:delay-\[calc\(300ms\+var\(--index\)\*50ms\)\] { transition-delay: calc(.3s + var(--index) * 50ms) } .group\/menu.toggle .group-toggle\/menu\:delay-500 { transition-delay: .5s } .group\/menu.toggle .group-toggle\/menu\:delay-\[calc\(500ms\+var\(--index\)\*25ms\)\] { transition-delay: calc(.5s + var(--index) * 25ms) } .group\/menu.toggle .group-toggle\/menu\:delay-\[calc\(500ms\+var\(--index\)\*50ms\)\] { transition-delay: calc(.5s + var(--index) * 50ms) } .group\/menu.toggle .group-toggle\/menu\:delay-\[calc\(600ms\+var\(--index\)\*50ms\)\] { transition-delay: calc(.6s + var(--index) * 50ms) } .group\/tabItem.toggle .group-toggle\/tabItem\:delay-\[300ms\] { transition-delay: .3s } .group\/tabItem.toggle .group-toggle\/tabItem\:delay-\[400ms\] { transition-delay: .4s } .group\/tabItem.toggle .group-toggle\/tabItem\:delay-\[calc\(300ms\+var\(--index\)\*50ms\)\] { transition-delay: calc(.3s + var(--index) * 50ms) } .group.toggle .group-toggle\:delay-150 { transition-delay: .15s } .group.toggle .group-toggle\:delay-200 { transition-delay: .2s } .group.toggle .group-toggle\:delay-\[calc\(50ms\+var\(--index\)\*25ms\)\] { transition-delay: calc(50ms + var(--index) * 25ms) } .group\/item.toggle .group-toggle\/item\:duration-1000 { transition-duration: 1s } .group.toggle .group-toggle\:duration-500 { transition-duration: .5s } .group\/item.toggle .group-toggle\/item\:\[stroke-dashoffset\:0\], .group\/menu.toggle .group-toggle\/menu\:\[stroke-dashoffset\:0\] { stroke-dashoffset: 0 } @starting-style { .group:hover .group-hover\:starting\:-translate-y-full { --tw-translate-y: -100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } } .slide-active\:pointer-events-auto.swiper-slide-active { pointer-events: auto } .slide-active\:z-20.swiper-slide-active { z-index: 20 } .group\/slide.swiper-slide-active .group-slide-active\/slide\:pointer-events-auto { pointer-events: auto } .group\/slide.swiper-slide-active .group-slide-active\/slide\:scale-100 { --tw-scale-x: 1; --tw-scale-y: 1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .group\/slide.swiper-slide-active .group-slide-active\/slide\:opacity-100 { opacity: 1 } .group\/slide.swiper-slide-active .group-slide-active\/slide\:shadow-4 { --tw-shadow: 0px 473px 132px 0px rgba(0, 0, 0, 0), 0px 303px 121px 0px rgba(0, 0, 0, .01), 0px 170px 102px 0px rgba(0, 0, 0, .05), 0px 76px 76px 0px rgba(0, 0, 0, .09), 0px 19px 42px 0px rgba(0, 0, 0, .1); --tw-shadow-colored: 0px 473px 132px 0px var(--tw-shadow-color), 0px 303px 121px 0px var(--tw-shadow-color), 0px 170px 102px 0px var(--tw-shadow-color), 0px 76px 76px 0px var(--tw-shadow-color), 0px 19px 42px 0px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) } .group\/body.macos-chrome .group\/slide.swiper-slide-active .group-\[\&\.macos-chrome\]\/body\:group-slide-active\/slide\:\!shadow-\[unset\] { --tw-shadow-color: unset !important; --tw-shadow: var(--tw-shadow-colored) !important } @media not all and (min-width: 1536px) { .max-2xl\:top-full { top: 100% } .max-2xl\:hidden { display: none } .max-2xl\:justify-center { justify-content: center } } @media not all and (min-width: 1280px) { .max-xl\:flex-col { flex-direction: column } } @media not all and (min-width: 1024px) { .max-lg\:-left-\[--gap\] { left: calc(var(--gap) * -1) } .max-lg\:left-1\/2 { left: 50% } .max-lg\:left-6 { left: 1.5rem } .max-lg\:right-auto { right: auto } .max-lg\:top-6 { top: 1.5rem } .max-lg\:isolate { isolation: isolate } .max-lg\:mx-auto { margin-left: auto; margin-right: auto } .max-lg\:mb-\[--range-2\] { margin-bottom: var(--range-2) } .max-lg\:flex { display: flex } .max-lg\:hidden { display: none } .max-lg\:aspect-square { aspect-ratio: 1 / 1 } .max-lg\:h-px { height: 1px } .max-lg\:w-\[calc\(100\%\+var\(--gap\)\*2\)\] { width: calc(100% + var(--gap) * 2) } .max-lg\:snap-x { scroll-snap-type: x var(--tw-scroll-snap-strictness) } .max-lg\:\!grid-rows-1 { grid-template-rows: repeat(1, minmax(0, 1fr)) !important } .max-lg\:flex-col { flex-direction: column } .max-lg\:justify-center { justify-content: center } .max-lg\:justify-between { justify-content: space-between } .max-lg\:overflow-clip { overflow: clip } .max-lg\:overflow-x-auto { overflow-x: auto } .max-lg\:overflow-y-hidden { overflow-y: hidden } .max-lg\:rounded-2xl { border-radius: 1rem } .max-lg\:rounded-lg { border-radius: .5rem } .max-lg\:border { border-width: 1px } .max-lg\:border-white\/50 { border-color: #ffffff80 } .max-lg\:to-black\/50 { --tw-gradient-to: rgb(10 10 10 / .5) var(--tw-gradient-to-position) } .max-lg\:p-6 { padding: 1.5rem } .max-lg\:px-0 { padding-left: 0; padding-right: 0 } .max-lg\:px-4 { padding-left: 1rem; padding-right: 1rem } .max-lg\:px-\[--gap\] { padding-left: var(--gap); padding-right: var(--gap) } .max-lg\:py-16 { padding-top: 4rem; padding-bottom: 4rem } .max-lg\:py-\[--range-1\] { padding-top: var(--range-1); padding-bottom: var(--range-1) } .max-lg\:pb-10 { padding-bottom: 2.5rem } @supports (-moz-appearance:none) { .max-lg\:scrollbar-none { scrollbar-width: none } } .max-lg\:scrollbar-none::-webkit-scrollbar { display: none } .max-lg\:\*\:\!text-left > * { text-align: left !important } .max-lg\:\*\:text-center > * { text-align: center } } @media not all and (min-width: 768px) { .max-md\:right-6 { right: 1.5rem } .max-md\:top-6 { top: 1.5rem } .max-md\:mx-auto { margin-left: auto; margin-right: auto } .max-md\:mt-0 { margin-top: 0 } .max-md\:grid { display: grid } .max-md\:\!hidden { display: none !important } .max-md\:hidden { display: none } .max-md\:\!aspect-\[5\/4\] { aspect-ratio: 5/4 !important } .max-md\:max-h-\[250px\] { max-height: 250px } .max-md\:w-full { width: 100% } .max-md\:\!max-w-none { max-width: none !important } .max-md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)) } .max-md\:flex-col { flex-direction: column } .max-md\:gap-6 { gap: 1.5rem } .max-md\:gap-\[--range-1\] { gap: var(--range-1) } .max-md\:rounded-lg { border-radius: .5rem } .max-md\:border { border-width: 1px } .max-md\:border-black\/5 { border-color: #0a0a0a0d } .max-md\:p-4 { padding: 1rem } .max-md\:pb-\[--range-2\] { padding-bottom: var(--range-2) } .max-md\:opacity-50 { opacity: .5 } .max-md\:\[mask-image\:linear-gradient\(90deg\,rgba\(0\,0\,0\,var\(--opacity-1\)\)_var\(--range-1\)\,black_5\%\,black_95\%\,rgba\(0\,0\,0\,var\(--opacity-2\)\)_calc\(100\%-var\(--range-1\)\)\)\] { -webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, var(--opacity-1)) var(--range-1), black 5%, black 95%, rgba(0, 0, 0, var(--opacity-2)) calc(100% - var(--range-1))); mask-image: linear-gradient(90deg, rgba(0, 0, 0, var(--opacity-1)) var(--range-1), black 5%, black 95%, rgba(0, 0, 0, var(--opacity-2)) calc(100% - var(--range-1))) } .max-md\:\*\:\!text-center > * { text-align: center !important } .max-md\:\*\:text-center > * { text-align: center } } @media not all and (min-width: 640px) { .max-sm\:left-4 { left: 1rem } .max-sm\:right-4 { right: 1rem } .max-sm\:top-4 { top: 1rem } .max-sm\:grid { display: grid } .max-sm\:grid-cols-\[minmax\(0\,4fr\)_minmax\(0\,8fr\)\] { grid-template-columns: minmax(0, 4fr) minmax(0, 8fr) } .max-sm\:items-center { align-items: center } .max-sm\:gap-6 { gap: 1.5rem } } @media (min-width: 640px) { .sm\:bottom-0 { bottom: 0 } .sm\:right-0 { right: 0 } .sm\:-mt-6 { margin-top: -1.5rem } .sm\:mt-\[--range-2\] { margin-top: var(--range-2) } .sm\:max-w-\[330px\] { max-width: 330px } .sm\:max-w-none { max-width: none } .sm\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)) } .sm\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)) } .sm\:flex-col { flex-direction: column } .sm\:items-start { align-items: flex-start } .sm\:gap-4 { gap: 1rem } } @media (min-width: 768px) { .md\:left-full { left: 100% } .md\:order-1 { order: 1 } .md\:order-2 { order: 2 } .md\:order-3 { order: 3 } .md\:col-span-2 { grid-column: span 2 / span 2 } .md\:col-span-3 { grid-column: span 3 / span 3 } .md\:mx-auto { margin-left: auto; margin-right: auto } .md\:-mt-8 { margin-top: -2rem } .md\:mb-\[--range-5\] { margin-bottom: var(--range-5) } .md\:ml-auto { margin-left: auto } .md\:mr-0 { margin-right: 0 } .md\:mt-\[-20\%\] { margin-top: -20% } .md\:mt-\[-22\.5\%\] { margin-top: -22.5% } .md\:hidden { display: none } .md\:h-\[50px\] { height: 50px } .md\:min-w-\[75dvw\] { min-width: 75dvw } .md\:max-w-\[--range-4\] { max-width: var(--range-4) } .md\:max-w-\[300px\] { max-width: 300px } .md\:max-w-\[416px\] { max-width: 416px } .md\:max-w-\[688px\] { max-width: 688px } .md\:max-w-\[700px\] { max-width: 700px } .md\:-translate-x-1\/2 { --tw-translate-x: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .md\:-translate-y-1\/2 { --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .md\:translate-y-1\/4 { --tw-translate-y: 25%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .md\:rotate-\[-4deg\] { --tw-rotate: -4deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .md\:rotate-\[-9deg\] { --tw-rotate: -9deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .md\:rotate-\[3deg\] { --tw-rotate: 3deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .md\:rotate-\[4deg\] { --tw-rotate: 4deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .md\:rotate-\[9deg\] { --tw-rotate: 9deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)) } .md\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)) } .md\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)) } .md\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,18px\)_minmax\(0\,1fr\)\] { grid-template-columns: minmax(0, 1fr) minmax(0, 18px) minmax(0, 1fr) } .md\:grid-cols-\[minmax\(0\,240fr\)_minmax\(0\,635fr\)\] { grid-template-columns: minmax(0, 240fr) minmax(0, 635fr) } .md\:grid-cols-\[minmax\(0\,25fr\)_minmax\(0\,45fr\)\] { grid-template-columns: minmax(0, 25fr) minmax(0, 45fr) } .md\:grid-cols-\[minmax\(0\,30fr\)_minmax\(0\,45fr\)\] { grid-template-columns: minmax(0, 30fr) minmax(0, 45fr) } .md\:grid-cols-\[minmax\(0\,326fr\)_minmax\(0\,670fr\)\] { grid-template-columns: minmax(0, 326fr) minmax(0, 670fr) } .md\:grid-cols-\[minmax\(0\,535fr\)_minmax\(0\,815fr\)\] { grid-template-columns: minmax(0, 535fr) minmax(0, 815fr) } .md\:grid-cols-\[minmax\(0\,744fr\)_minmax\(0\,581fr\)\] { grid-template-columns: minmax(0, 744fr) minmax(0, 581fr) } .md\:gap-3 { gap: .75rem } .md\:gap-6 { gap: 1.5rem } .md\:px-\[--range-1\] { padding-left: var(--range-1); padding-right: var(--range-1) } .md\:pl-0 { padding-left: 0 } .md\:font-medium { font-weight: 500 } .md\:opacity-0 { opacity: 0 } .md\:shadow-4 { --tw-shadow: 0px 473px 132px 0px rgba(0, 0, 0, 0), 0px 303px 121px 0px rgba(0, 0, 0, .01), 0px 170px 102px 0px rgba(0, 0, 0, .05), 0px 76px 76px 0px rgba(0, 0, 0, .09), 0px 19px 42px 0px rgba(0, 0, 0, .1); --tw-shadow-colored: 0px 473px 132px 0px var(--tw-shadow-color), 0px 303px 121px 0px var(--tw-shadow-color), 0px 170px 102px 0px var(--tw-shadow-color), 0px 76px 76px 0px var(--tw-shadow-color), 0px 19px 42px 0px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) } .md\:odd\:translate-y-\[--range-5\]:nth-child(odd) { --tw-translate-y: var(--range-5); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .group\/slide.swiper-slide-next + .swiper-slide .md\:group-\[\&\.swiper-slide-next\+\.swiper-slide\]\/slide\:-translate-x-\[65\%\] { --tw-translate-x: -65%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .group\/slide.swiper-slide-next + .swiper-slide .md\:group-\[\&\.swiper-slide-next\+\.swiper-slide\]\/slide\:translate-y-\[15\%\] { --tw-translate-y: 15%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .group\/slide.swiper-slide:has(+.swiper-slide-prev) .md\:group-\[\&\.swiper-slide\:has\(\+\.swiper-slide-prev\)\]\/slide\:translate-x-\[65\%\] { --tw-translate-x: 65%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .group\/slide.swiper-slide:has(+.swiper-slide-prev) .md\:group-\[\&\.swiper-slide\:has\(\+\.swiper-slide-prev\)\]\/slide\:translate-y-\[15\%\] { --tw-translate-y: 15%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .group\/slide.swiper-slide-next + .swiper-slide .md\:group-\[\&\.swiper-slide-next\+\.swiper-slide\]\/slide\:rotate-\[12deg\] { --tw-rotate: 12deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .group\/slide.swiper-slide:has(+.swiper-slide-prev) .md\:group-\[\&\.swiper-slide\:has\(\+\.swiper-slide-prev\)\]\/slide\:rotate-\[-12deg\] { --tw-rotate: -12deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .group\/slide.swiper-slide-active .md\:group-slide-active\/slide\:translate-y-0 { --tw-translate-y: 0px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .group\/slide.swiper-slide-active .md\:group-slide-active\/slide\:opacity-100 { opacity: 1 } .group\/slide.swiper-slide-active .md\:group-slide-active\/slide\:delay-300 { transition-delay: .3s } .group\/slide.swiper-slide-next .md\:group-slide-next\/slide\:pointer-events-auto { pointer-events: auto } .group\/slide.swiper-slide-next .md\:group-slide-next\/slide\:-translate-x-\[32\.5\%\] { --tw-translate-x: -32.5%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .group\/slide.swiper-slide-next .md\:group-slide-next\/slide\:rotate-\[6deg\] { --tw-rotate: 6deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .group\/slide.swiper-slide-next .md\:group-slide-next\/slide\:scale-100 { --tw-scale-x: 1; --tw-scale-y: 1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .group\/slide.swiper-slide-next .md\:group-slide-next\/slide\:opacity-100 { opacity: 1 } .group\/slide.swiper-slide-prev .md\:group-slide-prev\/slide\:pointer-events-auto { pointer-events: auto } .group\/slide.swiper-slide-prev .md\:group-slide-prev\/slide\:translate-x-\[32\.5\%\] { --tw-translate-x: 32.5%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .group\/slide.swiper-slide-prev .md\:group-slide-prev\/slide\:rotate-\[-6deg\] { --tw-rotate: -6deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .group\/slide.swiper-slide-prev .md\:group-slide-prev\/slide\:opacity-100 { opacity: 1 } } @media (min-width: 1024px) { .lg\:absolute { position: absolute } .lg\:sticky { position: sticky } .lg\:right-\[calc\(100\%\+var\(--range-1\)\)\] { right: calc(100% + var(--range-1)) } .lg\:top-0 { top: 0 } .lg\:top-\[--gap\] { top: var(--gap) } .lg\:top-\[calc\(var\(--gap\)\+var\(--gap\)\*var\(--index\)\)\] { top: calc(var(--gap) + var(--gap) * var(--index)) } .lg\:col-span-2 { grid-column: span 2 / span 2 } .lg\:mb-\[--range-1\] { margin-bottom: var(--range-1) } .lg\:ml-auto { margin-left: auto } .lg\:mr-0 { margin-right: 0 } .lg\:flex { display: flex } .lg\:hidden { display: none } .lg\:h-full { height: 100% } .lg\:w-5 { width: 1.25rem } .lg\:w-\[90\%\] { width: 90% } .lg\:w-\[clamp\(calc\(100\%\+var\(--gap\)\)\,100vw\,calc\(100\%\+\(100vw-var\(--container-width\)\)\/2\)\)\] { width: clamp(calc(100% + var(--gap)), 100vw, calc(100% + (100vw - var(--container-width)) / 2)) } .lg\:w-fit { width: -moz-fit-content; width: fit-content } .lg\:max-w-\[--range-1\] { max-width: var(--range-1) } .lg\:max-w-\[376px\] { max-width: 376px } .lg\:max-w-\[452px\] { max-width: 452px } .lg\:max-w-\[545px\] { max-width: 545px } .lg\:max-w-\[680px\] { max-width: 680px } .lg\:-translate-x-1\/2 { --tw-translate-x: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .lg\:-translate-y-1\/2 { --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .lg\:-translate-y-full { --tw-translate-y: -100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .lg\:translate-x-1\/2 { --tw-translate-x: 50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .lg\:translate-y-\[10\%\] { --tw-translate-y: 10%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .lg\:translate-y-full { --tw-translate-y: 100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .lg\:-rotate-\[4deg\] { --tw-rotate: -4deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .lg\:rotate-\[-2deg\] { --tw-rotate: -2deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .lg\:rotate-\[-3deg\] { --tw-rotate: -3deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .lg\:rotate-\[2deg\] { --tw-rotate: 2deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .lg\:rotate-\[3deg\] { --tw-rotate: 3deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .lg\:rotate-\[4deg\] { --tw-rotate: 4deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .lg\:rotate-\[5deg\] { --tw-rotate: 5deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .lg\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)) } .lg\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)) } .lg\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)) } .lg\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)) } .lg\:grid-cols-\[minmax\(0\,350fr\)_minmax\(0\,1px\)_minmax\(0\,975fr\)_minmax\(0\,1px\)_minmax\(0\,350fr\)\] { grid-template-columns: minmax(0, 350fr) minmax(0, 1px) minmax(0, 975fr) minmax(0, 1px) minmax(0, 350fr) } .lg\:grid-cols-\[minmax\(0\,374fr\)_minmax\(0\,1px\)_minmax\(0\,1546fr\)\] { grid-template-columns: minmax(0, 374fr) minmax(0, 1px) minmax(0, 1546fr) } .lg\:grid-cols-\[minmax\(0\,3fr\)_minmax\(0\,5fr\)\] { grid-template-columns: minmax(0, 3fr) minmax(0, 5fr) } .lg\:grid-cols-\[minmax\(0\,580fr\)_minmax\(0\,840fr\)\] { grid-template-columns: minmax(0, 580fr) minmax(0, 840fr) } .lg\:grid-cols-\[minmax\(0\,900fr\)_minmax\(0\,500fr\)\] { grid-template-columns: minmax(0, 900fr) minmax(0, 500fr) } .lg\:justify-between { justify-content: space-between } .lg\:\!overflow-visible { overflow: visible !important } .lg\:rounded-\[--range-1\] { border-radius: var(--range-1) } .lg\:border-\[9px\] { border-width: 9px } .lg\:from-black\/35 { --tw-gradient-from: rgb(10 10 10 / .35) var(--tw-gradient-from-position); --tw-gradient-to: rgb(10 10 10 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) } .lg\:to-40\% { --tw-gradient-to-position: 40% } .lg\:to-45\% { --tw-gradient-to-position: 45% } .lg\:px-\[--gap\] { padding-left: var(--gap); padding-right: var(--gap) } .lg\:px-\[--range-2\] { padding-left: var(--range-2); padding-right: var(--range-2) } .lg\:px-\[calc\(var\(--gap\)\*2\)\] { padding-left: calc(var(--gap) * 2); padding-right: calc(var(--gap) * 2) } .lg\:pr-\[--range-2\] { padding-right: var(--range-2) } .lg\:pt-\[--range-1\] { padding-top: var(--range-1) } .lg\:text-mountain-mist\/60 { color: #8f8f8f99 } .lg\:opacity-0 { opacity: 0 } .lg\:\[justify-content\:safe_center\] { justify-content: safe center } .lg\:\[translate\:var\(--translate-x\)_0_0\] { translate: var(--translate-x) 0 0 } .lg\:odd\:rotate-2:nth-child(odd) { --tw-rotate: 2deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .lg\:even\:translate-y-\[--range-5\]:nth-child(2n) { --tw-translate-y: var(--range-5); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .lg\:even\:-rotate-2:nth-child(2n) { --tw-rotate: -2deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .group\/slide.swiper-slide-next + .swiper-slide .lg\:group-\[\&\.swiper-slide-next\+\.swiper-slide\]\/slide\:pointer-events-auto { pointer-events: auto } .group\/body:has(.field-header.scrolling-up) .lg\:group-\[\&\:has\(\.field-header\.scrolling-up\)\]\/body\:top-\[calc\(var\(--header-height\)\+var\(--gap\)\)\] { top: calc(var(--header-height) + var(--gap)) } .group\/slide.swiper-slide-next + .swiper-slide .lg\:group-\[\&\.swiper-slide-next\+\.swiper-slide\]\/slide\:scale-100 { --tw-scale-x: 1; --tw-scale-y: 1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .group\/slide.swiper-slide-next + .swiper-slide .lg\:group-\[\&\.swiper-slide-next\+\.swiper-slide\]\/slide\:opacity-100 { opacity: 1 } .lg\:toggle\:pointer-events-none.toggle { pointer-events: none } .group\/slide.swiper-slide-active .lg\:group-slide-active\/slide\:translate-y-0 { --tw-translate-y: 0px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .group\/slide.swiper-slide-active .lg\:group-slide-active\/slide\:opacity-100 { opacity: 1 } .group\/slide.swiper-slide-active .lg\:group-slide-active\/slide\:delay-500 { transition-delay: .5s } .group\/slide.swiper-slide-active .lg\:group-slide-active\/slide\:delay-\[750ms\] { transition-delay: .75s } .group\/slide.swiper-slide-next .lg\:group-slide-next\/slide\:translate-x-\[25\%\] { --tw-translate-x: 25%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .group\/slide.swiper-slide-next .lg\:group-slide-next\/slide\:translate-y-\[20\%\] { --tw-translate-y: 20%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .group\/slide.swiper-slide-next .lg\:group-slide-next\/slide\:rotate-12 { --tw-rotate: 12deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .group\/slide.swiper-slide-next .lg\:group-slide-next\/slide\:opacity-30 { opacity: .3 } .group\/slide.swiper-slide-prev .lg\:group-slide-prev\/slide\:-translate-y-full { --tw-translate-y: -100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .group\/slide.swiper-slide-prev .lg\:group-slide-prev\/slide\:translate-x-full { --tw-translate-x: 100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } } @media (min-width: 1280px) { .xl\:col-span-5 { grid-column: span 5 / span 5 } .xl\:-mt-10 { margin-top: -2.5rem } .xl\:mt-\[--range-1\] { margin-top: var(--range-1) } .xl\:w-\[110\%\] { width: 110% } .xl\:-translate-x-\[5\%\] { --tw-translate-x: -5%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .xl\:translate-y-\[5\%\] { --tw-translate-y: 5%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .xl\:grid-cols-10 { grid-template-columns: repeat(10, minmax(0, 1fr)) } .xl\:items-center { align-items: center } } @media (min-width: 1536px) { .\32xl\:-translate-y-\[4\%\] { --tw-translate-y: -4%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } } .\[\&\.scrolling-down\:not\(\.toggle\)\]\:-translate-y-full.scrolling-down:not(.toggle) { --tw-translate-y: -100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .\[\&\.scrolling\:not\(\.toggle\)\]\:bg-white.scrolling:not(.toggle) { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) } .\[\&\.scrolling\:not\(\.toggle\)\]\:shadow-1.scrolling:not(.toggle) { --tw-shadow: 0px 802px 224px 0px rgba(0, 0, 0, 0), 0px 513px 205px 0px rgba(0, 0, 0, 0), 0px 289px 173px 0px rgba(0, 0, 0, .01), 0px 128px 128px 0px rgba(0, 0, 0, .02), 0px 32px 71px 0px rgba(0, 0, 0, .02); --tw-shadow-colored: 0px 802px 224px 0px var(--tw-shadow-color), 0px 513px 205px 0px var(--tw-shadow-color), 0px 289px 173px 0px var(--tw-shadow-color), 0px 128px 128px 0px var(--tw-shadow-color), 0px 32px 71px 0px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) } .\[\&\:has\(button\.swiper-button-lock\)\]\:\!hidden:has(button.swiper-button-lock) { display: none !important } .\[\&\:has\(option\:checked\:disabled\)\]\:text-\[--text-passive-color\]:has(option:checked:disabled) { color: var(--text-passive-color) } .\[\&\:not\(\.toggle\)\]\:pointer-events-none:not(.toggle) { pointer-events: none } .\[\&\:not\(\.toggle\)\]\:absolute:not(.toggle) { position: absolute } .\[\&\:not\(\:last-child\)\]\:mr-\[--range-1\]:not(:last-child) { margin-right: var(--range-1) } @media not all and (min-width: 1024px) { .max-lg\:\[\&\>div\]\:w-\[25\%\] > div { width: 25% } .max-lg\:\[\&\>div\]\:shrink-0 > div { flex-shrink: 0 } .max-lg\:\[\&\>div\]\:snap-center > div { scroll-snap-align: center } } @media not all and (min-width: 768px) { .max-md\:\[\&\>div\]\:w-\[40\%\] > div { width: 40% } } @media not all and (min-width: 640px) { .max-sm\:\[\&\>div\]\:w-\[55\%\] > div { width: 55% } } .\[\&\>path\]\:stroke-mine-shaft > path { stroke: #2e2e2e } .\[\&\>path\]\:stroke-white > path { stroke: #fff } .\[\&_\.background\]\:bg-\[--white\] .background { background-color: var(--white) } .\[\&_\.background\]\:bg-\[hsl\(from_var\(--theme-color\)_h_s_40\%\)\] .background { background-color: hsl(from var(--theme-color) h s 40%) } .peer:checked ~ .peer-checked\:\[\&_\.fill\]\:scale-100 .fill { --tw-scale-x: 1; --tw-scale-y: 1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .peer:checked ~ .peer-checked\:\[\&_\.fill\]\:opacity-100 .fill { opacity: 1 } @media not all and (min-width: 1024px) { .max-lg\:\[\&_br\]\:hidden br { display: none } } .\[\&_button\:hover\]\:text-\[--text-hover-color\] button:hover { color: var(--text-hover-color) } .\[\&_input\]\:relative input { position: relative } .\[\&_input\]\:z-\[3\] input { z-index: 3 } .\[\&_input\]\:appearance-none input { -webkit-appearance: none; -moz-appearance: none; appearance: none } .\[\&_input\]\:border-0 input { border-width: 0px } .\[\&_input\]\:bg-transparent input { background-color: transparent } .\[\&_input\]\:text-\[--text-color\] input { color: var(--text-color) } .\[\&_input\]\:outline-none input { outline: 2px solid transparent; outline-offset: 2px } .\[\&_input\]\:duration-300 input { transition-duration: .3s } .\[\&_option\]\:\!bg-white option { --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important } .\[\&_option\]\:\!text-black option { --tw-text-opacity: 1 !important; color: rgb(10 10 10 / var(--tw-text-opacity, 1)) !important } .\[\&_path\]\:\!stroke-white path { stroke: #fff !important } .\[\&_span\.swiper-pagination-bullet-active\]\:w-\[calc\(var\(--range-2\)\*3\)\] span.swiper-pagination-bullet-active { width: calc(var(--range-2) * 3) } .\[\&_span\:not\(\.swiper-pagination-bullet-active\)\:hover\]\:scale-110 span:not(.swiper-pagination-bullet-active):hover { --tw-scale-x: 1.1; --tw-scale-y: 1.1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .\[\&_span\]\:\!m-0 span { margin: 0 !important } .\[\&_span\]\:size-\[--range-2\] span { width: var(--range-2); height: var(--range-2) } .\[\&_span\]\:\!rounded-full span { border-radius: 9999px !important } .\[\&_span\]\:bg-alizarin-crimson span { --tw-bg-opacity: 1; background-color: rgb(27 177 188 / var(--tw-bg-opacity, 1)) } .\[\&_span\]\:opacity-100 span { opacity: 1 } .\[\&_span\]\:\!duration-300 span { transition-duration: .3s !important } .\[\&_svg\]\:\!fill-alizarin-crimson svg { fill: #1bb1bc !important } @media (max-height:1200px) { @media (min-width: 1024px) { .\[\@media\(max-height\:1200px\)\]\:lg\:min-h-\[calc\(100dvh-var\(--header-height\)\)\] { min-height: calc(100dvh - var(--header-height)) } .\[\@media\(max-height\:1200px\)\]\:lg\:min-h-dvh { min-height: 100dvh } } } .aora-logo { transition: transform .45s cubic-bezier(.22, 1, .36, 1) } .aora-logo:hover { transform: scale(1.18) }