@charset "utf-8";

@import url("https://cdn-uicons.flaticon.com/2.0.0/uicons-solid-rounded/css/uicons-solid-rounded.css");

@import url("https://cdn-uicons.flaticon.com/2.0.0/uicons-regular-rounded/css/uicons-regular-rounded.css");

@import url("https://cdn-uicons.flaticon.com/2.1.0/uicons-solid-straight/css/uicons-solid-straight.css");

@import url("https://cdn-uicons.flaticon.com/2.1.0/uicons-brands/css/uicons-brands.css");

@import url("https://cdn-uicons.flaticon.com/2.5.1/uicons-bold-rounded/css/uicons-bold-rounded.css");

@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css");

@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css");

.text-primary { color: var(--color-primary) !important; }

.text-primary-light { color: var(--color-primary-light) !important; }

.text-primary-light-2 { color: var(--color-primary-light-2) !important; }

.text-light { color: var(--color-light) !important; }

.img-primary { filter: var(--color-primary-img) !important; }

.img-primary-2 { filter: var(--color-primary-img-2) !important; }

.bg-primary { background: var(--color-primary) !important; }

.btn.bg-primary:hover, .btn2.bg-primary:hover, .bg-primary-light { background: var(--color-primary-light) !important; }

.btn.bg-primary-light:hover, .btn2.bg-primary-light:hover { background: var(--color-primary) !important; }

.bg-primary-light-2 { background: var(--color-primary-light-2) !important; }

.btn.bg-primary-light-2:hover, .btn2.bg-primary-light-2:hover { background: var(--color-primary-light) !important; }

.bg-light { background: var(--color-light) !important; }

.border-primary { border-color: var(--color-primary) !important; }

.border-primary-light { border-color: var(--color-primary-light) !important; }

.border-primary-light-2 { border-color: var(--color-primary-light-2) !important; }

.shadow-primary { --tw-shadow-color: var(--color-primary) !important; }

.shadow-primary-light { --tw-shadow-color: var(--color-primary-light) !important; }

.shadow-primary-light-2 { --tw-shadow-color: var(--color-primary-light-2) !important; }

#appCapsule { padding-top: 0px; padding-bottom: 90px; }

.spin-slow { animation: 6s linear 0s infinite normal none running spin !important; }

.ping-slow { animation: 2.6s cubic-bezier(0, 0, 0.2, 1) 0s infinite normal none running ping !important; }

.bg-gr-primary { background: linear-gradient(90deg, rgb(0, 37, 34), rgb(0, 37, 34)); }

.text-primary-active { color: rgb(216, 215, 255); }

.loginBtn { clip-path: polygon(40% 0%, 40% 20%, 100% 20%, 100% 80%, 40% 80%, 40% 100%, 0% 50%); }

.signupBtn { clip-path: polygon(0% 20%, 60% 20%, 60% 0%, 100% 50%, 60% 100%, 60% 80%, 0% 80%); }

.tradingview-widget-copyright { display: none !important; }

.custom-btn { --😀: #ff4d8b; --😀😀: #bb366d; --😀😀😀: #ff4d9d63; cursor: pointer; width: 184px; height: 48px; display: flex; align-items: center; justify-content: center; gap: 1rem; font-size: 1.125em; font-weight: 800; letter-spacing: 2px; color: rgb(255, 255, 255); border: 2px solid var(--😀😀); border-radius: 0.75rem; transform: skew(-10deg); transition: 0.1s; background: var(--😀) !important; box-shadow: 0 8px 0 var(--😀😀) !important; filter: drop-shadow(0 15px 20px var(--😀😀😀)) !important; }

.custom-btn:active { letter-spacing: 0px; transform: skew(-10deg) translateY(8px); box-shadow: 0 0 0 var(--😀😀😀); }

.homePage { background-position: center center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; width: 100%; background-image: url("https://imgcdn.stablediffusionweb.com/2024/5/28/51e16b9b-2bef-4720-ab6f-f9c265ae523b.jpg") !important; }

._mx-auto_ce3u2_1 { margin-left: auto; margin-right: auto; }

._max-w-7xl_ce3u2_6 { max-width: 80rem; }

._px-2_ce3u2_10 { padding-left: 0.5rem; padding-right: 0.5rem; }

._relative_ce3u2_15 { position: relative; }

._flex_ce3u2_19 { display: flex; }

._h-16_ce3u2_23 { height: 4rem; }

._items-center_ce3u2_27 { align-items: center; }

._justify-between_ce3u2_31 { justify-content: space-between; }

._flex-1_ce3u2_35 { flex: 1 1 0%; }

._justify-start_ce3u2_39 { justify-content: flex-start; }

._gap-2_ce3u2_43 { gap: 0.5rem; }

._bg-emerald-900_ce3u2_47 { --tw-bg-opacity: 1; background-color: rgb(6 78 59 / var(--tw-bg-opacity)); }

._p-\[5px\]_ce3u2_52 { padding: 5px; }

._rounded-\[10px\]_ce3u2_56 { border-radius: 10px; }

._h-\[50px\]_ce3u2_60 { height: 50px; }

._w-\[50px\]_ce3u2_64 { width: 50px; }

._text-emerald-800_ce3u2_68 { --tw-text-opacity: 1; color: rgb(6 95 70 / var(--tw-text-opacity)); }

._font-semibold_ce3u2_73 { font-weight: 600; }

._text-\[12px\]_ce3u2_77 { font-size: 12px; }

._p-2_ce3u2_81 { padding: 0.5rem; }

._pb-\[60px\]_ce3u2_85 { padding-bottom: 60px; }

._rounded-t-\[30px\]_ce3u2_89 { border-top-left-radius: 30px; border-top-right-radius: 30px; }

._mt-3_ce3u2_94 { margin-top: 0.75rem; }

._font-normal_ce3u2_98 { font-weight: 400; }

._text-center_ce3u2_102 { text-align: center; }

._justify-center_ce3u2_106 { justify-content: center; }

._font-bold_ce3u2_110 { font-weight: 700; }

._bg-white_ce3u2_114 { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); }

._rounded-full_ce3u2_119 { border-radius: 9999px; }

._w-\[20px\]_ce3u2_123 { width: 20px; }

._h-\[20px\]_ce3u2_127 { height: 20px; }

._text-\[10px\]_ce3u2_131 { font-size: 10px; }

._mt-2_ce3u2_135 { margin-top: 0.5rem; }

._py-\[3px\]_ce3u2_139 { padding-top: 3px; padding-bottom: 3px; }

._w-\[150px\]_ce3u2_144 { width: 150px; }

._mt-\[-50px\]_ce3u2_148 { margin-top: -50px; }

._py-\[6px\]_ce3u2_152 { padding-top: 6px; padding-bottom: 6px; }

._grid_ce3u2_157 { display: grid; }

._grid-cols-3_ce3u2_161 { grid-template-columns: repeat(3, minmax(0px, 1fr)); }

._mx-2_ce3u2_165 { margin-left: 0.5rem; margin-right: 0.5rem; }

._py-3_ce3u2_170 { padding-top: 0.75rem; padding-bottom: 0.75rem; }

._px-\[10px\]_ce3u2_175 { padding-left: 10px; padding-right: 10px; }

._gap-3_ce3u2_180 { gap: 0.75rem; }

._h-\[45px\]_ce3u2_184 { height: 45px; }

._w-\[45px\]_ce3u2_188 { width: 45px; }

._flex-auto_ce3u2_192 { flex: 1 1 auto; }

._text-white_ce3u2_196 { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); }

._text-\[16px\]_ce3u2_201 { font-size: 16px; }

._max-w-sm_ce3u2_205 { max-width: 24rem; }

._text-gray-900_ce3u2_209 { --tw-text-opacity: 1; color: rgb(17 24 39 / var(--tw-text-opacity)); }

._text-sm_ce3u2_214 { font-size: 0.875rem; line-height: 1.25rem; }

._py-\[5px\]_ce3u2_219 { padding-top: 5px; padding-bottom: 5px; }

._px-2\.5_ce3u2_224 { padding-left: 0.625rem; padding-right: 0.625rem; }

._bg-gray-50_ce3u2_229 { --tw-bg-opacity: 1; background-color: rgb(249 250 251 / var(--tw-bg-opacity)); }

._border-gray-300_ce3u2_234 { --tw-border-opacity: 1; border-color: rgb(209 213 219 / var(--tw-border-opacity)); }

._border_ce3u2_234 { border-width: 1px; }

._rounded-lg_ce3u2_243 { border-radius: 0.5rem; }

._w-full_ce3u2_247 { width: 100%; }

._block_ce3u2_251 { display: block; }

._border-emerald-600_ce3u2_255 { --tw-border-opacity: 1; border-color: rgb(5 150 105 / var(--tw-border-opacity)); }

._font-medium_ce3u2_260 { font-weight: 500; }

._ms-2_ce3u2_264 { margin-inline-start: 0.5rem; }

._w-\[15px\]_ce3u2_272 { width: 15px; }

._h-\[15px\]_ce3u2_276 { height: 15px; }

._pb-\[30px\]_ce3u2_280 { padding-bottom: 30px; }

._px-\[8px\]_ce3u2_284 { padding-left: 8px; padding-right: 8px; }

._shadow-sm_ce3u2_289 { --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05); --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-emerald-800_ce3u2_295 { --tw-shadow-color: #065f46; --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); --tw-shadow: var(--tw-shadow-colored); }

._bg-emerald-600_ce3u2_301 { --tw-bg-opacity: 1; background-color: rgb(5 150 105 / var(--tw-bg-opacity)) !important; }

._leading-\[0px\]_ce3u2_306 { line-height: 0px; }

._text-\[18px\]_ce3u2_310 { font-size: 18px; }

._max-w-\[480px\]_ce3u2_314 { max-width: 480px; }

._z-50_ce3u2_318 { z-index: 50; }

._bottom-0_ce3u2_322 { bottom: 0px; }

._fixed_ce3u2_326 { position: fixed; }

._z-\[51\]_ce3u2_330 { z-index: 51; }

._bottom-\[5px\]_ce3u2_334 { bottom: 5px; }

._w-\[40\%\]_ce3u2_338 { width: 40%; }

._left-0_ce3u2_342 { left: 0px; }

._absolute_ce3u2_346 { position: absolute; }

._pt-4_ce3u2_350 { padding-top: 1rem; }

._pb-2_ce3u2_354 { padding-bottom: 0.5rem; }

._px-5_ce3u2_358 { padding-left: 1.25rem; padding-right: 1.25rem; }

._opacity-50_ce3u2_363 { opacity: 0.5; }

._max-w-\[33px\]_ce3u2_367 { max-width: 33px; }

._w-\[100\%\]_ce3u2_371 { width: 100%; }

._right-0_ce3u2_374 { right: 0px; }

._bg-red-500\/0_ce3u2_377 { background-color: rgba(239, 68, 68, 0); }

._rounded-\[20px\]_ce3u2_379 { border-radius: 20px; }

._cursor-pointer_ce3u2_381 { cursor: pointer; }

._rotate-45_ce3u2_383 { --tw-rotate: 45deg; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }

._translate-x-\[-50\%\]_ce3u2_386 { --tw-translate-x: -50%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }

._w-\[60px\]_ce3u2_389 { width: 60px; }

._left-\[50\%\]_ce3u2_391 { left: 50%; }

._bottom-\[30px\]_ce3u2_393 { bottom: 30px; }

._h-\[60px\]_ce3u2_395 { height: 60px; }

._drop-shadow_ce3u2_397 { --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06)); 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); }

._shadow-gray-500_ce3u2_400 { --tw-shadow-color: #6b7280; --tw-shadow: var(--tw-shadow-colored); }

._w-auto_ce3u2_403 { width: auto; }

._h-8_ce3u2_405 { height: 2rem; }

._text-\[14px\]_ce3u2_407 { font-size: 14px; }

._pr-2_ce3u2_409 { padding-right: 0.5rem; }

._inset-y-0_ce3u2_411 { top: 0px; bottom: 0px; }

._ml-3_ce3u2_414 { margin-left: 0.75rem; }

._bg-gray-800_ce3u2_416 { --tw-bg-opacity: 1; background-color: rgb(31 41 55 / var(--tw-bg-opacity)); }

._text-emerald-700_ce3u2_419 { --tw-text-opacity: 1; color: rgb(4 120 87 / var(--tw-text-opacity)); }

._py-2_ce3u2_422 { padding-top: 0.5rem; padding-bottom: 0.5rem; }

._px-4_ce3u2_425 { padding-left: 1rem; padding-right: 1rem; }

._ring-opacity-5_ce3u2_428 { --tw-ring-opacity: .05; }

._ring-black_ce3u2_430 { --tw-ring-opacity: 1; --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity)); }

._ring-1_ce3u2_434 { --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)) rgb(215 215 215); box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000); }

._shadow-lg_ce3u2_439 { --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1),0 4px 6px -4px rgb(0 0 0 / .1); --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); }

._opacity-100_ce3u2_443 { opacity: 1; }

._py-1_ce3u2_445 { padding-top: 0.25rem; padding-bottom: 0.25rem; }

._rounded-md_ce3u2_448 { border-radius: 0.375rem; }

._transform_ce3u2_450 { transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }

._scale-100_ce3u2_452 { --tw-scale-x: 1; --tw-scale-y: 1; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }

._origin-top-right_ce3u2_456 { transform-origin: right top; }

._w-48_ce3u2_458 { width: 12rem; }

._z-10_ce3u2_460 { z-index: 10; }

._pt-\[10px\]_ce3u2_463 { padding-top: 10px; }

._container_ce3u2_465 { width: 100%; }

._text-\[20px\]_ce3u2_468 { font-size: 20px; }

._text-justify_ce3u2_470 { text-align: justify; }

._text-light_ce3u2_472 { color: var(--color-light) !important; }

._bg-light_ce3u2_474 { background: var(--color-light) !important; }

._\!text-white_ce3u2_476 { --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; }

._bg-emerald-700_ce3u2_479 { --tw-bg-opacity: 1; background-color: rgb(4 120 87 / var(--tw-bg-opacity)); }

._border-none_ce3u2_482 { border-style: none; }

._my-4_ce3u2_484 { margin-top: 1rem; margin-bottom: 1rem; }

._rounded-\[12px\]_ce3u2_488 { border-radius: 12px; }

._grid-cols-2_ce3u2_491 { grid-template-columns: repeat(2, minmax(0px, 1fr)); }

._mb-2_ce3u2_493 { margin-bottom: 0.5rem; }

._shadow-gray-500\/40_ce3u2_495 { --tw-shadow-color: rgb(107 114 128 / .4); --tw-shadow: var(--tw-shadow-colored); }

._shadow-md_ce3u2_498 { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1),0 2px 4px -2px rgb(0 0 0 / .1); --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); }

._my-2_ce3u2_502 { margin-top: 0.5rem; margin-bottom: 0.5rem; }

._p-2\.5_ce3u2_505 { padding: 0.625rem; }

._my-\[15px\]_ce3u2_507 { margin-top: 15px; margin-bottom: 15px; }

._z-\[1\]_ce3u2_510 { z-index: 1; }

._mb-3_ce3u2_512 { margin-bottom: 0.75rem; }

._bg-emerald-500\/40_ce3u2_514 { background-color: rgba(16, 185, 129, 0.4); }

._p-1_ce3u2_516 { padding: 0.25rem; }

._w-\[30px\]_ce3u2_518 { width: 30px; }

._h-\[30px\]_ce3u2_520 { height: 30px; }

._text-lg_ce3u2_522 { font-size: 1.125rem; line-height: 1.75rem; }

._gap-1_ce3u2_525 { gap: 0.25rem; }

._text-start_ce3u2_527 { text-align: start; }

._text-\[11px\]_ce3u2_529 { font-size: 11px; }

._text-end_ce3u2_531 { text-align: end; }

._text-emerald-500_ce3u2_533 { --tw-text-opacity: 1; color: rgb(16 185 129 / var(--tw-text-opacity)); }

._py-\[7px\]_ce3u2_536 { padding-top: 7px; padding-bottom: 7px; }

._border-white_ce3u2_539 { --tw-border-opacity: 1; border-color: rgb(255 255 255 / var(--tw-border-opacity)); }

._mb-\[60px\]_ce3u2_542 { margin-bottom: 60px; }

._rounded-\[30px\]_ce3u2_544 { border-radius: 30px; }

._w-\[200px\]_ce3u2_546 { width: 200px; }

._mt-\[-100px\]_ce3u2_548 { margin-top: -100px; }

._z-\[2\]_ce3u2_550 { z-index: 2; }

._py-\[2px\]_ce3u2_552 { padding-top: 2px; padding-bottom: 2px; }

._border-emerald-900_ce3u2_555 { --tw-border-opacity: 1; border-color: rgb(6 78 59 / var(--tw-border-opacity)); }

._border-\[2px\]_ce3u2_558 { border-width: 2px; }

._pt-3_ce3u2_560 { padding-top: 0.75rem; }

._rounded-\[13px\]_ce3u2_562 { border-radius: 13px; }

._text-gray-100_ce3u2_564 { --tw-text-opacity: 1; color: rgb(243 244 246 / var(--tw-text-opacity)); }

._mb-\[20px\]_ce3u2_567 { margin-bottom: 20px; }

._mb-6_ce3u2_569 { margin-bottom: 1.5rem; }

._ms-1_ce3u2_571 { margin-inline-start: 0.25rem; }

._mb-1_ce3u2_573 { margin-bottom: 0.25rem; }

._text-gray-500_ce3u2_575 { --tw-text-opacity: 1; color: rgb(107 114 128 / var(--tw-text-opacity)); }

._justify-items-center_ce3u2_578 { justify-items: center; }

._content-center_ce3u2_580 { align-content: center; }

._translate-y-\[-50\%\]_ce3u2_582 { --tw-translate-y: -50%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }

._top-\[50\%\]_ce3u2_585 { top: 50%; }

._text-gray-400_ce3u2_587 { --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity)); }

._gap-4_ce3u2_590 { gap: 1rem; }

._rounded-\[7px\]_ce3u2_592 { border-radius: 7px; }

._border-green-800\/30_ce3u2_594 { border-color: rgba(22, 101, 52, 0.3); }

._border-b_ce3u2_596 { border-bottom-width: 1px; }

._top-0_ce3u2_598 { top: 0px; }

._flex-col_ce3u2_600 { flex-direction: column; }

._mt-\[80px\]_ce3u2_603 { margin-top: 80px; }

._w-\[100px\]_ce3u2_606 { width: 100px; }

._h-\[100px\]_ce3u2_609 { height: 100px; }

._text-\[30px\]_ce3u2_611 { font-size: 30px; }

._pb-8_ce3u2_613 { padding-bottom: 2rem; }

._px-6_ce3u2_616 { padding-left: 1.5rem; padding-right: 1.5rem; }

._min-h-full_ce3u2_620 { min-height: 100%; }

._mt-6_ce3u2_622 { margin-top: 1.5rem; }

._ps-3\.5_ce3u2_624 { padding-inline-start: 0.875rem; }

._start-0_ce3u2_627 { inset-inline-start: 0px; }

._pointer-events-none_ce3u2_630 { pointer-events: none; }

:root { --color-primary-img: brightness(0) saturate(100%) invert(15%) sepia(20%) saturate(1530%) hue-rotate(125deg) brightness(96%) contrast(94%); --color-primary-img-2: brightness(0) saturate(100%) invert(81%) sepia(22%) saturate(7271%) hue-rotate(5deg) brightness(101%) contrast(94%); --color-primary: #0A3430; --color-primary-light: #1B5A4E; --color-primary-light-2: #43CE93; --color-secondary: #ffffff; --color-light: #f3f4f6; }

._text-primary_bhy2f_1 { color: var(--color-primary) !important; }

._text-primary-light_bhy2f_1 { color: var(--color-primary-light) !important; }

._text-primary-light-2_bhy2f_1 { color: var(--color-primary-light-2) !important; }

._text-light_bhy2f_1 { color: var(--color-light) !important; }

._img-primary_bhy2f_1 { filter: var(--color-primary-img) !important; }

._img-primary-2_bhy2f_1 { filter: var(--color-primary-img-2) !important; }

._bg-primary_bhy2f_1 { background: var(--color-primary) !important; }

._btn_bhy2f_1._bg-primary_bhy2f_1:hover, ._btn2_bhy2f_1._bg-primary_bhy2f_1:hover, ._bg-primary-light_bhy2f_1 { background: var(--color-primary-light) !important; }

._btn_bhy2f_1._bg-primary-light_bhy2f_1:hover, ._btn2_bhy2f_1._bg-primary-light_bhy2f_1:hover { background: var(--color-primary) !important; }

._bg-primary-light-2_bhy2f_1 { background: var(--color-primary-light-2) !important; }

._btn_bhy2f_1._bg-primary-light-2_bhy2f_1:hover, ._btn2_bhy2f_1._bg-primary-light-2_bhy2f_1:hover { background: var(--color-primary-light) !important; }

._bg-light_bhy2f_1 { background: var(--color-light) !important; }

._border-primary_bhy2f_1 { border-color: var(--color-primary) !important; }

._border-primary-light_bhy2f_1 { border-color: var(--color-primary-light) !important; }

._border-primary-light-2_bhy2f_1 { border-color: var(--color-primary-light-2) !important; }

._shadow-primary_bhy2f_1 { --tw-shadow-color: var(--color-primary) !important; }

._shadow-primary-light_bhy2f_1 { --tw-shadow-color: var(--color-primary-light) !important; }

._shadow-primary-light-2_bhy2f_1 { --tw-shadow-color: var(--color-primary-light-2) !important; }

::-webkit-scrollbar { display: none; }

html, body { max-width: 480px !important; margin: auto !important; }

#_appCapsule_bhy2f_1 { padding-top: 0px; padding-bottom: 90px; }

._spin-slow_bhy2f_1 { animation: 6s linear 0s infinite normal none running _spin_bhy2f_1 !important; }

._ping-slow_bhy2f_1 { animation: 2.6s cubic-bezier(0, 0, 0.2, 1) 0s infinite normal none running _ping_bhy2f_1 !important; }

._bg-gr-primary_bhy2f_1 { background: linear-gradient(90deg, rgb(0, 37, 34), rgb(0, 37, 34)); }

._text-primary-active_bhy2f_1 { color: rgb(216, 215, 255); }

._loginBtn_bhy2f_1 { clip-path: polygon(40% 0%, 40% 20%, 100% 20%, 100% 80%, 40% 80%, 40% 100%, 0% 50%); }

._signupBtn_bhy2f_1 { clip-path: polygon(0% 20%, 60% 20%, 60% 0%, 100% 50%, 60% 100%, 60% 80%, 0% 80%); }

._tradingview-widget-copyright_bhy2f_1 { display: none !important; }

._custom-btn_bhy2f_1 { --😀: #ff4d8b; --😀😀: #bb366d; --😀😀😀: #ff4d9d63; cursor: pointer; width: 184px; height: 48px; display: flex; align-items: center; justify-content: center; gap: 1rem; font-size: 1.125em; font-weight: 800; letter-spacing: 2px; color: rgb(255, 255, 255); border: 2px solid var(--😀😀); border-radius: 0.75rem; transform: skew(-10deg); transition: 0.1s; background: var(--😀) !important; box-shadow: 0 8px 0 var(--😀😀) !important; filter: drop-shadow(0 15px 20px var(--😀😀😀)) !important; }

._custom-btn_bhy2f_1:active { letter-spacing: 0px; transform: skew(-10deg) translateY(8px); box-shadow: 0 0 0 var(--😀😀😀); }

._homePage_bhy2f_1 { background-position: center center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; width: 100%; background-image: url("https://imgcdn.stablediffusionweb.com/2024/5/28/51e16b9b-2bef-4720-ab6f-f9c265ae523b.jpg") !important; }

._topNav_bhy2f_3 { background-color: var(--color-light); position: sticky; top: 0px; z-index: 50; }

._loader_1ih15_1 { width: 48px; height: 48px; margin: auto; position: relative; }

._loader_1ih15_1::before { content: ""; width: 48px; height: 5px; background: rgba(150, 126, 5, 0.408); position: absolute; top: 60px; left: 0px; border-radius: 50%; animation: 0.5s linear 0s infinite normal none running _shadow324_1ih15_1; }

._loader_1ih15_1::after { content: ""; width: 100%; height: 100%; background: rgb(239, 192, 7); position: absolute; top: 0px; left: 0px; border-radius: 4px; animation: 0.5s linear 0s infinite normal none running _jump7456_1ih15_1; }

@keyframes _jump7456_1ih15_1 { 
  15% { border-bottom-right-radius: 3px; }
  25% { transform: translateY(9px) rotate(22.5deg); }
  50% { transform: translateY(18px) scaleY(0.9) rotate(45deg); border-bottom-right-radius: 40px; }
  75% { transform: translateY(9px) rotate(67.5deg); }
  100% { transform: translateY(0px) rotate(90deg); }
}

@keyframes _shadow324_1ih15_1 { 
  0%, 100% { transform: scale(1); }
  50% { transform: scaleX(1.2); }
}

.react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow, .react-datepicker__navigation-icon::before { border-color: rgb(204, 204, 204); border-style: solid; border-width: 3px 3px 0px 0px; content: ""; display: block; height: 9px; position: absolute; top: 6px; width: 9px; }

.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle { margin-left: -4px; position: absolute; width: 0px; }

.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::after, .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::after { box-sizing: content-box; position: absolute; border: 8px solid transparent; height: 0px; width: 1px; content: ""; z-index: -1; left: -8px; }

.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before { border-bottom-color: rgb(174, 174, 174); }

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle { top: 0px; margin-top: -8px; }

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::after { border-top: none; border-bottom-color: rgb(240, 240, 240); }

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::after { top: 0px; }

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before { top: -1px; border-bottom-color: rgb(174, 174, 174); }

.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle { bottom: 0px; margin-bottom: -8px; }

.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::after { border-bottom: none; border-top-color: rgb(255, 255, 255); }

.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::after { bottom: 0px; }

.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before { bottom: -1px; border-top-color: rgb(174, 174, 174); }

.react-datepicker-wrapper { display: inline-block; padding: 0px; border: 0px; }

.react-datepicker { font-family: "Helvetica Neue", helvetica, arial, sans-serif; font-size: 0.8rem; background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); border: 1px solid rgb(174, 174, 174); border-radius: 0.3rem; display: inline-block; position: relative; }

.react-datepicker--time-only .react-datepicker__triangle { left: 35px; }

.react-datepicker--time-only .react-datepicker__time-container { border-left: 0px; }

.react-datepicker--time-only .react-datepicker__time, .react-datepicker--time-only .react-datepicker__time-box { border-bottom-left-radius: 0.3rem; border-bottom-right-radius: 0.3rem; }

.react-datepicker__triangle { position: absolute; left: 50px; }

.react-datepicker-popper { z-index: 1; }

.react-datepicker-popper[data-placement^="bottom"] { padding-top: 10px; }

.react-datepicker-popper[data-placement="bottom-end"] .react-datepicker__triangle, .react-datepicker-popper[data-placement="top-end"] .react-datepicker__triangle { left: auto; right: 50px; }

.react-datepicker-popper[data-placement^="top"] { padding-bottom: 10px; }

.react-datepicker-popper[data-placement^="right"] { padding-left: 8px; }

.react-datepicker-popper[data-placement^="right"] .react-datepicker__triangle { left: auto; right: 42px; }

.react-datepicker-popper[data-placement^="left"] { padding-right: 8px; }

.react-datepicker-popper[data-placement^="left"] .react-datepicker__triangle { left: 42px; right: auto; }

.react-datepicker__header { text-align: center; background-color: rgb(240, 240, 240); border-bottom: 1px solid rgb(174, 174, 174); border-top-left-radius: 0.3rem; padding: 8px 0px; position: relative; }

.react-datepicker__header--time { padding-bottom: 8px; padding-left: 5px; padding-right: 5px; }

.react-datepicker__header--time:not(.react-datepicker__header--time--only) { border-top-left-radius: 0px; }

.react-datepicker__header:not(.react-datepicker__header--has-time-select) { border-top-right-radius: 0.3rem; }

.react-datepicker__year-dropdown-container--select, .react-datepicker__month-dropdown-container--select, .react-datepicker__month-year-dropdown-container--select, .react-datepicker__year-dropdown-container--scroll, .react-datepicker__month-dropdown-container--scroll, .react-datepicker__month-year-dropdown-container--scroll { display: inline-block; margin: 0px 15px; }

.react-datepicker__current-month, .react-datepicker-time__header, .react-datepicker-year-header { margin-top: 0px; color: rgb(0, 0, 0); font-weight: 700; font-size: 0.944rem; }

.react-datepicker-time__header { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.react-datepicker__navigation { align-items: center; background: none; display: flex; justify-content: center; text-align: center; cursor: pointer; position: absolute; top: 2px; padding: 0px; border: none; z-index: 1; height: 32px; width: 32px; text-indent: -999em; overflow: hidden; }

.react-datepicker__navigation--previous { left: 2px; }

.react-datepicker__navigation--next { right: 2px; }

.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) { right: 85px; }

.react-datepicker__navigation--years { position: relative; top: 0px; display: block; margin-left: auto; margin-right: auto; }

.react-datepicker__navigation--years-previous { top: 4px; }

.react-datepicker__navigation--years-upcoming { top: -4px; }

.react-datepicker__navigation:hover ::before { border-color: rgb(166, 166, 166); }

.react-datepicker__navigation-icon { position: relative; top: -1px; font-size: 20px; width: 0px; }

.react-datepicker__navigation-icon--next { left: -2px; }

.react-datepicker__navigation-icon--next::before { transform: rotate(45deg); left: -7px; }

.react-datepicker__navigation-icon--previous { right: -2px; }

.react-datepicker__navigation-icon--previous::before { transform: rotate(225deg); right: -7px; }

.react-datepicker__month-container { float: left; }

.react-datepicker__year { margin: 0.4rem; text-align: center; }

.react-datepicker__year-wrapper { display: flex; flex-wrap: wrap; max-width: 180px; }

.react-datepicker__year .react-datepicker__year-text { display: inline-block; width: 4rem; margin: 2px; }

.react-datepicker__month { margin: 0.4rem; text-align: center; }

.react-datepicker__month .react-datepicker__month-text, .react-datepicker__month .react-datepicker__quarter-text { display: inline-block; width: 4rem; margin: 2px; }

.react-datepicker__input-time-container { clear: both; width: 100%; float: left; margin: 5px 0px 10px 15px; text-align: left; }

.react-datepicker__input-time-container .react-datepicker-time__caption, .react-datepicker__input-time-container .react-datepicker-time__input-container { display: inline-block; }

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input { display: inline-block; margin-left: 10px; }

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input { width: auto; }

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type="time"]::-webkit-inner-spin-button, .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type="time"]::-webkit-outer-spin-button { appearance: none; margin: 0px; }

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type="time"] { }

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter { margin-left: 5px; display: inline-block; }

