/* [next]/internal/font/google/geist_e531dabc.module.css [app-client] (css) */ @font-face { font-family: Geist; font-style: normal; font-weight: 100 900; font-display: swap; src: url("../media/gyByhwUxId8gMEwYGFWNOITddY4-s.b7d310ad.woff2") format("woff2"); unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116; } @font-face { font-family: Geist; font-style: normal; font-weight: 100 900; font-display: swap; src: url("../media/gyByhwUxId8gMEwSGFWNOITddY4-s.81df3a5b.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: Geist; font-style: normal; font-weight: 100 900; font-display: swap; src: url("../media/gyByhwUxId8gMEwcGFWNOITd-s.p.1a6fa3e1.woff2") format("woff2"); unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: Geist Fallback; src: local(Arial); ascent-override: 95.94%; descent-override: 28.16%; line-gap-override: 0.0%; size-adjust: 104.76%; } .geist_e531dabc-module__QGiZLq__className { font-family: Geist, Geist Fallback; font-style: normal; } .geist_e531dabc-module__QGiZLq__variable { --font-geist-sans: "Geist", "Geist Fallback"; } /* [next]/internal/font/google/geist_mono_68a01160.module.css [app-client] (css) */ @font-face { font-family: Geist Mono; font-style: normal; font-weight: 100 900; font-display: swap; src: url("../media/or3nQ6H_1_WfwkMZI_qYFrMdmhHkjkotbA-s.cb6bbcb1.woff2") format("woff2"); unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116; } @font-face { font-family: Geist Mono; font-style: normal; font-weight: 100 900; font-display: swap; src: url("../media/or3nQ6H_1_WfwkMZI_qYFrkdmhHkjkotbA-s.e32db976.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: Geist Mono; font-style: normal; font-weight: 100 900; font-display: swap; src: url("../media/or3nQ6H_1_WfwkMZI_qYFrcdmhHkjko-s.p.be19f591.woff2") format("woff2"); unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: Geist Mono Fallback; src: local(Arial); ascent-override: 74.67%; descent-override: 21.92%; line-gap-override: 0.0%; size-adjust: 134.59%; } .geist_mono_68a01160-module__YLcDdW__className { font-family: Geist Mono, Geist Mono Fallback; font-style: normal; } .geist_mono_68a01160-module__YLcDdW__variable { --font-geist-mono: "Geist Mono", "Geist Mono Fallback"; } /* [project]/src/app/tthoves_1eadf2f1.module.css [app-client] (css) */ @font-face { font-family: ttHoves; src: url("../media/TT_Hoves_Pro_VF_Trial-s.p.20f5f93b.woff2") format("woff2"); font-display: swap; font-weight: 100 900; font-style: normal; } @font-face { font-family: ttHoves Fallback; src: local(Arial); ascent-override: 100.62%; descent-override: 26.16%; line-gap-override: 0.0%; size-adjust: 99.38%; } .tthoves_1eadf2f1-module__DmXOQG__className { font-family: ttHoves, ttHoves Fallback; } .tthoves_1eadf2f1-module__DmXOQG__variable { --font-tt-hoves: "ttHoves", "ttHoves Fallback"; } /* [project]/src/app/tthoves_1eadf2f1.module.css [app-client] (css) */ @font-face { font-family: ttHoves; src: url("../media/TT_Hoves_Pro_VF_Trial-s.p.20f5f93b.woff2") format("woff2"); font-display: swap; font-weight: 100 900; font-style: normal; } @font-face { font-family: ttHoves Fallback; src: local(Arial); ascent-override: 100.62%; descent-override: 26.16%; line-gap-override: 0.0%; size-adjust: 99.38%; } .tthoves_1eadf2f1-module__DmXOQG__className { font-family: ttHoves, ttHoves Fallback; } .tthoves_1eadf2f1-module__DmXOQG__variable { --font-tt-hoves: "ttHoves", "ttHoves Fallback"; } /* [project]/src/app/tthovesexpanded_845c7432.module.css [app-client] (css) */ @font-face { font-family: ttHovesExpanded; src: url("../media/TT_Hoves_Pro_Trial_Expanded_Light-s.p.a38e861f.woff2") format("woff2"); font-display: swap; font-weight: 300; font-style: normal; } @font-face { font-family: ttHovesExpanded; src: url("../media/TT_Hoves_Pro_Trial_Expanded_Regular-s.p.b4788d8d.woff2") format("woff2"); font-display: swap; font-weight: 400; font-style: normal; } @font-face { font-family: ttHovesExpanded; src: url("../media/TT_Hoves_Pro_Trial_Expanded_Medium-s.p.4a193e2f.woff2") format("woff2"); font-display: swap; font-weight: 500; font-style: normal; } @font-face { font-family: ttHovesExpanded; src: url("../media/TT_Hoves_Pro_Trial_Expanded_DemiBold-s.p.ff64eda5.woff2") format("woff2"); font-display: swap; font-weight: 600; font-style: normal; } @font-face { font-family: ttHovesExpanded; src: url("../media/TT_Hoves_Pro_Trial_Expanded_Bold-s.p.21355aa3.woff2") format("woff2"); font-display: swap; font-weight: 700; font-style: normal; } @font-face { font-family: ttHovesExpanded; src: url("../media/TT_Hoves_Pro_Trial_Expanded_ExtraBold-s.p.ea9beab6.woff2") format("woff2"); font-display: swap; font-weight: 800; font-style: normal; } @font-face { font-family: ttHovesExpanded; src: url("../media/TT_Hoves_Pro_Trial_Expanded_Black-s.p.edda1cb7.woff2") format("woff2"); font-display: swap; font-weight: 900; font-style: normal; } @font-face { font-family: ttHovesExpanded Fallback; src: local(Arial); ascent-override: 88.84%; descent-override: 23.1%; line-gap-override: 0.0%; size-adjust: 112.56%; } .tthovesexpanded_845c7432-module__3nyVRa__className { font-family: ttHovesExpanded, ttHovesExpanded Fallback; } .tthovesexpanded_845c7432-module__3nyVRa__variable { --font-tt-hoves-expanded: "ttHovesExpanded", "ttHovesExpanded Fallback"; } /* [project]/src/app/tthovesexpanded_845c7432.module.css [app-client] (css) */ @font-face { font-family: ttHovesExpanded; src: url("../media/TT_Hoves_Pro_Trial_Expanded_Light-s.p.a38e861f.woff2") format("woff2"); font-display: swap; font-weight: 300; font-style: normal; } @font-face { font-family: ttHovesExpanded; src: url("../media/TT_Hoves_Pro_Trial_Expanded_Regular-s.p.b4788d8d.woff2") format("woff2"); font-display: swap; font-weight: 400; font-style: normal; } @font-face { font-family: ttHovesExpanded; src: url("../media/TT_Hoves_Pro_Trial_Expanded_Medium-s.p.4a193e2f.woff2") format("woff2"); font-display: swap; font-weight: 500; font-style: normal; } @font-face { font-family: ttHovesExpanded; src: url("../media/TT_Hoves_Pro_Trial_Expanded_DemiBold-s.p.ff64eda5.woff2") format("woff2"); font-display: swap; font-weight: 600; font-style: normal; } @font-face { font-family: ttHovesExpanded; src: url("../media/TT_Hoves_Pro_Trial_Expanded_Bold-s.p.21355aa3.woff2") format("woff2"); font-display: swap; font-weight: 700; font-style: normal; } @font-face { font-family: ttHovesExpanded; src: url("../media/TT_Hoves_Pro_Trial_Expanded_ExtraBold-s.p.ea9beab6.woff2") format("woff2"); font-display: swap; font-weight: 800; font-style: normal; } @font-face { font-family: ttHovesExpanded; src: url("../media/TT_Hoves_Pro_Trial_Expanded_Black-s.p.edda1cb7.woff2") format("woff2"); font-display: swap; font-weight: 900; font-style: normal; } @font-face { font-family: ttHovesExpanded Fallback; src: local(Arial); ascent-override: 88.84%; descent-override: 23.1%; line-gap-override: 0.0%; size-adjust: 112.56%; } .tthovesexpanded_845c7432-module__3nyVRa__className { font-family: ttHovesExpanded, ttHovesExpanded Fallback; } .tthovesexpanded_845c7432-module__3nyVRa__variable { --font-tt-hoves-expanded: "ttHovesExpanded", "ttHovesExpanded Fallback"; } /* [project]/node_modules/swiper/swiper.css [app-client] (css, ) */ @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: translate3d(0, 0, 0); } .swiper-horizontal { touch-action: pan-y; } .swiper-vertical { touch-action: pan-x; } .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; 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); -webkit-backface-visibility: hidden; 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-slide, .swiper-3d .swiper-cube-shadow { 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-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom { 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(#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: #0000; } .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader, .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader { animation: 1s linear infinite swiper-preloader-spin; } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff; } .swiper-lazy-preloader-black { --swiper-preloader-color: #000; } @keyframes swiper-preloader-spin { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } } /* [project]/node_modules/swiper/modules/navigation.css [app-client] (css, ) */ :root { --swiper-navigation-size: 44px; } .swiper-button-prev, .swiper-button-next { 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-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: .35; cursor: auto; pointer-events: none; } .swiper-button-prev.swiper-button-hidden, .swiper-button-next.swiper-button-hidden { opacity: 0; cursor: auto; pointer-events: none; } .swiper-navigation-disabled .swiper-button-prev, .swiper-navigation-disabled .swiper-button-next { display: none !important; } .swiper-button-prev svg, .swiper-button-next svg { width: 100%; height: 100%; object-fit: contain; transform-origin: center; } .swiper-rtl .swiper-button-prev svg, .swiper-rtl .swiper-button-next svg { transform: rotate(180deg); } .swiper-button-prev, .swiper-rtl .swiper-button-next { left: var(--swiper-navigation-sides-offset, 10px); right: auto; } .swiper-button-next, .swiper-rtl .swiper-button-prev { right: var(--swiper-navigation-sides-offset, 10px); left: auto; } .swiper-button-lock { display: none; } .swiper-button-prev:after, .swiper-button-next:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); letter-spacing: 0; font-variant: initial; line-height: 1; text-transform: none !important; } .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after { content: "prev"; } .swiper-button-next, .swiper-rtl .swiper-button-prev { right: var(--swiper-navigation-sides-offset, 10px); left: auto; } .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { content: "next"; } /* [project]/node_modules/swiper/modules/pagination.css [app-client] (css, ) */ :root { } .swiper-pagination { position: absolute; text-align: center; transition: opacity .3s; transform: translate3d(0, 0, 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-pagination-fraction, .swiper-pagination-custom, .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal { 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 { transform: scale(1); } .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; 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-vertical > .swiper-pagination-bullets, .swiper-pagination-vertical.swiper-pagination-bullets { right: var(--swiper-pagination-right, 8px); left: var(--swiper-pagination-left, auto); top: 50%; transform: translate3d(0, -50%, 0); } .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet { margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0; display: block; } .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px; } .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: transform .2s, top .2s; } .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: translateX(-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: transform .2s, left .2s; } .swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: transform .2s, right .2s; } .swiper-pagination-fraction { color: var(--swiper-pagination-fraction-color, inherit); } .swiper-pagination-progressbar { background: var(--swiper-pagination-progressbar-bg-color, #00000040); position: absolute; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color, var(--swiper-theme-color)); position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(0); transform-origin: 0 0; } .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: 100% 0; } .swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite { width: 100%; height: var(--swiper-pagination-progressbar-size, 4px); left: 0; top: 0; } .swiper-vertical > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite { width: var(--swiper-pagination-progressbar-size, 4px); height: 100%; left: 0; top: 0; } .swiper-pagination-lock { display: none; } /* [project]/node_modules/swiper/modules/free-mode.css [app-client] (css, ) */ .swiper-free-mode > .swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto; } /* [project]/node_modules/swiper/modules/thumbs.css [app-client] (css, ) */ /* [project]/src/app/globals.css [app-client] (css) */ *, :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: #3b82f680; --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: #3b82f680; --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: #e5e7eb; } :before, :after { --tw-content: ""; } html, :host { line-height: 1.5; -webkit-text-size-adjust: 100%; -moz-tab-size: 4; tab-size: 4; font-family: var(--font-tt-hoves), system-ui, -apple-system, Segoe UI, Roboto, sans-serif; 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]) { text-decoration: underline dotted; } h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } a { color: inherit; text-decoration: inherit; } b, strong { font-weight: bolder; } code, kbd, samp, pre { font-family: var(--font-geist-mono), ui-monospace, SFMono-Regular, 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: #0000; 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, h1, h2, h3, h4, h5, 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::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; } .container { width: 100%; } @media (width >= 640px) { .container { max-width: 640px; } } @media (width >= 768px) { .container { max-width: 768px; } } @media (width >= 1024px) { .container { max-width: 1024px; } } @media (width >= 1280px) { .container { max-width: 1280px; } } @media (width >= 1536px) { .container { max-width: 1536px; } } .btn-primary { display: inline-flex; align-items: center; justify-content: center; border-radius: 9999px; padding-left: 1.5rem; padding-right: 1.5rem; padding-top: .625rem; padding-bottom: .625rem; font-weight: 600; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); background: linear-gradient(90deg, var(--primary-orange), var(--primary-blue)); box-shadow: 0 4px 15px #ff7a5a66; transition: transform .2s, box-shadow .2s; } .btn-primary:hover { transform: translateY(-2px); box-shadow: 0 8px 25px #9333ea80; } .card { border-radius: 1rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(51 65 85 / var(--tw-border-opacity, 1)); background-color: #1e293bb3; } .btn-success { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); border-radius: .5rem; background-color: #22c55ee6; padding-left: 1.25rem; padding-right: 1.25rem; padding-top: .5rem; padding-bottom: .5rem; font-weight: 600; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); --tw-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a; --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); --tw-shadow-color: #16a34a4d; --tw-shadow: var(--tw-shadow-colored); transition-property: all; transition-duration: .3s; transition-timing-function: cubic-bezier(.4, 0, .2, 1); } .btn-success:hover { --tw-translate-y: -.125rem; --tw-scale-x: 1.05; --tw-scale-y: 1.05; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); --tw-bg-opacity: 1; background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1)); } .btn-success:active { --tw-scale-x: .95; --tw-scale-y: .95; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .btn-danger { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); border-radius: .5rem; background-color: #ef4444e6; padding-left: 1.25rem; padding-right: 1.25rem; padding-top: .5rem; padding-bottom: .5rem; font-weight: 600; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); --tw-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a; --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); --tw-shadow-color: #dc26264d; --tw-shadow: var(--tw-shadow-colored); transition-property: all; transition-duration: .3s; transition-timing-function: cubic-bezier(.4, 0, .2, 1); } .btn-danger:hover { --tw-translate-y: -.125rem; --tw-scale-x: 1.05; --tw-scale-y: 1.05; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); --tw-bg-opacity: 1; background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1)); } .btn-danger:active { --tw-scale-x: .95; --tw-scale-y: .95; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .tag { border-radius: 9999px; padding-left: .625rem; padding-right: .625rem; padding-top: .25rem; padding-bottom: .25rem; font-size: .75rem; line-height: 1rem; font-weight: 600; } .tag-followers { background-color: #0ea5e933; --tw-text-opacity: 1; color: rgb(125 211 252 / var(--tw-text-opacity, 1)); } .tag-engagement { background-color: #f59e0b33; --tw-text-opacity: 1; color: rgb(252 211 77 / var(--tw-text-opacity, 1)); } .tab-active { border-bottom-width: 2px; --tw-border-opacity: 1; border-color: rgb(192 132 252 / var(--tw-border-opacity, 1)); --tw-text-opacity: 1; color: rgb(192 132 252 / var(--tw-text-opacity, 1)); } .tab-inactive { border-bottom-width: 2px; border-color: #0000; --tw-text-opacity: 1; color: rgb(148 163 184 / var(--tw-text-opacity, 1)); } .tab-inactive:hover { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; } .pointer-events-none { pointer-events: none; } .visible { visibility: visible; } .invisible { visibility: hidden; } .static { position: static; } .fixed { position: fixed; } .absolute { position: absolute; } .relative { position: relative; } .sticky { position: sticky; } .inset-0 { inset: 0; } .inset-\[6px\] { inset: 6px; } .inset-x-0 { left: 0; right: 0; } .inset-y-0 { top: 0; bottom: 0; } .-bottom-12 { bottom: -3rem; } .-bottom-6 { bottom: -1.5rem; } .-left-10 { left: -2.5rem; } .-left-12 { left: -3rem; } .-left-16 { left: -4rem; } .-left-2\.5 { left: -.625rem; } .-left-6 { left: -1.5rem; } .-right-1 { right: -.25rem; } .-right-10 { right: -2.5rem; } .-right-14 { right: -3.5rem; } .-right-24 { right: -6rem; } .-right-8 { right: -2rem; } .-top-1 { top: -.25rem; } .-top-10 { top: -2.5rem; } .-top-16 { top: -4rem; } .-top-2 { top: -.5rem; } .-top-3 { top: -.75rem; } .-top-5 { top: -1.25rem; } .-top-8 { top: -2rem; } .bottom-0 { bottom: 0; } .bottom-10 { bottom: 2.5rem; } .bottom-5 { bottom: 1.25rem; } .bottom-8 { bottom: 2rem; } .left-0 { left: 0; } .left-1\/2 { left: 50%; } .left-2 { left: .5rem; } .left-3 { left: .75rem; } .left-8 { left: 2rem; } .left-\[-6px\] { left: -6px; } .left-\[50\%\] { left: 50%; } .right-0 { right: 0; } .right-1 { right: .25rem; } .right-2 { right: .5rem; } .right-2\.5 { right: .625rem; } .right-3 { right: .75rem; } .right-4 { right: 1rem; } .right-5 { right: 1.25rem; } .top-0 { top: 0; } .top-1 { top: .25rem; } .top-1\/2 { top: 50%; } .top-2 { top: .5rem; } .top-3 { top: .75rem; } .top-4 { top: 1rem; } .top-\[-50px\] { top: -50px; } .top-\[50\%\] { top: 50%; } .top-\[96px\] { top: 96px; } .top-\[calc\(100\%\+8px\)\] { top: calc(100% + 8px); } .top-full { top: 100%; } .z-0 { z-index: 0; } .z-10 { z-index: 10; } .z-20 { z-index: 20; } .z-50 { z-index: 50; } .z-\[100\] { z-index: 100; } .z-\[1\] { z-index: 1; } .z-\[60\] { z-index: 60; } .z-\[9998\] { z-index: 9998; } .z-\[9999\] { z-index: 9999; } .order-1 { order: 1; } .order-2 { order: 2; } .col-span-full { grid-column: 1 / -1; } .col-start-1 { grid-column-start: 1; } .col-start-3 { grid-column-start: 3; } .-mx-1 { margin-left: -.25rem; margin-right: -.25rem; } .mx-4 { margin-left: 1rem; margin-right: 1rem; } .mx-auto { margin-left: auto; margin-right: auto; } .my-1 { margin-top: .25rem; margin-bottom: .25rem; } .my-2 { margin-top: .5rem; margin-bottom: .5rem; } .my-3 { margin-top: .75rem; margin-bottom: .75rem; } .my-4 { margin-top: 1rem; margin-bottom: 1rem; } .-mb-\[1px\] { margin-bottom: -1px; } .-mb-px { margin-bottom: -1px; } .-mt-0\.5 { margin-top: -.125rem; } .-mt-24 { margin-top: -6rem; } .mb-1 { margin-bottom: .25rem; } .mb-1\.5 { margin-bottom: .375rem; } .mb-10 { margin-bottom: 2.5rem; } .mb-12 { margin-bottom: 3rem; } .mb-16 { margin-bottom: 4rem; } .mb-2 { margin-bottom: .5rem; } .mb-20 { margin-bottom: 5rem; } .mb-3 { margin-bottom: .75rem; } .mb-4 { margin-bottom: 1rem; } .mb-5 { margin-bottom: 1.25rem; } .mb-6 { margin-bottom: 1.5rem; } .mb-8 { margin-bottom: 2rem; } .mb-\[146px\] { margin-bottom: 146px; } .mb-\[14px\] { margin-bottom: 14px; } .mb-\[16px\] { margin-bottom: 16px; } .mb-\[18px\] { margin-bottom: 18px; } .mb-\[20px\] { margin-bottom: 20px; } .mb-\[40px\] { margin-bottom: 40px; } .mb-\[56px\] { margin-bottom: 56px; } .ml-0\.5 { margin-left: .125rem; } .ml-1 { margin-left: .25rem; } .ml-14 { margin-left: 3.5rem; } .ml-2 { margin-left: .5rem; } .ml-3 { margin-left: .75rem; } .ml-auto { margin-left: auto; } .mr-1 { margin-right: .25rem; } .mr-1\.5 { margin-right: .375rem; } .mr-2 { margin-right: .5rem; } .mr-3 { margin-right: .75rem; } .mr-4 { margin-right: 1rem; } .mr-5 { margin-right: 1.25rem; } .mr-\[36px\] { margin-right: 36px; } .mt-0 { margin-top: 0; } .mt-0\.5 { margin-top: .125rem; } .mt-1 { margin-top: .25rem; } .mt-10 { margin-top: 2.5rem; } .mt-12 { margin-top: 3rem; } .mt-16 { margin-top: 4rem; } .mt-2 { margin-top: .5rem; } .mt-20 { margin-top: 5rem; } .mt-3 { margin-top: .75rem; } .mt-4 { margin-top: 1rem; } .mt-5 { margin-top: 1.25rem; } .mt-6 { margin-top: 1.5rem; } .mt-8 { margin-top: 2rem; } .mt-\[0px\] { margin-top: 0; } .mt-\[124px\] { margin-top: 124px; } .mt-\[146px\] { margin-top: 146px; } .mt-\[24px\] { margin-top: 24px; } .mt-\[30px\] { margin-top: 30px; } .mt-\[70px\] { margin-top: 70px; } .mt-\[92px\] { margin-top: 92px; } .mt-auto { margin-top: auto; } .line-clamp-2 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .line-clamp-3 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .block { display: block; } .inline-block { display: inline-block; } .inline { display: inline; } .flex { display: flex; } .inline-flex { display: inline-flex; } .grid { display: grid; } .hidden { display: none; } .aspect-\[16\/11\] { aspect-ratio: 16 / 11; } .aspect-\[4\/3\] { aspect-ratio: 4 / 3; } .aspect-\[47\/97\] { aspect-ratio: 47 / 97; } .aspect-\[9\/16\] { aspect-ratio: 9 / 16; } .aspect-square { aspect-ratio: 1; } .aspect-video { aspect-ratio: 16 / 9; } .\!h-\[84px\] { height: 84px !important; } .h-1\.5 { height: .375rem; } .h-10 { height: 2.5rem; } .h-12 { height: 3rem; } .h-14 { height: 3.5rem; } .h-16 { height: 4rem; } .h-2 { height: .5rem; } .h-20 { height: 5rem; } .h-24 { height: 6rem; } .h-28 { height: 7rem; } .h-3 { height: .75rem; } .h-3\.5 { height: .875rem; } .h-32 { height: 8rem; } .h-36 { height: 9rem; } .h-4 { height: 1rem; } .h-40 { height: 10rem; } .h-44 { height: 11rem; } .h-48 { height: 12rem; } .h-5 { height: 1.25rem; } .h-56 { height: 14rem; } .h-6 { height: 1.5rem; } .h-64 { height: 16rem; } .h-7 { height: 1.75rem; } .h-8 { height: 2rem; } .h-9 { height: 2.25rem; } .h-\[22px\] { height: 22px; } .h-\[271px\] { height: 271px; } .h-\[30px\] { height: 30px; } .h-\[400px\] { height: 400px; } .h-\[60px\] { height: 60px; } .h-\[60vh\] { height: 60vh; } .h-\[calc\(100\%-15px\)\] { height: calc(100% - 15px); } .h-auto { height: auto; } .h-fit { height: fit-content; } .h-full { height: 100%; } .h-px { height: 1px; } .max-h-5 { max-height: 1.25rem; } .max-h-52 { max-height: 13rem; } .max-h-80 { max-height: 20rem; } .max-h-\[100px\] { max-height: 100px; } .max-h-\[120px\] { max-height: 120px; } .max-h-\[250px\] { max-height: 250px; } .max-h-\[300px\] { max-height: 300px; } .max-h-\[var\(--radix-dropdown-menu-content-available-height\)\] { max-height: var(--radix-dropdown-menu-content-available-height); } .min-h-40 { min-height: 10rem; } .min-h-\[100px\] { min-height: 100px; } .min-h-\[100svh\] { min-height: 100svh; } .min-h-\[120px\] { min-height: 120px; } .min-h-\[3\.25rem\] { min-height: 3.25rem; } .min-h-\[3\.75rem\] { min-height: 3.75rem; } .min-h-\[44px\] { min-height: 44px; } .min-h-\[48px\] { min-height: 48px; } .min-h-\[calc\(100vh-80px\)\] { min-height: calc(100vh - 80px); } .min-h-screen { min-height: 100vh; } .\!w-\[270px\] { width: 270px !important; } .\!w-\[84px\] { width: 84px !important; } .w-0 { width: 0; } .w-1\/3 { width: 33.3333%; } .w-10 { width: 2.5rem; } .w-14 { width: 3.5rem; } .w-16 { width: 4rem; } .w-2 { width: .5rem; } .w-20 { width: 5rem; } .w-24 { width: 6rem; } .w-28 { width: 7rem; } .w-3 { width: .75rem; } .w-3\.5 { width: .875rem; } .w-32 { width: 8rem; } .w-36 { width: 9rem; } .w-4 { width: 1rem; } .w-40 { width: 10rem; } .w-48 { width: 12rem; } .w-5 { width: 1.25rem; } .w-56 { width: 14rem; } .w-6 { width: 1.5rem; } .w-64 { width: 16rem; } .w-72 { width: 18rem; } .w-8 { width: 2rem; } .w-9 { width: 2.25rem; } .w-\[127px\] { width: 127px; } .w-\[150px\] { width: 150px; } .w-\[160px\] { width: 160px; } .w-\[1ch\] { width: 1ch; } .w-\[22px\] { width: 22px; } .w-\[270px\] { width: 270px; } .w-\[280px\] { width: 280px; } .w-\[305px\] { width: 305px; } .w-\[30px\] { width: 30px; } .w-\[315px\] { width: 315px; } .w-\[70vw\] { width: 70vw; } .w-\[80px\] { width: 80px; } .w-\[85\%\] { width: 85%; } .w-\[92vw\] { width: 92vw; } .w-\[clamp\(220px\,24vw\,340px\)\] { width: clamp(220px, 24vw, 340px); } .w-\[min\(500px\,90vw\)\] { width: min(500px, 90vw); } .w-\[min\(90vw\,320px\)\] { width: min(90vw, 320px); } .w-fit { width: fit-content; } .w-full { width: 100%; } .w-max { width: max-content; } .min-w-0 { min-width: 0; } .min-w-9 { min-width: 2.25rem; } .min-w-\[150px\] { min-width: 150px; } .min-w-\[210px\] { min-width: 210px; } .min-w-\[8rem\] { min-width: 8rem; } .min-w-max { min-width: max-content; } .max-w-2xl { max-width: 42rem; } .max-w-3xl { max-width: 48rem; } .max-w-4xl { max-width: 56rem; } .max-w-5xl { max-width: 64rem; } .max-w-6xl { max-width: 72rem; } .max-w-7xl { max-width: 80rem; } .max-w-\[1120px\] { max-width: 1120px; } .max-w-\[120px\] { max-width: 120px; } .max-w-\[1425px\] { max-width: 1425px; } .max-w-\[1480px\] { max-width: 1480px; } .max-w-\[180px\] { max-width: 180px; } .max-w-\[305px\] { max-width: 305px; } .max-w-\[350px\] { max-width: 350px; } .max-w-\[370px\] { max-width: 370px; } .max-w-\[375px\] { max-width: 375px; } .max-w-\[440px\] { max-width: 440px; } .max-w-\[600px\] { max-width: 600px; } .max-w-\[60ch\] { max-width: 60ch; } .max-w-\[68ch\] { max-width: 68ch; } .max-w-\[980px\] { max-width: 980px; } .max-w-full { max-width: 100%; } .max-w-lg { max-width: 32rem; } .max-w-md { max-width: 28rem; } .max-w-none { max-width: none; } .max-w-screen-2xl { max-width: 1536px; } .max-w-xl { max-width: 36rem; } .max-w-xs { max-width: 20rem; } .flex-1 { flex: 1; } .flex-shrink { flex-shrink: 1; } .flex-shrink-0 { flex-shrink: 0; } .shrink { flex-shrink: 1; } .shrink-0 { flex-shrink: 0; } .flex-grow { flex-grow: 1; } .origin-\[--radix-dropdown-menu-content-transform-origin\] { transform-origin: var(--radix-dropdown-menu-content-transform-origin); } .origin-center { transform-origin: center; } .origin-top-right { transform-origin: 100% 0; } .-translate-x-1\/2 { --tw-translate-x: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(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)) skewX(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)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-x-1\/2 { --tw-translate-x: 50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-x-2\/3 { --tw-translate-x: 66.6667%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-x-\[-50\%\] { --tw-translate-x: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-x-\[3px\] { --tw-translate-x: 3px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(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)) skewX(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)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-y-\[-50\%\] { --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-y-px { --tw-translate-y: 1px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(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)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-rotate-\[10deg\] { --tw-rotate: -10deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .rotate-0 { --tw-rotate: 0deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(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)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .rotate-2 { --tw-rotate: 2deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(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)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .rotate-6 { --tw-rotate: 6deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(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)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .scale-\[-1\] { --tw-scale-x: -1; --tw-scale-y: -1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(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)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } @keyframes marqueeFull { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } } .animate-marquee-full { animation: 28s linear infinite marqueeFull; } @keyframes pulse { 50% { opacity: .5; } } .animate-pulse { animation: 2s cubic-bezier(.4, 0, .6, 1) infinite pulse; } .cursor-default { cursor: default; } .cursor-not-allowed { cursor: not-allowed; } .cursor-pointer { cursor: pointer; } .touch-pan-x { --tw-pan-x: pan-x; touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); } .select-none { user-select: none; } .snap-x { scroll-snap-type: x var(--tw-scroll-snap-strictness); } .snap-mandatory { --tw-scroll-snap-strictness: mandatory; } .snap-start { scroll-snap-align: start; } .scroll-px-4 { scroll-padding-left: 1rem; scroll-padding-right: 1rem; } .list-decimal { list-style-type: decimal; } .list-disc { list-style-type: disc; } .list-none { list-style-type: none; } .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)); } .flex-row { flex-direction: row; } .flex-row-reverse { flex-direction: row-reverse; } .flex-col { flex-direction: column; } .flex-col-reverse { flex-direction: column-reverse; } .flex-wrap { flex-wrap: wrap; } .flex-wrap-reverse { flex-wrap: wrap-reverse; } .flex-nowrap { flex-wrap: nowrap; } .place-items-center { place-items: center; } .items-start { align-items: flex-start; } .items-end { align-items: flex-end; } .items-center { align-items: center; } .items-stretch { align-items: stretch; } .justify-start { justify-content: flex-start; } .justify-end { justify-content: flex-end; } .justify-center { justify-content: center; } .justify-between { justify-content: space-between; } .gap-0\.5 { gap: .125rem; } .gap-1 { gap: .25rem; } .gap-10 { gap: 2.5rem; } .gap-12 { gap: 3rem; } .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-8 { gap: 2rem; } .gap-9 { gap: 2.25rem; } .gap-\[16px\] { gap: 16px; } .gap-\[20px\] { gap: 20px; } .gap-\[22px\] { gap: 22px; } .gap-\[2px\] { gap: 2px; } .gap-\[60px\] { gap: 60px; } .gap-\[70px\] { gap: 70px; } .gap-x-4 { column-gap: 1rem; } .gap-x-6 { column-gap: 1.5rem; } .gap-y-1 { row-gap: .25rem; } .gap-y-2 { row-gap: .5rem; } .gap-y-3 { row-gap: .75rem; } .gap-y-4 { row-gap: 1rem; } .gap-y-5 { row-gap: 1.25rem; } .gap-y-6 { row-gap: 1.5rem; } .space-x-1 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(.25rem * var(--tw-space-x-reverse)); margin-left: calc(.25rem * calc(1 - var(--tw-space-x-reverse))); } .space-x-2 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(.5rem * var(--tw-space-x-reverse)); margin-left: calc(.5rem * calc(1 - var(--tw-space-x-reverse))); } .space-x-3 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(.75rem * var(--tw-space-x-reverse)); margin-left: calc(.75rem * calc(1 - var(--tw-space-x-reverse))); } .space-x-4 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(1rem * var(--tw-space-x-reverse)); margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))); } .space-x-6 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(1.5rem * var(--tw-space-x-reverse)); margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse))); } .space-x-8 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(2rem * var(--tw-space-x-reverse)); margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse))); } .space-y-1 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(.25rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(.25rem * var(--tw-space-y-reverse)); } .space-y-1\.5 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(.375rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(.375rem * var(--tw-space-y-reverse)); } .space-y-10 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(2.5rem * var(--tw-space-y-reverse)); } .space-y-12 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(3rem * var(--tw-space-y-reverse)); } .space-y-2 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(.5rem * var(--tw-space-y-reverse)); } .space-y-3 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(.75rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(.75rem * var(--tw-space-y-reverse)); } .space-y-4 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1rem * var(--tw-space-y-reverse)); } .space-y-5 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1.25rem * var(--tw-space-y-reverse)); } .space-y-6 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1.5rem * var(--tw-space-y-reverse)); } .space-y-8 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(2rem * var(--tw-space-y-reverse)); } .self-start { align-self: flex-start; } .self-end { align-self: flex-end; } .self-center { align-self: center; } .justify-self-end { justify-self: end; } .justify-self-center { justify-self: center; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-x-auto { overflow-x: auto; } .overflow-y-auto { overflow-y: auto; } .overflow-x-hidden { overflow-x: hidden; } .overflow-y-hidden { overflow-y: hidden; } .truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .whitespace-nowrap { white-space: nowrap; } .whitespace-pre { white-space: pre; } .whitespace-pre-line { white-space: pre-line; } .whitespace-pre-wrap { white-space: pre-wrap; } .text-balance { text-wrap: balance; } .break-words { overflow-wrap: break-word; } .rounded { border-radius: .25rem; } .rounded-2xl { border-radius: 1rem; } .rounded-3xl { border-radius: 1.5rem; } .rounded-\[100px\] { border-radius: 100px; } .rounded-\[14px\] { border-radius: 14px; } .rounded-\[20px\] { border-radius: 20px; } .rounded-\[22px\] { border-radius: 22px; } .rounded-\[24px\] { border-radius: 24px; } .rounded-\[28px\] { border-radius: 28px; } .rounded-\[30px\] { border-radius: 30px; } .rounded-full { border-radius: 9999px; } .rounded-lg { border-radius: .5rem; } .rounded-md { border-radius: .375rem; } .rounded-sm { border-radius: .125rem; } .rounded-xl { border-radius: .75rem; } .rounded-b-2xl { border-bottom-right-radius: 1rem; border-bottom-left-radius: 1rem; } .rounded-b-lg { border-bottom-right-radius: .5rem; border-bottom-left-radius: .5rem; } .rounded-b-none { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .rounded-l-lg { border-top-left-radius: .5rem; border-bottom-left-radius: .5rem; } .rounded-l-md { border-top-left-radius: .375rem; border-bottom-left-radius: .375rem; } .rounded-r-lg { border-top-right-radius: .5rem; border-bottom-right-radius: .5rem; } .rounded-r-md { border-top-right-radius: .375rem; border-bottom-right-radius: .375rem; } .rounded-t-2xl { border-top-left-radius: 1rem; border-top-right-radius: 1rem; } .rounded-t-lg { border-top-left-radius: .5rem; border-top-right-radius: .5rem; } .border { border-width: 1px; } .border-2 { border-width: 2px; } .border-4 { border-width: 4px; } .border-\[1px\] { border-width: 1px; } .border-\[3px\] { border-width: 3px; } .border-b { border-bottom-width: 1px; } .border-b-2 { border-bottom-width: 2px; } .border-l { border-left-width: 1px; } .border-r { border-right-width: 1px; } .border-t { border-top-width: 1px; } .border-t-\[1px\] { border-top-width: 1px; } .border-dashed { border-style: dashed; } .border-none { border-style: none; } .border-\[\#8B5CF6\] { --tw-border-opacity: 1; border-color: rgb(139 92 246 / var(--tw-border-opacity, 1)); } .border-\[\#F3F3F3\] { --tw-border-opacity: 1; border-color: rgb(243 243 243 / var(--tw-border-opacity, 1)); } .border-\[var\(--border\)\] { border-color: var(--border); } .border-\[var\(--border\,\#e5e7eb\)\] { border-color: var(--border, #e5e7eb); } .border-\[var\(--primary-blue\)\] { border-color: var(--primary-blue); } .border-\[var\(--primary-blue\,\#9333EA\)\] { border-color: var(--primary-blue, #9333ea); } .border-\[var\(--primary-lime\)\] { border-color: var(--primary-lime); } .border-\[var\(--primary-pink\)\] { border-color: var(--primary-pink); } .border-amber-200 { --tw-border-opacity: 1; border-color: rgb(253 230 138 / var(--tw-border-opacity, 1)); } .border-amber-300 { --tw-border-opacity: 1; border-color: rgb(252 211 77 / var(--tw-border-opacity, 1)); } .border-black { --tw-border-opacity: 1; border-color: rgb(0 0 0 / var(--tw-border-opacity, 1)); } .border-border-light { border-color: var(--border-light); } .border-brand-border { border-color: var(--border); } .border-brand-pink { border-color: var(--primary-pink); } .border-emerald-200 { --tw-border-opacity: 1; border-color: rgb(167 243 208 / var(--tw-border-opacity, 1)); } .border-gray-700 { --tw-border-opacity: 1; border-color: rgb(55 65 81 / var(--tw-border-opacity, 1)); } .border-gray-700\/50 { border-color: #37415180; } .border-gray-800 { --tw-border-opacity: 1; border-color: rgb(31 41 55 / var(--tw-border-opacity, 1)); } .border-green-400 { --tw-border-opacity: 1; border-color: rgb(74 222 128 / var(--tw-border-opacity, 1)); } .border-primary-blue { border-color: var(--primary-blue); } .border-primary-lime { border-color: var(--primary-lime); } .border-purple-400 { --tw-border-opacity: 1; border-color: rgb(192 132 252 / var(--tw-border-opacity, 1)); } .border-purple-500 { --tw-border-opacity: 1; border-color: rgb(168 85 247 / var(--tw-border-opacity, 1)); } .border-red-500 { --tw-border-opacity: 1; border-color: rgb(239 68 68 / var(--tw-border-opacity, 1)); } .border-rose-200 { --tw-border-opacity: 1; border-color: rgb(254 205 211 / var(--tw-border-opacity, 1)); } .border-rose-300 { --tw-border-opacity: 1; border-color: rgb(253 164 175 / var(--tw-border-opacity, 1)); } .border-slate-200 { --tw-border-opacity: 1; border-color: rgb(226 232 240 / var(--tw-border-opacity, 1)); } .border-slate-300 { --tw-border-opacity: 1; border-color: rgb(203 213 225 / var(--tw-border-opacity, 1)); } .border-slate-400 { --tw-border-opacity: 1; border-color: rgb(148 163 184 / var(--tw-border-opacity, 1)); } .border-slate-600 { --tw-border-opacity: 1; border-color: rgb(71 85 105 / var(--tw-border-opacity, 1)); } .border-slate-700 { --tw-border-opacity: 1; border-color: rgb(51 65 85 / var(--tw-border-opacity, 1)); } .border-slate-700\/50 { border-color: #33415580; } .border-slate-700\/60 { border-color: #33415599; } .border-slate-800 { --tw-border-opacity: 1; border-color: rgb(30 41 59 / var(--tw-border-opacity, 1)); } .border-transparent { border-color: #0000; } .border-white { --tw-border-opacity: 1; border-color: rgb(255 255 255 / var(--tw-border-opacity, 1)); } .border-white\/20 { border-color: #fff3; } .border-white\/60 { border-color: #fff9; } .border-white\/70 { border-color: #ffffffb3; } .border-t-\[\#1F2937\] { --tw-border-opacity: 1; border-top-color: rgb(31 41 55 / var(--tw-border-opacity, 1)); } .bg-\[\#1F2937\] { --tw-bg-opacity: 1; background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); } .bg-\[\#FBF5EF\] { --tw-bg-opacity: 1; background-color: rgb(251 245 239 / var(--tw-bg-opacity, 1)); } .bg-\[var\(--border\)\] { background-color: var(--border); } .bg-\[var\(--card-bg\)\] { background-color: var(--card-bg); } .bg-\[var\(--card-bg\,\#1F2937\)\] { background-color: var(--card-bg, #1f2937); } .bg-\[var\(--input-bg\)\] { background-color: var(--input-bg); } .bg-\[var\(--neutral-bg\)\] { background-color: var(--neutral-bg); } .bg-\[var\(--own-white\)\] { background-color: var(--own-white); } .bg-\[var\(--primary-blue\)\] { background-color: var(--primary-blue); } .bg-\[var\(--primary-blue\,\#9333EA\)\] { background-color: var(--primary-blue, #9333ea); } .bg-\[var\(--primary-lime\)\] { background-color: var(--primary-lime); } .bg-\[var\(--primary-teal\,\#14B8A6\)\] { background-color: var(--primary-teal, #14b8a6); } .bg-amber-100 { --tw-bg-opacity: 1; background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1)); } .bg-amber-400 { --tw-bg-opacity: 1; background-color: rgb(251 191 36 / var(--tw-bg-opacity, 1)); } .bg-amber-50 { --tw-bg-opacity: 1; background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1)); } .bg-amber-500\/15 { background-color: #f59e0b26; } .bg-amber-500\/20 { background-color: #f59e0b33; } .bg-background { background-color: var(--background); } .bg-black { --tw-bg-opacity: 1; background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1)); } .bg-black\/30 { background-color: #0000004d; } .bg-black\/40 { background-color: #0006; } .bg-black\/45 { background-color: #00000073; } .bg-black\/50 { background-color: #00000080; } .bg-black\/60 { background-color: #0009; } .bg-black\/80 { background-color: #000c; } .bg-blue-50 { --tw-bg-opacity: 1; background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1)); } .bg-brand-bg { background-color: var(--background); } .bg-brand-ownwhite { background-color: var(--own-white); } .bg-brand-pink { background-color: var(--primary-pink); } .bg-brand-secondary { background-color: var(--secondary); } .bg-emerald-100 { --tw-bg-opacity: 1; background-color: rgb(209 250 229 / var(--tw-bg-opacity, 1)); } .bg-emerald-50 { --tw-bg-opacity: 1; background-color: rgb(236 253 245 / var(--tw-bg-opacity, 1)); } .bg-emerald-500 { --tw-bg-opacity: 1; background-color: rgb(16 185 129 / var(--tw-bg-opacity, 1)); } .bg-emerald-500\/15 { background-color: #10b98126; } .bg-emerald-500\/20 { background-color: #10b98133; } .bg-gray-800 { --tw-bg-opacity: 1; background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); } .bg-gray-800\/50 { background-color: #1f293780; } .bg-gray-900 { --tw-bg-opacity: 1; background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1)); } .bg-gray-900\/80 { background-color: #111827cc; } .bg-gray-900\/90 { background-color: #111827e6; } .bg-green-500\/20 { background-color: #22c55e33; } .bg-indigo-50 { --tw-bg-opacity: 1; background-color: rgb(238 242 255 / var(--tw-bg-opacity, 1)); } .bg-light-gray { background-color: var(--light-gray); } .bg-neutral-900 { --tw-bg-opacity: 1; background-color: rgb(23 23 23 / var(--tw-bg-opacity, 1)); } .bg-neutral-900\/50 { background-color: #17171780; } .bg-pink-500 { --tw-bg-opacity: 1; background-color: rgb(236 72 153 / var(--tw-bg-opacity, 1)); } .bg-primary-blue { background-color: var(--primary-blue); } .bg-primary-gray { background-color: var(--primary-gray); } .bg-primary-lime { background-color: var(--primary-lime); } .bg-purple-500\/10 { background-color: #a855f71a; } .bg-purple-600 { --tw-bg-opacity: 1; background-color: rgb(147 51 234 / var(--tw-bg-opacity, 1)); } .bg-red-300 { --tw-bg-opacity: 1; background-color: rgb(252 165 165 / var(--tw-bg-opacity, 1)); } .bg-red-400 { --tw-bg-opacity: 1; background-color: rgb(248 113 113 / var(--tw-bg-opacity, 1)); } .bg-red-500 { --tw-bg-opacity: 1; background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1)); } .bg-red-500\/20 { background-color: #ef444433; } .bg-red-500\/80 { background-color: #ef4444cc; } .bg-red-500\/90 { background-color: #ef4444e6; } .bg-red-600 { --tw-bg-opacity: 1; background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1)); } .bg-rose-50 { --tw-bg-opacity: 1; background-color: rgb(255 241 242 / var(--tw-bg-opacity, 1)); } .bg-rose-600 { --tw-bg-opacity: 1; background-color: rgb(225 29 72 / var(--tw-bg-opacity, 1)); } .bg-slate-100 { --tw-bg-opacity: 1; background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1)); } .bg-slate-100\/60 { background-color: #f1f5f999; } .bg-slate-200 { --tw-bg-opacity: 1; background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1)); } .bg-slate-300 { --tw-bg-opacity: 1; background-color: rgb(203 213 225 / var(--tw-bg-opacity, 1)); } .bg-slate-50 { --tw-bg-opacity: 1; background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1)); } .bg-slate-700 { --tw-bg-opacity: 1; background-color: rgb(51 65 85 / var(--tw-bg-opacity, 1)); } .bg-slate-800 { --tw-bg-opacity: 1; background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1)); } .bg-slate-800\/40 { background-color: #1e293b66; } .bg-slate-800\/50 { background-color: #1e293b80; } .bg-slate-800\/60 { background-color: #1e293b99; } .bg-slate-900 { --tw-bg-opacity: 1; background-color: rgb(15 23 42 / var(--tw-bg-opacity, 1)); } .bg-slate-900\/50 { background-color: #0f172a80; } .bg-teal-500\/10 { background-color: #14b8a61a; } .bg-transparent { background-color: #0000; } .bg-violet-50 { --tw-bg-opacity: 1; background-color: rgb(245 243 255 / var(--tw-bg-opacity, 1)); } .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\/80 { background-color: #fffc; } .bg-white\/85 { background-color: #ffffffd9; } .bg-yellow-500\/20 { background-color: #eab30833; } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)); } .bg-gradient-to-br { background-image: linear-gradient(to bottom right, var(--tw-gradient-stops)); } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)); } .from-\[\#FF7A5A\] { --tw-gradient-from: #ff7a5a var(--tw-gradient-from-position); --tw-gradient-to: #ff7a5a00 var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-\[var\(--gradient-a\)\] { --tw-gradient-from: var(--gradient-a) var(--tw-gradient-from-position); --tw-gradient-to: #fff0 var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-\[var\(--primary-orange\)\] { --tw-gradient-from: var(--primary-orange) var(--tw-gradient-from-position); --tw-gradient-to: #fff0 var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-\[var\(--secondary\)\] { --tw-gradient-from: var(--secondary) var(--tw-gradient-from-position); --tw-gradient-to: #fff0 var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-fuchsia-500 { --tw-gradient-from: #d946ef var(--tw-gradient-from-position); --tw-gradient-to: #d946ef00 var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-pink-500 { --tw-gradient-from: #ec4899 var(--tw-gradient-from-position); --tw-gradient-to: #ec489900 var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-purple-500 { --tw-gradient-from: #a855f7 var(--tw-gradient-from-position); --tw-gradient-to: #a855f700 var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-purple-600 { --tw-gradient-from: #9333ea var(--tw-gradient-from-position); --tw-gradient-to: #9333ea00 var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-red-500 { --tw-gradient-from: #ef4444 var(--tw-gradient-from-position); --tw-gradient-to: #ef444400 var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-slate-800 { --tw-gradient-from: #1e293b var(--tw-gradient-from-position); --tw-gradient-to: #1e293b00 var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-slate-900 { --tw-gradient-from: #0f172a var(--tw-gradient-from-position); --tw-gradient-to: #0f172a00 var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-teal-400 { --tw-gradient-from: #2dd4bf var(--tw-gradient-from-position); --tw-gradient-to: #2dd4bf00 var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-transparent { --tw-gradient-from: transparent var(--tw-gradient-from-position); --tw-gradient-to: #0000 var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .via-\[\#0b1220\]\/80 { --tw-gradient-to: #0b122000 var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #0b1220cc var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-\[var\(--gradient-b\)\] { --tw-gradient-to: #fff0 var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--gradient-b) var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-\[var\(--own-white\)\] { --tw-gradient-to: #fff0 var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--own-white) var(--tw-gradient-via-position), var(--tw-gradient-to); } .to-\[\#0b1220\] { --tw-gradient-to: #0b1220 var(--tw-gradient-to-position); } .to-\[var\(--gradient-c\)\] { --tw-gradient-to: var(--gradient-c) var(--tw-gradient-to-position); } .to-\[var\(--primary-blue\)\] { --tw-gradient-to: var(--primary-blue) var(--tw-gradient-to-position); } .to-\[var\(--primary-blue\,\#9333EA\)\] { --tw-gradient-to: var(--primary-blue, #9333ea) var(--tw-gradient-to-position); } .to-\[var\(--secondary\)\] { --tw-gradient-to: var(--secondary) var(--tw-gradient-to-position); } .to-amber-400 { --tw-gradient-to: #fbbf24 var(--tw-gradient-to-position); } .to-cyan-400 { --tw-gradient-to: #22d3ee var(--tw-gradient-to-position); } .to-cyan-500 { --tw-gradient-to: #06b6d4 var(--tw-gradient-to-position); } .to-orange-400 { --tw-gradient-to: #fb923c var(--tw-gradient-to-position); } .to-pink-500 { --tw-gradient-to: #ec4899 var(--tw-gradient-to-position); } .to-slate-800 { --tw-gradient-to: #1e293b var(--tw-gradient-to-position); } .to-slate-900 { --tw-gradient-to: #0f172a var(--tw-gradient-to-position); } .to-teal-500 { --tw-gradient-to: #14b8a6 var(--tw-gradient-to-position); } .bg-\[size\:24px_24px\] { background-size: 24px 24px; } .bg-cover { background-size: cover; } .bg-clip-text { background-clip: text; } .bg-center { background-position: center; } .fill-current { fill: currentColor; } .object-contain { object-fit: contain; } .object-cover { object-fit: cover; } .p-1 { padding: .25rem; } .p-1\.5 { padding: .375rem; } .p-10 { padding: 2.5rem; } .p-12 { padding: 3rem; } .p-2 { padding: .5rem; } .p-3 { padding: .75rem; } .p-4 { padding: 1rem; } .p-5 { padding: 1.25rem; } .p-6 { padding: 1.5rem; } .p-8 { padding: 2rem; } .p-\[10px\] { padding: 10px; } .px-1 { padding-left: .25rem; padding-right: .25rem; } .px-1\.5 { padding-left: .375rem; padding-right: .375rem; } .px-10 { padding-left: 2.5rem; padding-right: 2.5rem; } .px-11 { padding-left: 2.75rem; padding-right: 2.75rem; } .px-2 { padding-left: .5rem; padding-right: .5rem; } .px-2\.5 { padding-left: .625rem; padding-right: .625rem; } .px-3 { padding-left: .75rem; padding-right: .75rem; } .px-4 { padding-left: 1rem; padding-right: 1rem; } .px-5 { padding-left: 1.25rem; padding-right: 1.25rem; } .px-6 { padding-left: 1.5rem; padding-right: 1.5rem; } .px-7 { padding-left: 1.75rem; padding-right: 1.75rem; } .px-8 { padding-left: 2rem; padding-right: 2rem; } .px-\[10px\] { padding-left: 10px; padding-right: 10px; } .px-\[20px\] { padding-left: 20px; padding-right: 20px; } .px-\[30px\] { padding-left: 30px; padding-right: 30px; } .px-\[34px\] { padding-left: 34px; padding-right: 34px; } .px-\[44px\] { padding-left: 44px; padding-right: 44px; } .px-\[75px\] { padding-left: 75px; padding-right: 75px; } .px-\[99px\] { padding-left: 99px; padding-right: 99px; } .py-0\.5 { padding-top: .125rem; padding-bottom: .125rem; } .py-1 { padding-top: .25rem; padding-bottom: .25rem; } .py-1\.5 { padding-top: .375rem; padding-bottom: .375rem; } .py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; } .py-12 { padding-top: 3rem; padding-bottom: 3rem; } .py-16 { padding-top: 4rem; padding-bottom: 4rem; } .py-2 { padding-top: .5rem; padding-bottom: .5rem; } .py-2\.5 { padding-top: .625rem; padding-bottom: .625rem; } .py-20 { padding-top: 5rem; padding-bottom: 5rem; } .py-24 { padding-top: 6rem; padding-bottom: 6rem; } .py-3 { padding-top: .75rem; padding-bottom: .75rem; } .py-3\.5 { padding-top: .875rem; padding-bottom: .875rem; } .py-4 { padding-top: 1rem; padding-bottom: 1rem; } .py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; } .py-8 { padding-top: 2rem; padding-bottom: 2rem; } .py-\[15px\] { padding-top: 15px; padding-bottom: 15px; } .py-\[16px\] { padding-top: 16px; padding-bottom: 16px; } .py-\[18px\] { padding-top: 18px; padding-bottom: 18px; } .py-\[24px\] { padding-top: 24px; padding-bottom: 24px; } .py-\[2px\] { padding-top: 2px; padding-bottom: 2px; } .py-\[80px\] { padding-top: 80px; padding-bottom: 80px; } .pb-0 { padding-bottom: 0; } .pb-1 { padding-bottom: .25rem; } .pb-2 { padding-bottom: .5rem; } .pb-3 { padding-bottom: .75rem; } .pb-4 { padding-bottom: 1rem; } .pb-5 { padding-bottom: 1.25rem; } .pb-6 { padding-bottom: 1.5rem; } .pl-1 { padding-left: .25rem; } .pl-10 { padding-left: 2.5rem; } .pl-11 { padding-left: 2.75rem; } .pl-3 { padding-left: .75rem; } .pl-36 { padding-left: 9rem; } .pl-4 { padding-left: 1rem; } .pl-40 { padding-left: 10rem; } .pl-5 { padding-left: 1.25rem; } .pl-8 { padding-left: 2rem; } .pl-9 { padding-left: 2.25rem; } .pr-10 { padding-right: 2.5rem; } .pr-11 { padding-right: 2.75rem; } .pr-2 { padding-right: .5rem; } .pr-28 { padding-right: 7rem; } .pr-3 { padding-right: .75rem; } .pr-4 { padding-right: 1rem; } .pt-0 { padding-top: 0; } .pt-1\.5 { padding-top: .375rem; } .pt-2 { padding-top: .5rem; } .pt-4 { padding-top: 1rem; } .pt-6 { padding-top: 1.5rem; } .pt-8 { padding-top: 2rem; } .pt-\[10px\] { padding-top: 10px; } .pt-\[42px\] { padding-top: 42px; } .text-left { text-align: left; } .text-center { text-align: center; } .text-start { text-align: start; } .align-baseline { vertical-align: baseline; } .align-middle { vertical-align: middle; } .align-super { vertical-align: super; } .align-\[-2px\] { vertical-align: -2px; } .align-\[-3px\] { vertical-align: -3px; } .font-hoves { font-family: var(--font-tt-hoves); } .font-hovesExpanded { font-family: var(--font-tt-hoves-expanded); } .font-mono { font-family: var(--font-geist-mono), ui-monospace, SFMono-Regular, monospace; } .font-sans { font-family: var(--font-tt-hoves), system-ui, -apple-system, Segoe UI, Roboto, sans-serif; } .\!text-\[16px\] { font-size: 16px !important; } .text-2xl { font-size: 1.5rem; line-height: 2rem; } .text-3xl { font-size: 1.875rem; line-height: 2.25rem; } .text-4xl { font-size: 2.25rem; line-height: 2.5rem; } .text-5xl { font-size: 3rem; line-height: 1; } .text-6xl { font-size: 3.75rem; line-height: 1; } .text-8xl { font-size: 6rem; line-height: 1; } .text-\[10px\] { font-size: 10px; } .text-\[11px\] { font-size: 11px; } .text-\[13px\] { font-size: 13px; } .text-\[14px\] { font-size: 14px; } .text-\[15px\] { font-size: 15px; } .text-\[16px\] { font-size: 16px; } .text-\[18px\] { font-size: 18px; } .text-\[20px\] { font-size: 20px; } .text-\[24px\] { font-size: 24px; } .text-\[30px\] { font-size: 30px; } .text-\[40px\] { font-size: 40px; } .text-\[clamp\(14px\,1\.2vw\,16px\)\] { font-size: clamp(14px, 1.2vw, 16px); } .text-\[clamp\(14px\,1\.6vw\,18px\)\] { font-size: clamp(14px, 1.6vw, 18px); } .text-\[clamp\(16\.5px\,4\.5vw\,20px\)\] { font-size: clamp(16.5px, 4.5vw, 20px); } .text-\[clamp\(27px\,8vw\,50px\)\] { font-size: clamp(27px, 8vw, 50px); } .text-\[clamp\(27px\,9vw\,50px\)\] { font-size: clamp(27px, 9vw, 50px); } .text-\[clamp\(28px\,calc\(29\.76px\+1\.1905vw\)\,45px\)\] { font-size: clamp(28px, 29.76px + 1.1905vw, 45px); } .text-\[clamp\(32px\,5vw\,56px\)\] { font-size: clamp(32px, 5vw, 56px); } .text-base { font-size: 1rem; line-height: 1.5rem; } .text-lg { font-size: 1.125rem; line-height: 1.75rem; } .text-sm { font-size: .875rem; line-height: 1.25rem; } .text-xl { font-size: 1.25rem; line-height: 1.75rem; } .text-xs { font-size: .75rem; line-height: 1rem; } .\!font-medium { font-weight: 500 !important; } .font-black { font-weight: 900; } .font-bold { font-weight: 700; } .font-extrabold { font-weight: 800; } .font-medium { font-weight: 500; } .font-normal { font-weight: 400; } .font-semibold { font-weight: 600; } .uppercase { text-transform: uppercase; } .not-italic { font-style: normal; } .leading-5 { line-height: 1.25rem; } .leading-6 { line-height: 1.5rem; } .leading-\[0\.95\] { line-height: .95; } .leading-\[1\.05\] { line-height: 1.05; } .leading-\[24px\] { line-height: 24px; } .leading-\[28px\] { line-height: 28px; } .leading-\[41px\] { line-height: 41px; } .leading-\[80\%\] { line-height: 80%; } .leading-none { line-height: 1; } .leading-relaxed { line-height: 1.625; } .leading-snug { line-height: 1.375; } .leading-tight { line-height: 1.25; } .tracking-\[-\.02em\] { letter-spacing: -.02em; } .tracking-tight { letter-spacing: -.025em; } .tracking-wide { letter-spacing: .025em; } .tracking-wider { letter-spacing: .05em; } .tracking-widest { letter-spacing: .1em; } .text-\[\#8B5CF6\] { --tw-text-opacity: 1; color: rgb(139 92 246 / var(--tw-text-opacity, 1)); } .text-\[\#FF7A5A\] { --tw-text-opacity: 1; color: rgb(255 122 90 / var(--tw-text-opacity, 1)); } .text-\[color\:rgb\(13_20_28\/0\.8\)\] { color: #0d141ccc; } .text-\[var\(--primary-blue\)\] { color: var(--primary-blue); } .text-\[var\(--primary-blue\,\#9333EA\)\] { color: var(--primary-blue, #9333ea); } .text-\[var\(--primary-pink\)\] { color: var(--primary-pink); } .text-\[var\(--primary-teal\)\] { color: var(--primary-teal); } .text-\[var\(--primary-teal\,\#14B8A6\)\] { color: var(--primary-teal, #14b8a6); } .text-\[var\(--text\)\] { color: var(--text); } .text-\[var\(--text\,\#0f172a\)\] { color: var(--text, #0f172a); } .text-amber-200 { --tw-text-opacity: 1; color: rgb(253 230 138 / var(--tw-text-opacity, 1)); } .text-amber-500 { --tw-text-opacity: 1; color: rgb(245 158 11 / var(--tw-text-opacity, 1)); } .text-amber-600 { --tw-text-opacity: 1; color: rgb(217 119 6 / var(--tw-text-opacity, 1)); } .text-amber-700 { --tw-text-opacity: 1; color: rgb(180 83 9 / var(--tw-text-opacity, 1)); } .text-amber-800 { --tw-text-opacity: 1; color: rgb(146 64 14 / var(--tw-text-opacity, 1)); } .text-amber-900 { --tw-text-opacity: 1; color: rgb(120 53 15 / var(--tw-text-opacity, 1)); } .text-black { --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity, 1)); } .text-blue-500 { --tw-text-opacity: 1; color: rgb(59 130 246 / var(--tw-text-opacity, 1)); } .text-blue-600 { --tw-text-opacity: 1; color: rgb(37 99 235 / var(--tw-text-opacity, 1)); } .text-brand-ownwhite { color: var(--own-white); } .text-brand-pink { color: var(--primary-pink); } .text-brand-text { color: var(--text); } .text-cyan-500 { --tw-text-opacity: 1; color: rgb(6 182 212 / var(--tw-text-opacity, 1)); } .text-emerald-200 { --tw-text-opacity: 1; color: rgb(167 243 208 / var(--tw-text-opacity, 1)); } .text-emerald-500 { --tw-text-opacity: 1; color: rgb(16 185 129 / var(--tw-text-opacity, 1)); } .text-emerald-600 { --tw-text-opacity: 1; color: rgb(5 150 105 / var(--tw-text-opacity, 1)); } .text-emerald-700 { --tw-text-opacity: 1; color: rgb(4 120 87 / var(--tw-text-opacity, 1)); } .text-foreground { color: var(--foreground); } .text-gray-200 { --tw-text-opacity: 1; color: rgb(229 231 235 / var(--tw-text-opacity, 1)); } .text-gray-300 { --tw-text-opacity: 1; color: rgb(209 213 219 / var(--tw-text-opacity, 1)); } .text-gray-400 { --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity, 1)); } .text-gray-500 { --tw-text-opacity: 1; color: rgb(107 114 128 / var(--tw-text-opacity, 1)); } .text-gray-900 { --tw-text-opacity: 1; color: rgb(17 24 39 / var(--tw-text-opacity, 1)); } .text-green-300 { --tw-text-opacity: 1; color: rgb(134 239 172 / var(--tw-text-opacity, 1)); } .text-green-400 { --tw-text-opacity: 1; color: rgb(74 222 128 / var(--tw-text-opacity, 1)); } .text-green-500 { --tw-text-opacity: 1; color: rgb(34 197 94 / var(--tw-text-opacity, 1)); } .text-indigo-500 { --tw-text-opacity: 1; color: rgb(99 102 241 / var(--tw-text-opacity, 1)); } .text-indigo-700 { --tw-text-opacity: 1; color: rgb(67 56 202 / var(--tw-text-opacity, 1)); } .text-orange-500 { --tw-text-opacity: 1; color: rgb(249 115 22 / var(--tw-text-opacity, 1)); } .text-pink-500 { --tw-text-opacity: 1; color: rgb(236 72 153 / var(--tw-text-opacity, 1)); } .text-primary-blue { color: var(--primary-blue); } .text-primary-lime { color: var(--primary-lime); } .text-purple-100 { --tw-text-opacity: 1; color: rgb(243 232 255 / var(--tw-text-opacity, 1)); } .text-purple-300 { --tw-text-opacity: 1; color: rgb(216 180 254 / var(--tw-text-opacity, 1)); } .text-purple-400 { --tw-text-opacity: 1; color: rgb(192 132 252 / var(--tw-text-opacity, 1)); } .text-purple-600 { --tw-text-opacity: 1; color: rgb(147 51 234 / var(--tw-text-opacity, 1)); } .text-red-300 { --tw-text-opacity: 1; color: rgb(252 165 165 / var(--tw-text-opacity, 1)); } .text-red-400 { --tw-text-opacity: 1; color: rgb(248 113 113 / var(--tw-text-opacity, 1)); } .text-red-500 { --tw-text-opacity: 1; color: rgb(239 68 68 / var(--tw-text-opacity, 1)); } .text-red-600 { --tw-text-opacity: 1; color: rgb(220 38 38 / var(--tw-text-opacity, 1)); } .text-rose-500 { --tw-text-opacity: 1; color: rgb(244 63 94 / var(--tw-text-opacity, 1)); } .text-rose-600 { --tw-text-opacity: 1; color: rgb(225 29 72 / var(--tw-text-opacity, 1)); } .text-rose-700 { --tw-text-opacity: 1; color: rgb(190 18 60 / var(--tw-text-opacity, 1)); } .text-slate-300 { --tw-text-opacity: 1; color: rgb(203 213 225 / var(--tw-text-opacity, 1)); } .text-slate-400 { --tw-text-opacity: 1; color: rgb(148 163 184 / var(--tw-text-opacity, 1)); } .text-slate-500 { --tw-text-opacity: 1; color: rgb(100 116 139 / var(--tw-text-opacity, 1)); } .text-slate-600 { --tw-text-opacity: 1; color: rgb(71 85 105 / var(--tw-text-opacity, 1)); } .text-slate-700 { --tw-text-opacity: 1; color: rgb(51 65 85 / var(--tw-text-opacity, 1)); } .text-slate-800 { --tw-text-opacity: 1; color: rgb(30 41 59 / var(--tw-text-opacity, 1)); } .text-slate-900 { --tw-text-opacity: 1; color: rgb(15 23 42 / var(--tw-text-opacity, 1)); } .text-teal-500 { --tw-text-opacity: 1; color: rgb(20 184 166 / var(--tw-text-opacity, 1)); } .text-text-gray-dark { color: var(--text-gray-dark); } .text-transparent { color: #0000; } .text-violet-600 { --tw-text-opacity: 1; color: rgb(124 58 237 / var(--tw-text-opacity, 1)); } .text-violet-700 { --tw-text-opacity: 1; color: rgb(109 40 217 / var(--tw-text-opacity, 1)); } .text-white { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .text-white\/80 { color: #fffc; } .text-white\/85 { color: #ffffffd9; } .text-white\/90 { color: #ffffffe6; } .text-yellow-300 { --tw-text-opacity: 1; color: rgb(253 224 71 / var(--tw-text-opacity, 1)); } .text-yellow-400 { --tw-text-opacity: 1; color: rgb(250 204 21 / var(--tw-text-opacity, 1)); } .text-yellow-500 { --tw-text-opacity: 1; color: rgb(234 179 8 / var(--tw-text-opacity, 1)); } .underline { text-decoration-line: underline; } .underline-offset-4 { text-underline-offset: 4px; } .placeholder-gray-500::placeholder { --tw-placeholder-opacity: 1; color: rgb(107 114 128 / var(--tw-placeholder-opacity, 1)); } .placeholder-slate-400::placeholder { --tw-placeholder-opacity: 1; color: rgb(148 163 184 / var(--tw-placeholder-opacity, 1)); } .placeholder-slate-500::placeholder { --tw-placeholder-opacity: 1; color: rgb(100 116 139 / var(--tw-placeholder-opacity, 1)); } .accent-\[var\(--primary-blue\)\] { accent-color: var(--primary-blue); } .accent-brand-pink { accent-color: var(--primary-pink); } .opacity-0 { opacity: 0; } .opacity-100 { opacity: 1; } .opacity-30 { opacity: .3; } .opacity-50 { opacity: .5; } .opacity-60 { opacity: .6; } .opacity-70 { opacity: .7; } .opacity-80 { opacity: .8; } .opacity-90 { opacity: .9; } .opacity-95 { opacity: .95; } .shadow { --tw-shadow: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a; --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px 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-2xl { --tw-shadow: 0 25px 50px -12px #00000040; --tw-shadow-colored: 0 25px 50px -12px 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-\[0_10px_30px_-10px_rgba\(132\,204\,22\,\.45\)\] { --tw-shadow: 0 10px 30px -10px #84cc1673; --tw-shadow-colored: 0 10px 30px -10px 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-\[0_10px_30px_-10px_rgba\(139\,92\,246\,\.45\)\] { --tw-shadow: 0 10px 30px -10px #8b5cf673; --tw-shadow-colored: 0 10px 30px -10px 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-\[0_30px_60px_-15px_rgba\(0\,0\,0\,0\.35\)\] { --tw-shadow: 0 30px 60px -15px #00000059; --tw-shadow-colored: 0 30px 60px -15px 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-\[0_8px_24px_-8px_rgba\(132\,204\,22\,\.45\)\] { --tw-shadow: 0 8px 24px -8px #84cc1673; --tw-shadow-colored: 0 8px 24px -8px 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-inner { --tw-shadow: inset 0 2px 4px 0 #0000000d; --tw-shadow-colored: inset 0 2px 4px 0 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-lg { --tw-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a; --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px 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-md { --tw-shadow: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a; --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px 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-sm { --tw-shadow: 0 1px 2px 0 #0000000d; --tw-shadow-colored: 0 1px 2px 0 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-xl { --tw-shadow: 0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a; --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px 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 #0000; outline-offset: 2px; } .outline { outline-style: solid; } .ring-1 { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .ring-2 { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .ring-4 { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .ring-\[var\(--border\)\] { --tw-ring-color: var(--border); } .ring-\[var\(--primary-blue\)\] { --tw-ring-color: var(--primary-blue); } .ring-amber-200 { --tw-ring-opacity: 1; --tw-ring-color: rgb(253 230 138 / var(--tw-ring-opacity, 1)); } .ring-black\/5 { --tw-ring-color: #0000000d; } .ring-blue-200 { --tw-ring-opacity: 1; --tw-ring-color: rgb(191 219 254 / var(--tw-ring-opacity, 1)); } .ring-brand-border { --tw-ring-color: var(--border); } .ring-emerald-200 { --tw-ring-opacity: 1; --tw-ring-color: rgb(167 243 208 / var(--tw-ring-opacity, 1)); } .ring-emerald-400 { --tw-ring-opacity: 1; --tw-ring-color: rgb(52 211 153 / var(--tw-ring-opacity, 1)); } .ring-purple-300 { --tw-ring-opacity: 1; --tw-ring-color: rgb(216 180 254 / var(--tw-ring-opacity, 1)); } .ring-red-300 { --tw-ring-opacity: 1; --tw-ring-color: rgb(252 165 165 / var(--tw-ring-opacity, 1)); } .ring-slate-200 { --tw-ring-opacity: 1; --tw-ring-color: rgb(226 232 240 / var(--tw-ring-opacity, 1)); } .ring-slate-300 { --tw-ring-opacity: 1; --tw-ring-color: rgb(203 213 225 / var(--tw-ring-opacity, 1)); } .ring-slate-900 { --tw-ring-opacity: 1; --tw-ring-color: rgb(15 23 42 / var(--tw-ring-opacity, 1)); } .ring-violet-200 { --tw-ring-opacity: 1; --tw-ring-color: rgb(221 214 254 / var(--tw-ring-opacity, 1)); } .ring-white { --tw-ring-opacity: 1; --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1)); } .ring-white\/10 { --tw-ring-color: #ffffff1a; } .ring-white\/25 { --tw-ring-color: #ffffff40; } .ring-offset-4 { --tw-ring-offset-width: 4px; } .ring-offset-background { --tw-ring-offset-color: var(--background); } .ring-offset-white { --tw-ring-offset-color: #fff; } .blur { --tw-blur: blur(8px); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .blur-2xl { --tw-blur: blur(40px); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .drop-shadow { --tw-drop-shadow: drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f); 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 { --tw-backdrop-blur: blur(8px); -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } .backdrop-blur-md { --tw-backdrop-blur: blur(12px); -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } .backdrop-blur-sm { --tw-backdrop-blur: blur(4px); -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } .backdrop-blur-xl { --tw-backdrop-blur: blur(24px); -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, backdrop-filter; transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-duration: .15s; } .transition-\[max-height\] { transition-property: max-height; transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-duration: .15s; } .transition-all { transition-property: all; 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; } .transition-opacity { transition-property: opacity; transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-duration: .15s; } .transition-transform { transition-property: transform; transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-duration: .15s; } .duration-150 { transition-duration: .15s; } .duration-200 { transition-duration: .2s; } .duration-300 { transition-duration: .3s; } .duration-500 { transition-duration: .5s; } .ease-in-out { transition-timing-function: cubic-bezier(.4, 0, .2, 1); } .ease-out { transition-timing-function: cubic-bezier(0, 0, .2, 1); } .will-change-transform { will-change: transform; } .no-scrollbar::-webkit-scrollbar { width: 0; height: 0; } .no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; } @keyframes caretBlink { 0%, 45% { opacity: 1; } 50%, 100% { opacity: 0; } } .white-calendar::-webkit-calendar-picker-indicator { filter: invert(); padding-right: 10px; } .white-calendar::-moz-calendar-picker-indicator { filter: invert(); } .\[background-image\:radial-gradient\(\#5962FE11_1px\,transparent_1\.5px\)\] { background-image: radial-gradient(#5962fe11 1px, #0000 1.5px); } .\[background\:radial-gradient\(60\%_50\%_at_10\%_0\%\,\#77F7FE33_0\,transparent_55\%\)\,radial-gradient\(50\%_45\%_at_95\%_15\%\,\#F740C433_0\,transparent_55\%\)\] { background: radial-gradient(60% 50% at 10% 0, #77f7fe33 0, #0000 55%), radial-gradient(50% 45% at 95% 15%, #f740c433 0, #0000 55%); } .\[border-radius\:var\(--sbr\)\] { border-radius: var(--sbr); } .\[height\:var\(--sh\)\] { height: var(--sh); } .\[left\:var\(--sx\)\] { left: var(--sx); } .\[mask-image\:linear-gradient\(to_right\,transparent\,black_10\%\,black_90\%\,transparent\)\] { mask-image: linear-gradient(to right, #0000, #000 10% 90%, #0000); } .\[overflow-wrap\:anywhere\] { overflow-wrap: anywhere; } .\[top\:var\(--sy\)\] { top: var(--sy); } .\[transform\:rotate\(var\(--srot\)\)\] { transform: rotate(var(--srot)); } .\[width\:var\(--sw\)\] { width: var(--sw); } :root { --primary-purple: #8b5cf6; --primary-teal: #2dd4bf; --primary-pink: #cc2e9f; --primary-blue: #5c61f9; --primary-orange: #ff7a5a; --primary-lime: #affd1e; --primary-gray: #f3f3f3; --secondary: #f9f7f4; --border: #e5e8eb; --border-light: #efeef0; --text: #0d141c; --own-white: #f7fafc; --gradient-a: #77f7fe; --gradient-b: #8b5cf6; --gradient-c: #f740c4; --neutral-bg: #e5e8eb; --background: #e5e8eb; --background-dark: #0e0e0e; --border-dark: #1f2937; --text-gray: #9ca3af; --light-gray: #f7f7f7; --foreground: #ededed; --light-purple: #e9e4fd; --dark-bg: #0f172a; --card-bg: #1e293b; --input-bg: #334155; --text-gray-dark: #333; --primary-accent: #7c3aed; --primary-accent-hover: #6d28d9; } .primary-btn-shadow { box-shadow: 0 4px 4px #00000040; } @keyframes caret { 0%, 40% { opacity: 1; } 50%, 100% { opacity: 0; } } .animate-caret { animation: 1s step-end infinite caret; } @keyframes pills-marquee-left { from { transform: translateX(0); } to { transform: translateX(-50%); } } @keyframes pills-marquee-right { from { transform: translateX(-50%); } to { transform: translateX(0); } } .pills-mask { -webkit-mask-image: linear-gradient(to right, #0000, #000 8% 92%, #0000); mask-image: linear-gradient(to right, #0000, #000 8% 92%, #0000); } .pills-will-change { will-change: transform; } @media (prefers-reduced-motion: reduce) { .animate-[pills-marquee-left_18s_linear_infinite], .animate-[pills-marquee-left_21s_linear_infinite], .animate-[pills-marquee-left_24s_linear_infinite], .animate-[pills-marquee-right_18s_linear_infinite], .animate-[pills-marquee-right_21s_linear_infinite], .animate-[pills-marquee-right_24s_linear_infinite] { animation-duration: 0s; animation-iteration-count: 1; } } .becomeCreatorShadow { box-shadow: inset 0 4px 4px #00000040; } html body .material-icons, html body .material-icons-outlined, html body .material-icons-round, html body .material-icons-sharp, html body .material-icons-two-tone { font-size: inherit; line-height: 1; display: inline-flex; align-items: center; justify-content: center; } html body .material-icons, html body .material-icons-outlined { font-size: inherit; line-height: 1; display: inline-flex; align-items: center; } html, body { font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-optical-sizing: auto; font-synthesis: none; font-synthesis-weight: none; font-synthesis-style: none; font-variation-settings: "wght" var(--tt-hoves-wght), "ital" 0, "slnt" 0; } i, em, .italic { font-style: italic; } body, .force-roman { font-variation-settings: "ital" 0, "slnt" 0deg; } i:not(.fa):not([class^="fa-"]):not(.fas):not(.far):not(.fab):not(.material-icons):not(.material-icons-outlined), em:not(.fa):not([class^="fa-"]) { font-style: normal !important; } body { color: var(--text); background: #fff; font-family: var(--font-tt-hoves), system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; } .hero-bg { background: linear-gradient(#11182700 0%, #111827bf 70%, #111827f2 92%, #0b1220 100%), linear-gradient(90deg, #14b8a62e 0%, #9333ea2e 100%), url("https://images.unsplash.com/photo-1551434678-e076c223a692?q=80&w=2070&auto=format&fit=crop") center / cover no-repeat; } .btn-hero-primary { display: inline-flex; align-items: center; gap: .5rem; border-radius: 9999px; padding-left: 2rem; padding-right: 2rem; padding-top: 1rem; padding-bottom: 1rem; font-weight: 700; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); background: linear-gradient(90deg, var(--primary-orange), var(--primary-blue)); box-shadow: 0 12px 30px #9333ea40, 0 4px 15px #ff7a5a59; transition: transform .2s, box-shadow .2s, opacity .2s; } .btn-hero-primary:hover { transform: translateY(-2px); box-shadow: 0 16px 38px #9333ea52, 0 8px 22px #ff7a5a66; } .btn-hero-secondary { display: inline-flex; align-items: center; gap: .5rem; border-radius: 9999px; padding-left: 2rem; padding-right: 2rem; padding-top: 1rem; padding-bottom: 1rem; font-weight: 600; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); background: #ffffff0f; border: 1px solid #ffffff40; backdrop-filter: saturate(140%) blur(2px); transition: transform .2s, background-color .2s, border-color .2s; } .btn-hero-secondary:hover { transform: translateY(-2px); background: #ffffff1f; border-color: #ffffff59; } .material-icons, .material-icons-outlined { line-height: 1; font-size: inherit !important; } .btn-glow { transition: box-shadow .3s ease-in-out; } .btn-glow:hover { box-shadow: 0 0 20px 5px #8b5cf680; } .card-glow { transition: transform .3s, box-shadow .3s; } .card-glow:hover { transform: translateY(-5px); box-shadow: 0 15px 30px -5px #0003; } .brand-card-glow:hover { box-shadow: 0 0 25px #8b5cf64d; } .creator-card-glow:hover { box-shadow: 0 0 25px #2dd4bf4d; } .feature-icon { background: linear-gradient(135deg, var(--primary-blue), var(--primary-teal)); } .input-icon { position: absolute; left: 1rem; top: 50%; transform: translateY(-50%); color: #6b7280; } .input-field, .form-input { background-color: #fff; border-color: var(--border); color: var(--text); border-radius: .75rem; padding: .75rem 1rem; padding-left: 3rem; box-shadow: 0 1px #10182805; } .input-field::placeholder, .form-input::placeholder { color: #94a3b8; } .select-field, .form-select { background-color: #fff; border-color: var(--border); color: var(--text); border-radius: .75rem; padding: .75rem 2.5rem .75rem 1rem; appearance: none; background-repeat: no-repeat; background-position: right .75rem center; background-size: 1.25rem; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6' stroke='%236B7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); } .form-textarea, textarea.input-field { background-color: #fff; border-color: var(--border); color: var(--text); border-radius: .75rem; padding: .75rem 1rem; min-height: 120px; } .input-field:focus, .form-input:focus, .select-field:focus, .form-select:focus, .form-textarea:focus, textarea.input-field:focus { outline: none; border-color: var(--primary-blue); box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary-blue) 25%, transparent); } .form-label { color: #334155; font-weight: 600; margin-bottom: .5rem; } .input-icon { color: #94a3b8; } .checkbox-input { width: 1.25rem; height: 1.25rem; border-radius: .375rem; background: #fff; border: 1px solid var(--border); accent-color: var(--primary-blue); } .form-select { color-scheme: light; } .form-select option, .form-select optgroup { background-color: #fff; color: var(--text); } .theme-dark .form-label { margin-bottom: .5rem; display: block; font-size: .875rem; line-height: 1.25rem; font-weight: 500; --tw-text-opacity: 1; color: rgb(209 213 219 / var(--tw-text-opacity, 1)); } .theme-dark .form-select, .form-textarea { width: 100%; border-radius: .5rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(71 85 105 / var(--tw-border-opacity, 1)); background-color: var(--input-bg); padding-left: 1rem; padding-right: 1rem; padding-top: .75rem; padding-bottom: .75rem; --tw-text-opacity: 1; color: rgb(229 231 235 / var(--tw-text-opacity, 1)); transition-property: all; transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-duration: .3s; } .theme-dark .form-select:focus, .form-textarea:focus { border-color: var(--primary-blue); --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); --tw-ring-color: var(--primary-blue); } .theme-dark .form-input { width: 100%; border-radius: .5rem; border-width: 2px; --tw-border-opacity: 1; border-color: rgb(71 85 105 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1)); padding: .75rem; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-duration: .2s; } .theme-dark .form-input:focus { --tw-border-opacity: 1; border-color: rgb(168 85 247 / var(--tw-border-opacity, 1)); --tw-ring-opacity: 1; --tw-ring-color: rgb(168 85 247 / var(--tw-ring-opacity, 1)); } .form-help-text { margin-top: .5rem; font-size: .75rem; line-height: 1rem; --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity, 1)); } .checkbox-label { display: flex; cursor: pointer; align-items: center; } .checkbox-label > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(.75rem * var(--tw-space-x-reverse)); margin-left: calc(.75rem * calc(1 - var(--tw-space-x-reverse))); } .checkbox-label { font-size: .875rem; line-height: 1.25rem; } .theme-dark .checkbox-input { height: 1.25rem; width: 1.25rem; border-radius: .25rem; --tw-border-opacity: 1; border-color: rgb(71 85 105 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(147 51 234 / var(--tw-text-opacity, 1)); } .theme-dark .checkbox-input:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(168 85 247 / var(--tw-ring-opacity, 1)); } .category-checkbox:checked + label { background-color: var(--primary-blue); color: #fff; border-color: var(--primary-blue); } .category-checkbox:checked + label .material-icons-outlined { color: #fff !important; } @keyframes fadeInDown { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } @keyframes fadeInUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } .animate-\[fadeInUp_1s_ease-out\] { animation: 1s ease-out forwards fadeInUp; opacity: 0; } .animate-\[fadeInUp_1s_ease-out_0\.2s\] { animation: 1s ease-out .2s forwards fadeInUp; opacity: 0; } .animate-\[fadeInUp_1s_ease-out_0\.4s\] { animation: 1s ease-out .4s forwards fadeInUp; opacity: 0; } .animate-fade-in-down { animation: .6s ease-out forwards fadeInDown; } .animate-fade-in-up { animation: .8s ease-out forwards fadeInUp; } .header-element { opacity: 0; animation: .5s ease-out forwards fadeInDown; } .why-us-bg { background-image: radial-gradient(circle at 0 0, #9333ea1a, #0000 40%), radial-gradient(circle at 100% 100%, #14b8a61a, #0000 40%); } .content-type-card { --border-from: var(--primary-orange); --border-to: var(--primary-blue); position: relative; border-radius: 1.5rem; transform: translateZ(0); transition: transform .25s, box-shadow .25s; } .content-type-card .content { position: absolute; inset: 1px; border-radius: calc(1.5rem - 1px); background: #1f2937; border: 1px solid #374151; display: flex; align-items: center; justify-content: center; flex-direction: column; } .content-type-card:after { content: ""; position: absolute; inset: 0; border-radius: inherit; padding: 1px; background: linear-gradient(135deg, var(--border-from), var(--border-to)); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; opacity: 0; transition: opacity .25s; } .content-type-card:hover { transform: translateY(-4px); box-shadow: 0 10px 30px #00000040; } .content-type-card:hover:after { opacity: 1; } .timeline-dot { left: 50%; transform: translateX(-50%); background: var(--neutral-bg); border: 3px solid; } .timeline-item-active .timeline-dot { --tw-bg-opacity: 1; background-color: rgb(192 132 252 / var(--tw-bg-opacity, 1)); --tw-ring-color: #c084fc4d; } .timeline-item-active .timeline-text { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .timeline-item-inactive .timeline-dot { --tw-bg-opacity: 1; background-color: rgb(71 85 105 / var(--tw-bg-opacity, 1)); --tw-ring-color: #4755694d; } .timeline-item-inactive .timeline-text { --tw-text-opacity: 1; color: rgb(148 163 184 / var(--tw-text-opacity, 1)); } .timeline-line { pointer-events: none; position: absolute; top: 0; height: 100%; width: 3px; background: linear-gradient(to bottom, var(--primary-blue, #9333ea), var(--primary-teal, #14b8a6)); opacity: .3; } .timeline-pulse { pointer-events: none; position: absolute; top: 0; height: 100%; width: 3px; opacity: 0; transition: opacity .25s; } .group:hover .timeline-pulse { opacity: 1; } .hiw-dot { position: absolute; top: 0; display: grid; place-items: center; width: 48px; height: 48px; border-radius: 9999px; background: #111827; border: 4px solid var(--hiw, #9333ea); transition: transform .25s; } .group:hover .hiw-dot { transform: scale(1.08); filter: drop-shadow(0 0 12px var(--hiw)); } .hiw-card { transition: transform .25s, box-shadow .25s, border-color .25s; border-color: #334155; } .group:hover .hiw-card { transform: translateY(-4px); border-color: color-mix(in srgb, var(--hiw) 55%, white); box-shadow: 0 10px 30px #00000040; } .login-bg { background: linear-gradient(#11182700 0%, #111827bf 70%, #111827f2 92%, #0b1220 100%), radial-gradient(1000px 300px at 50% 0, #ffffff0f, #0000 60%), linear-gradient(90deg, #14b8a614, #9333ea14); min-height: 100vh; } .glass-card { border-radius: 1rem; background: #1e293bb8; border: 1px solid #ffffff14; box-shadow: 0 10px 30px #00000059, inset 0 1px #ffffff0a; backdrop-filter: blur(6px); } .material-icons, .material-icons-outlined { line-height: 1; font-size: inherit !important; } .status-pill { display: inline-flex; align-items: center; border-radius: 9999px; padding-left: .75rem; padding-right: .75rem; padding-top: .25rem; padding-bottom: .25rem; font-size: .75rem; line-height: 1rem; font-weight: 600; } .status-inprogress { background-color: #f59e0b33; --tw-text-opacity: 1; color: rgb(252 211 77 / var(--tw-text-opacity, 1)); } .status-completed { background-color: #22c55e33; --tw-text-opacity: 1; color: rgb(134 239 172 / var(--tw-text-opacity, 1)); } .status-pending { background-color: #64748b33; --tw-text-opacity: 1; color: rgb(203 213 225 / var(--tw-text-opacity, 1)); } .workflow-stage { border-radius: 1rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(51 65 85 / var(--tw-border-opacity, 1)); background-color: #1e293bb3; border-left-width: 4px; padding: 1.5rem; } .workflow-stage-completed { --tw-border-opacity: 1; border-color: rgb(34 197 94 / var(--tw-border-opacity, 1)); opacity: .6; } .workflow-stage-active { --tw-border-opacity: 1; border-color: rgb(168 85 247 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1)); } .workflow-stage-pending { --tw-border-opacity: 1; border-color: rgb(71 85 105 / var(--tw-border-opacity, 1)); opacity: .5; } .tag { white-space: nowrap; border-radius: 9999px; padding-left: .625rem; padding-right: .625rem; padding-top: .25rem; padding-bottom: .25rem; font-size: .75rem; line-height: 1rem; font-weight: 600; } .tag-product { background-color: #6366f133; --tw-text-opacity: 1; color: rgb(165 180 252 / var(--tw-text-opacity, 1)); } .tag-status-ongoing { background-color: #3b82f633; --tw-text-opacity: 1; color: rgb(147 197 253 / var(--tw-text-opacity, 1)); } .tag-status-completed { background-color: #22c55e33; --tw-text-opacity: 1; color: rgb(134 239 172 / var(--tw-text-opacity, 1)); } .tag-engagement { background-color: #f59e0b33; --tw-text-opacity: 1; color: rgb(252 211 77 / var(--tw-text-opacity, 1)); } .tag-category { background-color: #14b8a633; --tw-text-opacity: 1; color: rgb(94 234 212 / var(--tw-text-opacity, 1)); } .thumbnail-active { border-color: var(--primary-blue); box-shadow: 0 0 15px 3px #8b5cf666; } .swiper-button-next, .swiper-button-prev { color: var(--primary-blue); background-color: #1e293bb3; width: 44px; height: 44px; border-radius: 9999px; transition: all .3s; } .swiper-button-next:hover, .swiper-button-prev:hover { background-color: var(--card-bg); box-shadow: 0 0 15px 3px #8b5cf64d; } .swiper-button-next:after, .swiper-button-prev:after { font-size: 24px; font-weight: bold; } .swiper-pagination-bullet { background-color: #475569; } .swiper-pagination-bullet-active { background-color: var(--primary-blue); } .main-swiper, .main-swiper .swiper-wrapper, .main-swiper .swiper-slide { height: auto !important; } .main-swiper img, .main-swiper video { display: block; width: 100%; } .thumbnail-swiper .thumb-slide { height: 96px; flex-shrink: 0; width: 96px !important; } @media (width >= 640px) { .thumbnail-swiper .thumb-slide { height: 112px; width: 112px !important; } } .placeholder\:text-slate-400::placeholder { --tw-text-opacity: 1; color: rgb(148 163 184 / var(--tw-text-opacity, 1)); } .before\:absolute:before { content: var(--tw-content); position: absolute; } .before\:left-1\/2:before { content: var(--tw-content); left: 50%; } .before\:top-0:before { content: var(--tw-content); top: 0; } .before\:h-5:before { content: var(--tw-content); height: 1.25rem; } .before\:w-\[2px\]:before { content: var(--tw-content); width: 2px; } .before\:-translate-x-1\/2:before { content: var(--tw-content); --tw-translate-x: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .before\:bg-\[var\(--text\)\]:before { content: var(--tw-content); background-color: var(--text); } .after\:absolute:after { content: var(--tw-content); position: absolute; } .after\:left-0:after { content: var(--tw-content); left: 0; } .after\:top-1\/2:after { content: var(--tw-content); top: 50%; } .after\:h-\[2px\]:after { content: var(--tw-content); height: 2px; } .after\:w-5:after { content: var(--tw-content); width: 1.25rem; } .after\:-translate-y-1\/2:after { content: var(--tw-content); --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .after\:bg-\[var\(--text\)\]:after { content: var(--tw-content); background-color: var(--text); } .checked\:bg-\[var\(--primary-blue\)\]:checked { background-color: var(--primary-blue); } .focus-within\:ring-1:focus-within { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .focus-within\:ring-\[var\(--primary-blue\)\]:focus-within { --tw-ring-color: var(--primary-blue); } .hover\:-translate-y-0\.5:hover { --tw-translate-y: -.125rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .hover\:-translate-y-1:hover { --tw-translate-y: -.25rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .hover\:-translate-y-px:hover { --tw-translate-y: -1px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .hover\:scale-105:hover { --tw-scale-x: 1.05; --tw-scale-y: 1.05; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .hover\:scale-110: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)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .hover\:scale-\[1\.02\]:hover { --tw-scale-x: 1.02; --tw-scale-y: 1.02; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .hover\:border-\[var\(--primary-blue\)\]:hover { border-color: var(--primary-blue); } .hover\:border-\[var\(--primary-lime\)\]:hover { border-color: var(--primary-lime); } .hover\:border-primary-blue:hover { border-color: var(--primary-blue); } .hover\:bg-\[var\(--own-white\)\]:hover { background-color: var(--own-white); } .hover\:bg-black\/65:hover { background-color: #000000a6; } .hover\:bg-brand-bg:hover { background-color: var(--background); } .hover\:bg-brand-pink:hover { background-color: var(--primary-pink); } .hover\:bg-emerald-100:hover { --tw-bg-opacity: 1; background-color: rgb(209 250 229 / var(--tw-bg-opacity, 1)); } .hover\:bg-emerald-600:hover { --tw-bg-opacity: 1; background-color: rgb(5 150 105 / var(--tw-bg-opacity, 1)); } .hover\:bg-gray-200:hover { --tw-bg-opacity: 1; background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1)); } .hover\:bg-purple-500:hover { --tw-bg-opacity: 1; background-color: rgb(168 85 247 / var(--tw-bg-opacity, 1)); } .hover\:bg-purple-600:hover { --tw-bg-opacity: 1; background-color: rgb(147 51 234 / var(--tw-bg-opacity, 1)); } .hover\:bg-purple-700:hover { --tw-bg-opacity: 1; background-color: rgb(126 34 206 / var(--tw-bg-opacity, 1)); } .hover\:bg-red-500\/10:hover { background-color: #ef44441a; } .hover\:bg-red-600:hover { --tw-bg-opacity: 1; background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1)); } .hover\:bg-red-700:hover { --tw-bg-opacity: 1; background-color: rgb(185 28 28 / var(--tw-bg-opacity, 1)); } .hover\:bg-rose-100:hover { --tw-bg-opacity: 1; background-color: rgb(255 228 230 / var(--tw-bg-opacity, 1)); } .hover\:bg-rose-50:hover { --tw-bg-opacity: 1; background-color: rgb(255 241 242 / var(--tw-bg-opacity, 1)); } .hover\:bg-rose-700:hover { --tw-bg-opacity: 1; background-color: rgb(190 18 60 / var(--tw-bg-opacity, 1)); } .hover\:bg-slate-100:hover { --tw-bg-opacity: 1; background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1)); } .hover\:bg-slate-50:hover { --tw-bg-opacity: 1; background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1)); } .hover\:bg-slate-600:hover { --tw-bg-opacity: 1; background-color: rgb(71 85 105 / var(--tw-bg-opacity, 1)); } .hover\:bg-slate-700:hover { --tw-bg-opacity: 1; background-color: rgb(51 65 85 / var(--tw-bg-opacity, 1)); } .hover\:bg-slate-700\/50:hover { background-color: #33415580; } .hover\:bg-slate-800:hover { --tw-bg-opacity: 1; background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1)); } .hover\:bg-slate-800\/60:hover { background-color: #1e293b99; } .hover\:bg-slate-800\/70:hover { background-color: #1e293bb3; } .hover\:bg-teal-500:hover { --tw-bg-opacity: 1; background-color: rgb(20 184 166 / var(--tw-bg-opacity, 1)); } .hover\:bg-violet-500:hover { --tw-bg-opacity: 1; background-color: rgb(139 92 246 / var(--tw-bg-opacity, 1)); } .hover\:bg-white:hover { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); } .hover\:text-\[var\(--primary-blue\)\]:hover { color: var(--primary-blue); } .hover\:text-\[var\(--text\)\]:hover { color: var(--text); } .hover\:text-blue-600:hover { --tw-text-opacity: 1; color: rgb(37 99 235 / var(--tw-text-opacity, 1)); } .hover\:text-blue-700:hover { --tw-text-opacity: 1; color: rgb(29 78 216 / var(--tw-text-opacity, 1)); } .hover\:text-brand-text:hover { color: var(--text); } .hover\:text-primary-blue:hover { color: var(--primary-blue); } .hover\:text-primary-lime:hover { color: var(--primary-lime); } .hover\:text-purple-400:hover { --tw-text-opacity: 1; color: rgb(192 132 252 / var(--tw-text-opacity, 1)); } .hover\:text-red-300:hover { --tw-text-opacity: 1; color: rgb(252 165 165 / var(--tw-text-opacity, 1)); } .hover\:text-red-500:hover { --tw-text-opacity: 1; color: rgb(239 68 68 / var(--tw-text-opacity, 1)); } .hover\:text-red-600:hover { --tw-text-opacity: 1; color: rgb(220 38 38 / var(--tw-text-opacity, 1)); } .hover\:text-slate-700:hover { --tw-text-opacity: 1; color: rgb(51 65 85 / var(--tw-text-opacity, 1)); } .hover\:text-slate-900:hover { --tw-text-opacity: 1; color: rgb(15 23 42 / var(--tw-text-opacity, 1)); } .hover\:text-teal-300:hover { --tw-text-opacity: 1; color: rgb(94 234 212 / var(--tw-text-opacity, 1)); } .hover\:text-white:hover { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .hover\:text-white\/90:hover { color: #ffffffe6; } .hover\:underline:hover { text-decoration-line: underline; } .hover\:opacity-100:hover { opacity: 1; } .hover\:opacity-90:hover { opacity: .9; } .hover\:opacity-95:hover { opacity: .95; } .hover\:shadow-md:hover { --tw-shadow: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a; --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px 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\:shadow-sm:hover { --tw-shadow: 0 1px 2px 0 #0000000d; --tw-shadow-colored: 0 1px 2px 0 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\:shadow-xl:hover { --tw-shadow: 0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a; --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px 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\:brightness-105:hover { --tw-brightness: brightness(1.05); 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); } .hover\:brightness-110:hover { --tw-brightness: brightness(1.1); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .focus\:border-\[var\(--primary-blue\)\]:focus { border-color: var(--primary-blue); } .focus\:border-brand-pink:focus { border-color: var(--primary-pink); } .focus\:border-purple-500:focus { --tw-border-opacity: 1; border-color: rgb(168 85 247 / var(--tw-border-opacity, 1)); } .focus\:border-red-500:focus { --tw-border-opacity: 1; border-color: rgb(239 68 68 / var(--tw-border-opacity, 1)); } .focus\:outline-none:focus { outline: 2px solid #0000; outline-offset: 2px; } .focus\:ring-0:focus { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .focus\:ring-2:focus { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .focus\:ring-\[var\(--border\)\]:focus { --tw-ring-color: var(--border); } .focus\:ring-\[var\(--primary-blue\)\]:focus { --tw-ring-color: var(--primary-blue); } .focus\:ring-emerald-200:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(167 243 208 / var(--tw-ring-opacity, 1)); } .focus\:ring-purple-500:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(168 85 247 / var(--tw-ring-opacity, 1)); } .focus\:ring-red-200:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(254 202 202 / var(--tw-ring-opacity, 1)); } .focus\:ring-violet-200:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(221 214 254 / var(--tw-ring-opacity, 1)); } .focus\:ring-white\/60:focus { --tw-ring-color: #fff9; } .focus\:ring-offset-2:focus { --tw-ring-offset-width: 2px; } .focus\:ring-offset-white:focus { --tw-ring-offset-color: #fff; } .focus-visible\:outline-none:focus-visible { outline: 2px solid #0000; outline-offset: 2px; } .focus-visible\:ring-1:focus-visible { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .focus-visible\:ring-2:focus-visible { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .focus-visible\:ring-amber-300:focus-visible { --tw-ring-opacity: 1; --tw-ring-color: rgb(252 211 77 / var(--tw-ring-opacity, 1)); } .focus-visible\:ring-rose-500:focus-visible { --tw-ring-opacity: 1; --tw-ring-color: rgb(244 63 94 / var(--tw-ring-opacity, 1)); } .focus-visible\:ring-offset-2:focus-visible { --tw-ring-offset-width: 2px; } .active\:scale-\[0\.99\]:active { --tw-scale-x: .99; --tw-scale-y: .99; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .active\:brightness-95:active { --tw-brightness: brightness(.95); 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); } .disabled\:pointer-events-none:disabled { pointer-events: none; } .disabled\:cursor-not-allowed:disabled { cursor: not-allowed; } .disabled\:opacity-40:disabled { opacity: .4; } .disabled\:opacity-50:disabled { opacity: .5; } .disabled\:opacity-60:disabled { opacity: .6; } .group[open] .group-open\:rotate-180 { --tw-rotate: 180deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(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-1 { --tw-translate-x: -.25rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .group:hover .group-hover\: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)) skewX(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)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .group:hover .group-hover\:opacity-100 { opacity: 1; } .has-\[\:checked\]\:border-\[var\(--primary-blue\)\]:has(:checked) { border-color: var(--primary-blue); } .has-\[\:checked\]\:ring-1:has(:checked) { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .has-\[\:checked\]\:ring-\[var\(--primary-blue\)\]:has(:checked) { --tw-ring-color: var(--primary-blue); } .data-\[disabled\]\:pointer-events-none[data-disabled] { pointer-events: none; } .data-\[disabled\]\:opacity-50[data-disabled] { opacity: .5; } @media not all and (width >= 768px) { .max-md\:-bottom-8 { bottom: -2rem; } .max-md\:top-0 { top: 0; } .max-md\:mb-\[10px\] { margin-bottom: 10px; } .max-md\:mt-\[40px\] { margin-top: 40px; } .max-md\:block { display: block; } .max-md\:hidden { display: none; } .max-md\:w-\[64px\] { width: 64px; } .max-md\:w-\[calc\(100\%-5px\)\] { width: calc(100% - 5px); } .max-md\:w-full { width: 100%; } .max-md\:max-w-\[320px\] { max-width: 320px; } .max-md\:flex-grow { flex-grow: 1; } .max-md\:translate-x-\[2px\] { --tw-translate-x: 2px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .max-md\:translate-y-\[7px\] { --tw-translate-y: 7px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .max-md\:flex-col { flex-direction: column; } .max-md\:flex-col-reverse { flex-direction: column-reverse; } .max-md\:text-nowrap { text-wrap: nowrap; } .max-md\:rounded-2xl { border-radius: 1rem; } .max-md\:py-\[60px\] { padding-top: 60px; padding-bottom: 60px; } .max-md\:text-\[30px\] { font-size: 30px; } .max-md\:leading-\[30px\] { line-height: 30px; } .max-md\:\[transform-origin\:50\%_50\%\] { transform-origin: 50%; } .max-md\:\[transform\:scaleX\(-1\)_rotate\(30deg\)\] { transform: scaleX(-1)rotate(30deg); } } @media not all and (width >= 640px) { .max-sm\:hidden { display: none; } .max-sm\:w-\[250px\] { width: 250px; } .max-sm\:w-full { width: 100%; } .max-sm\:max-w-\[300px\] { max-width: 300px; } .max-sm\:px-\[60px\] { padding-left: 60px; padding-right: 60px; } .max-sm\:text-left { text-align: left; } } @media (width <= 420px) { .max-\[420px\]\:flex-col { flex-direction: column; } } @media (width <= 400px) { .max-\[400px\]\:px-\[30px\] { padding-left: 30px; padding-right: 30px; } } @media (width >= 400px) { .min-\[400px\]\:whitespace-nowrap { white-space: nowrap; } } @media (width >= 640px) { .sm\:-mt-20 { margin-top: -5rem; } .sm\:mb-16 { margin-bottom: 4rem; } .sm\:mb-3 { margin-bottom: .75rem; } .sm\:mb-\[24px\] { margin-bottom: 24px; } .sm\:mb-\[32px\] { margin-bottom: 32px; } .sm\:ml-2 { margin-left: .5rem; } .sm\:ml-3 { margin-left: .75rem; } .sm\:ml-6 { margin-left: 1.5rem; } .sm\:ml-auto { margin-left: auto; } .sm\:mt-0 { margin-top: 0; } .sm\:mt-4 { margin-top: 1rem; } .sm\:inline-block { display: inline-block; } .sm\:inline { display: inline; } .sm\:flex { display: flex; } .sm\:inline-flex { display: inline-flex; } .sm\:hidden { display: none; } .sm\:h-20 { height: 5rem; } .sm\:h-44 { height: 11rem; } .sm\:h-56 { height: 14rem; } .sm\:w-20 { width: 5rem; } .sm\:w-32 { width: 8rem; } .sm\:w-48 { width: 12rem; } .sm\:w-80 { width: 20rem; } .sm\:w-\[320px\] { width: 320px; } .sm\:w-\[calc\(50\%-0\.75rem\)\] { width: calc(50% - .75rem); } .sm\:w-auto { width: auto; } .sm\:max-w-md { max-width: 28rem; } .sm\:shrink-0 { flex-shrink: 0; } .sm\:translate-y-5 { --tw-translate-y: 1.25rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .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-row { flex-direction: row; } .sm\:flex-col { flex-direction: column; } .sm\:items-start { align-items: flex-start; } .sm\:items-end { align-items: flex-end; } .sm\:items-center { align-items: center; } .sm\:justify-start { justify-content: flex-start; } .sm\:justify-end { justify-content: flex-end; } .sm\:justify-center { justify-content: center; } .sm\:justify-between { justify-content: space-between; } .sm\:gap-4 { gap: 1rem; } .sm\:gap-6 { gap: 1.5rem; } .sm\:space-x-2 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(.5rem * var(--tw-space-x-reverse)); margin-left: calc(.5rem * calc(1 - var(--tw-space-x-reverse))); } .sm\:space-x-4 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(1rem * var(--tw-space-x-reverse)); margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))); } .sm\:space-x-6 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(1.5rem * var(--tw-space-x-reverse)); margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse))); } .sm\:space-y-0 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0px * var(--tw-space-y-reverse)); } .sm\:self-start { align-self: flex-start; } .sm\:overflow-hidden { overflow: hidden; } .sm\:rounded-lg { border-radius: .5rem; } .sm\:rounded-none { border-radius: 0; } .sm\:bg-brand-bg { background-color: var(--background); } .sm\:p-10 { padding: 2.5rem; } .sm\:p-6 { padding: 1.5rem; } .sm\:p-8 { padding: 2rem; } .sm\:px-10 { padding-left: 2.5rem; padding-right: 2.5rem; } .sm\:px-12 { padding-left: 3rem; padding-right: 3rem; } .sm\:px-4 { padding-left: 1rem; padding-right: 1rem; } .sm\:px-5 { padding-left: 1.25rem; padding-right: 1.25rem; } .sm\:px-6 { padding-left: 1.5rem; padding-right: 1.5rem; } .sm\:py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; } .sm\:py-12 { padding-top: 3rem; padding-bottom: 3rem; } .sm\:py-14 { padding-top: 3.5rem; padding-bottom: 3.5rem; } .sm\:py-16 { padding-top: 4rem; padding-bottom: 4rem; } .sm\:py-24 { padding-top: 6rem; padding-bottom: 6rem; } .sm\:py-28 { padding-top: 7rem; padding-bottom: 7rem; } .sm\:py-3 { padding-top: .75rem; padding-bottom: .75rem; } .sm\:py-32 { padding-top: 8rem; padding-bottom: 8rem; } .sm\:pr-3 { padding-right: .75rem; } .sm\:pr-36 { padding-right: 9rem; } .sm\:text-left { text-align: left; } .sm\:text-2xl { font-size: 1.5rem; line-height: 2rem; } .sm\:text-3xl { font-size: 1.875rem; line-height: 2.25rem; } .sm\:text-4xl { font-size: 2.25rem; line-height: 2.5rem; } .sm\:text-5xl { font-size: 3rem; line-height: 1; } .sm\:text-9xl { font-size: 8rem; line-height: 1; } .sm\:text-\[18px\] { font-size: 18px; } .sm\:text-\[40px\] { font-size: 40px; } .sm\:text-base { font-size: 1rem; line-height: 1.5rem; } .sm\:text-lg { font-size: 1.125rem; line-height: 1.75rem; } .sm\:text-sm { font-size: .875rem; line-height: 1.25rem; } .sm\:text-xl { font-size: 1.25rem; line-height: 1.75rem; } } @media (width >= 768px) { .md\:left-1\/2 { left: 50%; } .md\:left-full { left: 100%; } .md\:top-1\/2 { top: 50%; } .md\:order-1 { order: 1; } .md\:order-2 { order: 2; } .md\:order-3 { order: 3; } .md\:col-span-1 { grid-column: span 1 / span 1; } .md\:col-span-2 { grid-column: span 2 / span 2; } .md\:mx-0 { margin-left: 0; margin-right: 0; } .md\:mx-auto { margin-left: auto; margin-right: auto; } .md\:mb-0 { margin-bottom: 0; } .md\:mb-\[120px\] { margin-bottom: 120px; } .md\:ml-0 { margin-left: 0; } .md\:ml-3 { margin-left: .75rem; } .md\:ml-\[calc\(50\%\+0\.75rem\)\] { margin-left: calc(50% + .75rem); } .md\:mr-\[calc\(50\%\+0\.75rem\)\] { margin-right: calc(50% + .75rem); } .md\:mt-0 { margin-top: 0; } .md\:mt-\[112px\] { margin-top: 112px; } .md\:mt-\[84px\] { margin-top: 84px; } .md\:block { display: block; } .md\:flex { display: flex; } .md\:hidden { display: none; } .md\:h-40 { height: 10rem; } .md\:h-56 { height: 14rem; } .md\:h-64 { height: 16rem; } .md\:h-\[387\.74px\] { height: 387.74px; } .md\:h-\[500px\] { height: 500px; } .md\:h-\[calc\(100\%-3px\)\] { height: calc(100% - 3px); } .md\:w-40 { width: 10rem; } .md\:w-56 { width: 14rem; } .md\:w-\[120px\] { width: 120px; } .md\:w-\[188\.15px\] { width: 188.15px; } .md\:w-\[320px\] { width: 320px; } .md\:w-\[445px\] { width: 445px; } .md\:w-\[calc\(100\%-7px\)\] { width: calc(100% - 7px); } .md\:w-auto { width: auto; } .md\:min-w-\[120px\] { min-width: 120px; } .md\:min-w-\[220px\] { min-width: 220px; } .md\:min-w-\[650px\] { min-width: 650px; } .md\:max-w-\[70\%\] { max-width: 70%; } .md\:max-w-none { max-width: none; } .md\:flex-1 { flex: 1; } .md\:shrink-0 { flex-shrink: 0; } .md\:-translate-x-0 { --tw-translate-x: -0px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .md\:-translate-x-1\/2 { --tw-translate-x: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .md\:-translate-y-1 { --tw-translate-y: -.25rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(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)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .md\:translate-x-\[80px\] { --tw-translate-x: 80px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .md\:translate-y-0\.5 { --tw-translate-y: .125rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .md\:-rotate-\[15deg\] { --tw-rotate: -15deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .md\:rotate-0 { --tw-rotate: 0deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .md\:rotate-\[0deg\] { --tw-rotate: 0deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .md\:grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .md\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .md\:flex-row { flex-direction: row; } .md\:flex-col { flex-direction: column; } .md\:items-start { align-items: flex-start; } .md\:items-center { align-items: center; } .md\:justify-start { justify-content: flex-start; } .md\:justify-between { justify-content: space-between; } .md\:gap-0 { gap: 0; } .md\:gap-10 { gap: 2.5rem; } .md\:gap-6 { gap: 1.5rem; } .md\:gap-8 { gap: 2rem; } .md\:gap-\[150px\] { gap: 150px; } .md\:space-x-0 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(0px * var(--tw-space-x-reverse)); margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse))); } .md\:space-x-6 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(1.5rem * var(--tw-space-x-reverse)); margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse))); } .md\:space-x-8 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(2rem * var(--tw-space-x-reverse)); margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse))); } .md\:space-y-0 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0px * var(--tw-space-y-reverse)); } .md\:space-y-2 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(.5rem * var(--tw-space-y-reverse)); } .md\:self-end { align-self: flex-end; } .md\:rounded-\[24px\] { border-radius: 24px; } .md\:p-10 { padding: 2.5rem; } .md\:p-12 { padding: 3rem; } .md\:p-20 { padding: 5rem; } .md\:p-5 { padding: 1.25rem; } .md\:p-8 { padding: 2rem; } .md\:py-12 { padding-top: 3rem; padding-bottom: 3rem; } .md\:py-16 { padding-top: 4rem; padding-bottom: 4rem; } .md\:py-32 { padding-top: 8rem; padding-bottom: 8rem; } .md\:py-\[80px\] { padding-top: 80px; padding-bottom: 80px; } .md\:text-left { text-align: left; } .md\:text-3xl { font-size: 1.875rem; line-height: 2.25rem; } .md\:text-4xl { font-size: 2.25rem; line-height: 2.5rem; } .md\:text-5xl { font-size: 3rem; line-height: 1; } .md\:text-6xl { font-size: 3.75rem; line-height: 1; } .md\:text-7xl { font-size: 4.5rem; line-height: 1; } .md\:text-\[25px\] { font-size: 25px; } .md\:text-\[35px\] { font-size: 35px; } .md\:text-base { font-size: 1rem; line-height: 1.5rem; } .md\:text-xl { font-size: 1.25rem; line-height: 1.75rem; } } @media (width >= 1024px) { .lg\:sticky { position: sticky; } .lg\:top-24 { top: 6rem; } .lg\:top-28 { top: 7rem; } .lg\:col-span-1 { grid-column: span 1 / span 1; } .lg\:col-span-2 { grid-column: span 2 / span 2; } .lg\:col-span-3 { grid-column: span 3 / span 3; } .lg\:col-span-9 { grid-column: span 9 / span 9; } .lg\:mx-0 { margin-left: 0; margin-right: 0; } .lg\:mt-0 { margin-top: 0; } .lg\:mt-8 { margin-top: 2rem; } .lg\:mt-9 { margin-top: 2.25rem; } .lg\:block { display: block; } .lg\:flex { display: flex; } .lg\:hidden { display: none; } .lg\:h-64 { height: 16rem; } .lg\:w-4\/5 { width: 80%; } .lg\:w-72 { width: 18rem; } .lg\:w-auto { width: auto; } .lg\:grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } .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-\[40\%_1fr\] { grid-template-columns: 40% 1fr; } .lg\:flex-col { flex-direction: column; } .lg\:justify-start { justify-content: flex-start; } .lg\:gap-12 { gap: 3rem; } .lg\:px-8 { padding-left: 2rem; padding-right: 2rem; } .lg\:px-\[70px\] { padding-left: 70px; padding-right: 70px; } .lg\:px-\[72px\] { padding-left: 72px; padding-right: 72px; } .lg\:py-14 { padding-top: 3.5rem; padding-bottom: 3.5rem; } .lg\:text-left { text-align: left; } } @media (width >= 1280px) { .xl\:w-\[calc\(25\%-1\.125rem\)\] { width: calc(25% - 1.125rem); } .xl\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .xl\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } } @media print { .print\:hidden { display: none; } .print\:bg-white { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); } } .\[\&\>svg\]\:size-4 > svg { width: 1rem; height: 1rem; } .\[\&\>svg\]\:shrink-0 > svg { flex-shrink: 0; } .\[\&_svg\]\:pointer-events-none svg { pointer-events: none; } .\[\&_svg\]\:size-4 svg { width: 1rem; height: 1rem; } .\[\&_svg\]\:shrink-0 svg { flex-shrink: 0; } /*# sourceMappingURL=%5Broot%20of%20the%20server%5D__bd3d9f._.css.map*/