.util-fixed { position: fixed; } .util-relative { position: relative; } .util-left-0 { left: 0px; } .util-right-0 { right: 0px; } .util-top-14 { top: 3.5rem; } .util-z-0 { z-index: 0; } .util-z-10 { z-index: 10; } .util-m-0 { margin: 0px; } .util-mx-auto { margin-left: auto; margin-right: auto; } .util-mb-4 { margin-bottom: 1rem; } .util-mb-8 { margin-bottom: 2rem; } .util-ml-3 { margin-left: 0.75rem; } .util-mr-2 { margin-right: 0.5rem; } .util-mr-4 { margin-right: 1rem; } .util-mr-8 { margin-right: 2rem; } .util-mt-0 { margin-top: 0px; } .util-mt-8 { margin-top: 2rem; } .util-mt-9 { margin-top: 2.25rem; } .util-mt-\[clamp\(223\.75px\,115\.33px\+44\.48vw\,600px\)\] { margin-top: clamp(223.75px, 115.33px + 44.48vw, 600px); } .util-inline-block { display: inline-block; } .util-flex { display: flex; } .util-inline-flex { display: inline-flex; } .util-h-10 { height: 2.5rem; } .util-h-2\.5 { height: 0.625rem; } .util-h-4 { height: 1rem; } .util-min-h-80 { min-height: 20rem; } .util-w-24 { width: 6rem; } .util-w-44 { width: 11rem; } .util-w-48 { width: 12rem; } .util-w-64 { width: 16rem; } .util-w-8 { width: 2rem; } .util-w-full { width: 100%; } .util-max-w-5xl { max-width: 64rem; } .util-flex-1 { flex: 1 1 0%; } @keyframes util-pulse { 50% { opacity: 0.5; } } .util-animate-pulse { animation: util-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; } .util-flex-col { flex-direction: column; } .util-items-end { align-items: flex-end; } .util-items-center { align-items: center; } .util-justify-center { justify-content: center; } .util-justify-between { justify-content: space-between; } .util-overflow-hidden { overflow: hidden; } .util-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .util-rounded-2xl { border-radius: 1rem; } .util-rounded-full { border-radius: 9999px; } .util-border-2 { border-width: 2px; } .util-border-b { border-bottom-width: 1px; } .util-border-none { border-style: none; } .util-bg-\[\#333\] { --tw-bg-opacity: 1; background-color: rgb(51 51 51 / var(--tw-bg-opacity, 1)); } .util-bg-\[\#333\]\/20 { background-color: rgb(51 51 51 / 0.2); } .util-bg-\[\#f8f8f7\] { --tw-bg-opacity: 1; background-color: rgb(248 248 247 / var(--tw-bg-opacity, 1)); } .util-bg-gray-200 { --tw-bg-opacity: 1; background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1)); } .util-bg-gray-300 { --tw-bg-opacity: 1; background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1)); } .util-p-4 { padding: 1rem; } .util-px-4 { padding-left: 1rem; padding-right: 1rem; } .util-px-6 { padding-left: 1.5rem; padding-right: 1.5rem; } .util-px-8 { padding-left: 2rem; padding-right: 2rem; } .util-py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; } .util-py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; } .util-pb-2 { padding-bottom: 0.5rem; } .util-pb-\[clamp\(27\.5px\,10\.58px\+6\.95vw\,55px\)\] { padding-bottom: clamp(27.5px, 10.58px + 6.95vw, 55px); } .util-pt-\[clamp\(27\.5px\,-5\.56px\+13\.57vw\,150px\)\] { padding-top: clamp(27.5px, -5.56px + 13.57vw, 150px); } .util-text-center { text-align: center; } .util-text-3xl { font-size: 1.875rem; line-height: 2.25rem; } .util-text-9xl { font-size: 8rem; line-height: 1; } .util-text-lg { font-size: 1.125rem; line-height: 1.75rem; } .util-text-sm { font-size: 0.875rem; line-height: 1.25rem; } .util-text-xs { font-size: 0.75rem; line-height: 1rem; } .util-font-bold { font-weight: 700; } .util-text-\[\#e5603b\] { --tw-text-opacity: 1; color: rgb(229 96 59 / var(--tw-text-opacity, 1)); } @keyframes enter { from { opacity: var(--tw-enter-opacity, 1); transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0)); } } @keyframes exit { to { opacity: var(--tw-exit-opacity, 1); transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0)); } } .\[letter-spacing\:-1px\] { letter-spacing: -1px; } .\[vertical-align\:-5px\] { vertical-align: -5px; } @media (prefers-color-scheme: dark) { .dark\:util-bg-gray-600 { --tw-bg-opacity: 1; background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1)); } .dark\:util-bg-gray-700 { --tw-bg-opacity: 1; background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1)); } }