.react-datepicker__time-container { float: right; border-left: 1px solid rgb(174, 174, 174); width: 85px; }

.react-datepicker__time-container--with-today-button { display: inline; border: 1px solid rgb(174, 174, 174); border-radius: 0.3rem; position: absolute; right: -87px; top: 0px; }

.react-datepicker__time-container .react-datepicker__time { position: relative; background: rgb(255, 255, 255); border-bottom-right-radius: 0.3rem; }

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box { width: 85px; overflow-x: hidden; margin: 0px auto; text-align: center; border-bottom-right-radius: 0.3rem; }

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list { list-style: none; margin: 0px; height: calc(195px + 0.85rem); overflow-y: scroll; padding-right: 0px; padding-left: 0px; width: 100%; box-sizing: content-box; }

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item { height: 30px; padding: 5px 10px; white-space: nowrap; }

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover { cursor: pointer; background-color: rgb(240, 240, 240); }

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected { background-color: rgb(33, 107, 165); color: rgb(255, 255, 255); font-weight: 700; }

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover { background-color: rgb(33, 107, 165); }

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled { color: rgb(204, 204, 204); }

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover { cursor: default; background-color: transparent; }

.react-datepicker__week-number { color: rgb(204, 204, 204); display: inline-block; width: 1.7rem; line-height: 1.7rem; text-align: center; margin: 0.166rem; }

.react-datepicker__week-number.react-datepicker__week-number--clickable { cursor: pointer; }

.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected, .react-datepicker__week-number--keyboard-selected):hover { border-radius: 0.3rem; background-color: rgb(240, 240, 240); }

.react-datepicker__week-number--selected { border-radius: 0.3rem; background-color: rgb(33, 107, 165); color: rgb(255, 255, 255); }

.react-datepicker__week-number--selected:hover { background-color: rgb(29, 93, 144); }

.react-datepicker__week-number--keyboard-selected { border-radius: 0.3rem; background-color: rgb(42, 135, 208); color: rgb(255, 255, 255); }

.react-datepicker__week-number--keyboard-selected:hover { background-color: rgb(29, 93, 144); }

.react-datepicker__day-names { white-space: nowrap; margin-bottom: -8px; }

.react-datepicker__week { white-space: nowrap; }

.react-datepicker__day-name, .react-datepicker__day, .react-datepicker__time-name { color: rgb(0, 0, 0); display: inline-block; width: 1.7rem; line-height: 1.7rem; text-align: center; margin: 0.166rem; }

.react-datepicker__day, .react-datepicker__month-text, .react-datepicker__quarter-text, .react-datepicker__year-text { cursor: pointer; }

.react-datepicker__day:hover, .react-datepicker__month-text:hover, .react-datepicker__quarter-text:hover, .react-datepicker__year-text:hover { border-radius: 0.3rem; background-color: rgb(240, 240, 240); }

.react-datepicker__day--today, .react-datepicker__month-text--today, .react-datepicker__quarter-text--today, .react-datepicker__year-text--today { font-weight: 700; }

.react-datepicker__day--highlighted, .react-datepicker__month-text--highlighted, .react-datepicker__quarter-text--highlighted, .react-datepicker__year-text--highlighted { border-radius: 0.3rem; background-color: rgb(61, 204, 74); color: rgb(255, 255, 255); }

.react-datepicker__day--highlighted:hover, .react-datepicker__month-text--highlighted:hover, .react-datepicker__quarter-text--highlighted:hover, .react-datepicker__year-text--highlighted:hover { background-color: rgb(50, 190, 63); }

.react-datepicker__day--highlighted-custom-1, .react-datepicker__month-text--highlighted-custom-1, .react-datepicker__quarter-text--highlighted-custom-1, .react-datepicker__year-text--highlighted-custom-1 { color: rgb(255, 0, 255); }

.react-datepicker__day--highlighted-custom-2, .react-datepicker__month-text--highlighted-custom-2, .react-datepicker__quarter-text--highlighted-custom-2, .react-datepicker__year-text--highlighted-custom-2 { color: green; }

.react-datepicker__day--holidays, .react-datepicker__month-text--holidays, .react-datepicker__quarter-text--holidays, .react-datepicker__year-text--holidays { position: relative; border-radius: 0.3rem; background-color: rgb(255, 104, 3); color: rgb(255, 255, 255); }

.react-datepicker__day--holidays .holiday-overlay, .react-datepicker__month-text--holidays .holiday-overlay, .react-datepicker__quarter-text--holidays .holiday-overlay, .react-datepicker__year-text--holidays .holiday-overlay { position: absolute; bottom: 100%; left: 50%; transform: translate(-50%); background-color: rgb(51, 51, 51); color: rgb(255, 255, 255); padding: 4px; border-radius: 4px; white-space: nowrap; visibility: hidden; opacity: 0; transition: visibility, opacity 0.3s ease-in-out; }

.react-datepicker__day--holidays:hover, .react-datepicker__month-text--holidays:hover, .react-datepicker__quarter-text--holidays:hover, .react-datepicker__year-text--holidays:hover { background-color: rgb(207, 83, 0); }

.react-datepicker__day--holidays:hover .holiday-overlay, .react-datepicker__month-text--holidays:hover .holiday-overlay, .react-datepicker__quarter-text--holidays:hover .holiday-overlay, .react-datepicker__year-text--holidays:hover .holiday-overlay { visibility: visible; opacity: 1; }

.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range, .react-datepicker__month-text--selected, .react-datepicker__month-text--in-selecting-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--selected, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--selected, .react-datepicker__year-text--in-selecting-range, .react-datepicker__year-text--in-range { border-radius: 0.3rem; background-color: rgb(33, 107, 165); color: rgb(255, 255, 255); }

.react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover, .react-datepicker__month-text--selected:hover, .react-datepicker__month-text--in-selecting-range:hover, .react-datepicker__month-text--in-range:hover, .react-datepicker__quarter-text--selected:hover, .react-datepicker__quarter-text--in-selecting-range:hover, .react-datepicker__quarter-text--in-range:hover, .react-datepicker__year-text--selected:hover, .react-datepicker__year-text--in-selecting-range:hover, .react-datepicker__year-text--in-range:hover { background-color: rgb(29, 93, 144); }

.react-datepicker__day--keyboard-selected, .react-datepicker__month-text--keyboard-selected, .react-datepicker__quarter-text--keyboard-selected, .react-datepicker__year-text--keyboard-selected { border-radius: 0.3rem; background-color: rgb(186, 217, 241); color: rgb(0, 0, 0); }

.react-datepicker__day--keyboard-selected:hover, .react-datepicker__month-text--keyboard-selected:hover, .react-datepicker__quarter-text--keyboard-selected:hover, .react-datepicker__year-text--keyboard-selected:hover { background-color: rgb(29, 93, 144); }

.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range), .react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range), .react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range), .react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range) { background-color: rgba(33, 107, 165, 0.5); }

.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range), .react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range), .react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range), .react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range), .react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range), .react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range), .react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range), .react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range) { background-color: rgb(240, 240, 240); color: rgb(0, 0, 0); }

.react-datepicker__day--disabled, .react-datepicker__month-text--disabled, .react-datepicker__quarter-text--disabled, .react-datepicker__year-text--disabled { cursor: default; color: rgb(204, 204, 204); }

.react-datepicker__day--disabled:hover, .react-datepicker__month-text--disabled:hover, .react-datepicker__quarter-text--disabled:hover, .react-datepicker__year-text--disabled:hover { background-color: transparent; }

.react-datepicker__input-container { position: relative; display: inline-block; width: 100%; }

.react-datepicker__input-container .react-datepicker__calendar-icon { position: absolute; padding: 0.5rem; box-sizing: content-box; }

.react-datepicker__view-calendar-icon input { padding: 6px 10px 5px 25px; }

.react-datepicker__year-read-view, .react-datepicker__month-read-view, .react-datepicker__month-year-read-view { border: 1px solid transparent; border-radius: 0.3rem; position: relative; }

.react-datepicker__year-read-view:hover, .react-datepicker__month-read-view:hover, .react-datepicker__month-year-read-view:hover { cursor: pointer; }

.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow { border-top-color: rgb(179, 179, 179); }

.react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow { transform: rotate(135deg); right: -16px; top: 0px; }

.react-datepicker__year-dropdown, .react-datepicker__month-dropdown, .react-datepicker__month-year-dropdown { background-color: rgb(240, 240, 240); position: absolute; width: 50%; left: 25%; top: 30px; z-index: 1; text-align: center; border-radius: 0.3rem; border: 1px solid rgb(174, 174, 174); }

.react-datepicker__year-dropdown:hover, .react-datepicker__month-dropdown:hover, .react-datepicker__month-year-dropdown:hover { cursor: pointer; }

.react-datepicker__year-dropdown--scrollable, .react-datepicker__month-dropdown--scrollable, .react-datepicker__month-year-dropdown--scrollable { height: 150px; overflow-y: scroll; }

.react-datepicker__year-option, .react-datepicker__month-option, .react-datepicker__month-year-option { line-height: 20px; width: 100%; display: block; margin-left: auto; margin-right: auto; }

.react-datepicker__year-option:first-of-type, .react-datepicker__month-option:first-of-type, .react-datepicker__month-year-option:first-of-type { border-top-left-radius: 0.3rem; border-top-right-radius: 0.3rem; }

.react-datepicker__year-option:last-of-type, .react-datepicker__month-option:last-of-type, .react-datepicker__month-year-option:last-of-type { user-select: none; border-bottom-left-radius: 0.3rem; border-bottom-right-radius: 0.3rem; }

.react-datepicker__year-option:hover, .react-datepicker__month-option:hover, .react-datepicker__month-year-option:hover { background-color: rgb(204, 204, 204); }

.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming, .react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming, .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming { border-bottom-color: rgb(179, 179, 179); }

.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous, .react-datepicker__month-option:hover .react-datepicker__navigation--years-previous, .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous { border-top-color: rgb(179, 179, 179); }

.react-datepicker__year-option--selected, .react-datepicker__month-option--selected, .react-datepicker__month-year-option--selected { position: absolute; left: 15px; }

.react-datepicker__close-icon { cursor: pointer; background-color: transparent; border: 0px; outline: 0px; padding: 0px 6px 0px 0px; position: absolute; top: 0px; right: 0px; height: 100%; display: table-cell; vertical-align: middle; }

.react-datepicker__close-icon::after { cursor: pointer; background-color: rgb(33, 107, 165); color: rgb(255, 255, 255); border-radius: 50%; height: 16px; width: 16px; padding: 2px; font-size: 12px; line-height: 1; text-align: center; display: table-cell; vertical-align: middle; content: "×"; }

.react-datepicker__close-icon--disabled { cursor: default; }

.react-datepicker__close-icon--disabled::after { cursor: default; background-color: rgb(204, 204, 204); }

.react-datepicker__today-button { background: rgb(240, 240, 240); border-top: 1px solid rgb(174, 174, 174); cursor: pointer; text-align: center; font-weight: 700; padding: 5px 0px; clear: left; }

.react-datepicker__portal { position: fixed; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.8); left: 0px; top: 0px; justify-content: center; align-items: center; display: flex; z-index: 2147483647; }

.react-datepicker__portal .react-datepicker__day-name, .react-datepicker__portal .react-datepicker__day, .react-datepicker__portal .react-datepicker__time-name { width: 3rem; line-height: 3rem; }

@media (max-width: 400px), (max-height: 550px) {
  .react-datepicker__portal .react-datepicker__day-name, .react-datepicker__portal .react-datepicker__day, .react-datepicker__portal .react-datepicker__time-name { width: 2rem; line-height: 2rem; }
}

.react-datepicker__portal .react-datepicker__current-month, .react-datepicker__portal .react-datepicker-time__header { font-size: 1.44rem; }

.react-datepicker__children-container { width: 13.8rem; margin: 0.4rem; padding-right: 0.2rem; padding-left: 0.2rem; height: auto; }

.react-datepicker__aria-live { position: absolute; clip-path: circle(0px); border: 0px; height: 1px; margin: -1px; overflow: hidden; padding: 0px; width: 1px; white-space: nowrap; }

.react-datepicker__calendar-icon { width: 1em; height: 1em; vertical-align: -0.125em; }

@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: 0px; z-index: 1; display: block; }

.swiper-vertical > .swiper-wrapper { flex-direction: column; }

.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial); box-sizing: content-box; }

.swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper { transform: translateZ(0px); }

.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(0px); 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; }

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; }

.swiper-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: 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; 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 { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; pointer-events: none; z-index: 10; }

.swiper-3d .swiper-slide-shadow { background: rgba(0, 0, 0, 0.15); }

.swiper-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.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% center; box-sizing: border-box; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-radius: 50%; border-top-color: transparent; }

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader, .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader { animation: 1s linear 0s infinite normal none running 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(0deg); }
  100% { transform: rotate(360deg); }
}

.swiper-pagination { position: absolute; text-align: center; transition: opacity 0.3s; transform: translateZ(0px); 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: 0px; width: 100%; }

.swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0px; }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(0.33); position: relative; }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(0.66); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(0.33); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(0.66); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(0.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: 0px; padding: 0px; box-shadow: 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(0px, -50%, 0px); }

.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 0.2s, top 0.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: translate(-50%); white-space: nowrap; }

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: transform 0.2s, left 0.2s; }

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: transform 0.2s, right 0.2s; }

.swiper-pagination-fraction { color: var(--swiper-pagination-fraction-color,inherit); }

.swiper-pagination-progressbar { background: var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25)); position: absolute; }

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color,var(--swiper-theme-color)); position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; transform: scale(0); transform-origin: left top; }

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top; }

.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-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: 0px; top: 0px; }

.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: 0px; top: 0px; }

.swiper-pagination-lock { display: none; }

._loader_7wzoi_3 { scale: 3; height: 50px; width: 40px; }

._box_7wzoi_9 { position: relative; opacity: 0; left: 10px; }

._sideLeft_7wzoi_15 { position: absolute; background-color: rgb(176, 142, 3); width: 19px; height: 5px; transform: skew(0deg, -25deg); top: 14px; left: 10px; }

._sideRight_7wzoi_25 { position: absolute; background-color: rgb(230, 184, 0); width: 19px; height: 5px; transform: skew(0deg, 25deg); top: 14px; left: -9px; }

._sideTop_7wzoi_35 { position: absolute; background-color: rgb(250, 204, 21); width: 20px; height: 20px; rotate: 45deg; transform: skew(-20deg, -20deg); }

._box1_7wzoi_44 { animation: 4s ease 0s infinite normal none running _from-left_7wzoi_1; }

._box2_7wzoi_48 { animation: 4s ease 1s infinite normal none running _from-right_7wzoi_1; }

._box3_7wzoi_53 { animation: 4s ease 2s infinite normal none running _from-left_7wzoi_1; }

._box4_7wzoi_58 { animation: 4s ease 3s infinite normal none running _from-right_7wzoi_1; }

@keyframes _from-left_7wzoi_1 { 
  0% { z-index: 20; opacity: 0; translate: -20px -6px; }
  20% { z-index: 10; opacity: 1; translate: 0px; }
  40% { z-index: 9; translate: 0px 4px; }
  60% { z-index: 8; translate: 0px 8px; }
  80% { z-index: 7; opacity: 1; translate: 0px 12px; }
  100% { z-index: 5; translate: 0px 30px; opacity: 0; }
}

@keyframes _from-right_7wzoi_1 { 
  0% { z-index: 20; opacity: 0; translate: 20px -6px; }
  20% { z-index: 10; opacity: 1; translate: 0px; }
  40% { z-index: 9; translate: 0px 4px; }
  60% { z-index: 8; translate: 0px 8px; }
  80% { z-index: 7; opacity: 1; translate: 0px 12px; }
  100% { z-index: 5; translate: 0px 30px; opacity: 0; }
}

._loader_168v4_1 { position: absolute; inset: 0px; }

._jimuPrimaryLoading_168v4_9::before, ._jimuPrimaryLoading_168v4_9::after { position: absolute; top: 0px; content: ""; }

._jimuPrimaryLoading_168v4_9::before { left: -19.992px; }

._jimuPrimaryLoading_168v4_9::after { left: 19.992px; animation-delay: 0.32s !important; }

._jimuPrimaryLoading_168v4_9::before, ._jimuPrimaryLoading_168v4_9::after, ._jimuPrimaryLoading_168v4_9 { background: rgb(1, 164, 47); animation: 0.8s ease-in-out 0s infinite normal none running _loading-keys-app-loading_168v4_1; width: 13.6px; height: 32px; }

._jimuPrimaryLoading_168v4_9 { text-indent: -9999em; margin: auto; position: absolute; right: calc(50% - 6.8px); top: calc(50% - 16px); animation-delay: 0.16s !important; }

@keyframes _loading-keys-app-loading_168v4_1 { 
  0%, 80%, 100% { opacity: 0.75; box-shadow: rgb(1, 164, 47) 0px 0px; height: 32px; }
  40% { opacity: 1; box-shadow: rgb(1, 164, 47) 0px -8px; height: 40px; }
}

._newtons_cradle_12slg_2 { --uib-size: 50px; --uib-speed: 1.2s; --uib-color: #01a839; position: relative; display: flex; align-items: center; justify-content: center; width: var(--uib-size); height: var(--uib-size); }

._newtons_cradle__dot_12slg_14 { position: relative; display: flex; align-items: center; height: 100%; width: 25%; transform-origin: center top; }

._newtons_cradle__dot_12slg_14::after { content: ""; display: block; width: 100%; height: 25%; border-radius: 50%; background-color: var(--uib-color); }

._newtons_cradle__dot_12slg_14:first-child { animation: _swing_12slg_1 var(--uib-speed) linear infinite; }

._newtons_cradle__dot_12slg_14:last-child { animation: _swing2_12slg_1 var(--uib-speed) linear infinite; }

@keyframes _swing_12slg_1 { 
  0% { transform: rotate(0deg); animation-timing-function: ease-out; }
  25% { transform: rotate(70deg); animation-timing-function: ease-in; }
  50% { transform: rotate(0deg); animation-timing-function: linear; }
}

@keyframes _swing2_12slg_1 { 
  0% { transform: rotate(0deg); animation-timing-function: linear; }
  50% { transform: rotate(0deg); animation-timing-function: ease-out; }
  75% { transform: rotate(-70deg); animation-timing-function: ease-in; }
}

._boxes_1ws3p_1 { --size: 32px; --duration: .8s; height: calc(var(--size)* 2); width: calc(var(--size)* 3); position: relative; transform-style: preserve-3d; transform-origin: 50% 50%; margin-top: calc(var(--size)* 1.5 * -1); transform: rotateX(60deg) rotate(45deg) rotateY(0deg) translateZ(0px); }

._boxes_1ws3p_1 ._box_1ws3p_1 { width: var(--size); height: var(--size); top: 0px; left: 0px; position: absolute; transform-style: preserve-3d; }

._boxes_1ws3p_1 ._box_1ws3p_1:nth-child(1) { transform: translate(100%); animation: _box1_1ws3p_1 var(--duration) linear infinite; }

._boxes_1ws3p_1 ._box_1ws3p_1:nth-child(2) { transform: translateY(100%); animation: _box2_1ws3p_1 var(--duration) linear infinite; }

._boxes_1ws3p_1 ._box_1ws3p_1:nth-child(3) { transform: translate(100%, 100%); animation: _box3_1ws3p_1 var(--duration) linear infinite; }

._boxes_1ws3p_1 ._box_1ws3p_1:nth-child(4) { transform: translate(200%); animation: _box4_1ws3p_1 var(--duration) linear infinite; }

._boxes_1ws3p_1 ._box_1ws3p_1 > div { --background: #f65ca6; --top: auto; --right: auto; --bottom: auto; --left: auto; --translateZ: calc(var(--size)/ 2); --rotateY: 0deg; --rotateX: 0deg; position: absolute; width: 100%; height: 100%; background: var(--background); top: var(--top); right: var(--right); bottom: var(--bottom); left: var(--left); transform: rotateY(var(--rotateY)) rotateX(var(--rotateX)) translateZ(var(--translateZ)); }

._boxes_1ws3p_1 ._box_1ws3p_1 > div:nth-child(1) { --top: 0; --left: 0; }

._boxes_1ws3p_1 ._box_1ws3p_1 > div:nth-child(2) { --background: #f2147c; --right: 0; --rotateY: 90deg; }

._boxes_1ws3p_1 ._box_1ws3p_1 > div:nth-child(3) { --background: #f5448b; --rotateX: -90deg; }

._boxes_1ws3p_1 ._box_1ws3p_1 > div:nth-child(4) { --background: #f4dbeb; --top: 0; --left: 0; --translateZ: calc(var(--size)* 3 * -1); }

@keyframes _box1_1ws3p_1 { 
  0%, 50% { transform: translate(100%); }
  100% { transform: translate(200%); }
}

@keyframes _box2_1ws3p_1 { 
  0% { transform: translateY(100%); }
  50% { transform: translate(0px); }
  100% { transform: translate(100%); }
}

@keyframes _box3_1ws3p_1 { 
  0%, 50% { transform: translate(100%, 100%); }
  100% { transform: translateY(100%); }
}

@keyframes _box4_1ws3p_1 { 
  0% { transform: translate(200%); }
  50% { transform: translate(200%, 100%); }
  100% { transform: translate(100%, 100%); }
}

.ReactCollapse--collapse { transition: height 0.3s; }

input::-webkit-inner-spin-button, input::-webkit-outer-spin-button { appearance: none; margin: 0px; }

input[type="number"] { }

.react-datepicker { background-color: rgb(255, 255, 255) !important; border: none !important; box-shadow: rgba(45, 54, 67, 0.14) 0px 32px 64px -12px !important; font-family: inherit !important; }

.react-datepicker-wrapper { width: 100%; }

.react-datepicker__month-container { margin: 1.5rem 1.5rem 0px !important; }

.react-datepicker__children-container { margin: 0px !important; padding-left: 0px !important; padding-right: 0px !important; width: 100% !important; }

.react-datepicker__header { background-color: rgb(255, 255, 255) !important; border-bottom: none !important; border-radius: 0px !important; padding-bottom: 0.5rem !important; }

.react-datepicker__header:not(.react-datepicker__header--has-time-select) { border-top-right-radius: 0px !important; }

.react-datepicker__navigation--previous { left: 24px !important; top: 32px !important; }

.react-datepicker__navigation--next { right: 24px !important; top: 32px !important; }

.react-datepicker__navigation-icon { color: rgb(94, 113, 141) !important; font-size: 14px !important; letter-spacing: -0.2px !important; line-height: 24px !important; }

.react-datepicker__navigation-icon::before { border-color: rgb(94, 113, 141) !important; border-style: solid !important; border-width: 1px 1px 0px 0px !important; content: "" !important; display: block !important; height: 9px !important; position: absolute !important; top: 6px !important; width: 9px !important; }

.react-datepicker__current-month { color: rgb(45, 54, 67) !important; font-size: 16px !important; font-weight: 600 !important; letter-spacing: -0.3px !important; line-height: 24px !important; margin-bottom: 1.25rem !important; }

.react-datepicker__month { margin: 0px !important; padding: 0px 0px 14px !important; }

.react-datepicker__day-names { align-items: center !important; border-bottom-color: rgb(240, 243, 249) !important; border-bottom-width: 1px !important; border-top-color: rgb(240, 243, 249) !important; border-top-width: 1px !important; display: flex !important; gap: 8px !important; justify-content: space-between !important; }

.react-datepicker__day-name { color: rgb(94, 113, 141) !important; font-size: 16px !important; font-weight: 400 !important; letter-spacing: -0.3px !important; line-height: 24px !important; }

.react-datepicker__week { justify-content: space-between !important; margin-bottom: 0.5rem !important; margin-top: 0.5rem !important; }

.react-datepicker__day, .react-datepicker__week { align-items: center !important; display: flex !important; }

.react-datepicker__day { font-size: 16px !important; font-weight: 500 !important; height: 2.5rem !important; justify-content: center !important; letter-spacing: -0.3px !important; line-height: 24px !important; margin: 0px !important; width: 2.5rem !important; }

.react-datepicker__day--today { border-radius: 0.375rem !important; }

.react-datepicker__day--outside-month { color: rgb(175, 186, 202) !important; font-size: 16px !important; font-weight: 500 !important; letter-spacing: -0.3px !important; line-height: 24px !important; }

.react-datepicker__day--selected { background-color: rgb(27, 77, 255) !important; color: rgb(255, 255, 255) !important; }

.react-datepicker__day--selected:hover { background-color: rgb(74, 114, 255) !important; }

.react-datepicker__day--keyboard-selected { background-color: rgb(27, 77, 255) !important; color: rgb(255, 255, 255) !important; }

.react-datepicker__day--keyboard-selected:hover, .react-datepicker__day--today { background-color: rgb(74, 114, 255) !important; }

.react-datepicker__day--today { color: rgb(255, 255, 255) !important; }

.react-datepicker__day--today:hover { background-color: rgb(110, 142, 255) !important; }

.react-datepicker__day--in-range, .react-datepicker__day--in-range:hover { background-color: rgb(232, 237, 255) !important; border-radius: 0px !important; }

.react-datepicker__day--in-range.react-datepicker__day--today { color: rgb(45, 54, 67) !important; }

.react-datepicker__day--range-end.react-datepicker__day--today, .react-datepicker__day--range-start.react-datepicker__day--today { color: rgb(255, 255, 255) !important; }

.react-datepicker__day--in-range:last-child { border-bottom-right-radius: 0.375rem !important; border-top-right-radius: 0.375rem !important; }

.react-datepicker__day--in-range:first-child { border-bottom-left-radius: 0.375rem !important; border-top-left-radius: 0.375rem !important; }

.react-datepicker__day--range-end, .react-datepicker__day--range-start { background-color: rgb(27, 77, 255) !important; border-radius: 0.375rem !important; color: rgb(255, 255, 255) !important; }

.react-datepicker__day--range-end:hover, .react-datepicker__day--range-start:hover { background-color: rgb(74, 114, 255) !important; border-radius: 0.375rem !important; }

.react-datepicker__day--in-selecting-range { background-color: rgb(232, 237, 255) !important; border-radius: 0px !important; color: rgb(69, 84, 104) !important; }

.react-datepicker__month-wrapper { align-items: center !important; display: flex !important; gap: 0.75rem !important; justify-content: space-between !important; }

.react-datepicker__month-text--keyboard-selected, .react-datepicker__month-text.react-datepicker__month--selected { background-color: rgb(232, 237, 255) !important; color: rgb(15, 60, 217) !important; }

.react-datepicker__month-wrapper .react-datepicker__month-text--selected { background-color: rgb(27, 77, 255) !important; color: rgb(255, 255, 255) !important; }

.react-datepicker__month-wrapper .react-datepicker__month-text--selected:hover { background-color: rgb(74, 114, 255) !important; color: rgb(255, 255, 255) !important; }

.react-datepicker__month .react-datepicker__month-text, .react-datepicker__month .react-datepicker__quarter-text { color: rgb(45, 54, 67); align-items: center !important; display: flex !important; font-size: 14px !important; font-weight: 500 !important; height: 48px !important; justify-content: center !important; letter-spacing: -0.2px !important; line-height: 24px !important; transition: 0.2s !important; width: 48px !important; }

.react-datepicker__month .react-datepicker__quarter-text:hover { background-color: rgb(74, 114, 255) !important; color: rgb(45, 54, 67); }

.react-datepicker__month .react-datepicker__month-text--today { background-color: rgb(27, 77, 255) !important; border-radius: 0.375rem !important; color: rgb(255, 255, 255) !important; }

.react-datepicker__month .react-datepicker__month-text--today:hover { background-color: rgb(74, 114, 255) !important; color: rgb(255, 255, 255) !important; }

.react-datepicker__year-wrapper { align-items: center !important; display: grid !important; grid-template-columns: repeat(4, minmax(0px, 1fr)) !important; justify-content: center !important; max-width: 32rem !important; padding: 0px 20px 14px !important; }

.react-datepicker__year .react-datepicker__year-text { align-items: center !important; border-radius: 0.375rem !important; color: rgb(45, 54, 67) !important; display: flex !important; font-size: 14px !important; font-weight: 500 !important; height: 48px !important; justify-content: center !important; letter-spacing: -0.2px !important; line-height: 24px !important; transition: 0.2s !important; width: 48px !important; }

.react-datepicker__year-text.react-datepicker__year-text--keyboard-selected { background-color: rgb(232, 237, 255) !important; border-radius: 0.375rem !important; color: rgb(15, 60, 217) !important; }

.react-datepicker__year .react-datepicker__year-text--selected { background-color: rgb(27, 77, 255) !important; border-radius: 0.375rem !important; color: rgb(255, 255, 255) !important; }

.react-datepicker__year .react-datepicker__year-text--today { background-color: rgb(232, 237, 255) !important; border-radius: 0.375rem !important; color: rgb(15, 60, 217) !important; }

.react-datepicker__year.react-datepicker__year-text:hover { background-color: rgb(74, 114, 255) !important; }

.react-datepicker-time__header { border-bottom: 1px solid rgb(240, 243, 249) !important; color: rgb(61, 74, 92) !important; font-size: 16px !important; font-weight: 500 !important; letter-spacing: -0.3px !important; line-height: 32px !important; }

.react-datepicker__time-container { width: 200px !important; }

.react-datepicker__time-box { width: 100% !important; }

.react-datepicker__time-list-item { align-items: center !important; color: rgb(94, 113, 141) !important; display: flex !important; font-size: 14px !important; font-weight: 500 !important; height: 2.5rem !important; justify-content: center !important; letter-spacing: -0.3px !important; line-height: 24px !important; }

.react-datepicker__time-list-item:hover { background-color: rgb(27, 77, 255) !important; color: rgb(255, 255, 255) !important; }

.react-datepicker__time-list-item.react-datepicker__time-list-item--selected { background-color: rgb(110, 142, 255) !important; color: rgb(255, 255, 255) !important; }

.react-datepicker__time-list-item.react-datepicker__time-list-item--selected:hover { background-color: rgb(74, 114, 255) !important; }

.react-datepicker__time-container ::-webkit-scrollbar { width: 0.5rem !important; }

.react-datepicker__time-container ::-webkit-scrollbar-track { background-color: rgb(249, 250, 251); border-radius: 10px; }

.react-datepicker__time-container ::-webkit-scrollbar-thumb { background-color: rgb(215, 223, 233); border-radius: 10px; }

.rc-slider { border-radius: 6px; height: 14px; padding: 5px 0px; position: relative; touch-action: none; width: 100%; }

.rc-slider, .rc-slider * { -webkit-tap-highlight-color: transparent; box-sizing: border-box; }

.rc-slider-rail { background-color: rgb(232, 237, 255); width: 100%; }

.rc-slider-rail, .rc-slider-track { border-radius: 6px; height: 10px; position: absolute; }

.rc-slider-track { background-color: rgb(27, 77, 255); }

.rc-slider-track-draggable { background-clip: content-box; border-bottom: 5px solid transparent; border-top: 5px solid transparent; box-sizing: content-box; transform: translateY(-5px); z-index: 1; }

.rc-slider-handle { background-color: rgb(255, 255, 255); border: 2px solid rgb(27, 77, 255); border-radius: 50%; cursor: grab; height: 20px; margin-top: -5px; opacity: 1; position: absolute; touch-action: pan-x; width: 20px; z-index: 1; }

.rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging { border-color: rgb(27, 77, 255) !important; box-shadow: rgb(180, 196, 255) 0px 0px 0px 5px !important; }

.rc-slider-handle:focus { box-shadow: none; outline: 0px; }

.rc-slider-handle:focus-visible { border-color: rgb(45, 183, 245); box-shadow: rgb(150, 219, 250) 0px 0px 0px 3px; }

.rc-slider-handle-click-focused:focus { border-color: rgb(150, 219, 250); box-shadow: unset; }

.rc-slider-handle:hover { border-color: rgb(27, 77, 255) !important; }

.rc-slider-handle:active { border-color: rgb(87, 197, 247); box-shadow: rgb(87, 197, 247) 0px 0px 5px; cursor: grabbing; }

.rc-slider-mark { font-size: 12px; left: 0px; position: absolute; top: 18px; width: 100%; }

.rc-slider-mark-text { color: rgb(27, 77, 255); cursor: pointer; display: inline-block; font-size: 14px; font-weight: 500; position: absolute; text-align: center; top: 5px; vertical-align: middle; }

.rc-slider-mark-text-active { color: rgb(102, 102, 102); }

.rc-slider-step { background: 0px 0px; height: 10px; position: absolute; width: 100%; }

.rc-slider-dot { background-color: rgb(255, 255, 255); border: 2px solid rgb(233, 233, 233); border-radius: 50%; bottom: 0px; cursor: pointer; height: 10px; position: absolute; vertical-align: middle; width: 10px; }

.rc-slider-dot-active { border-color: rgb(148, 171, 255); left: 5px !important; }

.rc-slider-dot-reverse { margin-right: -4px; }

.rc-slider-disabled { background-color: unset; }

.rc-slider-disabled .rc-slider-track { background-color: rgb(204, 204, 204); }

.rc-slider-disabled > .rc-slider-handle:hover { border-color: rgb(204, 204, 204) !important; }

.rc-slider-disabled .rc-slider-dot, .rc-slider-disabled .rc-slider-handle { background-color: rgb(255, 255, 255); box-shadow: none; cursor: not-allowed; border-color: rgb(204, 204, 204) !important; }

.rc-slider-disabled .rc-slider-dot, .rc-slider-disabled .rc-slider-mark-text { cursor: not-allowed !important; }

.rc-slider-vertical { height: 100%; padding: 0px 5px; width: 14px; }

.rc-slider-vertical .rc-slider-rail { height: 100%; width: 4px; }

.rc-slider-vertical .rc-slider-track { bottom: 0px; left: 5px; width: 4px; }

.rc-slider-vertical .rc-slider-track-draggable { border-width: 0px 5px; border-bottom-style: initial; border-bottom-color: initial; border-left-style: solid; border-left-color: transparent; border-right-style: solid; border-right-color: transparent; border-top-style: initial; border-top-color: initial; transform: translate(-5px); }

.rc-slider-vertical .rc-slider-handle { margin-left: -5px; margin-top: 0px; position: absolute; touch-action: pan-y; z-index: 1; }

.rc-slider-vertical .rc-slider-mark { height: 100%; left: 18px; top: 0px; }

.rc-slider-vertical .rc-slider-step { height: 100%; width: 4px; }

.rc-slider-vertical .rc-slider-dot { margin-left: -2px; }

.rc-slider-tooltip-zoom-down-appear, .rc-slider-tooltip-zoom-down-enter, .rc-slider-tooltip-zoom-down-leave { animation-duration: 0.3s; animation-fill-mode: both; animation-play-state: paused; display: block !important; }

.rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active, .rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active { animation-name: rcSliderTooltipZoomDownIn; animation-play-state: running; }

.rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active { animation-name: rcSliderTooltipZoomDownOut; animation-play-state: running; }

.rc-slider-tooltip-zoom-down-appear, .rc-slider-tooltip-zoom-down-enter { animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transform: scale(0); }

.rc-slider-tooltip-zoom-down-leave { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); }

@keyframes rcSliderTooltipZoomDownIn { 
  0% { opacity: 0; transform: scale(0); transform-origin: 50% 100%; }
  100% { transform: scale(1); transform-origin: 50% 100%; }
}

@keyframes rcSliderTooltipZoomDownOut { 
  0% { transform: scale(1); transform-origin: 50% 100%; }
  100% { opacity: 0; transform: scale(0); transform-origin: 50% 100%; }
}

.rc-slider-tooltip { left: -9999px; position: absolute; top: -9999px; visibility: visible; }

.rc-slider-tooltip, .rc-slider-tooltip * { -webkit-tap-highlight-color: transparent; box-sizing: border-box; }

.rc-slider-tooltip-hidden { display: none; }

.rc-slider-tooltip-placement-top { padding: 4px 0px 8px; }

.rc-slider-tooltip-inner { background-color: rgb(108, 108, 108); border-radius: 6px; box-shadow: rgb(217, 217, 217) 0px 0px 4px; color: rgb(255, 255, 255); font-size: 12px; height: 24px; line-height: 1; min-width: 24px; padding: 6px 2px; text-align: center; text-decoration: none; }

.rc-slider-tooltip-arrow { border-color: transparent; border-style: solid; height: 0px; position: absolute; width: 0px; }

.rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow { border-top-color: rgb(108, 108, 108); border-width: 4px 4px 0px; bottom: 0px; left: 50%; margin-left: -4px; }

.rc-tooltip.rc-tooltip-zoom-appear, .rc-tooltip.rc-tooltip-zoom-enter { opacity: 0; }

.rc-tooltip.rc-tooltip-zoom-enter, .rc-tooltip.rc-tooltip-zoom-leave { display: block; }

.rc-tooltip-zoom-appear, .rc-tooltip-zoom-enter { animation-duration: 0.3s; animation-fill-mode: both; animation-play-state: paused; animation-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28); opacity: 0; }

.rc-tooltip-zoom-leave { animation-duration: 0.3s; animation-fill-mode: both; animation-play-state: paused; animation-timing-function: cubic-bezier(0.6, -0.3, 0.74, 0.05); }

.rc-tooltip-zoom-appear.rc-tooltip-zoom-appear-active, .rc-tooltip-zoom-enter.rc-tooltip-zoom-enter-active { animation-name: rcToolTipZoomIn; animation-play-state: running; }

.rc-tooltip-zoom-leave.rc-tooltip-zoom-leave-active { animation-name: rcToolTipZoomOut; animation-play-state: running; }

@keyframes rcToolTipZoomIn { 
  0% { opacity: 0; transform: scale(0); transform-origin: 50% 50%; }
  100% { opacity: 1; transform: scale(1); transform-origin: 50% 50%; }
}

@keyframes rcToolTipZoomOut { 
  0% { opacity: 1; transform: scale(1); transform-origin: 50% 50%; }
  100% { opacity: 0; transform: scale(0); transform-origin: 50% 50%; }
}

.rc-tooltip { display: block; font-size: 12px; line-height: 1.5; opacity: 0.9; position: absolute; visibility: visible; z-index: 1070; }

.rc-tooltip-hidden { display: none; }

.rc-tooltip-placement-top, .rc-tooltip-placement-topLeft, .rc-tooltip-placement-topRight { padding: 5px 0px; }

.rc-tooltip-placement-right, .rc-tooltip-placement-rightBottom, .rc-tooltip-placement-rightTop { padding: 0px 0px 0px 5px; }

.rc-tooltip-placement-bottom, .rc-tooltip-placement-bottomLeft, .rc-tooltip-placement-bottomRight { padding: 5px 0px; }

.rc-tooltip-placement-left, .rc-tooltip-placement-leftBottom, .rc-tooltip-placement-leftTop { padding: 0px 9px 0px 5px; }

.rc-tooltip-inner { background-color: rgb(55, 55, 55); border-radius: 6px; box-shadow: rgba(0, 0, 0, 0.17) 0px 0px 4px; color: rgb(255, 255, 255); min-height: 34px; padding: 8px 10px; text-align: left; text-decoration: none; }

.rc-tooltip-arrow { border-color: transparent; border-style: solid; bottom: 0px; height: 0px; position: absolute; width: 0px; }

.rc-tooltip-placement-top .rc-tooltip-arrow, .rc-tooltip-placement-topLeft .rc-tooltip-arrow, .rc-tooltip-placement-topRight .rc-tooltip-arrow { border-top-color: rgb(55, 55, 55); border-width: 5px 5px 0px; bottom: 0px; margin-left: -5px; }

.rc-tooltip-placement-top .rc-tooltip-arrow { left: 50%; }

.rc-tooltip-placement-topLeft .rc-tooltip-arrow { left: 15%; }

.rc-tooltip-placement-topRight .rc-tooltip-arrow { right: 15%; }

.rc-tooltip-placement-right .rc-tooltip-arrow, .rc-tooltip-placement-rightBottom .rc-tooltip-arrow, .rc-tooltip-placement-rightTop .rc-tooltip-arrow { border-right-color: rgb(55, 55, 55); border-width: 5px 5px 5px 0px; left: 4px; margin-top: -5px; }

.rc-tooltip-placement-right .rc-tooltip-arrow { top: 50%; }

.rc-tooltip-placement-rightTop .rc-tooltip-arrow { margin-top: 0px; top: 15%; }

.rc-tooltip-placement-rightBottom .rc-tooltip-arrow { bottom: 15%; }

.rc-tooltip-placement-left .rc-tooltip-arrow, .rc-tooltip-placement-leftBottom .rc-tooltip-arrow, .rc-tooltip-placement-leftTop .rc-tooltip-arrow { border-left-color: rgb(55, 55, 55); border-width: 5px 0px 5px 5px; margin-top: -5px; right: 4px; }

.rc-tooltip-placement-left .rc-tooltip-arrow { top: 50%; }

.rc-tooltip-placement-leftTop .rc-tooltip-arrow { margin-top: 0px; top: 15%; }

.rc-tooltip-placement-leftBottom .rc-tooltip-arrow { bottom: 15%; }

.rc-tooltip-placement-bottom .rc-tooltip-arrow, .rc-tooltip-placement-bottomLeft .rc-tooltip-arrow, .rc-tooltip-placement-bottomRight .rc-tooltip-arrow { border-bottom-color: rgb(55, 55, 55); border-width: 0px 5px 5px; margin-left: -5px; top: 4px; }

.rc-tooltip-placement-bottom .rc-tooltip-arrow { left: 50%; }

.rc-tooltip-placement-bottomLeft .rc-tooltip-arrow { left: 15%; }

.rc-tooltip-placement-bottomRight .rc-tooltip-arrow { right: 15%; }

.display-1 { font-size: 11rem; letter-spacing: -3.5px; line-height: 13.125rem; }

.display-2 { font-size: 9rem; letter-spacing: -3.5px; line-height: 10.62rem; }

.display-3 { font-size: 7.5rem; letter-spacing: -3.5px; line-height: 8.375rem; }

.display-4 { font-size: 6rem; letter-spacing: -2.5px; line-height: 6.875rem; }

.heading-1 { font-size: 4.5rem; letter-spacing: -2.3px; line-height: 5.5rem; }

.heading-2 { font-size: 4rem; letter-spacing: -2.3px; line-height: 4.875rem; }

.heading-3 { font-size: 3.5rem; line-height: 4.125rem; }

.heading-3, .heading-4 { letter-spacing: -1.75px; }

.heading-4 { font-size: 3rem; line-height: 3.75rem; }

.heading-5 { font-size: 2.25rem; letter-spacing: -1px; line-height: 3rem; }

.heading-6 { font-size: 2rem; }

.description-1, .heading-6 { letter-spacing: -0.5px; line-height: 2.625rem; }

.description-1 { font-size: 1.875rem; }

.description-2 { font-size: 1.75rem; letter-spacing: -0.5px; line-height: 2.625rem; }

.description-3 { font-size: 1.625rem; letter-spacing: -0.5px; line-height: 2.5rem; }

.description-4 { font-size: 1.5rem; letter-spacing: -0.5px; line-height: 2.25rem; }

.body-1 { font-size: 1.375rem; line-height: 1.875rem; }

.body-1, .body-2 { letter-spacing: -0.3px; }

.body-2 { font-size: 1.25rem; line-height: 1.75rem; }

.body-3 { font-size: 1.125rem; }

.body-3, .body-4 { letter-spacing: -0.3px; line-height: 1.5rem; }

.body-4 { font-size: 1rem; }

.body-5 { font-size: 0.875rem; line-height: 1.375rem; }

.body-5, .body-6 { letter-spacing: -0.2px; }

.body-6 { font-size: 0.75rem; line-height: 1.125rem; }

*, ::before, ::after { box-sizing: border-box; border-width: 0px; border-style: solid; border-color: rgb(229, 231, 235); }

::before, ::after { --tw-content: ""; }

html, :host { line-height: 1.5; text-size-adjust: 100%; tab-size: 4; font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-feature-settings: normal; font-variation-settings: normal; -webkit-tap-highlight-color: transparent; }

body { margin: 0px; line-height: inherit; }

hr { height: 0px; 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: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-feature-settings: normal; font-variation-settings: normal; font-size: 1em; }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -0.25em; }

sup { top: -0.5em; }

table { text-indent: 0px; 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; color: inherit; margin: 0px; padding: 0px; }

button, select { text-transform: none; }

button, [type="button"], [type="reset"], [type="submit"] { appearance: button; background-color: transparent; background-image: none; }

progress { vertical-align: baseline; }

::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; }

[type="search"] { appearance: textfield; outline-offset: -2px; }

::-webkit-search-decoration { appearance: none; }

::-webkit-file-upload-button { appearance: button; font: inherit; }

summary { display: list-item; }

blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre { margin: 0px; }

fieldset { margin: 0px; padding: 0px; }

legend { padding: 0px; }

ol, ul, menu { list-style: none; margin: 0px; padding: 0px; }

dialog { padding: 0px; }

textarea { resize: vertical; }

input::placeholder, textarea::placeholder { opacity: 1; color: rgb(156, 163, 175); }

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] { display: none; }

:root, [data-theme] { background-color: var(--fallback-b1,oklch(var(--b1)/1)); color: var(--fallback-bc,oklch(var(--bc)/1)); }

@supports not (color:oklch(0 0 0)) {
  :root { color-scheme: light; --fallback-p: #491eff; --fallback-pc: #d4dbff; --fallback-s: #ff41c7; --fallback-sc: #fff9fc; --fallback-a: #00cfbd; --fallback-ac: #00100d; --fallback-n: #2b3440; --fallback-nc: #d7dde4; --fallback-b1: #ffffff; --fallback-b2: #e5e6e6; --fallback-b3: #e5e6e6; --fallback-bc: #1f2937; --fallback-in: #00b3f0; --fallback-inc: #000000; --fallback-su: #00ca92; --fallback-suc: #000000; --fallback-wa: #ffc22d; --fallback-wac: #000000; --fallback-er: #ff6f70; --fallback-erc: #000000; }
  @media (prefers-color-scheme: dark) {
  :root { color-scheme: dark; --fallback-p: #7582ff; --fallback-pc: #050617; --fallback-s: #ff71cf; --fallback-sc: #190211; --fallback-a: #00c7b5; --fallback-ac: #000e0c; --fallback-n: #2a323c; --fallback-nc: #a6adbb; --fallback-b1: #1d232a; --fallback-b2: #191e24; --fallback-b3: #15191e; --fallback-bc: #a6adbb; --fallback-in: #00b3f0; --fallback-inc: #000000; --fallback-su: #00ca92; --fallback-suc: #000000; --fallback-wa: #ffc22d; --fallback-wac: #000000; --fallback-er: #ff6f70; --fallback-erc: #000000; }
}
}

html { -webkit-tap-highlight-color: transparent; }

:root { color-scheme: light; --in: .7206 .191 231.6; --su: 64.8% .15 160; --wa: .8471 .199 83.87; --er: .7176 .221 22.18; --pc: .89824 .06192 275.75; --ac: .15352 .0368 183.61; --inc: 0 0 0; --suc: 0 0 0; --wac: 0 0 0; --erc: 0 0 0; --rounded-box: 1rem; --rounded-btn: .5rem; --rounded-badge: 1.9rem; --animation-btn: .25s; --animation-input: .2s; --btn-focus-scale: .95; --border-btn: 1px; --tab-border: 1px; --tab-radius: .5rem; --p: .4912 .3096 275.75; --s: .6971 .329 342.55; --sc: .9871 .0106 342.55; --a: .7676 .184 183.61; --n: .321785 .02476 255.701624; --nc: .894994 .011585 252.096176; --b1: 1 0 0; --b2: .961151 0 0; --b3: .924169 .00108 197.137559; --bc: .278078 .029596 256.847952; }

@media (prefers-color-scheme: dark) {
  :root { color-scheme: dark; --in: .7206 .191 231.6; --su: 64.8% .15 160; --wa: .8471 .199 83.87; --er: .7176 .221 22.18; --pc: .13138 .0392 275.75; --sc: .1496 .052 342.55; --ac: .14902 .0334 183.61; --inc: 0 0 0; --suc: 0 0 0; --wac: 0 0 0; --erc: 0 0 0; --rounded-box: 1rem; --rounded-btn: .5rem; --rounded-badge: 1.9rem; --animation-btn: .25s; --animation-input: .2s; --btn-focus-scale: .95; --border-btn: 1px; --tab-border: 1px; --tab-radius: .5rem; --p: .6569 .196 275.75; --s: .748 .26 342.55; --a: .7451 .167 183.61; --n: .313815 .021108 254.139175; --nc: .746477 .0216 264.435964; --b1: .253267 .015896 252.417568; --b2: .232607 .013807 253.100675; --b3: .211484 .01165 254.087939; --bc: .746477 .0216 264.435964; }
}

[data-theme="light"] { color-scheme: light; --in: .7206 .191 231.6; --su: 64.8% .15 160; --wa: .8471 .199 83.87; --er: .7176 .221 22.18; --pc: .89824 .06192 275.75; --ac: .15352 .0368 183.61; --inc: 0 0 0; --suc: 0 0 0; --wac: 0 0 0; --erc: 0 0 0; --rounded-box: 1rem; --rounded-btn: .5rem; --rounded-badge: 1.9rem; --animation-btn: .25s; --animation-input: .2s; --btn-focus-scale: .95; --border-btn: 1px; --tab-border: 1px; --tab-radius: .5rem; --p: .4912 .3096 275.75; --s: .6971 .329 342.55; --sc: .9871 .0106 342.55; --a: .7676 .184 183.61; --n: .321785 .02476 255.701624; --nc: .894994 .011585 252.096176; --b1: 1 0 0; --b2: .961151 0 0; --b3: .924169 .00108 197.137559; --bc: .278078 .029596 256.847952; }

[data-theme="dark"] { color-scheme: dark; --in: .7206 .191 231.6; --su: 64.8% .15 160; --wa: .8471 .199 83.87; --er: .7176 .221 22.18; --pc: .13138 .0392 275.75; --sc: .1496 .052 342.55; --ac: .14902 .0334 183.61; --inc: 0 0 0; --suc: 0 0 0; --wac: 0 0 0; --erc: 0 0 0; --rounded-box: 1rem; --rounded-btn: .5rem; --rounded-badge: 1.9rem; --animation-btn: .25s; --animation-input: .2s; --btn-focus-scale: .95; --border-btn: 1px; --tab-border: 1px; --tab-radius: .5rem; --p: .6569 .196 275.75; --s: .748 .26 342.55; --a: .7451 .167 183.61; --n: .313815 .021108 254.139175; --nc: .746477 .0216 264.435964; --b1: .253267 .015896 252.417568; --b2: .232607 .013807 253.100675; --b3: .211484 .01165 254.087939; --bc: .746477 .0216 264.435964; }

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { appearance: none; margin: 0px; }

*, ::before, ::after { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / .5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; }

::backdrop { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / .5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; }

.container { width: 100%; }

@media (min-width: 640px) {
  .container { max-width: 640px; }
}

@media (min-width: 768px) {
  .container { max-width: 768px; }
}

@media (min-width: 1024px) {
  .container { max-width: 1024px; }
}

@media (min-width: 1280px) {
  .container { max-width: 1280px; }
}

@media (min-width: 1536px) {
  .container { max-width: 1536px; }
}

.alert { display: grid; width: 100%; grid-auto-flow: row; align-content: flex-start; place-items: center; gap: 1rem; text-align: center; border-radius: var(--rounded-box,1rem); border-width: 1px; --tw-border-opacity: 1; border-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity))); padding: 1rem; --tw-text-opacity: 1; color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))); --alert-bg: var(--fallback-b2,oklch(var(--b2)/1)); --alert-bg-mix: var(--fallback-b1,oklch(var(--b1)/1)); background-color: var(--alert-bg); }

@media (min-width: 640px) {
  .alert { grid-auto-flow: column; grid-template-columns: auto minmax(auto, 1fr); justify-items: start; text-align: start; }
}

.avatar { position: relative; display: inline-flex; }

.avatar > div { display: block; aspect-ratio: 1 / 1; overflow: hidden; }

.avatar img { height: 100%; width: 100%; object-fit: cover; }

.avatar.placeholder > div { display: flex; align-items: center; justify-content: center; }

.badge { display: inline-flex; align-items: center; justify-content: center; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(0, 0, 0.2, 1); transition-duration: 0.2s; height: 1.25rem; font-size: 0.875rem; line-height: 1.25rem; width: fit-content; padding-left: 0.563rem; padding-right: 0.563rem; border-radius: var(--rounded-badge,1.9rem); border-width: 1px; --tw-border-opacity: 1; border-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity))); --tw-bg-opacity: 1; background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity))); --tw-text-opacity: 1; color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))); }

@media (hover: hover) {
  .label a:hover { --tw-text-opacity: 1; color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))); }
  .menu li > :not(ul):not(.menu-title):not(details):active, .menu li > :not(ul):not(.menu-title):not(details).active, .menu li > details > summary:active { --tw-bg-opacity: 1; background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity))); --tw-text-opacity: 1; color: var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity))); }
  .tab:hover { --tw-text-opacity: 1; }
  .table tr.hover:hover, .table tr.hover:nth-child(2n):hover { --tw-bg-opacity: 1; background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity))); }
  .table-zebra tr.hover:hover, .table-zebra tr.hover:nth-child(2n):hover { --tw-bg-opacity: 1; background-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity))); }
}

.card { position: relative; display: flex; flex-direction: column; border-radius: var(--rounded-box,1rem); }

.card:focus { outline: transparent solid 2px; outline-offset: 2px; }

.card figure { display: flex; align-items: center; justify-content: center; }

.card.image-full { display: grid; }

.card.image-full::before { position: relative; content: ""; z-index: 10; border-radius: var(--rounded-box,1rem); --tw-bg-opacity: 1; background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity))); opacity: 0.75; }

.card.image-full::before, .card.image-full > * { grid-column-start: 1; grid-row-start: 1; }

.card.image-full > figure img { height: 100%; object-fit: cover; }

.card.image-full > .card-body { position: relative; z-index: 20; --tw-text-opacity: 1; color: var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity))); }

.carousel { display: inline-flex; overflow-x: scroll; scroll-snap-type: x mandatory; scroll-behavior: smooth; scrollbar-width: none; }

.carousel-item { box-sizing: content-box; display: flex; flex: 0 0 auto; scroll-snap-align: start; }

.carousel-center .carousel-item { scroll-snap-align: center; }

.carousel-end .carousel-item { scroll-snap-align: end; }

.chat { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); column-gap: 0.75rem; padding-top: 0.25rem; padding-bottom: 0.25rem; }

.checkbox { flex-shrink: 0; --chkbg: var(--fallback-bc,oklch(var(--bc)/1)); --chkfg: var(--fallback-b1,oklch(var(--b1)/1)); height: 1.5rem; width: 1.5rem; cursor: pointer; appearance: none; border-radius: var(--rounded-btn,.5rem); border-width: 1px; border-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity))); --tw-border-opacity: .2; }

.collapse:not(td):not(tr):not(colgroup) { visibility: visible; }

.collapse { position: relative; display: grid; overflow: hidden; grid-template-rows: auto 0fr; transition: grid-template-rows 0.2s; width: 100%; border-radius: var(--rounded-box,1rem); }

.collapse-title, .collapse > input[type="checkbox"], .collapse > input[type="radio"], .collapse-content { grid-column-start: 1; grid-row-start: 1; }

.collapse > input[type="checkbox"], .collapse > input[type="radio"] { appearance: none; opacity: 0; }

.collapse[open], .collapse-open, .collapse:focus:not(.collapse-close) { grid-template-rows: auto 1fr; }

.collapse:not(.collapse-close):has(> input[type="checkbox"]:checked), .collapse:not(.collapse-close):has(> input[type="radio"]:checked) { grid-template-rows: auto 1fr; }

.collapse[open] > .collapse-content, .collapse-open > .collapse-content, .collapse:focus:not(.collapse-close) > .collapse-content, .collapse:not(.collapse-close) > input[type="checkbox"]:checked ~ .collapse-content, .collapse:not(.collapse-close) > input[type="radio"]:checked ~ .collapse-content { visibility: visible; min-height: fit-content; }

.diff { position: relative; display: grid; width: 100%; overflow: hidden; container-type: inline-size; grid-template-columns: auto 1fr; }

.divider { display: flex; flex-direction: row; align-items: center; align-self: stretch; margin-top: 1rem; margin-bottom: 1rem; height: 1rem; white-space: nowrap; }

.divider::before, .divider::after { height: 0.125rem; width: 100%; flex-grow: 1; --tw-content: ""; content: var(--tw-content); background-color: var(--fallback-bc,oklch(var(--bc)/.1)); }

.dropdown { position: relative; display: inline-block; }

.dropdown > :not(summary):focus { outline: transparent solid 2px; outline-offset: 2px; }

.dropdown .dropdown-content { position: absolute; }

.dropdown:is(:not(details)) .dropdown-content { visibility: hidden; opacity: 0; transform-origin: center top; --tw-scale-x: .95; --tw-scale-y: .95; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(0, 0, 0.2, 1); transition-duration: 0.2s; }

.dropdown.dropdown-open .dropdown-content, .dropdown:not(.dropdown-hover):focus .dropdown-content, .dropdown:focus-within .dropdown-content { visibility: visible; opacity: 1; }

@media (hover: hover) {
  .dropdown.dropdown-hover:hover .dropdown-content { visibility: visible; opacity: 1; }
  .btm-nav > .disabled:hover, .btm-nav > [disabled]:hover { pointer-events: none; --tw-border-opacity: 0; background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity))); --tw-bg-opacity: .1; color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))); --tw-text-opacity: .2; }
  .dropdown.dropdown-hover:hover .dropdown-content { --tw-scale-x: 1; --tw-scale-y: 1; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
  :where(.menu li:not(.menu-title):not(.disabled) > :not(ul):not(details):not(.menu-title)):not(.active):hover, :where(.menu li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):not(.active):hover { cursor: pointer; outline: transparent solid 2px; outline-offset: 2px; }
  @supports (color:oklch(0 0 0)) {
  :where(.menu li:not(.menu-title):not(.disabled) > :not(ul):not(details):not(.menu-title)):not(.active):hover, :where(.menu li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):not(.active):hover { background-color: var(--fallback-bc,oklch(var(--bc)/.1)); }
}
  .tab[disabled], .tab[disabled]:hover { cursor: not-allowed; color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))); --tw-text-opacity: .2; }
}

.dropdown:is(details) summary::-webkit-details-marker { display: none; }

.footer { display: grid; width: 100%; grid-auto-flow: row; place-items: start; gap: 2.5rem 1rem; font-size: 0.875rem; line-height: 1.25rem; }

.footer > * { display: grid; place-items: start; gap: 0.5rem; }

.footer-center { place-items: center; text-align: center; }

.footer-center > * { place-items: center; }

@media (min-width: 48rem) {
  .footer { grid-auto-flow: column; }
  .footer-center { grid-auto-flow: dense; }
}

.label { display: flex; user-select: none; align-items: center; justify-content: space-between; padding: 0.5rem 0.25rem; }

.hero { display: grid; width: 100%; place-items: center; background-size: cover; background-position: center center; }

.hero > * { grid-column-start: 1; grid-row-start: 1; }

.indicator { position: relative; display: inline-flex; width: max-content; }

.indicator :where(.indicator-item) { z-index: 1; position: absolute; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); white-space: nowrap; }

.input { flex-shrink: 1; appearance: none; height: 3rem; padding-left: 1rem; padding-right: 1rem; font-size: 1rem; line-height: 1.5rem; border-radius: var(--rounded-btn,.5rem); border-width: 1px; border-color: transparent; --tw-bg-opacity: 1; background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity))); }

.input[type="number"]::-webkit-inner-spin-button, .input-md[type="number"]::-webkit-inner-spin-button { margin-top: -1rem; margin-bottom: -1rem; margin-inline-end: -1rem; }

.join { display: inline-flex; align-items: stretch; border-radius: var(--rounded-btn,.5rem); }

.join :where(.join-item) { border-start-end-radius: 0px; border-end-end-radius: 0px; border-end-start-radius: 0px; border-start-start-radius: 0px; }

.join .join-item:not(:first-child):not(:last-child), .join :not(:first-child):not(:last-child) .join-item { border-start-end-radius: 0px; border-end-end-radius: 0px; border-end-start-radius: 0px; border-start-start-radius: 0px; }

.join .join-item:first-child:not(:last-child), .join :first-child:not(:last-child) .join-item { border-start-end-radius: 0px; border-end-end-radius: 0px; }

.join .dropdown .join-item:first-child:not(:last-child), .join :first-child:not(:last-child) .dropdown .join-item { border-start-end-radius: inherit; border-end-end-radius: inherit; }

.join :where(.join-item:first-child:not(:last-child)), .join :where(:first-child:not(:last-child) .join-item) { border-end-start-radius: inherit; border-start-start-radius: inherit; }

.join .join-item:last-child:not(:first-child), .join :last-child:not(:first-child) .join-item { border-end-start-radius: 0px; border-start-start-radius: 0px; }

.join :where(.join-item:last-child:not(:first-child)), .join :where(:last-child:not(:first-child) .join-item) { border-start-end-radius: inherit; border-end-end-radius: inherit; }

@supports not selector(:has(*)) {
  :where(.join *) { border-radius: inherit; }
}

@supports selector(:has(*)) {
  :where(.join :has(.join-item)) { border-radius: inherit; }
}

.link { cursor: pointer; text-decoration-line: underline; }

.menu { display: flex; flex-flow: column wrap; font-size: 0.875rem; line-height: 1.25rem; padding: 0.5rem; }

.menu :where(li ul) { position: relative; white-space: nowrap; margin-inline-start: 1rem; padding-inline-start: 0.5rem; }

.menu :where(li:not(.menu-title) > :not(ul):not(details):not(.menu-title)), .menu :where(li:not(.menu-title) > details > summary:not(.menu-title)) { display: grid; grid-auto-flow: column; align-content: flex-start; align-items: center; gap: 0.5rem; grid-auto-columns: minmax(auto, max-content) auto max-content; user-select: none; }

.menu li.disabled { cursor: not-allowed; user-select: none; color: var(--fallback-bc,oklch(var(--bc)/.3)); }

.menu :where(li > .menu-dropdown:not(.menu-dropdown-show)) { display: none; }

:where(.menu li) { position: relative; display: flex; flex-shrink: 0; flex-flow: column wrap; align-items: stretch; }

:where(.menu li) .badge { justify-self: end; }

.modal { pointer-events: none; position: fixed; inset: 0px; margin: 0px; display: grid; height: 100%; max-height: none; width: 100%; max-width: none; justify-items: center; padding: 0px; opacity: 0; overscroll-behavior: contain; z-index: 999; background-color: transparent; color: inherit; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0, 0, 0.2, 1); transition-property: transform, opacity, visibility; overflow-y: hidden; }

:where(.modal) { align-items: center; }

.modal-open, .modal:target, .modal-toggle:checked + .modal, .modal[open] { pointer-events: auto; visibility: visible; opacity: 1; }

:root:has(:is(.modal-open, .modal:target, .modal-toggle:checked + .modal, .modal[open])) { overflow: hidden; }

.progress { position: relative; width: 100%; appearance: none; overflow: hidden; height: 0.5rem; border-radius: var(--rounded-box,1rem); background-color: var(--fallback-bc,oklch(var(--bc)/.2)); }

.radio { flex-shrink: 0; --chkbg: var(--bc); height: 1.5rem; width: 1.5rem; cursor: pointer; appearance: none; border-radius: 9999px; border-width: 1px; border-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity))); --tw-border-opacity: .2; }

.range { height: 1.5rem; width: 100%; cursor: pointer; appearance: none; --range-shdw: var(--fallback-bc,oklch(var(--bc)/1)); overflow: hidden; border-radius: var(--rounded-box,1rem); background-color: transparent; }

.range:focus { outline: none; }

.rating { position: relative; display: inline-flex; }

.rating :where(input) { cursor: pointer; border-radius: 0px; animation: rating-pop var(--animation-input,.25s) ease-out; height: 1.5rem; width: 1.5rem; background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity))); --tw-bg-opacity: 1; }

.select { display: inline-flex; cursor: pointer; user-select: none; appearance: none; height: 3rem; min-height: 3rem; padding-left: 1rem; padding-right: 2.5rem; font-size: 0.875rem; line-height: 2; border-radius: var(--rounded-btn,.5rem); border-width: 1px; border-color: transparent; --tw-bg-opacity: 1; background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity))); background-image: linear-gradient(45deg, transparent 50%, currentcolor 50%), linear-gradient(135deg, currentcolor 50%, transparent 50%); background-position: calc(100% - 20px) calc(50% + 1px), calc(100% - 16.1px) calc(50% + 1px); background-size: 4px 4px, 4px 4px; background-repeat: no-repeat; }

.select[multiple] { height: auto; }

.stack { display: inline-grid; place-items: flex-end center; }

.stack > * { grid-column-start: 1; grid-row-start: 1; transform: translateY(10%) scale(0.9); z-index: 1; width: 100%; opacity: 0.6; }

.stack > :nth-child(2) { transform: translateY(5%) scale(0.95); z-index: 2; opacity: 0.8; }

.stack > :nth-child(1) { transform: translateY(0px) scale(1); z-index: 3; opacity: 1; }

.steps { display: inline-grid; grid-auto-flow: column; overflow: auto hidden; counter-reset: step 0; grid-auto-columns: 1fr; }

.steps .step { display: grid; grid-template-columns: auto; grid-template-rows: 40px 1fr; place-items: center; text-align: center; min-width: 4rem; }

.tabs { display: grid; align-items: flex-end; }

.tabs-lifted:has(.tab-content[class^="rounded-"]) .tab:first-child:not(.tab-active), .tabs-lifted:has(.tab-content[class*=" rounded-"]) .tab:first-child:not(.tab-active) { border-bottom-color: transparent; }

.tab { position: relative; grid-row-start: 1; display: inline-flex; height: 2rem; cursor: pointer; user-select: none; appearance: none; flex-wrap: wrap; align-items: center; justify-content: center; text-align: center; font-size: 0.875rem; line-height: 2; --tab-padding: 1rem; --tw-text-opacity: .5; --tab-color: var(--fallback-bc,oklch(var(--bc)/1)); --tab-bg: var(--fallback-b1,oklch(var(--b1)/1)); --tab-border-color: var(--fallback-b3,oklch(var(--b3)/1)); color: var(--tab-color); padding-inline-start: var(--tab-padding,1rem); padding-inline-end: var(--tab-padding,1rem); }

.tab:is(input[type="radio"]) { width: auto; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; }

.tab:is(input[type="radio"])::after { --tw-content: attr(aria-label); content: var(--tw-content); }

.tab:not(input):empty { cursor: default; grid-column-start: span 9999; }

input.tab:checked + .tab-content, .tab-active + .tab-content { display: block; }

.table { position: relative; width: 100%; border-radius: var(--rounded-box,1rem); text-align: left; font-size: 0.875rem; line-height: 1.25rem; }

.table :where(.table-pin-rows thead tr) { position: sticky; top: 0px; z-index: 1; --tw-bg-opacity: 1; background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity))); }

.table :where(.table-pin-rows tfoot tr) { position: sticky; bottom: 0px; z-index: 1; --tw-bg-opacity: 1; background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity))); }

.table :where(.table-pin-cols tr th) { position: sticky; left: 0px; right: 0px; --tw-bg-opacity: 1; background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity))); }

.textarea { min-height: 3rem; flex-shrink: 1; padding: 0.5rem 1rem; font-size: 0.875rem; line-height: 2; border-radius: var(--rounded-btn,.5rem); border-width: 1px; border-color: transparent; --tw-bg-opacity: 1; background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity))); }

.timeline { position: relative; display: flex; }

:where(.timeline > li) { position: relative; display: grid; flex-shrink: 0; align-items: center; grid-template-rows: var(--timeline-row-start,minmax(0,1fr)) auto var( --timeline-row-end,minmax(0,1fr) ); grid-template-columns: var(--timeline-col-start,minmax(0,1fr)) auto var( --timeline-col-end,minmax(0,1fr) ); }

.timeline > li > hr { width: 100%; border-width: 0px; }

:where(.timeline > li > hr):first-child { grid-column-start: 1; grid-row-start: 2; }

:where(.timeline > li > hr):last-child { grid-area: 2 / 3 / auto / none; }

.toast { position: fixed; display: flex; min-width: fit-content; flex-direction: column; white-space: nowrap; gap: 0.5rem; padding: 1rem; }

.toggle { flex-shrink: 0; --tglbg: var(--fallback-b1,oklch(var(--b1)/1)); --handleoffset: 1.5rem; --handleoffsetcalculator: calc(var(--handleoffset)* -1); --togglehandleborder: 0 0; height: 1.5rem; width: 3rem; cursor: pointer; appearance: none; border-radius: var(--rounded-badge,1.9rem); border-width: 1px; border-color: currentcolor; background-color: currentcolor; color: var(--fallback-bc,oklch(var(--bc)/.5)); transition: background,box-shadow var(--animation-input,.2s) ease-out; box-shadow: var(--handleoffsetcalculator) 0 0 2px var(--tglbg) inset,0 0 0 2px var(--tglbg) inset,var(--togglehandleborder); }

.avatar-group :where(.avatar) { overflow: hidden; border-radius: 9999px; border-width: 4px; --tw-border-opacity: 1; border-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-border-opacity))); }

.btm-nav > :where(.active) { border-top-width: 2px; --tw-bg-opacity: 1; background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity))); }

.btm-nav > .disabled, .btm-nav > [disabled] { pointer-events: none; --tw-border-opacity: 0; background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity))); --tw-bg-opacity: .1; color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))); --tw-text-opacity: .2; }

.btm-nav > * .label { font-size: 1rem; line-height: 1.5rem; }

@keyframes button-pop { 
  0% { transform: scale(var(--btn-focus-scale,.98)); }
  40% { transform: scale(1.02); }
  100% { transform: scale(1); }
}

.card :where(figure:first-child) { overflow: hidden; border-start-start-radius: inherit; border-start-end-radius: inherit; border-end-start-radius: unset; border-end-end-radius: unset; }

.card :where(figure:last-child) { overflow: hidden; border-start-start-radius: unset; border-start-end-radius: unset; border-end-start-radius: inherit; border-end-end-radius: inherit; }

.card:focus-visible { outline: currentcolor solid 2px; outline-offset: 2px; }

.card.bordered { border-width: 1px; --tw-border-opacity: 1; border-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity))); }

.card.compact .card-body { padding: 1rem; font-size: 0.875rem; line-height: 1.25rem; }

.card.image-full :where(figure) { overflow: hidden; border-radius: inherit; }

.carousel::-webkit-scrollbar { display: none; }

.checkbox:focus { box-shadow: none; }

.checkbox:focus-visible { outline-style: solid; outline-width: 2px; outline-offset: 2px; outline-color: var(--fallback-bc,oklch(var(--bc)/1)); }

.checkbox:checked, .checkbox[checked="true"], .checkbox[aria-checked="true"] { background-repeat: no-repeat; animation: checkmark var(--animation-input,.2s) ease-out; background-color: var(--chkbg); background-image: linear-gradient(-45deg,transparent 65%,var(--chkbg) 65.99%),linear-gradient(45deg,transparent 75%,var(--chkbg) 75.99%),linear-gradient(-45deg,var(--chkbg) 40%,transparent 40.99%),linear-gradient(45deg,var(--chkbg) 30%,var(--chkfg) 30.99%,var(--chkfg) 40%,transparent 40.99%),linear-gradient(-45deg,var(--chkfg) 50%,var(--chkbg) 50.99%); }

.checkbox:indeterminate { --tw-bg-opacity: 1; background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity))); background-repeat: no-repeat; animation: checkmark var(--animation-input,.2s) ease-out; background-image: linear-gradient(90deg,transparent 80%,var(--chkbg) 80%),linear-gradient(-90deg,transparent 80%,var(--chkbg) 80%),linear-gradient(0deg,var(--chkbg) 43%,var(--chkfg) 43%,var(--chkfg) 57%,var(--chkbg) 57%); }

.checkbox:disabled { cursor: not-allowed; border-color: transparent; --tw-bg-opacity: 1; background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity))); opacity: 0.2; }

@keyframes checkmark { 
  0% { background-position-y: 5px; }
  50% { background-position-y: -2px; }
  100% { background-position-y: 0px; }
}

details.collapse { width: 100%; }

details.collapse summary { position: relative; display: block; outline: transparent solid 2px; outline-offset: 2px; }

details.collapse summary::-webkit-details-marker { display: none; }

.collapse:focus-visible { outline-style: solid; outline-width: 2px; outline-offset: 2px; outline-color: var(--fallback-bc,oklch(var(--bc)/1)); }

.collapse:has(.collapse-title:focus-visible), .collapse:has(> input[type="checkbox"]:focus-visible), .collapse:has(> input[type="radio"]:focus-visible) { outline-style: solid; outline-width: 2px; outline-offset: 2px; outline-color: var(--fallback-bc,oklch(var(--bc)/1)); }

.collapse:not(.collapse-open):not(.collapse-close) > input[type="checkbox"], .collapse:not(.collapse-open):not(.collapse-close) > input[type="radio"]:not(:checked), .collapse:not(.collapse-open):not(.collapse-close) > .collapse-title { cursor: pointer; }

.collapse:focus:not(.collapse-open):not(.collapse-close):not(.collapse[open]) > .collapse-title { cursor: unset; }

:where(.collapse > input[type="checkbox"]), :where(.collapse > input[type="radio"]) { z-index: 1; }

.collapse-title, :where(.collapse > input[type="checkbox"]), :where(.collapse > input[type="radio"]) { width: 100%; padding: 1rem; padding-inline-end: 3rem; min-height: 3.75rem; transition: background-color 0.2s ease-out; }

.collapse[open] > :where(.collapse-content), .collapse-open > :where(.collapse-content), .collapse:focus:not(.collapse-close) > :where(.collapse-content), .collapse:not(.collapse-close) > :where(input[type="checkbox"]:checked ~ .collapse-content), .collapse:not(.collapse-close) > :where(input[type="radio"]:checked ~ .collapse-content) { padding-bottom: 1rem; transition: padding 0.2s ease-out, background-color 0.2s ease-out; }

.collapse[open].collapse-arrow > .collapse-title::after, .collapse-open.collapse-arrow > .collapse-title::after, .collapse-arrow:focus:not(.collapse-close) > .collapse-title::after, .collapse-arrow:not(.collapse-close) > input[type="checkbox"]:checked ~ .collapse-title::after, .collapse-arrow:not(.collapse-close) > input[type="radio"]:checked ~ .collapse-title::after { --tw-translate-y: -50%; --tw-rotate: 225deg; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }

.collapse[open].collapse-plus > .collapse-title::after, .collapse-open.collapse-plus > .collapse-title::after, .collapse-plus:focus:not(.collapse-close) > .collapse-title::after, .collapse-plus:not(.collapse-close) > input[type="checkbox"]:checked ~ .collapse-title::after, .collapse-plus:not(.collapse-close) > input[type="radio"]:checked ~ .collapse-title::after { content: "−"; }

.divider:not(:empty) { gap: 1rem; }

.dropdown.dropdown-open .dropdown-content, .dropdown:focus .dropdown-content, .dropdown:focus-within .dropdown-content { --tw-scale-x: 1; --tw-scale-y: 1; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }

.input input:focus { outline: transparent solid 2px; outline-offset: 2px; }

.input[list]::-webkit-calendar-picker-indicator { line-height: 1em; }

.input:focus, .input:focus-within { box-shadow: none; border-color: var(--fallback-bc,oklch(var(--bc)/.2)); outline-style: solid; outline-width: 2px; outline-offset: 2px; outline-color: var(--fallback-bc,oklch(var(--bc)/.2)); }

.input-disabled, .input:disabled, .input[disabled] { cursor: not-allowed; --tw-border-opacity: 1; border-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity))); --tw-bg-opacity: 1; background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity))); color: var(--fallback-bc,oklch(var(--bc)/.4)); }

.input-disabled::placeholder, .input:disabled::placeholder, .input[disabled]::placeholder { color: var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity))); --tw-placeholder-opacity: .2; }

.input::-webkit-date-and-time-value { text-align: inherit; }

.join > :where(:not(:first-child)) { margin-top: 0px; margin-bottom: 0px; margin-inline-start: -1px; }

.link:focus { outline: transparent solid 2px; outline-offset: 2px; }

.link:focus-visible { outline: currentcolor solid 2px; outline-offset: 2px; }

.\!loading { pointer-events: none !important; display: inline-block !important; aspect-ratio: 1 / 1 !important; width: 1.5rem !important; background-color: currentcolor !important; mask-size: 100% !important; mask-repeat: no-repeat !important; mask-position: center center !important; mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='%23000' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_V8m1%7Btransform-origin:center;animation:spinner_zKoa 2s linear infinite%7D.spinner_V8m1 circle%7Bstroke-linecap:round;animation:spinner_YpZS 1.5s ease-out infinite%7D%40keyframes spinner_zKoa%7B100%25%7Btransform:rotate(360deg)%7D%7D%40keyframes spinner_YpZS%7B0%25%7Bstroke-dasharray:0 150;stroke-dashoffset:0%7D47.5%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-16%7D95%25%2C100%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-59%7D%7D%3C%2Fstyle%3E%3Cg class='spinner_V8m1'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3'%3E%3C%2Fcircle%3E%3C%2Fg%3E%3C%2Fsvg%3E") !important; }

.loading { pointer-events: none; display: inline-block; aspect-ratio: 1 / 1; width: 1.5rem; background-color: currentcolor; mask-size: 100%; mask-repeat: no-repeat; mask-position: center center; mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='%23000' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_V8m1%7Btransform-origin:center;animation:spinner_zKoa 2s linear infinite%7D.spinner_V8m1 circle%7Bstroke-linecap:round;animation:spinner_YpZS 1.5s ease-out infinite%7D%40keyframes spinner_zKoa%7B100%25%7Btransform:rotate(360deg)%7D%7D%40keyframes spinner_YpZS%7B0%25%7Bstroke-dasharray:0 150;stroke-dashoffset:0%7D47.5%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-16%7D95%25%2C100%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-59%7D%7D%3C%2Fstyle%3E%3Cg class='spinner_V8m1'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3'%3E%3C%2Fcircle%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }

.loading-dots { mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_qM83%7Banimation:spinner_8HQG 1.05s infinite%7D.spinner_oXPr%7Banimation-delay:.1s%7D.spinner_ZTLf%7Banimation-delay:.2s%7D@keyframes spinner_8HQG%7B0%25,57.14%25%7Banimation-timing-function:cubic-bezier(0.33,.66,.66,1);transform:translate(0)%7D28.57%25%7Banimation-timing-function:cubic-bezier(0.33,0,.66,.33);transform:translateY(-6px)%7D100%25%7Btransform:translate(0)%7D%7D%3C/style%3E%3Ccircle class='spinner_qM83' cx='4' cy='12' r='3'/%3E%3Ccircle class='spinner_qM83 spinner_oXPr' cx='12' cy='12' r='3'/%3E%3Ccircle class='spinner_qM83 spinner_ZTLf' cx='20' cy='12' r='3'/%3E%3C/svg%3E"); }

:where(.menu li:empty) { --tw-bg-opacity: 1; background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity))); opacity: 0.1; margin: 0.5rem 1rem; height: 1px; }

.menu :where(li ul)::before { position: absolute; bottom: 0.75rem; inset-inline-start: 0px; top: 0.75rem; width: 1px; --tw-bg-opacity: 1; background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity))); opacity: 0.1; content: ""; }

.menu :where(li:not(.menu-title) > :not(ul):not(details):not(.menu-title)), .menu :where(li:not(.menu-title) > details > summary:not(.menu-title)) { border-radius: var(--rounded-btn,.5rem); padding: 0.5rem 1rem; text-align: start; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(0, 0, 0.2, 1); transition-duration: 0.2s; text-wrap: balance; }

:where(.menu li:not(.menu-title):not(.disabled) > :not(ul):not(details):not(.menu-title)):not(summary):not(.active).focus, :where(.menu li:not(.menu-title):not(.disabled) > :not(ul):not(details):not(.menu-title)):not(summary):not(.active):focus, :where(.menu li:not(.menu-title):not(.disabled) > :not(ul):not(details):not(.menu-title)):is(summary):not(.active):focus-visible, :where(.menu li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):not(summary):not(.active).focus, :where(.menu li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):not(summary):not(.active):focus, :where(.menu li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):is(summary):not(.active):focus-visible { cursor: pointer; background-color: var(--fallback-bc,oklch(var(--bc)/.1)); --tw-text-opacity: 1; color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))); outline: transparent solid 2px; outline-offset: 2px; }

.menu li > :not(ul):not(.menu-title):not(details):active, .menu li > :not(ul):not(.menu-title):not(details).active, .menu li > details > summary:active { --tw-bg-opacity: 1; background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity))); --tw-text-opacity: 1; color: var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity))); }

.menu :where(li > details > summary)::-webkit-details-marker { display: none; }

.menu :where(li > details > summary)::after, .menu :where(li > .menu-dropdown-toggle)::after { justify-self: end; display: block; margin-top: -0.5rem; height: 0.5rem; width: 0.5rem; transform: rotate(45deg); transition-property: transform, margin-top; transition-duration: 0.3s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); content: ""; transform-origin: 75% 75%; box-shadow: 2px 2px; pointer-events: none; }

.menu :where(li > details[open] > summary)::after, .menu :where(li > .menu-dropdown-toggle.menu-dropdown-show)::after { transform: rotate(225deg); margin-top: 0px; }

.mockup-phone .display { overflow: hidden; border-radius: 40px; margin-top: -25px; }

.mockup-browser .mockup-browser-toolbar .input { position: relative; margin-left: auto; margin-right: auto; display: block; height: 1.75rem; width: 24rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; --tw-bg-opacity: 1; background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity))); padding-left: 2rem; direction: ltr; }

.mockup-browser .mockup-browser-toolbar .input::before { content: ""; position: absolute; left: 0.5rem; top: 50%; aspect-ratio: 1 / 1; height: 0.75rem; --tw-translate-y: -50%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); border-radius: 9999px; border-width: 2px; border-color: currentcolor; opacity: 0.6; }

.mockup-browser .mockup-browser-toolbar .input::after { content: ""; position: absolute; left: 1.25rem; top: 50%; height: 0.5rem; --tw-translate-y: 25%; --tw-rotate: -45deg; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); border-radius: 9999px; border-width: 1px; border-color: currentcolor; opacity: 0.6; }

.modal:not(dialog:not(.modal-open)), .modal::backdrop { background-color: rgba(0, 0, 0, 0.4); animation: 0.2s ease-out 0s 1 normal none running modal-pop; }

.modal-open .modal-box, .modal-toggle:checked + .modal .modal-box, .modal:target .modal-box, .modal[open] .modal-box { --tw-translate-y: 0px; --tw-scale-x: 1; --tw-scale-y: 1; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }

@keyframes modal-pop { 
  0% { opacity: 0; }
}

.progress:indeterminate { --progress-color: var(--fallback-bc,oklch(var(--bc)/1)); background-image: repeating-linear-gradient(90deg,var(--progress-color) -1%,var(--progress-color) 10%,transparent 10%,transparent 90%); background-size: 200%; background-position-x: 15%; animation: 5s ease-in-out 0s infinite normal none running progress-loading; }

.progress::-webkit-progress-bar { border-radius: var(--rounded-box,1rem); background-color: transparent; }

.progress::-webkit-progress-value { border-radius: var(--rounded-box,1rem); --tw-bg-opacity: 1; background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity))); }

@keyframes progress-loading { 
  50% { background-position-x: -115%; }
}

.radio:focus { box-shadow: none; }

.radio:focus-visible { outline-style: solid; outline-width: 2px; outline-offset: 2px; outline-color: var(--fallback-bc,oklch(var(--bc)/1)); }

.radio:checked, .radio[aria-checked="true"] { --tw-bg-opacity: 1; background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity))); background-image: none; animation: radiomark var(--animation-input,.2s) ease-out; box-shadow: 0 0 0 4px var(--fallback-b1,oklch(var(--b1)/1)) inset,0 0 0 4px var(--fallback-b1,oklch(var(--b1)/1)) inset; }

.radio:disabled { cursor: not-allowed; opacity: 0.2; }

@keyframes radiomark { 
  0% { box-shadow: 0 0 0 12px var(--fallback-b1,oklch(var(--b1)/1)) inset,0 0 0 12px var(--fallback-b1,oklch(var(--b1)/1)) inset; }
  50% { box-shadow: 0 0 0 3px var(--fallback-b1,oklch(var(--b1)/1)) inset,0 0 0 3px var(--fallback-b1,oklch(var(--b1)/1)) inset; }
  100% { box-shadow: 0 0 0 4px var(--fallback-b1,oklch(var(--b1)/1)) inset,0 0 0 4px var(--fallback-b1,oklch(var(--b1)/1)) inset; }
}

.range:focus-visible::-webkit-slider-thumb { --focus-shadow: 0 0 0 6px var(--fallback-b1,oklch(var(--b1)/1)) inset,0 0 0 2rem var(--range-shdw) inset; }

.range::-webkit-slider-runnable-track { height: 0.5rem; width: 100%; border-radius: var(--rounded-box,1rem); background-color: var(--fallback-bc,oklch(var(--bc)/.1)); }

.range::-webkit-slider-thumb { position: relative; height: 1.5rem; width: 1.5rem; border-radius: var(--rounded-box,1rem); border-style: none; --tw-bg-opacity: 1; background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity))); appearance: none; top: 50%; color: var(--range-shdw); transform: translateY(-50%); --filler-size: 100rem; --filler-offset: .6rem; box-shadow: 0 0 0 3px var(--range-shdw) inset,var(--focus-shadow,0 0),calc(var(--filler-size) * -1 - var(--filler-offset)) 0 0 var(--filler-size); }

.rating input { appearance: none; }

.rating .rating-hidden { width: 0.5rem; background-color: transparent; }

.rating input[type="radio"]:checked { background-image: none; }

.rating input:checked ~ input, .rating input[aria-checked="true"] ~ input { --tw-bg-opacity: .2; }

.rating input:focus-visible { transition-property: transform; transition-timing-function: cubic-bezier(0, 0, 0.2, 1); transition-duration: 0.3s; transform: translateY(-0.125em); }

.rating input:active:focus { animation: auto ease 0s 1 normal none running none; transform: translateY(-0.125em); }

@keyframes rating-pop { 
  0% { transform: translateY(-0.125em); }
  40% { transform: translateY(-0.125em); }
  100% { transform: translateY(0px); }
}

.select:focus { box-shadow: none; border-color: var(--fallback-bc,oklch(var(--bc)/.2)); outline-style: solid; outline-width: 2px; outline-offset: 2px; outline-color: var(--fallback-bc,oklch(var(--bc)/.2)); }

.select-disabled, .select:disabled, .select[disabled] { cursor: not-allowed; --tw-border-opacity: 1; border-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity))); --tw-bg-opacity: 1; background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity))); color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))); --tw-text-opacity: .2; }

.select-disabled::placeholder, .select:disabled::placeholder, .select[disabled]::placeholder { color: var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity))); --tw-placeholder-opacity: .2; }

.select-multiple, .select[multiple], .select[size].select:not([size="1"]) { background-image: none; padding-right: 1rem; }

[dir="rtl"] .select { }

.skeleton { border-radius: var(--rounded-box,1rem); --tw-bg-opacity: 1; background-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity))); will-change: background-position; animation: 1.8s ease-in-out 0s infinite normal none running skeleton; background-image: linear-gradient(105deg,transparent 0%,transparent 40%,var(--fallback-b1,oklch(var(--b1)/1)) 50%,transparent 60%,transparent 100%); background-size: 200%; background-repeat: no-repeat; background-position-x: -50%; }

@media (prefers-reduced-motion) {
  .skeleton { animation-duration: 15s; }
}

@keyframes skeleton { 
  0% { background-position: 150% center; }
  100% { background-position: -50% center; }
}

.steps .step::before { top: 0px; grid-column-start: 1; grid-row-start: 1; height: 0.5rem; width: 100%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); --tw-bg-opacity: 1; background-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity))); --tw-text-opacity: 1; color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))); content: ""; margin-inline-start: -100%; }

.steps .step::after { content: counter(step); counter-increment: step 1; z-index: 1; position: relative; grid-column-start: 1; grid-row-start: 1; display: grid; height: 2rem; width: 2rem; place-items: center; place-self: center; border-radius: 9999px; --tw-bg-opacity: 1; background-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity))); --tw-text-opacity: 1; color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))); }

.steps .step:first-child::before { content: none; }

.steps .step[data-content]::after { content: attr(data-content); }

.steps .step-neutral + .step-neutral::before, .steps .step-neutral::after { --tw-bg-opacity: 1; background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity))); --tw-text-opacity: 1; color: var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity))); }

.steps .step-primary + .step-primary::before, .steps .step-primary::after { --tw-bg-opacity: 1; background-color: var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity))); --tw-text-opacity: 1; color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity))); }

.steps .step-secondary + .step-secondary::before, .steps .step-secondary::after { --tw-bg-opacity: 1; background-color: var(--fallback-s,oklch(var(--s)/var(--tw-bg-opacity))); --tw-text-opacity: 1; color: var(--fallback-sc,oklch(var(--sc)/var(--tw-text-opacity))); }

.steps .step-accent + .step-accent::before, .steps .step-accent::after { --tw-bg-opacity: 1; background-color: var(--fallback-a,oklch(var(--a)/var(--tw-bg-opacity))); --tw-text-opacity: 1; color: var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity))); }

.steps .step-info + .step-info::before { --tw-bg-opacity: 1; background-color: var(--fallback-in,oklch(var(--in)/var(--tw-bg-opacity))); }

.steps .step-info::after { --tw-bg-opacity: 1; background-color: var(--fallback-in,oklch(var(--in)/var(--tw-bg-opacity))); --tw-text-opacity: 1; color: var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity))); }

.steps .step-success + .step-success::before { --tw-bg-opacity: 1; background-color: var(--fallback-su,oklch(var(--su)/var(--tw-bg-opacity))); }

.steps .step-success::after { --tw-bg-opacity: 1; background-color: var(--fallback-su,oklch(var(--su)/var(--tw-bg-opacity))); --tw-text-opacity: 1; color: var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity))); }

.steps .step-warning + .step-warning::before { --tw-bg-opacity: 1; background-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-bg-opacity))); }

.steps .step-warning::after { --tw-bg-opacity: 1; background-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-bg-opacity))); --tw-text-opacity: 1; color: var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity))); }

.steps .step-error + .step-error::before { --tw-bg-opacity: 1; background-color: var(--fallback-er,oklch(var(--er)/var(--tw-bg-opacity))); }

.steps .step-error::after { --tw-bg-opacity: 1; background-color: var(--fallback-er,oklch(var(--er)/var(--tw-bg-opacity))); --tw-text-opacity: 1; color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity))); }

.tabs-lifted > .tab:focus-visible { border-end-end-radius: 0px; border-end-start-radius: 0px; }

.tab.tab-active:not(.tab-disabled):not([disabled]), .tab:is(input:checked) { border-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity))); --tw-border-opacity: 1; --tw-text-opacity: 1; }

.tab:focus { outline: transparent solid 2px; outline-offset: 2px; }

.tab:focus-visible { outline: currentcolor solid 2px; outline-offset: -5px; }

.tab-disabled, .tab[disabled] { cursor: not-allowed; color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))); --tw-text-opacity: .2; }

.tabs-bordered > .tab { border-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity))); --tw-border-opacity: .2; border-style: solid; border-bottom-width: calc(var(--tab-border, 1px)+ 1px); }

.tabs-lifted > .tab { border-top-color: ; border-top-style: ; border-right-color: ; border-right-style: ; border-bottom-style: ; border-left-color: ; border-left-style: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-width: 0 0 var(--tab-border,1px) 0; border-start-start-radius: var(--tab-radius,.5rem); border-start-end-radius: var(--tab-radius,.5rem); border-bottom-color: var(--tab-border-color); padding-inline-start: var(--tab-padding,1rem); padding-inline-end: var(--tab-padding,1rem); padding-top: var(--tab-border,1px); }

.tabs-lifted > .tab.tab-active:not(.tab-disabled):not([disabled]), .tabs-lifted > .tab:is(input:checked) { background-color: var(--tab-bg); border-width: var(--tab-border,1px) var(--tab-border,1px) 0 var(--tab-border,1px); border-inline-start-color: var(--tab-border-color); border-inline-end-color: var(--tab-border-color); border-top-color: var(--tab-border-color); padding-inline-start: calc(var(--tab-padding, 1rem)- var(--tab-border, 1px)); padding-inline-end: calc(var(--tab-padding, 1rem)- var(--tab-border, 1px)); padding-bottom: var(--tab-border,1px); padding-top: 0px; }

.tabs-lifted > .tab.tab-active:not(.tab-disabled):not([disabled])::before, .tabs-lifted > .tab:is(input:checked)::before { z-index: 1; content: ""; display: block; position: absolute; width: calc(100% + var(--tab-radius, .5rem)* 2); height: var(--tab-radius,.5rem); bottom: 0px; background-size: var(--tab-radius,.5rem); background-position: left top, right top; background-repeat: no-repeat; --tab-grad: calc(69% - var(--tab-border, 1px)); --radius-start: radial-gradient( circle at top left,transparent var(--tab-grad),var(--tab-border-color) calc(var(--tab-grad)+ .25px),var(--tab-border-color) calc(var(--tab-grad)+ var(--tab-border, 1px)),var(--tab-bg) calc(var(--tab-grad)+ var(--tab-border, 1px)+ .25px) ); --radius-end: radial-gradient( circle at top right,transparent var(--tab-grad),var(--tab-border-color) calc(var(--tab-grad)+ .25px),var(--tab-border-color) calc(var(--tab-grad)+ var(--tab-border, 1px)),var(--tab-bg) calc(var(--tab-grad)+ var(--tab-border, 1px)+ .25px) ); background-image: var(--radius-start),var(--radius-end); }

.tabs-lifted > .tab.tab-active:not(.tab-disabled):not([disabled]):first-child::before, .tabs-lifted > .tab:is(input:checked):first-child::before { background-image: var(--radius-end); background-position: right top; }

[dir="rtl"] .tabs-lifted > .tab.tab-active:not(.tab-disabled):not([disabled]):first-child::before, [dir="rtl"] .tabs-lifted > .tab:is(input:checked):first-child::before { background-image: var(--radius-start); background-position: left top; }

.tabs-lifted > .tab.tab-active:not(.tab-disabled):not([disabled]):last-child::before, .tabs-lifted > .tab:is(input:checked):last-child::before { background-image: var(--radius-start); background-position: left top; }

[dir="rtl"] .tabs-lifted > .tab.tab-active:not(.tab-disabled):not([disabled]):last-child::before, [dir="rtl"] .tabs-lifted > .tab:is(input:checked):last-child::before { background-image: var(--radius-end); background-position: right top; }

.tabs-lifted > .tab-active:not(.tab-disabled):not([disabled]) + .tabs-lifted .tab-active:not(.tab-disabled):not([disabled])::before, .tabs-lifted > .tab:is(input:checked) + .tabs-lifted .tab:is(input:checked)::before { background-image: var(--radius-end); background-position: right top; }

.tabs-boxed .tab { border-radius: var(--rounded-btn,.5rem); }

:is([dir="rtl"] .table) { text-align: right; }

.table :where(th, td) { padding: 0.75rem 1rem; vertical-align: middle; }

.table tr.active, .table tr.active:nth-child(2n), .table-zebra tbody tr:nth-child(2n) { --tw-bg-opacity: 1; background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity))); }

.table-zebra tr.active, .table-zebra tr.active:nth-child(2n), .table-zebra-zebra tbody tr:nth-child(2n) { --tw-bg-opacity: 1; background-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity))); }

.table :where(thead, tbody) :where(tr:not(:last-child)), .table :where(thead, tbody) :where(tr:first-child:last-child) { border-bottom-width: 1px; --tw-border-opacity: 1; border-bottom-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity))); }

.table :where(thead, tfoot) { white-space: nowrap; font-size: 0.75rem; line-height: 1rem; font-weight: 700; color: var(--fallback-bc,oklch(var(--bc)/.6)); }

.textarea:focus { box-shadow: none; border-color: var(--fallback-bc,oklch(var(--bc)/.2)); outline-style: solid; outline-width: 2px; outline-offset: 2px; outline-color: var(--fallback-bc,oklch(var(--bc)/.2)); }

.textarea-disabled, .textarea:disabled, .textarea[disabled] { cursor: not-allowed; --tw-border-opacity: 1; border-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity))); --tw-bg-opacity: 1; background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity))); --tw-text-opacity: .2; }

.textarea-disabled::placeholder, .textarea:disabled::placeholder, .textarea[disabled]::placeholder { color: var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity))); --tw-placeholder-opacity: .2; }

.timeline hr { height: 0.25rem; }

:where(.timeline hr) { --tw-bg-opacity: 1; background-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity))); }

:where(.timeline:has(.timeline-middle) hr):first-child { border-start-end-radius: var(--rounded-badge,1.9rem); border-end-end-radius: var(--rounded-badge,1.9rem); border-start-start-radius: 0px; border-end-start-radius: 0px; }

:where(.timeline:has(.timeline-middle) hr):last-child { border-start-start-radius: var(--rounded-badge,1.9rem); border-end-start-radius: var(--rounded-badge,1.9rem); border-start-end-radius: 0px; border-end-end-radius: 0px; }

:where(.timeline:not(:has(.timeline-middle)) :first-child hr:last-child) { border-start-start-radius: var(--rounded-badge,1.9rem); border-end-start-radius: var(--rounded-badge,1.9rem); border-start-end-radius: 0px; border-end-end-radius: 0px; }

:where(.timeline:not(:has(.timeline-middle)) :last-child hr:first-child) { border-start-end-radius: var(--rounded-badge,1.9rem); border-end-end-radius: var(--rounded-badge,1.9rem); border-start-start-radius: 0px; border-end-start-radius: 0px; }

.toast > * { animation: 0.25s ease-out 0s 1 normal none running toast-pop; }

@keyframes toast-pop { 
  0% { transform: scale(0.9); opacity: 0; }
  100% { transform: scale(1); opacity: 1; }
}

[dir="rtl"] .toggle { --handleoffsetcalculator: calc(var(--handleoffset)* 1); }

.toggle:focus-visible { outline-style: solid; outline-width: 2px; outline-offset: 2px; outline-color: var(--fallback-bc,oklch(var(--bc)/.2)); }

.toggle:hover { background-color: currentcolor; }

.toggle:checked, .toggle[checked="true"], .toggle[aria-checked="true"] { background-image: none; --handleoffsetcalculator: var(--handleoffset); --tw-text-opacity: 1; color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))); }

[dir="rtl"] .toggle:checked, [dir="rtl"] .toggle[checked="true"], [dir="rtl"] .toggle[aria-checked="true"] { --handleoffsetcalculator: calc(var(--handleoffset)* -1); }

.toggle:indeterminate { --tw-text-opacity: 1; color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))); box-shadow: calc(var(--handleoffset)/ 2) 0 0 2px var(--tglbg) inset,calc(var(--handleoffset) / -2) 0 0 2px var(--tglbg) inset,0 0 0 2px var(--tglbg) inset; }

[dir="rtl"] .toggle:indeterminate { box-shadow: calc(var(--handleoffset)/ 2) 0 0 2px var(--tglbg) inset,calc(var(--handleoffset) / -2) 0 0 2px var(--tglbg) inset,0 0 0 2px var(--tglbg) inset; }

.toggle:disabled { cursor: not-allowed; --tw-border-opacity: 1; border-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity))); background-color: transparent; opacity: 0.3; --togglehandleborder: 0 0 0 3px var(--fallback-bc,oklch(var(--bc)/1)) inset,var(--handleoffsetcalculator) 0 0 3px var(--fallback-bc,oklch(var(--bc)/1)) inset; }

.artboard.phone { width: 320px; }

.artboard.phone-1.horizontal, .artboard.phone-1.artboard-horizontal { width: 568px; height: 320px; }

.artboard.phone-2.horizontal, .artboard.phone-2.artboard-horizontal { width: 667px; height: 375px; }

.artboard.phone-3.horizontal, .artboard.phone-3.artboard-horizontal { width: 736px; height: 414px; }

.artboard.phone-4.horizontal, .artboard.phone-4.artboard-horizontal { width: 812px; height: 375px; }

.artboard.phone-5.horizontal, .artboard.phone-5.artboard-horizontal { width: 896px; height: 414px; }

.artboard.phone-6.horizontal, .artboard.phone-6.artboard-horizontal { width: 1024px; height: 320px; }

.btm-nav-xs > :where(.active) { border-top-width: 1px; }

.btm-nav-sm > :where(.active) { border-top-width: 2px; }

.btm-nav-md > :where(.active) { border-top-width: 2px; }

.btm-nav-lg > :where(.active) { border-top-width: 4px; }

.indicator :where(.indicator-item) { bottom: auto; inset-inline: auto 0px; top: 0px; --tw-translate-y: -50%; --tw-translate-x: 50%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }

:is([dir="rtl"] .indicator :where(.indicator-item)) { --tw-translate-x: -50%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }

.indicator :where(.indicator-item.indicator-start) { inset-inline: 0px auto; --tw-translate-x: -50%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }

:is([dir="rtl"] .indicator :where(.indicator-item.indicator-start)) { --tw-translate-x: 50%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }

.indicator :where(.indicator-item.indicator-center) { inset-inline: 50%; --tw-translate-x: -50%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }

:is([dir="rtl"] .indicator :where(.indicator-item.indicator-center)) { --tw-translate-x: 50%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }

.indicator :where(.indicator-item.indicator-end) { inset-inline: auto 0px; --tw-translate-x: 50%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }

:is([dir="rtl"] .indicator :where(.indicator-item.indicator-end)) { --tw-translate-x: -50%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }

.indicator :where(.indicator-item.indicator-bottom) { bottom: 0px; top: auto; --tw-translate-y: 50%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }

.indicator :where(.indicator-item.indicator-middle) { bottom: 50%; top: 50%; --tw-translate-y: -50%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }

.indicator :where(.indicator-item.indicator-top) { bottom: auto; top: 0px; --tw-translate-y: -50%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }

.join.join-vertical { flex-direction: column; }

.join.join-vertical .join-item:first-child:not(:last-child), .join.join-vertical :first-child:not(:last-child) .join-item { border-end-start-radius: 0px; border-end-end-radius: 0px; border-start-start-radius: inherit; border-start-end-radius: inherit; }

.join.join-vertical .join-item:last-child:not(:first-child), .join.join-vertical :last-child:not(:first-child) .join-item { border-start-start-radius: 0px; border-start-end-radius: 0px; border-end-start-radius: inherit; border-end-end-radius: inherit; }

.join.join-horizontal { flex-direction: row; }

.join.join-horizontal .join-item:first-child:not(:last-child), .join.join-horizontal :first-child:not(:last-child) .join-item { border-end-end-radius: 0px; border-start-end-radius: 0px; border-end-start-radius: inherit; border-start-start-radius: inherit; }

.join.join-horizontal .join-item:last-child:not(:first-child), .join.join-horizontal :last-child:not(:first-child) .join-item { border-end-start-radius: 0px; border-start-start-radius: 0px; border-end-end-radius: inherit; border-start-end-radius: inherit; }

.steps-horizontal .step { display: grid; grid-template-columns: repeat(1, minmax(0px, 1fr)); grid-template-rows: repeat(2, minmax(0px, 1fr)); place-items: center; text-align: center; }

.steps-vertical .step { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); grid-template-rows: repeat(1, minmax(0px, 1fr)); }

.tabs-md :where(.tab) { height: 2rem; font-size: 0.875rem; line-height: 2; --tab-padding: 1rem; }

.tabs-lg :where(.tab) { height: 3rem; font-size: 1.125rem; line-height: 2; --tab-padding: 1.25rem; }

.tabs-sm :where(.tab) { height: 1.5rem; font-size: 0.875rem; line-height: 0.75rem; --tab-padding: .75rem; }

.tabs-xs :where(.tab) { height: 1.25rem; font-size: 0.75rem; line-height: 0.75rem; --tab-padding: .5rem; }

:where(.toast) { bottom: 0px; inset-inline: auto 0px; top: auto; --tw-translate-x: 0px; --tw-translate-y: 0px; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }

.toast:where(.toast-start) { inset-inline: 0px auto; --tw-translate-x: 0px; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }

.toast:where(.toast-center) { inset-inline: 50%; --tw-translate-x: -50%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }

:is([dir="rtl"] .toast:where(.toast-center)) { --tw-translate-x: 50%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }

.toast:where(.toast-end) { inset-inline: auto 0px; --tw-translate-x: 0px; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }

.toast:where(.toast-bottom) { bottom: 0px; top: auto; --tw-translate-y: 0px; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }

.toast:where(.toast-middle) { bottom: auto; top: 50%; --tw-translate-y: -50%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }

.toast:where(.toast-top) { bottom: auto; top: 0px; --tw-translate-y: 0px; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }

.tooltip { position: relative; display: inline-block; --tooltip-offset: calc(100% + 1px + var(--tooltip-tail, 0px)); }

.tooltip::before { position: absolute; pointer-events: none; z-index: 1; content: var(--tw-content); --tw-content: attr(data-tip); }

.tooltip::before, .tooltip-top::before { transform: translate(-50%); top: auto; left: 50%; right: auto; bottom: var(--tooltip-offset); }

.avatar.online::before { content: ""; position: absolute; z-index: 10; display: block; border-radius: 9999px; --tw-bg-opacity: 1; background-color: var(--fallback-su,oklch(var(--su)/var(--tw-bg-opacity))); outline-style: solid; outline-width: 2px; outline-color: var(--fallback-b1,oklch(var(--b1)/1)); width: 15%; height: 15%; top: 7%; right: 7%; }

.avatar.offline::before { content: ""; position: absolute; z-index: 10; display: block; border-radius: 9999px; --tw-bg-opacity: 1; background-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity))); outline-style: solid; outline-width: 2px; outline-color: var(--fallback-b1,oklch(var(--b1)/1)); width: 15%; height: 15%; top: 7%; right: 7%; }

.join.join-vertical > :where(:not(:first-child)) { margin-left: 0px; margin-right: 0px; margin-top: -1px; }

.join.join-horizontal > :where(:not(:first-child)) { margin-top: 0px; margin-bottom: 0px; margin-inline-start: -1px; }

.steps-horizontal .step { grid-template-rows: 40px 1fr; grid-template-columns: auto; min-width: 4rem; }

.steps-horizontal .step::before { height: 0.5rem; width: 100%; --tw-translate-x: 0px; --tw-translate-y: 0px; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); content: ""; margin-inline-start: -100%; }

:is([dir="rtl"] .steps-horizontal .step)::before { --tw-translate-x: 0px; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }

.steps-vertical .step { gap: 0.5rem; grid-template-columns: 40px 1fr; grid-template-rows: auto; min-height: 4rem; justify-items: start; }

.steps-vertical .step::before { height: 100%; width: 0.5rem; --tw-translate-x: -50%; --tw-translate-y: -50%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); margin-inline-start: 50%; }

:is([dir="rtl"] .steps-vertical .step)::before { --tw-translate-x: 50%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }

.tooltip { position: relative; display: inline-block; text-align: center; --tooltip-tail: .1875rem; --tooltip-color: var(--fallback-n,oklch(var(--n)/1)); --tooltip-text-color: var(--fallback-nc,oklch(var(--nc)/1)); --tooltip-tail-offset: calc(100% + .0625rem - var(--tooltip-tail)); }

.tooltip::before, .tooltip::after { opacity: 0; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-delay: 0.1s; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }

.tooltip::after { position: absolute; content: ""; border-style: solid; border-width: var(--tooltip-tail,0); width: 0px; height: 0px; display: block; }

.tooltip::before { max-width: 20rem; border-radius: 0.25rem; padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.25rem; background-color: var(--tooltip-color); color: var(--tooltip-text-color); width: max-content; }

.tooltip.tooltip-open::before { opacity: 1; transition-delay: 75ms; }

.tooltip.tooltip-open::after { opacity: 1; transition-delay: 75ms; }

.tooltip:hover::before { opacity: 1; transition-delay: 75ms; }

.tooltip:hover::after { opacity: 1; transition-delay: 75ms; }

.tooltip:has(:focus-visible)::after, .tooltip:has(:focus-visible)::before { opacity: 1; transition-delay: 75ms; }

.tooltip:not([data-tip]):hover::before, .tooltip:not([data-tip]):hover::after { visibility: hidden; opacity: 0; }

.tooltip::after, .tooltip-top::after { transform: translate(-50%); border-color: var(--tooltip-color) transparent transparent transparent; top: auto; left: 50%; right: auto; bottom: var(--tooltip-tail-offset); }

.sr-only { position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border-width: 0px; }

.pointer-events-none { pointer-events: none; }

.invisible { visibility: hidden; }

.collapse { visibility: collapse; }

.fixed { position: fixed; }

.absolute { position: absolute; }

.\!relative { position: relative !important; }

.relative { position: relative; }

.-inset-1 { inset: -0.25rem; }

.-inset-1\.5 { inset: -0.375rem; }

.inset-0 { inset: 0px; }

.inset-y-0 { top: 0px; bottom: 0px; }

.-bottom-0 { bottom: 0px; }

.-bottom-0\.5 { bottom: -0.125rem; }

.-bottom-1 { bottom: -0.25rem; }

.-bottom-px { bottom: -1px; }

.-left-0 { left: 0px; }

.-left-0\.5 { left: -0.125rem; }

.-left-1 { left: -0.25rem; }

.-left-2 { left: -0.5rem; }

.-left-3 { left: -0.75rem; }

.-left-4 { left: -1rem; }

.-left-px { left: -1px; }

.-right-0 { right: 0px; }

.-right-0\.5 { right: -0.125rem; }

.-right-1 { right: -0.25rem; }

.-right-1\.5 { right: -0.375rem; }

.-right-3 { right: -0.75rem; }

.-right-5 { right: -1.25rem; }

.-right-px { right: -1px; }

.-top-0 { top: 0px; }

.-top-0\.5 { top: -0.125rem; }

.-top-1 { top: -0.25rem; }

.-top-14 { top: -3.5rem; }

.-top-px { top: -1px; }

.bottom-0 { bottom: 0px; }

.bottom-0\.5 { bottom: 0.125rem; }

.bottom-2 { bottom: 0.5rem; }

.bottom-5 { bottom: 1.25rem; }

.bottom-\[-20px\] { bottom: -20px; }

.bottom-\[10px\] { bottom: 10px; }

.bottom-\[260px\] { bottom: 260px; }

.bottom-\[30px\] { bottom: 30px; }

.bottom-\[5px\] { bottom: 5px; }

.bottom-px { bottom: 1px; }

.end-2 { inset-inline-end: 0.5rem; }

.end-2\.5 { inset-inline-end: 0.625rem; }

.left-0 { left: 0px; }

.left-0\.5 { left: 0.125rem; }

.left-1 { left: 0.25rem; }

.left-1\/2 { left: 50%; }

.left-2 { left: 0.5rem; }

.left-5 { left: 1.25rem; }

.left-\[20px\] { left: 20px; }

.left-\[50\%\] { left: 50%; }

.left-\[50px\] { left: 50px; }

.left-px { left: 1px; }

.right-0 { right: 0px; }

.right-0\.5 { right: 0.125rem; }

.right-1 { right: 0.25rem; }

.right-2 { right: 0.5rem; }

.right-3 { right: 0.75rem; }

.right-4 { right: 1rem; }

.right-5 { right: 1.25rem; }

.right-6 { right: 1.5rem; }

.right-\[-3px\] { right: -3px; }

.right-\[0\] { right: 0px; }

.right-\[10px\] { right: 10px; }

.right-px { right: 1px; }

.start-0 { inset-inline-start: 0px; }

.top-0 { top: 0px; }

.top-0\.5 { top: 0.125rem; }

.top-1 { top: 0.25rem; }

.top-1\/2 { top: 50%; }

.top-2 { top: 0.5rem; }

.top-2\.5 { top: 0.625rem; }

.top-2\/4 { top: 50%; }

.top-4 { top: 1rem; }

.top-5 { top: 1.25rem; }

.top-\[-15px\] { top: -15px; }

.top-\[0px\] { top: 0px; }

.top-\[18px\] { top: 18px; }

.top-\[22px\] { top: 22px; }

.top-\[50\%\] { top: 50%; }

.top-\[50px\] { top: 50px; }

.top-\[65\%\] { top: 65%; }

.top-\[70px\] { top: 70px; }

.top-px { top: 1px; }

.\!z-40 { z-index: 40 !important; }

.-z-10 { z-index: -10; }

.z-10 { z-index: 10; }

.z-20 { z-index: 20; }

.z-40 { z-index: 40; }

.z-50 { z-index: 50; }

.z-\[-1\] { z-index: -1; }

.z-\[1\] { z-index: 1; }

.z-\[2\] { z-index: 2; }

.z-\[3\] { z-index: 3; }

.z-\[51\] { z-index: 51; }

.z-\[60\] { z-index: 60; }

.z-\[90\] { z-index: 90; }

.z-\[999\] { z-index: 999; }

.order-2 { order: 2; }

.order-3 { order: 3; }

.m-1 { margin: 0.25rem; }

.mx-1 { margin-left: 0.25rem; margin-right: 0.25rem; }

.mx-2 { margin-left: 0.5rem; margin-right: 0.5rem; }

.mx-4 { margin-left: 1rem; margin-right: 1rem; }

.mx-8 { margin-left: 2rem; margin-right: 2rem; }

.mx-auto { margin-left: auto; margin-right: auto; }

.my-1 { margin-top: 0.25rem; margin-bottom: 0.25rem; }

.my-2 { margin-top: 0.5rem; margin-bottom: 0.5rem; }

.my-3 { margin-top: 0.75rem; margin-bottom: 0.75rem; }

.my-4 { margin-top: 1rem; margin-bottom: 1rem; }

.my-7 { margin-top: 1.75rem; margin-bottom: 1.75rem; }

.my-\[15px\] { margin-top: 15px; margin-bottom: 15px; }

.my-\[25px\] { margin-top: 25px; margin-bottom: 25px; }

.my-\[40px\] { margin-top: 40px; margin-bottom: 40px; }

.my-\[4px\] { margin-top: 4px; margin-bottom: 4px; }

.my-\[5px\] { margin-top: 5px; margin-bottom: 5px; }

.\!mb-4 { margin-bottom: 1rem !important; }

.\!ml-3 { margin-left: 0.75rem !important; }

.\!ml-5 { margin-left: 1.25rem !important; }

.\!mt-\[200px\] { margin-top: 200px !important; }

.-mb-\[22px\] { margin-bottom: -22px; }

.-mb-\[8px\] { margin-bottom: -8px; }

.-mb-px { margin-bottom: -1px; }

.-ms-2 { margin-inline-start: -0.5rem; }

.-mt-1 { margin-top: -0.25rem; }

.-mt-12 { margin-top: -3rem; }

.mb-0 { margin-bottom: 0px; }

.mb-1 { margin-bottom: 0.25rem; }

.mb-10 { margin-bottom: 2.5rem; }

.mb-2 { margin-bottom: 0.5rem; }

.mb-2\.5 { margin-bottom: 0.625rem; }

.mb-3 { margin-bottom: 0.75rem; }

.mb-4 { margin-bottom: 1rem; }

.mb-5 { margin-bottom: 1.25rem; }

.mb-6 { margin-bottom: 1.5rem; }

.mb-8 { margin-bottom: 2rem; }

.mb-\[-100px\] { margin-bottom: -100px; }

.mb-\[10px\] { margin-bottom: 10px; }

.mb-\[14px\] { margin-bottom: 14px; }

.mb-\[20px\] { margin-bottom: 20px; }

.mb-\[2px\] { margin-bottom: 2px; }

.mb-\[3px\] { margin-bottom: 3px; }

.mb-\[40px\] { margin-bottom: 40px; }

.mb-\[5px\] { margin-bottom: 5px; }

.mb-\[8px\] { margin-bottom: 8px; }

.me-3 { margin-inline-end: 0.75rem; }

.ml-1 { margin-left: 0.25rem; }

.ml-2 { margin-left: 0.5rem; }

.ml-2\.5 { margin-left: 0.625rem; }

.ml-3 { margin-left: 0.75rem; }

.ml-6 { margin-left: 1.5rem; }

.ml-auto { margin-left: auto; }

.mr-1 { margin-right: 0.25rem; }

.mr-2 { margin-right: 0.5rem; }

.mr-3 { margin-right: 0.75rem; }

.mr-5 { margin-right: 1.25rem; }

.ms-1 { margin-inline-start: 0.25rem; }

.ms-2 { margin-inline-start: 0.5rem; }

.ms-3 { margin-inline-start: 0.75rem; }

.ms-\[100px\] { margin-inline-start: 100px; }

.mt-1 { margin-top: 0.25rem; }

.mt-2 { margin-top: 0.5rem; }

.mt-4 { margin-top: 1rem; }

.mt-5 { margin-top: 1.25rem; }

.mt-6 { margin-top: 1.5rem; }

.mt-\[-100px\] { margin-top: -100px; }

.mt-\[-35px\] { margin-top: -35px; }

.mt-\[-50px\] { margin-top: -50px; }

.mt-\[-80px\] { margin-top: -80px; }

.mt-\[100px\] { margin-top: 100px; }

.mt-\[14px\] { margin-top: 14px; }

.mt-\[20px\] { margin-top: 20px; }

.mt-\[22px\] { margin-top: 22px; }

.mt-\[2px\] { margin-top: 2px; }

.mt-\[50px\] { margin-top: 50px; }

.block { display: block; }

.inline-block { display: inline-block; }

.inline { display: inline; }

.flex { display: flex; }

.inline-flex { display: inline-flex; }

.table { display: table; }

.grid { display: grid; }

.hidden { display: none; }

.h-0 { height: 0px; }

.h-1 { height: 0.25rem; }

.h-1\.5 { height: 0.375rem; }

.h-10 { height: 2.5rem; }

.h-11 { height: 2.75rem; }

.h-14 { height: 3.5rem; }

.h-16 { height: 4rem; }

.h-2 { height: 0.5rem; }

.h-2\.5 { height: 0.625rem; }

.h-24 { height: 6rem; }

.h-28 { height: 7rem; }

.h-3 { height: 0.75rem; }

.h-3\.5 { height: 0.875rem; }

.h-4 { height: 1rem; }

.h-40 { height: 10rem; }

.h-48 { height: 12rem; }

.h-5 { height: 1.25rem; }

.h-52 { height: 13rem; }

.h-56 { height: 14rem; }

.h-6 { height: 1.5rem; }

.h-7 { height: 1.75rem; }

.h-72 { height: 18rem; }

.h-8 { height: 2rem; }

.h-9 { height: 2.25rem; }

.h-96 { height: 24rem; }

.h-\[100\%\] { height: 100%; }

.h-\[12px\] { height: 12px; }

.h-\[14px\] { height: 14px; }

.h-\[15px\] { height: 15px; }

.h-\[160px\] { height: 160px; }

.h-\[16px\] { height: 16px; }

.h-\[18px\] { height: 18px; }

.h-\[200px\] { height: 200px; }

.h-\[20px\] { height: 20px; }

.h-\[210px\] { height: 210px; }

.h-\[22px\] { height: 22px; }

.h-\[23px\] { height: 23px; }

.h-\[30px\] { height: 30px; }

.h-\[40px\] { height: 40px; }

.h-\[45px\] { height: 45px; }

.h-\[50px\] { height: 50px; }

.h-\[60px\] { height: 60px; }

.h-\[65px\] { height: 65px; }

.h-\[68px\] { height: 68px; }

.h-\[75dvh\] { height: 75dvh; }

.h-\[95px\] { height: 95px; }

.h-auto { height: auto; }

.h-fit { height: fit-content; }

.h-full { height: 100%; }

.h-min { height: min-content; }

.h-px { height: 1px; }

.h-screen { height: 100vh; }

.\!min-h-\[100vh\] { min-height: 100vh !important; }

.min-h-full { min-height: 100%; }

.min-h-screen { min-height: 100vh; }

.\!w-1\/2 { width: 50% !important; }

.\!w-\[auto\] { width: auto !important; }

.\!w-full { width: 100% !important; }

.w-1 { width: 0.25rem; }

.w-1\.5 { width: 0.375rem; }

.w-1\/2 { width: 50%; }

.w-10 { width: 2.5rem; }

.w-11 { width: 2.75rem; }

.w-14 { width: 3.5rem; }

.w-16 { width: 4rem; }

.w-2 { width: 0.5rem; }

.w-2\.5 { width: 0.625rem; }

.w-24 { width: 6rem; }

.w-3 { width: 0.75rem; }

.w-3\.5 { width: 0.875rem; }

.w-3\/4 { width: 75%; }

.w-4 { width: 1rem; }

.w-48 { width: 12rem; }

.w-5 { width: 1.25rem; }

.w-6 { width: 1.5rem; }

.w-7 { width: 1.75rem; }

.w-8 { width: 2rem; }

.w-9 { width: 2.25rem; }

.w-\[100\%\] { width: 100%; }

.w-\[100px\] { width: 100px; }

.w-\[110px\] { width: 110px; }

.w-\[120px\] { width: 120px; }

.w-\[12px\] { width: 12px; }

.w-\[14px\] { width: 14px; }

.w-\[16px\] { width: 16px; }

.w-\[18px\] { width: 18px; }

.w-\[200px\] { width: 200px; }

.w-\[20px\] { width: 20px; }

.w-\[22px\] { width: 22px; }

.w-\[230px\] { width: 230px; }

.w-\[23px\] { width: 23px; }

.w-\[250px\] { width: 250px; }

.w-\[30px\] { width: 30px; }

.w-\[34px\] { width: 34px; }

.w-\[40\%\] { width: 40%; }

.w-\[40px\] { width: 40px; }

.w-\[45px\] { width: 45px; }

.w-\[50px\] { width: 50px; }

.w-\[60px\] { width: 60px; }

.w-\[65px\] { width: 65px; }

.w-\[68px\] { width: 68px; }

.w-\[70px\] { width: 70px; }

.w-\[80\%\] { width: 80%; }

.w-\[80px\] { width: 80px; }

.w-\[90\%\] { width: 90%; }

.w-\[92\%\] { width: 92%; }

.w-auto { width: auto; }

.w-fit { width: fit-content; }

.w-full { width: 100%; }

.w-px { width: 1px; }

.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-\[100px\] { max-width: 100px; }

.max-w-\[120px\] { max-width: 120px; }

.max-w-\[134px\] { max-width: 134px; }

.max-w-\[140px\] { max-width: 140px; }

.max-w-\[280px\] { max-width: 280px; }

.max-w-\[300px\] { max-width: 300px; }

.max-w-\[33px\] { max-width: 33px; }

.max-w-\[480px\] { max-width: 480px; }

.max-w-lg { max-width: 32rem; }

.max-w-md { max-width: 28rem; }

.max-w-sm { max-width: 24rem; }

.max-w-xl { max-width: 36rem; }

.max-w-xs { max-width: 20rem; }

.flex-1 { flex: 1 1 0%; }

.flex-auto { flex: 1 1 auto; }

.flex-none { flex: 0 0 auto; }

.flex-shrink-0 { flex-shrink: 0; }

.border-spacing-1 { --tw-border-spacing-x: .25rem; --tw-border-spacing-y: .25rem; border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y); }

.origin-top-right { transform-origin: right top; }

.-translate-x-1\/2, .-translate-x-2\/4 { --tw-translate-x: -50%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }

.-translate-x-full { --tw-translate-x: -100%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }

.-translate-y-1\/2, .-translate-y-2\/4 { --tw-translate-y: -50%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }

.translate-x-0 { --tw-translate-x: 0px; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }

.translate-x-\[-50\%\] { --tw-translate-x: -50%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }

.translate-x-\[18px\] { --tw-translate-x: 18px; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }

.translate-x-\[22px\] { --tw-translate-x: 22px; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }

.translate-x-\[26px\] { --tw-translate-x: 26px; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }

.translate-x-\[2px\] { --tw-translate-x: 2px; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }

.translate-x-full { --tw-translate-x: 100%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }

.translate-y-\[-43\%\] { --tw-translate-y: -43%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }

.translate-y-\[-50\%\] { --tw-translate-y: -50%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }

.-rotate-45 { --tw-rotate: -45deg; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }

.rotate-180 { --tw-rotate: 180deg; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }

.rotate-45 { --tw-rotate: 45deg; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }

.rotate-90 { --tw-rotate: 90deg; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }

.rotate-\[180deg\] { --tw-rotate: 180deg; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }

.rotate-\[300deg\] { --tw-rotate: 300deg; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }

.rotate-\[80deg\] { --tw-rotate: 80deg; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }

.scale-100 { --tw-scale-x: 1; --tw-scale-y: 1; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }

.scale-95 { --tw-scale-x: .95; --tw-scale-y: .95; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }

.scale-\[1\.5\] { --tw-scale-x: 1.5; --tw-scale-y: 1.5; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }

.scale-x-\[-1\] { --tw-scale-x: -1; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }

.scale-y-\[-1\] { --tw-scale-y: -1; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }

.transform { transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }

.transform-none { transform: none; }

@keyframes bounce-open { 
  0% { transform: scale(0.7); }
  45% { transform: scale(1.05); }
  80% { transform: scale(0.95); }
  100% { transform: scale(1); }
}

.animate-keep-bounce { animation: 0.3s ease 0s 1 normal none running bounce-open; }

@keyframes pulse { 
  50% { opacity: 0.5; }
}

.animate-pulse { animation: 2s cubic-bezier(0.4, 0, 0.6, 1) 0s infinite normal none running pulse; }

@keyframes spin { 
  100% { transform: rotate(360deg); }
}

.animate-spin { animation: 1s linear 0s infinite normal none running spin; }

.\!cursor-not-allowed { cursor: not-allowed !important; }

.\!cursor-pointer { cursor: pointer !important; }

.cursor-grab { cursor: grab; }

.cursor-not-allowed { cursor: not-allowed; }

.cursor-pointer { cursor: pointer; }

.select-none { user-select: none; }

.snap-x { scroll-snap-type: x var(--tw-scroll-snap-strictness); }

.snap-mandatory { --tw-scroll-snap-strictness: mandatory; }

.snap-center { scroll-snap-align: center; }

.list-disc { list-style-type: disc; }

.list-none { list-style-type: none; }

.appearance-none { appearance: none; }

.grid-flow-col { grid-auto-flow: column; }

.grid-cols-1 { grid-template-columns: repeat(1, minmax(0px, 1fr)); }

.grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); }

.grid-cols-3 { grid-template-columns: repeat(3, minmax(0px, 1fr)); }

.grid-cols-4 { grid-template-columns: repeat(4, minmax(0px, 1fr)); }

.flex-row { flex-direction: row; }

.flex-col { flex-direction: column; }

.flex-wrap { flex-wrap: wrap; }

.content-center { align-content: center; }

.items-start { align-items: flex-start; }

.items-end { align-items: flex-end; }

.items-center { align-items: center; }

.justify-start { justify-content: flex-start; }

.justify-end { justify-content: flex-end; }

.justify-center { justify-content: center; }

.justify-between { justify-content: space-between; }

.justify-items-end { justify-items: end; }

.justify-items-center { justify-items: center; }

.gap-0 { gap: 0px; }

.gap-1 { gap: 0.25rem; }

.gap-2 { gap: 0.5rem; }

.gap-3 { gap: 0.75rem; }

.gap-4 { gap: 1rem; }

.gap-5 { gap: 1.25rem; }

.gap-6 { gap: 1.5rem; }

.gap-\[14px\] { gap: 14px; }

.gap-px { gap: 1px; }

.-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-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-1\.5 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(.375rem * var(--tw-space-x-reverse)); margin-left: calc(.375rem * 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-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-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-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)); }

.divide-x > :not([hidden]) ~ :not([hidden]) { --tw-divide-x-reverse: 0; border-right-width: calc(1px * var(--tw-divide-x-reverse)); border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))); }

.divide-y > :not([hidden]) ~ :not([hidden]) { --tw-divide-y-reverse: 0; border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-bottom-width: calc(1px * var(--tw-divide-y-reverse)); }

.divide-gray-100 > :not([hidden]) ~ :not([hidden]) { --tw-divide-opacity: 1; border-color: rgb(243 244 246 / var(--tw-divide-opacity)); }

.divide-metal-200 > :not([hidden]) ~ :not([hidden]) { --tw-divide-opacity: 1; border-color: rgb(215 223 233 / var(--tw-divide-opacity)); }

.self-center { align-self: center; }

.justify-self-center { justify-self: center; }

.overflow-auto { overflow: auto; }

.overflow-hidden { overflow: hidden; }

.overflow-visible { overflow: visible; }

.overflow-x-auto { overflow-x: auto; }

.overflow-y-auto { overflow-y: auto; }

.overflow-x-hidden { overflow-x: hidden; }

.overflow-y-hidden { overflow-y: hidden; }

.overflow-x-scroll { overflow-x: scroll; }

.scroll-smooth { scroll-behavior: smooth; }

.truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.whitespace-nowrap { white-space: nowrap; }

.text-nowrap { text-wrap: nowrap; }

.\!rounded-\[13px\] { border-radius: 13px !important; }

.\!rounded-\[5px\] { border-radius: 5px !important; }

.\!rounded-full { border-radius: 9999px !important; }

.\!rounded-none { border-radius: 0px !important; }

.rounded { border-radius: 0.25rem; }

.rounded-2xl { border-radius: 1rem; }

.rounded-3xl { border-radius: 1.5rem; }

.rounded-\[0px\] { border-radius: 0px; }

.rounded-\[10px\] { border-radius: 10px; }

.rounded-\[12px\] { border-radius: 12px; }

.rounded-\[13px\] { border-radius: 13px; }

.rounded-\[15px\] { border-radius: 15px; }

.rounded-\[20px\] { border-radius: 20px; }

.rounded-\[25px\] { border-radius: 25px; }

.rounded-\[35px\] { border-radius: 35px; }

.rounded-\[50\%\] { border-radius: 50%; }

.rounded-\[5px\] { border-radius: 5px; }

.rounded-\[8px\] { border-radius: 8px; }

.rounded-full { border-radius: 9999px; }

.rounded-lg { border-radius: 0.5rem; }

.rounded-md { border-radius: 0.375rem; }

.rounded-none { border-radius: 0px; }

.rounded-sm { border-radius: 0.125rem; }

.rounded-xl { border-radius: 0.75rem; }

.\!rounded-l-none { border-top-left-radius: 0px !important; border-bottom-left-radius: 0px !important; }

.rounded-b-\[10px\] { border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; }

.rounded-l { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; }

.rounded-l-\[10px\] { border-top-left-radius: 10px; border-bottom-left-radius: 10px; }

.rounded-l-lg { border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem; }

.rounded-l-md { border-top-left-radius: 0.375rem; border-bottom-left-radius: 0.375rem; }

.rounded-l-none { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }

.rounded-r-full { border-top-right-radius: 9999px; border-bottom-right-radius: 9999px; }

.rounded-r-md { border-top-right-radius: 0.375rem; border-bottom-right-radius: 0.375rem; }

.rounded-r-none { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }

.rounded-t { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; }

.rounded-t-\[20px\] { border-top-left-radius: 20px; border-top-right-radius: 20px; }

.rounded-t-\[30px\] { border-top-left-radius: 30px; border-top-right-radius: 30px; }

.rounded-t-md { border-top-left-radius: 0.375rem; border-top-right-radius: 0.375rem; }

.rounded-bl-\[0px\] { border-bottom-left-radius: 0px; }

.rounded-bl-\[30px\] { border-bottom-left-radius: 30px; }

.rounded-br-\[0px\] { border-bottom-right-radius: 0px; }

.rounded-tl-\[0px\] { border-top-left-radius: 0px; }

.rounded-tr-\[0px\] { border-top-right-radius: 0px; }

.rounded-tr-\[30px\] { border-top-right-radius: 30px; }

.\!border { border-width: 1px !important; }

.\!border-2 { border-width: 2px !important; }

.border { border-width: 1px; }

.border-0 { border-width: 0px; }

.border-2 { border-width: 2px; }

.border-4 { border-width: 4px; }

.border-\[0px\] { border-width: 0px; }

.border-\[1\.5px\] { border-width: 1.5px; }

.border-\[2px\] { border-width: 2px; }

.\!border-b { border-bottom-width: 1px !important; }

.\!border-l-0 { border-left-width: 0px !important; }

.\!border-r-0 { border-right-width: 0px !important; }

.border-b { border-bottom-width: 1px; }

.border-b-2 { border-bottom-width: 2px; }

.border-b-\[6px\] { border-bottom-width: 6px; }

.border-l { border-left-width: 1px; }

.border-l-0 { border-left-width: 0px; }

.border-l-2 { border-left-width: 2px; }

.border-l-\[6px\] { border-left-width: 6px; }

.border-r { border-right-width: 1px; }

.border-r-0 { border-right-width: 0px; }

.border-r-\[6px\] { border-right-width: 6px; }

.border-t { border-top-width: 1px; }

.border-t-2 { border-top-width: 2px; }

.border-t-\[4px\] { border-top-width: 4px; }

.border-t-\[6px\] { border-top-width: 6px; }

.border-solid { border-style: solid; }

.border-dashed { border-style: dashed; }

.border-none { border-style: none; }

.\!border-pink-500 { --tw-border-opacity: 1 !important; border-color: rgb(236 72 153 / var(--tw-border-opacity)) !important; }

.border-blue-500 { --tw-border-opacity: 1; border-color: rgb(59 130 246 / var(--tw-border-opacity)); }

.border-current { border-color: currentcolor; }

.border-emerald-500\/20 { border-color: rgba(16, 185, 129, 0.2); }

.border-gray-300 { --tw-border-opacity: 1; border-color: rgb(209 213 219 / var(--tw-border-opacity)); }

.border-gray-400 { --tw-border-opacity: 1; border-color: rgb(156 163 175 / var(--tw-border-opacity)); }

.border-green-500 { --tw-border-opacity: 1; border-color: rgb(34 197 94 / var(--tw-border-opacity)); }

.border-lime-400 { --tw-border-opacity: 1; border-color: rgb(163 230 53 / var(--tw-border-opacity)); }

.border-lime-500 { --tw-border-opacity: 1; border-color: rgb(132 204 22 / var(--tw-border-opacity)); }

.border-metal-100 { --tw-border-opacity: 1; border-color: rgb(233 239 246 / var(--tw-border-opacity)); }

.border-metal-200 { --tw-border-opacity: 1; border-color: rgb(215 223 233 / var(--tw-border-opacity)); }

.border-metal-300 { --tw-border-opacity: 1; border-color: rgb(175 186 202 / var(--tw-border-opacity)); }

.border-metal-50 { --tw-border-opacity: 1; border-color: rgb(240 243 249 / var(--tw-border-opacity)); }

.border-metal-500 { --tw-border-opacity: 1; border-color: rgb(94 113 141 / var(--tw-border-opacity)); }

.border-metal-600 { --tw-border-opacity: 1; border-color: rgb(69 84 104 / var(--tw-border-opacity)); }

.border-pink-400 { --tw-border-opacity: 1; border-color: rgb(244 114 182 / var(--tw-border-opacity)); }

.border-pink-500 { --tw-border-opacity: 1; border-color: rgb(236 72 153 / var(--tw-border-opacity)); }

.border-pink-500\/70 { border-color: rgba(236, 72, 153, 0.7); }

.border-purple-100 { --tw-border-opacity: 1; border-color: rgb(243 232 255 / var(--tw-border-opacity)); }

.border-red-500 { --tw-border-opacity: 1; border-color: rgb(239 68 68 / var(--tw-border-opacity)); }

.border-teal-200 { --tw-border-opacity: 1; border-color: rgb(153 246 228 / var(--tw-border-opacity)); }

.border-transparent { border-color: transparent; }

.border-white { --tw-border-opacity: 1; border-color: rgb(255 255 255 / var(--tw-border-opacity)); }

.border-yellow-500 { --tw-border-opacity: 1; border-color: rgb(234 179 8 / var(--tw-border-opacity)); }

.border-yellow-600 { --tw-border-opacity: 1; border-color: rgb(202 138 4 / var(--tw-border-opacity)); }

.border-b-metal-200 { --tw-border-opacity: 1; border-bottom-color: rgb(215 223 233 / var(--tw-border-opacity)); }

.border-b-metal-50 { --tw-border-opacity: 1; border-bottom-color: rgb(240 243 249 / var(--tw-border-opacity)); }

.border-l-metal-100 { --tw-border-opacity: 1; border-left-color: rgb(233 239 246 / var(--tw-border-opacity)); }

.border-l-metal-200 { --tw-border-opacity: 1; border-left-color: rgb(215 223 233 / var(--tw-border-opacity)); }

.border-r-\[transparent\] { border-right-color: transparent; }

.border-r-metal-100 { --tw-border-opacity: 1; border-right-color: rgb(233 239 246 / var(--tw-border-opacity)); }

.\!bg-green-700\/25 { background-color: rgba(21, 128, 61, 0.25) !important; }

.\!bg-metal-100 { --tw-bg-opacity: 1 !important; background-color: rgb(233 239 246 / var(--tw-bg-opacity)) !important; }

.\!bg-metal-700 { --tw-bg-opacity: 1 !important; background-color: rgb(61 74 92 / var(--tw-bg-opacity)) !important; }

.\!bg-pink-500 { --tw-bg-opacity: 1 !important; background-color: rgb(236 72 153 / var(--tw-bg-opacity)) !important; }

.\!bg-pink-700\/20 { background-color: rgba(190, 24, 93, 0.2) !important; }

.\!bg-white { --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important; }

.bg-current { background-color: currentcolor; }

.bg-emerald-500\/40 { background-color: rgba(16, 185, 129, 0.4); }

.bg-emerald-900 { --tw-bg-opacity: 1; background-color: rgb(6 78 59 / var(--tw-bg-opacity)); }

.bg-gray-100 { --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity)); }

.bg-gray-200 { --tw-bg-opacity: 1; background-color: rgb(229 231 235 / var(--tw-bg-opacity)); }

.bg-gray-300 { --tw-bg-opacity: 1; background-color: rgb(209 213 219 / var(--tw-bg-opacity)); }

.bg-gray-400 { --tw-bg-opacity: 1; background-color: rgb(156 163 175 / var(--tw-bg-opacity)); }

.bg-gray-50 { --tw-bg-opacity: 1; background-color: rgb(249 250 251 / var(--tw-bg-opacity)); }

.bg-gray-500 { --tw-bg-opacity: 1; background-color: rgb(107 114 128 / var(--tw-bg-opacity)); }

.bg-gray-800 { --tw-bg-opacity: 1; background-color: rgb(31 41 55 / var(--tw-bg-opacity)); }

.bg-gray-900 { --tw-bg-opacity: 1; background-color: rgb(17 24 39 / var(--tw-bg-opacity)); }

.bg-green-100 { --tw-bg-opacity: 1; background-color: rgb(220 252 231 / var(--tw-bg-opacity)); }

.bg-green-300 { --tw-bg-opacity: 1; background-color: rgb(134 239 172 / var(--tw-bg-opacity)); }

.bg-green-50 { --tw-bg-opacity: 1; background-color: rgb(240 253 244 / var(--tw-bg-opacity)); }

.bg-indigo-400 { --tw-bg-opacity: 1; background-color: rgb(129 140 248 / var(--tw-bg-opacity)); }

.bg-indigo-50 { --tw-bg-opacity: 1; background-color: rgb(238 242 255 / var(--tw-bg-opacity)); }

.bg-indigo-500 { --tw-bg-opacity: 1; background-color: rgb(99 102 241 / var(--tw-bg-opacity)); }

.bg-inherit { background-color: inherit; }

.bg-lime-300 { --tw-bg-opacity: 1; background-color: rgb(190 242 100 / var(--tw-bg-opacity)); }

.bg-lime-400 { --tw-bg-opacity: 1; background-color: rgb(163 230 53 / var(--tw-bg-opacity)); }

.bg-lime-500 { --tw-bg-opacity: 1; background-color: rgb(132 204 22 / var(--tw-bg-opacity)); }

.bg-lime-600\/50 { background-color: rgba(101, 163, 13, 0.5); }

.bg-metal-100 { --tw-bg-opacity: 1; background-color: rgb(233 239 246 / var(--tw-bg-opacity)); }

.bg-metal-200 { --tw-bg-opacity: 1; background-color: rgb(215 223 233 / var(--tw-bg-opacity)); }

.bg-metal-200\/50 { background-color: rgba(215, 223, 233, 0.5); }

.bg-metal-25 { --tw-bg-opacity: 1; background-color: rgb(249 250 251 / var(--tw-bg-opacity)); }

.bg-metal-400 { --tw-bg-opacity: 1; background-color: rgb(136 151 174 / var(--tw-bg-opacity)); }

.bg-metal-50 { --tw-bg-opacity: 1; background-color: rgb(240 243 249 / var(--tw-bg-opacity)); }

.bg-metal-500 { --tw-bg-opacity: 1; background-color: rgb(94 113 141 / var(--tw-bg-opacity)); }

.bg-metal-600 { --tw-bg-opacity: 1; background-color: rgb(69 84 104 / var(--tw-bg-opacity)); }

.bg-metal-800 { --tw-bg-opacity: 1; background-color: rgb(45 54 67 / var(--tw-bg-opacity)); }

.bg-metal-900 { --tw-bg-opacity: 1; background-color: rgb(28 34 43 / var(--tw-bg-opacity)); }

.bg-pink-400 { --tw-bg-opacity: 1; background-color: rgb(244 114 182 / var(--tw-bg-opacity)); }

.bg-pink-500 { --tw-bg-opacity: 1; background-color: rgb(236 72 153 / var(--tw-bg-opacity)); }

.bg-pink-500\/90 { background-color: rgba(236, 72, 153, 0.9); }

.bg-pink-600 { --tw-bg-opacity: 1; background-color: rgb(219 39 119 / var(--tw-bg-opacity)); }

.bg-pink-700 { --tw-bg-opacity: 1; background-color: rgb(190 24 93 / var(--tw-bg-opacity)); }

.bg-pink-700\/25 { background-color: rgba(190, 24, 93, 0.25); }

.bg-purple-50 { --tw-bg-opacity: 1; background-color: rgb(250 245 255 / var(--tw-bg-opacity)); }

.bg-purple-500 { --tw-bg-opacity: 1; background-color: rgb(168 85 247 / var(--tw-bg-opacity)); }

.bg-red-400 { --tw-bg-opacity: 1; background-color: rgb(248 113 113 / var(--tw-bg-opacity)); }

.bg-red-50 { --tw-bg-opacity: 1; background-color: rgb(254 242 242 / var(--tw-bg-opacity)); }

.bg-red-500 { --tw-bg-opacity: 1; background-color: rgb(239 68 68 / var(--tw-bg-opacity)); }

.bg-red-500\/0 { background-color: rgba(239, 68, 68, 0); }

.bg-red-500\/70 { background-color: rgba(239, 68, 68, 0.7); }

.bg-teal-400 { --tw-bg-opacity: 1; background-color: rgb(45 212 191 / var(--tw-bg-opacity)); }

.bg-transparent { background-color: transparent; }

.bg-white { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); }

.bg-white\/20 { background-color: rgba(255, 255, 255, 0.2); }

.bg-white\/30 { background-color: rgba(255, 255, 255, 0.3); }

.bg-white\/50 { background-color: rgba(255, 255, 255, 0.5); }

.bg-white\/90 { background-color: rgba(255, 255, 255, 0.9); }

.bg-yellow-200 { --tw-bg-opacity: 1; background-color: rgb(254 240 138 / var(--tw-bg-opacity)); }

.bg-yellow-400 { --tw-bg-opacity: 1; background-color: rgb(250 204 21 / var(--tw-bg-opacity)); }

.bg-yellow-50 { --tw-bg-opacity: 1; background-color: rgb(254 252 232 / var(--tw-bg-opacity)); }

.bg-yellow-500 { --tw-bg-opacity: 1; background-color: rgb(234 179 8 / var(--tw-bg-opacity)); }

.bg-yellow-500\/90 { background-color: rgba(234, 179, 8, 0.9); }

.bg-yellow-600 { --tw-bg-opacity: 1; background-color: rgb(202 138 4 / var(--tw-bg-opacity)); }

.bg-opacity-50 { --tw-bg-opacity: .5; }

.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-l { background-image: linear-gradient(to left,var(--tw-gradient-stops)); }

.bg-gradient-to-r { background-image: linear-gradient(to right,var(--tw-gradient-stops)); }

.from-cyan-500 { --tw-gradient-from: #06b6d4 var(--tw-gradient-from-position); --tw-gradient-to: rgb(6 182 212 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to); }

.from-green-600\/90 { --tw-gradient-from: rgb(22 163 74 / .9) var(--tw-gradient-from-position); --tw-gradient-to: rgb(22 163 74 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to); }

.from-green-800\/90 { --tw-gradient-from: rgb(22 101 52 / .9) var(--tw-gradient-from-position); --tw-gradient-to: rgb(22 101 52 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to); }

.from-indigo-500 { --tw-gradient-from: #6366f1 var(--tw-gradient-from-position); --tw-gradient-to: rgb(99 102 241 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to); }

.from-pink-400 { --tw-gradient-from: #f472b6 var(--tw-gradient-from-position); --tw-gradient-to: rgb(244 114 182 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to); }

.from-pink-600 { --tw-gradient-from: #db2777 var(--tw-gradient-from-position); --tw-gradient-to: rgb(219 39 119 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to); }

.from-pink-600\/50 { --tw-gradient-from: rgb(219 39 119 / .5) var(--tw-gradient-from-position); --tw-gradient-to: rgb(219 39 119 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to); }

.from-pink-800 { --tw-gradient-from: #9d174d var(--tw-gradient-from-position); --tw-gradient-to: rgb(157 23 77 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to); }

.from-pink-800\/90 { --tw-gradient-from: rgb(157 23 77 / .9) var(--tw-gradient-from-position); --tw-gradient-to: rgb(157 23 77 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to); }

.from-white\/90 { --tw-gradient-from: rgb(255 255 255 / .9) var(--tw-gradient-from-position); --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to); }

.via-purple-500 { --tw-gradient-to: rgb(168 85 247 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from),#a855f7 var(--tw-gradient-via-position),var(--tw-gradient-to); }

.to-blue-500 { --tw-gradient-to: #3b82f6 var(--tw-gradient-to-position); }

.to-green-800\/90 { --tw-gradient-to: rgb(22 101 52 / .9) var(--tw-gradient-to-position); }

.to-green-900\/90 { --tw-gradient-to: rgb(20 83 45 / .9) var(--tw-gradient-to-position); }

.to-pink-400 { --tw-gradient-to: #f472b6 var(--tw-gradient-to-position); }

.to-pink-500 { --tw-gradient-to: #ec4899 var(--tw-gradient-to-position); }

.to-pink-600 { --tw-gradient-to: #db2777 var(--tw-gradient-to-position); }

.to-pink-600\/40 { --tw-gradient-to: rgb(219 39 119 / .4) var(--tw-gradient-to-position); }

.to-pink-900\/90 { --tw-gradient-to: rgb(131 24 67 / .9) var(--tw-gradient-to-position); }

.to-white { --tw-gradient-to: #fff var(--tw-gradient-to-position); }

.fill-blue-600 { fill: rgb(37, 99, 235); }

.fill-gray-600 { fill: rgb(75, 85, 99); }

.fill-green-500 { fill: rgb(34, 197, 94); }

.fill-pink-600 { fill: rgb(219, 39, 119); }

.fill-purple-600 { fill: rgb(147, 51, 234); }

.fill-red-600 { fill: rgb(220, 38, 38); }

.fill-yellow-400 { fill: rgb(250, 204, 21); }

.object-cover { object-fit: cover; }

.object-right { object-position: right center; }

.p-0 { padding: 0px; }

.p-0\.5 { padding: 0.125rem; }

.p-1 { padding: 0.25rem; }

.p-1\.5 { padding: 0.375rem; }

.p-10 { padding: 2.5rem; }

.p-2 { padding: 0.5rem; }

.p-2\.5 { padding: 0.625rem; }

.p-3 { padding: 0.75rem; }

.p-3\.5 { padding: 0.875rem; }

.p-4 { padding: 1rem; }

.p-5 { padding: 1.25rem; }

.p-6 { padding: 1.5rem; }

.p-\[12px\] { padding: 12px; }

.p-\[9px\] { padding: 9px; }

.px-0 { padding-left: 0px; padding-right: 0px; }

.px-1 { padding-left: 0.25rem; padding-right: 0.25rem; }

.px-1\.5 { padding-left: 0.375rem; padding-right: 0.375rem; }

.px-10 { padding-left: 2.5rem; padding-right: 2.5rem; }

.px-12 { padding-left: 3rem; padding-right: 3rem; }

.px-2 { padding-left: 0.5rem; padding-right: 0.5rem; }

.px-2\.5 { padding-left: 0.625rem; padding-right: 0.625rem; }

.px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }

.px-3\.5 { padding-left: 0.875rem; padding-right: 0.875rem; }

.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-8 { padding-left: 2rem; padding-right: 2rem; }

.px-\[0px\] { padding-left: 0px; padding-right: 0px; }

.px-\[10px\] { padding-left: 10px; padding-right: 10px; }

.px-\[20px\] { padding-left: 20px; padding-right: 20px; }

.px-\[22px\] { padding-left: 22px; padding-right: 22px; }

.px-\[25px\] { padding-left: 25px; padding-right: 25px; }

.px-\[8px\] { padding-left: 8px; padding-right: 8px; }

.py-0 { padding-top: 0px; padding-bottom: 0px; }

.py-0\.5 { padding-top: 0.125rem; padding-bottom: 0.125rem; }

.py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; }

.py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }

.py-2\.5 { padding-top: 0.625rem; padding-bottom: 0.625rem; }

.py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }

.py-3\.5 { padding-top: 0.875rem; padding-bottom: 0.875rem; }

.py-4 { padding-top: 1rem; padding-bottom: 1rem; }

.py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; }

.py-\[10px\] { padding-top: 10px; padding-bottom: 10px; }

.py-\[13px\] { padding-top: 13px; padding-bottom: 13px; }

.py-\[14px\] { padding-top: 14px; padding-bottom: 14px; }

.py-\[18px\] { padding-top: 18px; padding-bottom: 18px; }

.py-\[1px\] { padding-top: 1px; padding-bottom: 1px; }

.py-\[22px\] { padding-top: 22px; padding-bottom: 22px; }

.py-\[2px\] { padding-top: 2px; padding-bottom: 2px; }

.py-\[3px\] { padding-top: 3px; padding-bottom: 3px; }

.py-\[5px\] { padding-top: 5px; padding-bottom: 5px; }

.py-\[7px\] { padding-top: 7px; padding-bottom: 7px; }

.py-\[8px\] { padding-top: 8px; padding-bottom: 8px; }

.pb-1 { padding-bottom: 0.25rem; }

.pb-2 { padding-bottom: 0.5rem; }

.pb-3 { padding-bottom: 0.75rem; }

.pb-4 { padding-bottom: 1rem; }

.pb-5 { padding-bottom: 1.25rem; }

.pb-6 { padding-bottom: 1.5rem; }

.pb-8 { padding-bottom: 2rem; }

.pb-\[10px\] { padding-bottom: 10px; }

.pb-\[130px\] { padding-bottom: 130px; }

.pb-\[30px\] { padding-bottom: 30px; }

.pl-0 { padding-left: 0px; }

.pl-1 { padding-left: 0.25rem; }

.pl-1\.5 { padding-left: 0.375rem; }

.pl-10 { padding-left: 2.5rem; }

.pl-2 { padding-left: 0.5rem; }

.pl-2\.5 { padding-left: 0.625rem; }

.pl-3 { padding-left: 0.75rem; }

.pl-4 { padding-left: 1rem; }

.pl-5 { padding-left: 1.25rem; }

.pl-8 { padding-left: 2rem; }

.pl-\[30px\] { padding-left: 30px; }

.pl-\[40px\] { padding-left: 40px; }

.pr-1 { padding-right: 0.25rem; }

.pr-1\.5 { padding-right: 0.375rem; }

.pr-10 { padding-right: 2.5rem; }

.pr-2 { padding-right: 0.5rem; }

.pr-3 { padding-right: 0.75rem; }

.pr-4 { padding-right: 1rem; }

.pr-6 { padding-right: 1.5rem; }

.pr-8 { padding-right: 2rem; }

.pr-\[6px\] { padding-right: 6px; }

.ps-1 { padding-inline-start: 0.25rem; }

.ps-2 { padding-inline-start: 0.5rem; }

.ps-3 { padding-inline-start: 0.75rem; }

.ps-3\.5 { padding-inline-start: 0.875rem; }

.ps-6 { padding-inline-start: 1.5rem; }

.ps-\[110px\] { padding-inline-start: 110px; }

.ps-\[115px\] { padding-inline-start: 115px; }

.ps-\[17px\] { padding-inline-start: 17px; }

.ps-\[50px\] { padding-inline-start: 50px; }

.pt-0 { padding-top: 0px; }

.pt-10 { padding-top: 2.5rem; }

.pt-2 { padding-top: 0.5rem; }

.pt-2\.5 { padding-top: 0.625rem; }

.pt-3 { padding-top: 0.75rem; }

.pt-4 { padding-top: 1rem; }

.pt-5 { padding-top: 1.25rem; }

.pt-\[10px\] { padding-top: 10px; }

.text-left { text-align: left; }

.text-center { text-align: center; }

.text-justify { text-align: justify; }

.text-start { text-align: start; }

.text-end { text-align: end; }

.align-\[-0\.125em\] { vertical-align: -0.125em; }

.text-\[10px\] { font-size: 10px; }

.text-\[11px\] { font-size: 11px; }

.text-\[12px\] { font-size: 12px; }

.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-\[22px\] { font-size: 22px; }

.text-\[23px\] { font-size: 23px; }

.text-\[25px\] { font-size: 25px; }

.text-\[30px\] { font-size: 30px; }

.text-\[40px\] { font-size: 40px; }

.text-\[8px\] { font-size: 8px; }

.text-base { font-size: 1rem; line-height: 1.5rem; }

.text-body-2 { font-size: 1.25rem; line-height: 1.75rem; letter-spacing: -0.3px; }

.text-body-3 { font-size: 1.125rem; line-height: 1.5rem; letter-spacing: -0.3px; }

.text-body-4 { font-size: 1rem; line-height: 1.5rem; letter-spacing: -0.3px; }

.text-body-5 { font-size: 0.875rem; line-height: 1.375rem; letter-spacing: -0.2px; }

.text-body-6 { font-size: 0.75rem; line-height: 1.125rem; letter-spacing: -0.2px; }

.text-heading-5 { font-size: 2.25rem; line-height: 3rem; letter-spacing: -1px; }

.text-lg { font-size: 1.125rem; line-height: 1.75rem; }

.text-sm { font-size: 0.875rem; line-height: 1.25rem; }

.text-xl { font-size: 1.25rem; line-height: 1.75rem; }

.text-xs { font-size: 0.75rem; line-height: 1rem; }

.font-bold { font-weight: 700; }

.font-medium { font-weight: 500; }

.font-normal { font-weight: 400; }

.font-semibold { font-weight: 600; }

.uppercase { text-transform: uppercase; }

.leading-5 { line-height: 1.25rem; }

.leading-6 { line-height: 1.5rem; }

.leading-\[0\] { line-height: 0; }

.leading-\[0px\] { line-height: 0px; }

.leading-\[9px\] { line-height: 9px; }

.leading-none { line-height: 1; }

.leading-normal { line-height: 1.5; }

.leading-tight { line-height: 1.25; }

.tracking-tight { letter-spacing: -0.025em; }

.\!text-white { --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; }

.text-\[\#4c5f80\] { --tw-text-opacity: 1; color: rgb(76 95 128 / var(--tw-text-opacity)); }

.text-black { --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); }

.text-emerald-400 { --tw-text-opacity: 1; color: rgb(52 211 153 / var(--tw-text-opacity)); }

.text-gray-100 { --tw-text-opacity: 1; color: rgb(243 244 246 / var(--tw-text-opacity)); }

.text-gray-200 { --tw-text-opacity: 1; color: rgb(229 231 235 / var(--tw-text-opacity)); }

.text-gray-300 { --tw-text-opacity: 1; color: rgb(209 213 219 / var(--tw-text-opacity)); }

.text-gray-400 { --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity)); }

.text-gray-400\/70 { color: rgba(156, 163, 175, 0.7); }

.text-gray-50 { --tw-text-opacity: 1; color: rgb(249 250 251 / var(--tw-text-opacity)); }

.text-gray-500 { --tw-text-opacity: 1; color: rgb(107 114 128 / var(--tw-text-opacity)); }

.text-gray-600 { --tw-text-opacity: 1; color: rgb(75 85 99 / var(--tw-text-opacity)); }

.text-gray-700 { --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity)); }

.text-gray-800 { --tw-text-opacity: 1; color: rgb(31 41 55 / var(--tw-text-opacity)); }

.text-gray-900 { --tw-text-opacity: 1; color: rgb(17 24 39 / var(--tw-text-opacity)); }

.text-green-500 { --tw-text-opacity: 1; color: rgb(34 197 94 / var(--tw-text-opacity)); }

.text-green-600 { --tw-text-opacity: 1; color: rgb(22 163 74 / var(--tw-text-opacity)); }

.text-green-700 { --tw-text-opacity: 1; color: rgb(21 128 61 / var(--tw-text-opacity)); }

.text-green-800\/80 { color: rgba(22, 101, 52, 0.8); }

.text-green-800\/90 { color: rgba(22, 101, 52, 0.9); }

.text-green-900 { --tw-text-opacity: 1; color: rgb(20 83 45 / var(--tw-text-opacity)); }

.text-indigo-500 { --tw-text-opacity: 1; color: rgb(99 102 241 / var(--tw-text-opacity)); }

.text-lime-200 { --tw-text-opacity: 1; color: rgb(217 249 157 / var(--tw-text-opacity)); }

.text-lime-300 { --tw-text-opacity: 1; color: rgb(190 242 100 / var(--tw-text-opacity)); }

.text-lime-400 { --tw-text-opacity: 1; color: rgb(163 230 53 / var(--tw-text-opacity)); }

.text-lime-500 { --tw-text-opacity: 1; color: rgb(132 204 22 / var(--tw-text-opacity)); }

.text-lime-800 { --tw-text-opacity: 1; color: rgb(63 98 18 / var(--tw-text-opacity)); }

.text-metal-200 { --tw-text-opacity: 1; color: rgb(215 223 233 / var(--tw-text-opacity)); }

.text-metal-300 { --tw-text-opacity: 1; color: rgb(175 186 202 / var(--tw-text-opacity)); }

.text-metal-400 { --tw-text-opacity: 1; color: rgb(136 151 174 / var(--tw-text-opacity)); }

.text-metal-50 { --tw-text-opacity: 1; color: rgb(240 243 249 / var(--tw-text-opacity)); }

.text-metal-500 { --tw-text-opacity: 1; color: rgb(94 113 141 / var(--tw-text-opacity)); }

.text-metal-600 { --tw-text-opacity: 1; color: rgb(69 84 104 / var(--tw-text-opacity)); }

.text-metal-700 { --tw-text-opacity: 1; color: rgb(61 74 92 / var(--tw-text-opacity)); }

.text-metal-800 { --tw-text-opacity: 1; color: rgb(45 54 67 / var(--tw-text-opacity)); }

.text-metal-900 { --tw-text-opacity: 1; color: rgb(28 34 43 / var(--tw-text-opacity)); }

.text-pink-100\/90 { color: rgba(252, 231, 243, 0.9); }

.text-pink-200 { --tw-text-opacity: 1; color: rgb(251 207 232 / var(--tw-text-opacity)); }

.text-pink-400 { --tw-text-opacity: 1; color: rgb(244 114 182 / var(--tw-text-opacity)); }

.text-pink-50 { --tw-text-opacity: 1; color: rgb(253 242 248 / var(--tw-text-opacity)); }

.text-pink-500 { --tw-text-opacity: 1; color: rgb(236 72 153 / var(--tw-text-opacity)); }

.text-pink-500\/90 { color: rgba(236, 72, 153, 0.9); }

.text-pink-600 { --tw-text-opacity: 1; color: rgb(219 39 119 / var(--tw-text-opacity)); }

.text-pink-700 { --tw-text-opacity: 1; color: rgb(190 24 93 / var(--tw-text-opacity)); }

.text-pink-800\/80 { color: rgba(157, 23, 77, 0.8); }

.text-pink-800\/90 { color: rgba(157, 23, 77, 0.9); }

.text-primary-content { --tw-text-opacity: 1; color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity))); }

.text-purple-500 { --tw-text-opacity: 1; color: rgb(168 85 247 / var(--tw-text-opacity)); }

.text-red-500 { --tw-text-opacity: 1; color: rgb(239 68 68 / var(--tw-text-opacity)); }

.text-red-600 { --tw-text-opacity: 1; color: rgb(220 38 38 / var(--tw-text-opacity)); }

.text-red-900 { --tw-text-opacity: 1; color: rgb(127 29 29 / var(--tw-text-opacity)); }

.text-teal-500 { --tw-text-opacity: 1; color: rgb(20 184 166 / var(--tw-text-opacity)); }

.text-white { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); }

.text-white\/90 { color: rgba(255, 255, 255, 0.9); }

.text-yellow-400 { --tw-text-opacity: 1; color: rgb(250 204 21 / var(--tw-text-opacity)); }

.text-yellow-500 { --tw-text-opacity: 1; color: rgb(234 179 8 / var(--tw-text-opacity)); }

.text-yellow-500\/90 { color: rgba(234, 179, 8, 0.9); }

.text-yellow-600 { --tw-text-opacity: 1; color: rgb(202 138 4 / var(--tw-text-opacity)); }

.text-yellow-900 { --tw-text-opacity: 1; color: rgb(113 63 18 / var(--tw-text-opacity)); }

.underline { text-decoration-line: underline; }

.placeholder-blue-700::placeholder { --tw-placeholder-opacity: 1; color: rgb(29 78 216 / var(--tw-placeholder-opacity)); }

.placeholder-green-700::placeholder { --tw-placeholder-opacity: 1; color: rgb(21 128 61 / var(--tw-placeholder-opacity)); }

.placeholder-red-700::placeholder { --tw-placeholder-opacity: 1; color: rgb(185 28 28 / var(--tw-placeholder-opacity)); }

.placeholder-yellow-700::placeholder { --tw-placeholder-opacity: 1; color: rgb(161 98 7 / var(--tw-placeholder-opacity)); }

.caret-metal-800 { caret-color: rgb(45, 54, 67); }

.opacity-0 { opacity: 0; }

.opacity-100 { opacity: 1; }

.opacity-50 { opacity: 0.5; }

.opacity-80 { opacity: 0.8; }

.opacity-\[100\%\] { opacity: 1; }

.opacity-\[50\%\] { opacity: 0.5; }

.opacity-\[80\%\] { opacity: 0.8; }

.mix-blend-color-dodge { mix-blend-mode: color-dodge; }

.mix-blend-soft-light { mix-blend-mode: soft-light; }

.shadow { --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1),0 1px 2px -1px rgb(0 0 0 / .1); --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-large { --tw-shadow: 0px 20px 24px -4px rgba(45,54,67,.04),0px 8px 11px -4px rgba(45,54,67,.04); --tw-shadow-colored: 0px 20px 24px -4px var(--tw-shadow-color),0px 8px 11px -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-lg { --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1),0 4px 6px -4px rgb(0 0 0 / .1); --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 rgb(0 0 0 / .1),0 2px 4px -2px rgb(0 0 0 / .1); --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-medium { --tw-shadow: 0px 4px 8px -2px rgba(45,54,67,.08),0px 2px 4px -2px rgba(45,54,67,.06); --tw-shadow-colored: 0px 4px 8px -2px var(--tw-shadow-color),0px 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 rgb(0 0 0 / .05); --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-small { --tw-shadow: 0px 1px 2px rgba(45,54,67,.05); --tw-shadow-colored: 0px 1px 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-xl { --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1),0 8px 10px -6px rgb(0 0 0 / .1); --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); }

.shadow-black\/30 { --tw-shadow-color: rgb(0 0 0 / .3); --tw-shadow: var(--tw-shadow-colored); }

.shadow-black\/40 { --tw-shadow-color: rgb(0 0 0 / .4); --tw-shadow: var(--tw-shadow-colored); }

.shadow-black\/70 { --tw-shadow-color: rgb(0 0 0 / .7); --tw-shadow: var(--tw-shadow-colored); }

.shadow-gray-500 { --tw-shadow-color: #6b7280; --tw-shadow: var(--tw-shadow-colored); }

.shadow-gray-500\/70 { --tw-shadow-color: rgb(107 114 128 / .7); --tw-shadow: var(--tw-shadow-colored); }

.shadow-gray-800 { --tw-shadow-color: #1f2937; --tw-shadow: var(--tw-shadow-colored); }

.shadow-green-500 { --tw-shadow-color: #22c55e; --tw-shadow: var(--tw-shadow-colored); }

.shadow-lime-600\/30 { --tw-shadow-color: rgb(101 163 13 / .3); --tw-shadow: var(--tw-shadow-colored); }

.shadow-lime-600\/40 { --tw-shadow-color: rgb(101 163 13 / .4); --tw-shadow: var(--tw-shadow-colored); }

.shadow-lime-600\/70 { --tw-shadow-color: rgb(101 163 13 / .7); --tw-shadow: var(--tw-shadow-colored); }

.shadow-lime-700\/10 { --tw-shadow-color: rgb(77 124 15 / .1); --tw-shadow: var(--tw-shadow-colored); }

.shadow-lime-700\/40 { --tw-shadow-color: rgb(77 124 15 / .4); --tw-shadow: var(--tw-shadow-colored); }

.shadow-pink-500\/50 { --tw-shadow-color: rgb(236 72 153 / .5); --tw-shadow: var(--tw-shadow-colored); }

.shadow-pink-700\/40 { --tw-shadow-color: rgb(190 24 93 / .4); --tw-shadow: var(--tw-shadow-colored); }

.shadow-pink-700\/50 { --tw-shadow-color: rgb(190 24 93 / .5); --tw-shadow: var(--tw-shadow-colored); }

.shadow-pink-700\/80 { --tw-shadow-color: rgb(190 24 93 / .8); --tw-shadow: var(--tw-shadow-colored); }

.shadow-red-500 { --tw-shadow-color: #ef4444; --tw-shadow: var(--tw-shadow-colored); }

.shadow-white { --tw-shadow-color: #fff; --tw-shadow: var(--tw-shadow-colored); }

.shadow-yellow-500 { --tw-shadow-color: #eab308; --tw-shadow: var(--tw-shadow-colored); }

.shadow-yellow-700 { --tw-shadow-color: #a16207; --tw-shadow: var(--tw-shadow-colored); }

.outline-none { outline: transparent solid 2px; outline-offset: 2px; }

.outline { outline-style: solid; }

.outline-2 { outline-width: 2px; }

.outline-offset-4 { outline-offset: 4px; }

.outline-metal-600 { outline-color: rgb(69, 84, 104); }

.outline-white { outline-color: rgb(255, 255, 255); }

.ring { --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(3px + 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-0 { --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); }

.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-black { --tw-ring-opacity: 1; --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity)); }

.ring-black\/5 { --tw-ring-color: rgb(0 0 0 / .05); }

.ring-blue-500 { --tw-ring-opacity: 1; --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity)); }

.ring-green-500 { --tw-ring-opacity: 1; --tw-ring-color: rgb(34 197 94 / var(--tw-ring-opacity)); }

.ring-indigo-100 { --tw-ring-opacity: 1; --tw-ring-color: rgb(224 231 255 / var(--tw-ring-opacity)); }

.ring-metal-100 { --tw-ring-opacity: 1; --tw-ring-color: rgb(233 239 246 / var(--tw-ring-opacity)); }

.ring-metal-300 { --tw-ring-opacity: 1; --tw-ring-color: rgb(175 186 202 / var(--tw-ring-opacity)); }

.ring-purple-100 { --tw-ring-opacity: 1; --tw-ring-color: rgb(243 232 255 / var(--tw-ring-opacity)); }

.ring-red-500 { --tw-ring-opacity: 1; --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity)); }

.ring-white { --tw-ring-opacity: 1; --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity)); }

.ring-yellow-500 { --tw-ring-opacity: 1; --tw-ring-color: rgb(234 179 8 / var(--tw-ring-opacity)); }

.ring-opacity-5 { --tw-ring-opacity: .05; }

.ring-offset-2 { --tw-ring-offset-width: 2px; }

.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); }

.drop-shadow { --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06)); 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-md { --tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / .07)) drop-shadow(0 2px 2px rgb(0 0 0 / .06)); 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-none { --tw-drop-shadow: drop-shadow(0 0 #0000); 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); }

.invert { --tw-invert: invert(100%); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); }

.saturate-\[1\.3\] { --tw-saturate: saturate(1.3); 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); 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, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.15s; }

.transition-all { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.15s; }

.transition-colors { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.15s; }

.transition-opacity { transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.15s; }

.transition-transform { transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.15s; }

.duration-100 { transition-duration: 0.1s; }

.duration-150 { transition-duration: 0.15s; }

.duration-200 { transition-duration: 0.2s; }

.duration-300 { transition-duration: 0.3s; }

.duration-75 { transition-duration: 75ms; }

.duration-\[0\.6s\] { transition-duration: 0.6s; }

.duration-\[500ms\] { transition-duration: 0.5s; }

.ease-in { transition-timing-function: cubic-bezier(0.4, 0, 1, 1); }

.ease-in-out { transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }

.ease-out { transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }

.bg-gradient-1 { background: linear-gradient(223.48deg, rgb(250, 208, 196), rgb(255, 154, 158) 58.54%); }

.bg-gradient-2 { background: linear-gradient(256.15deg, rgb(251, 194, 235) 10.32%, rgb(161, 140, 209) 77.59%); }

.bg-gradient-3 { background: linear-gradient(rgb(255, 209, 255), rgb(250, 208, 196) 105.25%); }

.bg-gradient-4 { background: linear-gradient(75.96deg, rgb(26, 41, 128), rgb(38, 208, 206)); }

.bg-gradient-5 { background: linear-gradient(77.32deg, rgb(43, 192, 228), rgb(234, 236, 198) 98.16%); }

.bg-gradient-6 { background: linear-gradient(297.24deg, rgb(213, 126, 235) 8.25%, rgb(252, 203, 144) 91.76%); }

.bg-gradient-7 { background: linear-gradient(255.96deg, rgb(137, 177, 247) 10%, rgb(251, 197, 236)); }

.bg-gradient-8 { background: linear-gradient(0deg, rgb(255, 177, 153), rgb(255, 8, 68)); }

.bg-gradient-9 { background: linear-gradient(0deg, rgb(112, 40, 228), rgb(229, 178, 202)); }

.bg-gradient-10 { background: linear-gradient(45deg, rgb(255, 199, 150), rgb(255, 107, 149)); }

.bg-gradient-11 { background: linear-gradient(229.47deg, rgb(105, 234, 203) 4.11%, rgb(102, 84, 241) 94.47%); }

.bg-gradient-12 { background: linear-gradient(0.789turn, rgb(12, 52, 131), rgb(107, 140, 206)); }

.bg-gradient-13 { background: linear-gradient(65.16deg, rgb(80, 201, 195) 8.22%, rgb(150, 222, 218) 91.23%); }

.bg-gradient-14 { background: linear-gradient(226.74deg, rgb(192, 173, 255), rgb(100, 87, 198) 95.09%); }

.bg-gradient-15 { background: linear-gradient(0.854turn, rgb(250, 172, 168) 9.77%, rgb(221, 214, 243) 85.56%); }

.bg-gradient-16 { background: linear-gradient(0deg, rgb(234, 205, 163), rgb(230, 185, 128)); }

.bg-gradient-17 { background: linear-gradient(285.44deg, rgb(69, 216, 255), rgb(0, 91, 234) 82.52%); }

.bg-gradient-18 { background: linear-gradient(90deg, rgb(212, 252, 121), rgb(150, 230, 161)); }

.bg-gradient-19 { background: linear-gradient(270deg, rgb(255, 162, 200), rgb(255, 117, 140)); }

.bg-gradient-20 { background: linear-gradient(340.03deg, rgb(141, 218, 213) 8.42%, rgb(0, 205, 172) 91.45%); }

.bg-gradient-21 { background: linear-gradient(90deg, rgb(31, 162, 255), rgb(18, 216, 250) 50%, rgb(166, 255, 203)); }

.bg-gradient-22 { background: linear-gradient(225deg, rgb(44, 216, 213), rgb(197, 193, 255) 56.32%, rgb(255, 186, 195)); }

.bg-gradient-23 { background: linear-gradient(77.46deg, rgb(58, 28, 113), rgb(215, 109, 119) 49%, rgb(255, 202, 123) 98%); }

.bg-gradient-24 { background: linear-gradient(225deg, rgb(105, 234, 203), rgb(234, 204, 248) 44.64%, rgb(102, 84, 241)); }

.bg-gradient-25 { background: linear-gradient(225deg, rgb(172, 50, 228), rgb(121, 24, 242) 47.87%, rgb(72, 1, 255)); }

.bg-gradient-26 { background: linear-gradient(87.12deg, rgb(156, 236, 251) -45.69%, rgb(101, 199, 247), rgb(10, 64, 255) 97.6%); }

.bg-gradient-27 { background: linear-gradient(90deg, rgb(247, 240, 172), rgb(172, 247, 240) 50%, rgb(240, 172, 247)); }

.bg-gradient-28 { background: linear-gradient(90deg, rgb(198, 255, 221), rgb(251, 215, 134) 50%, rgb(247, 121, 125)); }

.bg-gradient-29 { background: linear-gradient(0.789turn, rgb(255, 200, 169), rgb(169, 129, 187) 51.78%, rgb(59, 65, 197)); }

.bg-gradient-30 { background: linear-gradient(296.69deg, rgb(61, 51, 147) 8.3%, rgb(43, 118, 185) 35.59%, rgb(44, 172, 209) 63.24%, rgb(53, 235, 147) 91.67%); }

.bg-gradient-31 { background: linear-gradient(282.67deg, rgb(63, 81, 177) 6.02%, rgb(90, 85, 174) 20.21%, rgb(123, 95, 172) 36.94%, rgb(168, 106, 164) 52.88%, rgb(204, 107, 142) 69%, rgb(241, 130, 113) 79.3%, rgb(243, 164, 105) 87.95%, rgb(247, 201, 120) 98.78%); }

.first-letter\:uppercase::first-letter { text-transform: uppercase; }

.placeholder\:text-body-4::placeholder { font-size: 1rem; line-height: 1.5rem; letter-spacing: -0.3px; }

.placeholder\:text-body-5::placeholder { font-size: 0.875rem; line-height: 1.375rem; letter-spacing: -0.2px; }

.placeholder\:font-normal::placeholder { font-weight: 400; }

.placeholder\:text-green-700\/60::placeholder { color: rgba(21, 128, 61, 0.6); }

.placeholder\:text-metal-300::placeholder { --tw-text-opacity: 1; color: rgb(175 186 202 / var(--tw-text-opacity)); }

.placeholder\:text-metal-400::placeholder { --tw-text-opacity: 1; color: rgb(136 151 174 / var(--tw-text-opacity)); }

.placeholder\:text-pink-700\/60::placeholder { color: rgba(190, 24, 93, 0.6); }

.before\:absolute::before { content: var(--tw-content); position: absolute; }

.before\:-bottom-1::before { content: var(--tw-content); bottom: -0.25rem; }

.before\:-right-2\/4::before { content: var(--tw-content); right: -50%; }

.before\:left-0::before { content: var(--tw-content); left: 0px; }

.before\:left-2\/4::before { content: var(--tw-content); left: 50%; }

.before\:top-0::before { content: var(--tw-content); top: 0px; }

.before\:top-5::before { content: var(--tw-content); top: 1.25rem; }

.before\:-z-10::before { content: var(--tw-content); z-index: -10; }

.before\:h-2::before { content: var(--tw-content); height: 0.5rem; }

.before\:h-2\.5::before { content: var(--tw-content); height: 0.625rem; }

.before\:h-3::before { content: var(--tw-content); height: 0.75rem; }

.before\:h-4::before { content: var(--tw-content); height: 1rem; }

.before\:h-\[calc\(100\%\+1rem\)\]::before { content: var(--tw-content); height: calc(100% + 1rem); }

.before\:w-2::before { content: var(--tw-content); width: 0.5rem; }

.before\:w-2\.5::before { content: var(--tw-content); width: 0.625rem; }

.before\:w-3::before { content: var(--tw-content); width: 0.75rem; }

.before\:w-4::before { content: var(--tw-content); width: 1rem; }

.before\:w-full::before { content: var(--tw-content); width: 100%; }

.before\:-translate-x-2\/4::before { content: var(--tw-content); --tw-translate-x: -50%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }

.before\:-translate-y-2\/4::before { content: var(--tw-content); --tw-translate-y: -50%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }

.before\:-translate-y-\[8px\]::before { content: var(--tw-content); --tw-translate-y: -8px; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }

.before\:rotate-45::before { content: var(--tw-content); --tw-rotate: 45deg; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }

.before\:rounded-full::before { content: var(--tw-content); border-radius: 9999px; }

.before\:rounded-sm::before { content: var(--tw-content); border-radius: 0.125rem; }

.before\:border-0::before { content: var(--tw-content); border-width: 0px; }

.before\:border-l::before { content: var(--tw-content); border-left-width: 1px; }

.before\:border-t-2::before { content: var(--tw-content); border-top-width: 2px; }

.before\:border-dashed::before { content: var(--tw-content); border-style: dashed; }

.before\:border-metal-200::before { content: var(--tw-content); --tw-border-opacity: 1; border-color: rgb(215 223 233 / var(--tw-border-opacity)); }

.before\:border-t-metal-100::before { content: var(--tw-content); --tw-border-opacity: 1; border-top-color: rgb(233 239 246 / var(--tw-border-opacity)); }

.before\:bg-inherit::before { content: var(--tw-content); background-color: inherit; }

.before\:content-\[\'\'\]::before { --tw-content: ""; content: var(--tw-content); }

.after\:absolute::after { content: var(--tw-content); position: absolute; }

.after\:bottom-0::after { content: var(--tw-content); bottom: 0px; }

.after\:left-0::after { content: var(--tw-content); left: 0px; }

.after\:left-2\/4::after { content: var(--tw-content); left: 50%; }

.after\:right-0::after { content: var(--tw-content); right: 0px; }

.after\:top-2\/4::after { content: var(--tw-content); top: 50%; }

.after\:h-0::after { content: var(--tw-content); height: 0px; }

.after\:h-0\.5::after { content: var(--tw-content); height: 0.125rem; }

.after\:h-2\/4::after { content: var(--tw-content); height: 50%; }

.after\:h-\[10px\]::after { content: var(--tw-content); height: 10px; }

.after\:h-\[12px\]::after { content: var(--tw-content); height: 12px; }

.after\:h-\[13px\]::after { content: var(--tw-content); height: 13px; }

.after\:w-8::after { content: var(--tw-content); width: 2rem; }

.after\:w-\[10px\]::after { content: var(--tw-content); width: 10px; }

.after\:w-\[12px\]::after { content: var(--tw-content); width: 12px; }

.after\:w-\[13px\]::after { content: var(--tw-content); width: 13px; }

.after\:w-px::after { content: var(--tw-content); width: 1px; }

.after\:-translate-x-2\/4::after { content: var(--tw-content); --tw-translate-x: -50%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }

.after\:-translate-y-2\/4::after { content: var(--tw-content); --tw-translate-y: -50%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }

.after\:bg-metal-200::after { content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(215 223 233 / var(--tw-bg-opacity)); }

.after\:bg-\[url\(\'https\:\/\/staticmania\.cdn\.prismic\.io\/staticmania\/0ec60af9-5904-46c0-aa2a-c030c87a4ef9_sun-10\.svg\'\)\]::after { content: var(--tw-content); background-image: url("https://staticmania.cdn.prismic.io/staticmania/0ec60af9-5904-46c0-aa2a-c030c87a4ef9_sun-10.svg"); }

.after\:bg-\[url\(\'https\:\/\/staticmania\.cdn\.prismic\.io\/staticmania\/33d8fbe6-f91d-47fb-bdb2-cf4c0ed5e233_moon-12\.svg\'\)\]::after { content: var(--tw-content); background-image: url("https://staticmania.cdn.prismic.io/staticmania/33d8fbe6-f91d-47fb-bdb2-cf4c0ed5e233_moon-12.svg"); }

.after\:bg-\[url\(\'https\:\/\/staticmania\.cdn\.prismic\.io\/staticmania\/50fbbf0c-a842-464e-8f3a-c34d3b4cbc42_sun-12\.svg\'\)\]::after { content: var(--tw-content); background-image: url("https://staticmania.cdn.prismic.io/staticmania/50fbbf0c-a842-464e-8f3a-c34d3b4cbc42_sun-12.svg"); }

.after\:bg-\[url\(\'https\:\/\/staticmania\.cdn\.prismic\.io\/staticmania\/8bfd02e9-f130-410e-9a4f-f54eec33f14a_sun-13\.svg\'\)\]::after { content: var(--tw-content); background-image: url("https://staticmania.cdn.prismic.io/staticmania/8bfd02e9-f130-410e-9a4f-f54eec33f14a_sun-13.svg"); }

.after\:bg-\[url\(\'https\:\/\/staticmania\.cdn\.prismic\.io\/staticmania\/94b4a4f9-0d62-4504-8ce7-1e034cd4ef4b_moon-10\.svg\'\)\]::after { content: var(--tw-content); background-image: url("https://staticmania.cdn.prismic.io/staticmania/94b4a4f9-0d62-4504-8ce7-1e034cd4ef4b_moon-10.svg"); }

.after\:bg-\[url\(\'https\:\/\/staticmania\.cdn\.prismic\.io\/staticmania\/e92c83b0-1163-4dc0-b639-3fc572208a88_moon-13\.svg\'\)\]::after { content: var(--tw-content); background-image: url("https://staticmania.cdn.prismic.io/staticmania/e92c83b0-1163-4dc0-b639-3fc572208a88_moon-13.svg"); }

.after\:content-\[\'\'\]::after { --tw-content: ""; content: var(--tw-content); }

.first\:ml-0:first-child { margin-left: 0px; }

.first\:mt-0:first-child { margin-top: 0px; }

.first\:border-t-0:first-child { border-top-width: 0px; }

.first\:border-none:first-child { border-style: none; }

.first\:pt-0:first-child { padding-top: 0px; }

.last\:border-none:last-child { border-style: none; }

.last\:before\:border-0:last-child::before { content: var(--tw-content); border-width: 0px; }

.odd\:bg-white:nth-child(2n+1) { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); }

.even\:border:nth-child(2n) { border-width: 1px; }

.even\:border-metal-100:nth-child(2n) { --tw-border-opacity: 1; border-color: rgb(233 239 246 / var(--tw-border-opacity)); }

.even\:bg-metal-25:nth-child(2n) { --tw-bg-opacity: 1; background-color: rgb(249 250 251 / var(--tw-bg-opacity)); }

.focus-within\:border-metal-200:focus-within { --tw-border-opacity: 1; border-color: rgb(215 223 233 / var(--tw-border-opacity)); }

.hover\:border:hover { border-width: 1px; }

.hover\:border-green-500:hover { --tw-border-opacity: 1; border-color: rgb(34 197 94 / var(--tw-border-opacity)); }

.hover\:\!bg-metal-800:hover { --tw-bg-opacity: 1 !important; background-color: rgb(45 54 67 / var(--tw-bg-opacity)) !important; }

.hover\:bg-gray-600:hover { --tw-bg-opacity: 1; background-color: rgb(75 85 99 / var(--tw-bg-opacity)); }

.hover\:bg-gray-700:hover { --tw-bg-opacity: 1; background-color: rgb(55 65 81 / var(--tw-bg-opacity)); }

.hover\:bg-lime-500:hover { --tw-bg-opacity: 1; background-color: rgb(132 204 22 / var(--tw-bg-opacity)); }

.hover\:bg-lime-600:hover { --tw-bg-opacity: 1; background-color: rgb(101 163 13 / var(--tw-bg-opacity)); }

.hover\:bg-metal-100:hover { --tw-bg-opacity: 1; background-color: rgb(233 239 246 / var(--tw-bg-opacity)); }

.hover\:bg-metal-200:hover { --tw-bg-opacity: 1; background-color: rgb(215 223 233 / var(--tw-bg-opacity)); }

.hover\:bg-metal-200\/90:hover { background-color: rgba(215, 223, 233, 0.9); }

.hover\:bg-metal-25:hover { --tw-bg-opacity: 1; background-color: rgb(249 250 251 / var(--tw-bg-opacity)); }

.hover\:bg-metal-400:hover { --tw-bg-opacity: 1; background-color: rgb(136 151 174 / var(--tw-bg-opacity)); }

.hover\:bg-metal-50:hover { --tw-bg-opacity: 1; background-color: rgb(240 243 249 / var(--tw-bg-opacity)); }

.hover\:bg-metal-600:hover { --tw-bg-opacity: 1; background-color: rgb(69 84 104 / var(--tw-bg-opacity)); }

.hover\:bg-pink-400:hover { --tw-bg-opacity: 1; background-color: rgb(244 114 182 / var(--tw-bg-opacity)); }

.hover\:bg-pink-500:hover { --tw-bg-opacity: 1; background-color: rgb(236 72 153 / var(--tw-bg-opacity)); }

.hover\:bg-pink-600:hover { --tw-bg-opacity: 1; background-color: rgb(219 39 119 / var(--tw-bg-opacity)); }

.hover\:bg-pink-800:hover { --tw-bg-opacity: 1; background-color: rgb(157 23 77 / var(--tw-bg-opacity)); }

.hover\:bg-pink-800\/60:hover { background-color: rgba(157, 23, 77, 0.6); }

.hover\:bg-white:hover { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); }

.hover\:bg-yellow-500:hover { --tw-bg-opacity: 1; background-color: rgb(234 179 8 / var(--tw-bg-opacity)); }

.hover\:bg-yellow-600:hover { --tw-bg-opacity: 1; background-color: rgb(202 138 4 / var(--tw-bg-opacity)); }

.hover\:bg-gradient-to-l:hover { background-image: linear-gradient(to left,var(--tw-gradient-stops)); }

.hover\:text-green-500:hover { --tw-text-opacity: 1; color: rgb(34 197 94 / var(--tw-text-opacity)); }

.hover\:text-green-700:hover { --tw-text-opacity: 1; color: rgb(21 128 61 / var(--tw-text-opacity)); }

.hover\:text-metal-700:hover { --tw-text-opacity: 1; color: rgb(61 74 92 / var(--tw-text-opacity)); }

.hover\:text-metal-800:hover { --tw-text-opacity: 1; color: rgb(45 54 67 / var(--tw-text-opacity)); }

.hover\:text-pink-600:hover { --tw-text-opacity: 1; color: rgb(219 39 119 / var(--tw-text-opacity)); }

.hover\:text-pink-700:hover { --tw-text-opacity: 1; color: rgb(190 24 93 / var(--tw-text-opacity)); }

.hover\:text-white:hover { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); }

.hover\:text-yellow-600:hover { --tw-text-opacity: 1; color: rgb(202 138 4 / var(--tw-text-opacity)); }

.hover\:shadow-\[0px_0px_8px_5px_pink\]:hover { --tw-shadow: 0px 0px 8px 5px pink; --tw-shadow-colored: 0px 0px 8px 5px 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-pink-500:hover { --tw-shadow-color: #ec4899; --tw-shadow: var(--tw-shadow-colored); }

.hover\:shadow-white\/40:hover { --tw-shadow-color: rgb(255 255 255 / .4); --tw-shadow: var(--tw-shadow-colored); }

.focus\:border-blue-500:focus { --tw-border-opacity: 1; border-color: rgb(59 130 246 / var(--tw-border-opacity)); }

.focus\:border-green-500:focus { --tw-border-opacity: 1; border-color: rgb(34 197 94 / var(--tw-border-opacity)); }

.focus\:border-metal-200:focus { --tw-border-opacity: 1; border-color: rgb(215 223 233 / var(--tw-border-opacity)); }

.focus\:border-metal-500:focus { --tw-border-opacity: 1; border-color: rgb(94 113 141 / var(--tw-border-opacity)); }

.focus\:border-pink-500:focus { --tw-border-opacity: 1; border-color: rgb(236 72 153 / var(--tw-border-opacity)); }

.focus\:border-red-500:focus { --tw-border-opacity: 1; border-color: rgb(239 68 68 / var(--tw-border-opacity)); }

.focus\:border-yellow-500:focus { --tw-border-opacity: 1; border-color: rgb(234 179 8 / var(--tw-border-opacity)); }

.focus\:bg-white:focus { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); }

.focus\:text-metal-900:focus { --tw-text-opacity: 1; color: rgb(28 34 43 / var(--tw-text-opacity)); }

.focus\:shadow-pink-500:focus { --tw-shadow-color: #ec4899; --tw-shadow: var(--tw-shadow-colored); }

.focus\:outline-none:focus { outline: transparent solid 2px; outline-offset: 2px; }

.focus\:outline-2:focus { outline-width: 2px; }

.focus\:outline-transparent:focus { outline-color: transparent; }

.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) !important; --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important; box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000) !important; }

.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-4: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(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); }

.focus\:ring-blue-500:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity)); }

.focus\:ring-green-500:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(34 197 94 / var(--tw-ring-opacity)); }

.focus\:ring-metal-300:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(175 186 202 / var(--tw-ring-opacity)); }

.focus\:ring-metal-50:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(240 243 249 / var(--tw-ring-opacity)); }

.focus\:ring-pink-500:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(236 72 153 / var(--tw-ring-opacity)); }

.focus\:ring-red-500:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity)); }

.focus\:ring-yellow-500:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(234 179 8 / var(--tw-ring-opacity)); }

.focus\:\!ring-offset-0:focus { --tw-ring-offset-width: 0px !important; }

.focus\:placeholder\:text-metal-300:focus::placeholder { --tw-text-opacity: 1; color: rgb(175 186 202 / var(--tw-text-opacity)); }

.active\:bg-metal-25:active { --tw-bg-opacity: 1; background-color: rgb(249 250 251 / var(--tw-bg-opacity)); }

.active\:bg-white:active { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); }

.active\:text-metal-700:active { --tw-text-opacity: 1; color: rgb(61 74 92 / var(--tw-text-opacity)); }

.active\:focus\:scale-95:focus:active { --tw-scale-x: .95; --tw-scale-y: .95; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }

.disabled\:cursor-not-allowed:disabled { cursor: not-allowed; }

.disabled\:border-metal-100:disabled { --tw-border-opacity: 1; border-color: rgb(233 239 246 / var(--tw-border-opacity)); }

.disabled\:bg-white:disabled { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); }

.disabled\:text-metal-200:disabled { --tw-text-opacity: 1; color: rgb(215 223 233 / var(--tw-text-opacity)); }

.disabled\:text-metal-400:disabled { --tw-text-opacity: 1; color: rgb(136 151 174 / var(--tw-text-opacity)); }

.disabled\:opacity-100:disabled { opacity: 1; }

.disabled\:opacity-50:disabled { opacity: 0.5; }

.disabled\:hover\:bg-white:hover:disabled { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); }

.group:first-child .group-first\:hidden { display: none; }

.group:hover .group-hover\:rotate-180 { --tw-rotate: 180deg; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }

.group:hover .group-hover\:scale-110 { --tw-scale-x: 1.1; --tw-scale-y: 1.1; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }

.group:hover .group-hover\:bg-metal-100 { --tw-bg-opacity: 1; background-color: rgb(233 239 246 / var(--tw-bg-opacity)); }

.group:hover .group-hover\:bg-metal-200\/50 { background-color: rgba(215, 223, 233, 0.5); }

.group:hover .group-hover\:bg-white\/50 { background-color: rgba(255, 255, 255, 0.5); }

.group:hover .group-hover\:text-metal-900 { --tw-text-opacity: 1; color: rgb(28 34 43 / var(--tw-text-opacity)); }

.group:hover .group-hover\:text-white { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); }

.group:focus .group-focus\:outline-none { outline: transparent solid 2px; outline-offset: 2px; }

.group:focus .group-focus\: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); }

.group:focus .group-focus\:ring-white { --tw-ring-opacity: 1; --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity)); }

.peer:checked ~ .peer-checked\:before\:h-2::before { content: var(--tw-content); height: 0.5rem; }

.peer:checked ~ .peer-checked\:before\:h-2\.5::before { content: var(--tw-content); height: 0.625rem; }

.peer:checked ~ .peer-checked\:before\:h-3::before { content: var(--tw-content); height: 0.75rem; }

.peer:checked ~ .peer-checked\:before\:w-2::before { content: var(--tw-content); width: 0.5rem; }

.peer:checked ~ .peer-checked\:before\:w-2\.5::before { content: var(--tw-content); width: 0.625rem; }

.peer:checked ~ .peer-checked\:before\:w-3::before { content: var(--tw-content); width: 0.75rem; }

@media (prefers-reduced-motion: reduce) {
  @keyframes spin { 
  100% { transform: rotate(360deg); }
}
  .motion-reduce\:animate-\[spin_1\.5s_linear_infinite\] { animation: 1.5s linear 0s infinite normal none running spin; }
}

@media (min-width: 640px) {
  .sm\:bottom-\[42px\] { bottom: 42px; }
  .sm\:mx-auto { margin-left: auto; margin-right: auto; }
  .sm\:mb-0 { margin-bottom: 0px; }
  .sm\:flex { display: flex; }
  .sm\:hidden { display: none; }
  .sm\:h-10 { height: 2.5rem; }
  .sm\:h-6 { height: 1.5rem; }
  .sm\:h-64 { height: 16rem; }
  .sm\:h-7 { height: 1.75rem; }
  .sm\:h-\[68px\] { height: 68px; }
  .sm\:w-10 { width: 2.5rem; }
  .sm\:w-6 { width: 1.5rem; }
  .sm\:w-\[68px\] { width: 68px; }
  .sm\:w-full { width: 100%; }
  .sm\:max-w-sm { max-width: 24rem; }
  .sm\:pr-8 { padding-right: 2rem; }
  .sm\:text-body-6 { font-size: 0.75rem; line-height: 1.125rem; letter-spacing: -0.2px; }
}

@media (min-width: 768px) {
  .md\:mx-2 { margin-left: 0.5rem; margin-right: 0.5rem; }
  .md\:flex { display: flex; }
  .md\:h-auto { height: auto; }
  .md\:w-1\/3 { width: 33.3333%; }
  .md\:w-48 { width: 12rem; }
  .md\:max-w-xl { max-width: 36rem; }
  .md\:flex-row { flex-direction: row; }
  .md\:gap-5 { gap: 1.25rem; }
  .md\:rounded-none { border-radius: 0px; }
  .md\:rounded-l-lg { border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem; }
  .md\:text-body-1 { font-size: 1.375rem; line-height: 1.875rem; letter-spacing: -0.3px; }
  .md\:text-body-2 { font-size: 1.25rem; line-height: 1.75rem; letter-spacing: -0.3px; }
  .md\:text-body-3 { font-size: 1.125rem; line-height: 1.5rem; letter-spacing: -0.3px; }
  .md\:text-body-4 { font-size: 1rem; line-height: 1.5rem; letter-spacing: -0.3px; }
  .md\:text-body-5 { font-size: 0.875rem; line-height: 1.375rem; letter-spacing: -0.2px; }
  .md\:text-description-4 { font-size: 1.5rem; line-height: 2.25rem; letter-spacing: -0.5px; }
  .md\:font-medium { font-weight: 500; }
}

@media (min-width: 1024px) {
  .lg\:block { display: block; }
  .lg\:hidden { display: none; }
  .lg\:px-0 { padding-left: 0px; padding-right: 0px; }
  .lg\:px-8 { padding-left: 2rem; padding-right: 2rem; }
  .lg\:py-0 { padding-top: 0px; padding-bottom: 0px; }
  .lg\:py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; }
}

@media (min-width: 1280px) {
  .xl\:block { display: block; }
  .xl\:h-80 { height: 20rem; }
}

@media (min-width: 1536px) {
  .\32 xl\:h-96 { height: 24rem; }
  .\32 xl\:text-body-2 { font-size: 1.25rem; line-height: 1.75rem; letter-spacing: -0.3px; }
}

@media (prefers-color-scheme: dark) {
  .dark\:text-gray-600 { --tw-text-opacity: 1; color: rgb(75 85 99 / var(--tw-text-opacity)); }
}