.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; } .pointer-events-none { pointer-events: none; } .visible { visibility: visible; } .invisible { visibility: hidden; } .static { position: static; } .fixed { position: fixed; } .absolute { position: absolute; } .relative { position: relative; } .sticky { position: sticky; } .inset-0 { inset: 0px; } .inset-\[-0\.44\%_-0\.16\%\] { inset: -0.44% -0.16%; } .inset-\[-1px_-0\.11\%\] { inset: -1px -0.11%; } .inset-\[-3\.13\%_-1px\] { inset: -3.13% -1px; } .inset-\[-33\.333\%\] { inset: -33.333%; } .inset-\[-4px\] { inset: -4px; } .inset-\[0\.22\%_16\.79\%_78\.98\%_50\.8\%\] { inset: 0.22% 16.79% 78.98% 50.8%; } .inset-x-0 { left: 0px; right: 0px; } .inset-y-0 { top: 0px; bottom: 0px; } .-bottom-12 { bottom: -3rem; } .-left-12 { left: -3rem; } .-right-12 { right: -3rem; } .-right-6 { right: -1.5rem; } .-top-12 { top: -3rem; } .-top-6 { top: -1.5rem; } .bottom-0 { bottom: 0px; } .bottom-2 { bottom: 0.5rem; } .bottom-4 { bottom: 1rem; } .bottom-8 { bottom: 2rem; } .bottom-\[-1px\] { bottom: -1px; } .bottom-\[6\.53\%\] { bottom: 6.53%; } .bottom-\[77px\] { bottom: 77px; } .bottom-\[894\.51px\] { bottom: 894.51px; } .left-0 { left: 0px; } .left-1 { left: 0.25rem; } .left-1\/2 { left: 50%; } .left-2 { left: 0.5rem; } .left-3 { left: 0.75rem; } .left-4 { left: 1rem; } .left-6 { left: 1.5rem; } .left-\[-0\.16\%\] { left: -0.16%; } .left-\[275px\] { left: 275px; } .left-\[3px\] { left: 3px; } .left-\[43\.7\%\] { left: 43.7%; } .left-\[447px\] { left: 447px; } .left-\[50\%\] { left: 50%; } .left-\[67\.05\%\] { left: 67.05%; } .left-\[7\.56\%\] { left: 7.56%; } .left-\[72px\] { left: 72px; } .left-\[756\.5px\] { left: 756.5px; } .right-0 { right: 0px; } .right-1 { right: 0.25rem; } .right-1\/2 { right: 50%; } .right-2 { right: 0.5rem; } .right-3 { right: 0.75rem; } .right-4 { right: 1rem; } .right-5 { right: 1.25rem; } .right-\[-0\.16\%\] { right: -0.16%; } .right-\[-0\.17\%\] { right: -0.17%; } .right-\[-166\.67\%\] { right: -166.67%; } .right-\[-27\.78\%\] { right: -27.78%; } .right-\[27\.78\%\] { right: 27.78%; } .right-\[29\.97\%\] { right: 29.97%; } .right-\[66\.39\%\] { right: 66.39%; } .right-\[73\.95\%\] { right: 73.95%; } .top-0 { top: 0px; } .top-1 { top: 0.25rem; } .top-1\.5 { top: 0.375rem; } .top-1\/2 { top: 50%; } .top-10 { top: 2.5rem; } .top-2 { top: 0.5rem; } .top-2\.5 { top: 0.625rem; } .top-20 { top: 5rem; } .top-28 { top: 7rem; } .top-3 { top: 0.75rem; } .top-3\.5 { top: 0.875rem; } .top-4 { top: 1rem; } .top-44 { top: 11rem; } .top-5 { top: 1.25rem; } .top-\[-12\.5\%\] { top: -12.5%; } .top-\[-1px\] { top: -1px; } .top-\[-2px\] { top: -2px; } .top-\[-62px\] { top: -62px; } .top-\[0\.15\%\] { top: 0.15%; } .top-\[102px\] { top: 102px; } .top-\[107px\] { top: 107px; } .top-\[11px\] { top: 11px; } .top-\[134px\] { top: 134px; } .top-\[146px\] { top: 146px; } .top-\[16\.19\%\] { top: 16.19%; } .top-\[161px\] { top: 161px; } .top-\[193px\] { top: 193px; } .top-\[197px\] { top: 197px; } .top-\[1px\] { top: 1px; } .top-\[3px\] { top: 3px; } .top-\[50\%\] { top: 50%; } .top-\[50px\] { top: 50px; } .top-\[60\%\] { top: 60%; } .top-\[62px\] { top: 62px; } .top-full { top: 100%; } .isolate { isolation: isolate; } .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-\[9999\] { z-index: 9999; } .col-span-12 { grid-column: span 12 / span 12; } .col-span-3 { grid-column: span 3 / span 3; } .col-span-4 { grid-column: span 4 / span 4; } .col-span-8 { grid-column: span 8 / span 8; } .col-start-2 { grid-column-start: 2; } .row-span-2 { grid-row: span 2 / span 2; } .row-start-1 { grid-row-start: 1; } .-mx-1 { margin-left: -0.25rem; margin-right: -0.25rem; } .mx-2 { margin-left: 0.5rem; margin-right: 0.5rem; } .mx-3 { margin-left: 0.75rem; margin-right: 0.75rem; } .mx-3\.5 { margin-left: 0.875rem; margin-right: 0.875rem; } .mx-auto { margin-left: auto; margin-right: auto; } .my-0 { margin-top: 0px; margin-bottom: 0px; } .my-0\.5 { margin-top: 0.125rem; margin-bottom: 0.125rem; } .my-1 { margin-top: 0.25rem; margin-bottom: 0.25rem; } .-ml-4 { margin-left: -1rem; } .-ml-\[50vw\] { margin-left: -50vw; } .-mr-\[50vw\] { margin-right: -50vw; } .-mt-4 { margin-top: -1rem; } .mb-1 { margin-bottom: 0.25rem; } .mb-12 { margin-bottom: 3rem; } .mb-16 { margin-bottom: 4rem; } .mb-2 { margin-bottom: 0.5rem; } .mb-20 { margin-bottom: 5rem; } .mb-3 { margin-bottom: 0.75rem; } .mb-4 { margin-bottom: 1rem; } .mb-6 { margin-bottom: 1.5rem; } .mb-8 { margin-bottom: 2rem; } .ml-1 { margin-left: 0.25rem; } .ml-2 { margin-left: 0.5rem; } .ml-auto { margin-left: auto; } .mr-1 { margin-right: 0.25rem; } .mr-1\.5 { margin-right: 0.375rem; } .mr-2 { margin-right: 0.5rem; } .mr-\[-11px\] { margin-right: -11px; } .mt-1 { margin-top: 0.25rem; } .mt-1\.5 { margin-top: 0.375rem; } .mt-16 { margin-top: 4rem; } .mt-2 { margin-top: 0.5rem; } .mt-24 { margin-top: 6rem; } .mt-3 { margin-top: 0.75rem; } .mt-4 { margin-top: 1rem; } .mt-6 { margin-top: 1.5rem; } .mt-8 { margin-top: 2rem; } .mt-auto { margin-top: auto; } .box-border { box-sizing: border-box; } .line-clamp-1 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .block { display: block; } .inline-block { display: inline-block; } .inline { display: inline; } .flex { display: flex; } .inline-flex { display: inline-flex; } .table { display: table; } .table-caption { display: table-caption; } .table-cell { display: table-cell; } .table-row { display: table-row; } .grid { display: grid; } .hidden { display: none; } .aspect-\[119\/40\] { aspect-ratio: 119/40; } .aspect-\[1920\/730\.8\] { aspect-ratio: 1920/730.8; } .aspect-\[24\.0453\/24\] { aspect-ratio: 24.0453/24; } .aspect-\[360\/360\] { aspect-ratio: 360/360; } .aspect-\[63\.0364\/23\.4509\] { aspect-ratio: 63.0364/23.4509; } .aspect-square { aspect-ratio: 1 / 1; } .aspect-video { aspect-ratio: 16 / 9; } .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-12 { height: 3rem; } .h-14 { height: 3.5rem; } .h-16 { height: 4rem; } .h-2 { height: 0.5rem; } .h-2\.5 { height: 0.625rem; } .h-20 { height: 5rem; } .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-6 { height: 1.5rem; } .h-64 { height: 16rem; } .h-7 { height: 1.75rem; } .h-8 { height: 2rem; } .h-80 { height: 20rem; } .h-9 { height: 2.25rem; } .h-96 { height: 24rem; } .h-\[1\.15rem\] { height: 1.15rem; } .h-\[1080px\] { height: 1080px; } .h-\[11\.146px\] { height: 11.146px; } .h-\[13px\] { height: 13px; } .h-\[16\.175px\] { height: 16.175px; } .h-\[169px\] { height: 169px; } .h-\[16px\] { height: 16px; } .h-\[22px\] { height: 22px; } .h-\[300px\] { height: 300px; } .h-\[30px\] { height: 30px; } .h-\[415px\] { height: 415px; } .h-\[41px\] { height: 41px; } .h-\[456px\] { height: 456px; } .h-\[53px\] { height: 53px; } .h-\[5px\] { height: 5px; } .h-\[60px\] { height: 60px; } .h-\[62px\] { height: 62px; } .h-\[72px\] { height: 72px; } .h-\[813px\] { height: 813px; } .h-\[88px\] { height: 88px; } .h-\[calc\(100\%-1px\)\] { height: calc(100% - 1px); } .h-\[var\(--radix-navigation-menu-viewport-height\)\] { height: var(--radix-navigation-menu-viewport-height); } .h-\[var\(--radix-select-trigger-height\)\] { height: var(--radix-select-trigger-height); } .h-auto { height: auto; } .h-full { height: 100%; } .h-px { height: 1px; } .max-h-0 { max-height: 0px; } .max-h-96 { max-height: 24rem; } .max-h-\[300px\] { max-height: 300px; } .min-h-0 { min-height: 0px; } .min-h-screen { min-height: 100vh; } .w-0 { width: 0px; } .w-0\.5 { width: 0.125rem; } .w-1 { width: 0.25rem; } .w-10 { width: 2.5rem; } .w-12 { width: 3rem; } .w-16 { width: 4rem; } .w-2 { width: 0.5rem; } .w-2\.5 { width: 0.625rem; } .w-24 { width: 6rem; } .w-28 { width: 7rem; } .w-3 { width: 0.75rem; } .w-3\.5 { width: 0.875rem; } .w-3\/4 { width: 75%; } .w-4 { width: 1rem; } .w-5 { width: 1.25rem; } .w-6 { width: 1.5rem; } .w-64 { width: 16rem; } .w-72 { width: 18rem; } .w-8 { width: 2rem; } .w-80 { width: 20rem; } .w-9 { width: 2.25rem; } .w-96 { width: 24rem; } .w-\[100px\] { width: 100px; } .w-\[1024px\] { width: 1024px; } .w-\[1120px\] { width: 1120px; } .w-\[122px\] { width: 122px; } .w-\[124px\] { width: 124px; } .w-\[155px\] { width: 155px; } .w-\[16\.175px\] { width: 16.175px; } .w-\[16px\] { width: 16px; } .w-\[170px\] { width: 170px; } .w-\[18px\] { width: 18px; } .w-\[1920px\] { width: 1920px; } .w-\[200px\] { width: 200px; } .w-\[232px\] { width: 232px; } .w-\[264px\] { width: 264px; } .w-\[29\.675px\] { width: 29.675px; } .w-\[296px\] { width: 296px; } .w-\[316px\] { width: 316px; } .w-\[360px\] { width: 360px; } .w-\[375px\] { width: 375px; } .w-\[39px\] { width: 39px; } .w-\[402px\] { width: 402px; } .w-\[460px\] { width: 460px; } .w-\[480px\] { width: 480px; } .w-\[49px\] { width: 49px; } .w-\[510px\] { width: 510px; } .w-\[59px\] { width: 59px; } .w-\[672px\] { width: 672px; } .w-\[711px\] { width: 711px; } .w-\[716px\] { width: 716px; } .w-\[768px\] { width: 768px; } .w-\[78\.328px\] { width: 78.328px; } .w-\[7px\] { width: 7px; } .w-\[83px\] { width: 83px; } .w-\[86px\] { width: 86px; } .w-\[89px\] { width: 89px; } .w-\[928px\] { width: 928px; } .w-\[95px\] { width: 95px; } .w-auto { width: auto; } .w-fit { width: -moz-fit-content; width: fit-content; } .w-full { width: 100%; } .w-max { width: -moz-max-content; width: max-content; } .w-px { width: 1px; } .w-screen { width: 100vw; } .min-w-0 { min-width: 0px; } .min-w-\[1024px\] { min-width: 1024px; } .min-w-\[12rem\] { min-width: 12rem; } .min-w-\[200px\] { min-width: 200px; } .min-w-\[8rem\] { min-width: 8rem; } .min-w-\[var\(--radix-select-trigger-width\)\] { min-width: var(--radix-select-trigger-width); } .min-w-full { min-width: 100%; } .max-w-2xl { max-width: 42rem; } .max-w-3xl { max-width: 48rem; } .max-w-4xl { max-width: 56rem; } .max-w-7xl { max-width: 80rem; } .max-w-\[1024px\] { max-width: 1024px; } .max-w-\[1120px\] { max-width: 1120px; } .max-w-\[400px\] { max-width: 400px; } .max-w-\[672px\] { max-width: 672px; } .max-w-\[calc\(100\%-2rem\)\] { max-width: calc(100% - 2rem); } .max-w-lg { max-width: 32rem; } .max-w-max { max-width: -moz-max-content; max-width: max-content; } .max-w-md { max-width: 28rem; } .max-w-none { max-width: none; } .max-w-sm { max-width: 24rem; } .max-w-xs { max-width: 20rem; } .flex-1 { flex: 1 1 0%; } .flex-none { flex: none; } .flex-shrink { flex-shrink: 1; } .flex-shrink-0 { flex-shrink: 0; } .shrink-0 { flex-shrink: 0; } .grow { flex-grow: 1; } .grow-0 { flex-grow: 0; } .basis-0 { flex-basis: 0px; } .basis-full { flex-basis: 100%; } .caption-bottom { caption-side: bottom; } .border-collapse { border-collapse: collapse; } .-translate-x-1\/2 { --tw-translate-x: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-translate-x-px { --tw-translate-x: -1px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-translate-y-1\/2 { --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-x-\[-50\%\] { --tw-translate-x: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-x-px { --tw-translate-x: 1px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-y-0 { --tw-translate-y: 0px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-y-0\.5 { --tw-translate-y: 0.125rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-y-\[-50\%\] { --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-y-\[calc\(-50\%_-_2px\)\] { --tw-translate-y: calc(-50% - 2px); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .rotate-180 { --tw-rotate: 180deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .rotate-45 { --tw-rotate: 45deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .rotate-90 { --tw-rotate: 90deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .rotate-\[180deg\] { --tw-rotate: 180deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .rotate-\[270deg\] { --tw-rotate: 270deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .rotate-\[45deg\] { --tw-rotate: 45deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .transform { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } @keyframes pulse { 50% { opacity: .5; } } .animate-pulse { animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; } .cursor-default { cursor: default; } .cursor-pointer { cursor: pointer; } .touch-none { touch-action: none; } .select-none { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .resize-none { resize: none; } .resize { resize: both; } .scroll-my-1 { scroll-margin-top: 0.25rem; scroll-margin-bottom: 0.25rem; } .scroll-py-1 { scroll-padding-top: 0.25rem; scroll-padding-bottom: 0.25rem; } .list-none { list-style-type: none; } .auto-rows-min { grid-auto-rows: min-content; } .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid-cols-\[0_1fr\] { grid-template-columns: 0 1fr; } .grid-rows-\[auto_auto\] { grid-template-rows: auto auto; } .flex-row { flex-direction: row; } .flex-col { flex-direction: column; } .flex-col-reverse { flex-direction: column-reverse; } .flex-wrap { flex-wrap: wrap; } .content-center { align-content: center; } .content-stretch { align-content: stretch; } .items-start { align-items: flex-start; } .items-end { align-items: flex-end; } .items-center { align-items: center; } .items-stretch { align-items: stretch; } .justify-start { justify-content: flex-start; } .justify-end { justify-content: flex-end; } .justify-center { justify-content: center; } .justify-between { justify-content: space-between; } .justify-items-start { justify-items: start; } .gap-0 { gap: 0px; } .gap-0\.5 { gap: 0.125rem; } .gap-1 { gap: 0.25rem; } .gap-1\.5 { gap: 0.375rem; } .gap-10 { gap: 2.5rem; } .gap-12 { gap: 3rem; } .gap-16 { gap: 4rem; } .gap-2 { gap: 0.5rem; } .gap-2\.5 { gap: 0.625rem; } .gap-3 { gap: 0.75rem; } .gap-3\.5 { gap: 0.875rem; } .gap-4 { gap: 1rem; } .gap-5 { gap: 1.25rem; } .gap-6 { gap: 1.5rem; } .gap-7 { gap: 1.75rem; } .gap-8 { gap: 2rem; } .gap-\[18px\] { gap: 18px; } .gap-\[19px\] { gap: 19px; } .gap-\[322px\] { gap: 322px; } .gap-\[5px\] { gap: 5px; } .gap-\[7px\] { gap: 7px; } .gap-y-0 { row-gap: 0px; } .gap-y-0\.5 { row-gap: 0.125rem; } .space-x-1 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(0.25rem * var(--tw-space-x-reverse)); margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse))); } .space-x-2 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(0.5rem * var(--tw-space-x-reverse)); margin-left: calc(0.5rem * 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(0.25rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.25rem * var(--tw-space-y-reverse)); } .space-y-12 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(3rem * var(--tw-space-y-reverse)); } .space-y-16 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(4rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(4rem * var(--tw-space-y-reverse)); } .space-y-2 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)); } .space-y-20 > :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(0.75rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.75rem * var(--tw-space-y-reverse)); } .space-y-4 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1rem * var(--tw-space-y-reverse)); } .space-y-6 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1.5rem * var(--tw-space-y-reverse)); } .space-y-8 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(2rem * var(--tw-space-y-reverse)); } .self-start { align-self: flex-start; } .self-stretch { align-self: stretch; } .justify-self-end { justify-self: end; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-clip { overflow: clip; } .overflow-x-auto { overflow-x: auto; } .overflow-y-auto { overflow-y: auto; } .overflow-x-hidden { overflow-x: hidden; } .overflow-x-clip { overflow-x: clip; } .overflow-ellipsis { text-overflow: ellipsis; } .whitespace-nowrap { white-space: nowrap; } .whitespace-pre { white-space: pre; } .break-words { overflow-wrap: break-word; } .rounded { border-radius: 0.25rem; } .rounded-2xl { border-radius: 1rem; } .rounded-\[103px\] { border-radius: 103px; } .rounded-\[12px\] { border-radius: 12px; } .rounded-\[2\.8rem\] { border-radius: 2.8rem; } .rounded-\[2px\] { border-radius: 2px; } .rounded-\[3rem\] { border-radius: 3rem; } .rounded-\[4px\] { border-radius: 4px; } .rounded-\[8px\] { border-radius: 8px; } .rounded-\[99px\] { border-radius: 99px; } .rounded-\[inherit\] { border-radius: inherit; } .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-sm { border-top-left-radius: 0.125rem; border-bottom-left-radius: 0.125rem; } .rounded-r-sm { border-top-right-radius: 0.125rem; border-bottom-right-radius: 0.125rem; } .rounded-bl-\[12px\] { border-bottom-left-radius: 12px; } .rounded-bl-\[4px\] { border-bottom-left-radius: 4px; } .rounded-bl-sm { border-bottom-left-radius: 0.125rem; } .rounded-br-\[12px\] { border-bottom-right-radius: 12px; } .rounded-br-\[4px\] { border-bottom-right-radius: 4px; } .rounded-br-sm { border-bottom-right-radius: 0.125rem; } .rounded-tl-\[12px\] { border-top-left-radius: 12px; } .rounded-tl-\[24px\] { border-top-left-radius: 24px; } .rounded-tl-sm { border-top-left-radius: 0.125rem; } .rounded-tr-\[12px\] { border-top-right-radius: 12px; } .rounded-tr-\[24px\] { border-top-right-radius: 24px; } .rounded-tr-\[4px\] { border-top-right-radius: 4px; } .border { border-width: 1px; } .border-2 { border-width: 2px; } .border-4 { border-width: 4px; } .border-\[1\.5px\] { border-width: 1.5px; } .border-y { border-top-width: 1px; border-bottom-width: 1px; } .border-b { border-bottom-width: 1px; } .border-b-2 { border-bottom-width: 2px; } .border-l { border-left-width: 1px; } .border-r { border-right-width: 1px; } .border-t { border-top-width: 1px; } .border-t-2 { border-top-width: 2px; } .border-solid { border-style: solid; } .border-dashed { border-style: dashed; } .border-\[\#343841\] { --tw-border-opacity: 1; border-color: rgb(52 56 65 / var(--tw-border-opacity)); } .border-\[\#b8b8b9\] { --tw-border-opacity: 1; border-color: rgb(184 184 185 / var(--tw-border-opacity)); } .border-\[\#e6e8ec\] { --tw-border-opacity: 1; border-color: rgb(230 232 236 / var(--tw-border-opacity)); } .border-\[\#f4f5f6\] { --tw-border-opacity: 1; border-color: rgb(244 245 246 / var(--tw-border-opacity)); } .border-\[\#fcfcfd\] { --tw-border-opacity: 1; border-color: rgb(252 252 253 / var(--tw-border-opacity)); } .border-\[0\.5px_0px_0px\] { border-color: 0.5px 0px 0px; } .border-\[0px_0px_0px_2px\] { border-color: 0px 0px 0px 2px; } .border-\[0px_0px_2px\] { border-color: 0px 0px 2px; } .border-\[2px_0px_0px\] { border-color: 2px 0px 0px; } .border-\[2px_2px_0px\] { border-color: 2px 2px 0px; } .border-transparent { border-color: transparent; } .border-l-transparent { border-left-color: transparent; } .border-t-transparent { border-top-color: transparent; } .bg-\[\#000000\] { --tw-bg-opacity: 1; background-color: rgb(0 0 0 / var(--tw-bg-opacity)); } .bg-\[\#141416\] { --tw-bg-opacity: 1; background-color: rgb(20 20 22 / var(--tw-bg-opacity)); } .bg-\[\#1f2128\] { --tw-bg-opacity: 1; background-color: rgb(31 33 40 / var(--tw-bg-opacity)); } .bg-\[\#2e3038\] { --tw-bg-opacity: 1; background-color: rgb(46 48 56 / var(--tw-bg-opacity)); } .bg-\[\#3772ff\] { --tw-bg-opacity: 1; background-color: rgb(55 114 255 / var(--tw-bg-opacity)); } .bg-\[\#45b26b\] { --tw-bg-opacity: 1; background-color: rgb(69 178 107 / var(--tw-bg-opacity)); } .bg-\[\#b1b5c3\] { --tw-bg-opacity: 1; background-color: rgb(177 181 195 / var(--tw-bg-opacity)); } .bg-\[\#b9a9fb\] { --tw-bg-opacity: 1; background-color: rgb(185 169 251 / var(--tw-bg-opacity)); } .bg-\[\#bce6ec\] { --tw-bg-opacity: 1; background-color: rgb(188 230 236 / var(--tw-bg-opacity)); } .bg-\[\#d9d9d9\] { --tw-bg-opacity: 1; background-color: rgb(217 217 217 / var(--tw-bg-opacity)); } .bg-\[\#e6e8ec\] { --tw-bg-opacity: 1; background-color: rgb(230 232 236 / var(--tw-bg-opacity)); } .bg-\[\#f4f5f6\] { --tw-bg-opacity: 1; background-color: rgb(244 245 246 / var(--tw-bg-opacity)); } .bg-\[\#fcf7ef\] { --tw-bg-opacity: 1; background-color: rgb(252 247 239 / var(--tw-bg-opacity)); } .bg-\[\#fcfcfd\] { --tw-bg-opacity: 1; background-color: rgb(252 252 253 / var(--tw-bg-opacity)); } .bg-\[\#ff0000\] { --tw-bg-opacity: 1; background-color: rgb(255 0 0 / var(--tw-bg-opacity)); } .bg-\[\#ffa6d6\] { --tw-bg-opacity: 1; background-color: rgb(255 166 214 / var(--tw-bg-opacity)); } .bg-\[\#ffffff\] { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } .bg-\[rgba\(0\2c 0\2c 0\2c 0\)\] { background-color: rgba(0,0,0,0); } .bg-\[rgba\(252\2c 252\2c 253\2c 0\.61\)\] { background-color: rgba(252,252,253,0.61); } .bg-black\/20 { background-color: rgb(0 0 0 / 0.2); } .bg-black\/50 { background-color: rgb(0 0 0 / 0.5); } .bg-blue-500 { --tw-bg-opacity: 1; background-color: rgb(59 130 246 / var(--tw-bg-opacity)); } .bg-gray-100 { --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity)); } .bg-green-500 { --tw-bg-opacity: 1; background-color: rgb(34 197 94 / 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-yellow-500 { --tw-bg-opacity: 1; background-color: rgb(234 179 8 / var(--tw-bg-opacity)); } .bg-cover { background-size: cover; } .bg-\[position\:50\%_50\%\2c _0\%_0\%\] { background-position: 50% 50%, 0% 0%; } .bg-\[position\:50\%_50\%\2c _50\%_50\%\2c _0\%_0\%\] { background-position: 50% 50%, 50% 50%, 0% 0%; } .bg-center { background-position: center; } .bg-no-repeat { background-repeat: no-repeat; } .fill-current { fill: currentColor; } .object-contain { -o-object-fit: contain; object-fit: contain; } .object-cover { -o-object-fit: cover; object-fit: cover; } .object-left { -o-object-position: left; object-position: left; } .p-0 { padding: 0px; } .p-1 { padding: 0.25rem; } .p-2 { padding: 0.5rem; } .p-3 { padding: 0.75rem; } .p-4 { padding: 1rem; } .p-6 { padding: 1.5rem; } .p-8 { padding: 2rem; } .p-\[10px\] { padding: 10px; } .p-\[12px\] { padding: 12px; } .p-\[14px\] { padding: 14px; } .p-\[16px\] { padding: 16px; } .p-\[18px\] { padding: 18px; } .p-\[20px\] { padding: 20px; } .p-\[24px\] { padding: 24px; } .p-\[32px\] { padding: 32px; } .p-\[3px\] { padding: 3px; } .p-\[40px\] { padding: 40px; } .p-\[6px\] { padding: 6px; } .p-\[8px\] { padding: 8px; } .p-px { padding: 1px; } .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-16 { padding-left: 4rem; padding-right: 4rem; } .px-2 { padding-left: 0.5rem; padding-right: 0.5rem; } .px-2\.5 { padding-left: 0.625rem; padding-right: 0.625rem; } .px-20 { padding-left: 5rem; padding-right: 5rem; } .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-\[18px\] { padding-left: 18px; padding-right: 18px; } .px-\[361px\] { padding-left: 361px; padding-right: 361px; } .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-1\.5 { padding-top: 0.375rem; padding-bottom: 0.375rem; } .py-12 { padding-top: 3rem; padding-bottom: 3rem; } .py-16 { padding-top: 4rem; padding-bottom: 4rem; } .py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; } .py-2\.5 { padding-top: 0.625rem; padding-bottom: 0.625rem; } .py-24 { padding-top: 6rem; padding-bottom: 6rem; } .py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; } .py-32 { padding-top: 8rem; padding-bottom: 8rem; } .py-4 { padding-top: 1rem; padding-bottom: 1rem; } .py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; } .py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; } .py-8 { padding-top: 2rem; padding-bottom: 2rem; } .py-\[18px\] { padding-top: 18px; padding-bottom: 18px; } .pb-0 { padding-bottom: 0px; } .pb-1 { padding-bottom: 0.25rem; } .pb-1\.5 { padding-bottom: 0.375rem; } .pb-16 { padding-bottom: 4rem; } .pb-2 { padding-bottom: 0.5rem; } .pb-2\.5 { padding-bottom: 0.625rem; } .pb-3 { padding-bottom: 0.75rem; } .pb-4 { padding-bottom: 1rem; } .pb-5 { padding-bottom: 1.25rem; } .pb-6 { padding-bottom: 1.5rem; } .pb-\[121px\] { padding-bottom: 121px; } .pb-\[181px\] { padding-bottom: 181px; } .pb-\[18px\] { padding-bottom: 18px; } .pl-0 { padding-left: 0px; } .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-3\.5 { padding-left: 0.875rem; } .pl-4 { padding-left: 1rem; } .pl-5 { padding-left: 1.25rem; } .pl-8 { padding-left: 2rem; } .pl-\[232px\] { padding-left: 232px; } .pl-\[52px\] { padding-left: 52px; } .pr-0 { padding-right: 0px; } .pr-2 { padding-right: 0.5rem; } .pr-2\.5 { padding-right: 0.625rem; } .pr-3 { padding-right: 0.75rem; } .pr-3\.5 { padding-right: 0.875rem; } .pr-4 { padding-right: 1rem; } .pr-5 { padding-right: 1.25rem; } .pr-8 { padding-right: 2rem; } .pr-\[11px\] { padding-right: 11px; } .pt-0 { padding-top: 0px; } .pt-1 { padding-top: 0.25rem; } .pt-1\.5 { padding-top: 0.375rem; } .pt-10 { padding-top: 2.5rem; } .pt-16 { padding-top: 4rem; } .pt-2 { padding-top: 0.5rem; } .pt-20 { padding-top: 5rem; } .pt-3 { padding-top: 0.75rem; } .pt-4 { padding-top: 1rem; } .pt-5 { padding-top: 1.25rem; } .pt-6 { padding-top: 1.5rem; } .pt-8 { padding-top: 2rem; } .pt-\[136px\] { padding-top: 136px; } .pt-\[58px\] { padding-top: 58px; } .text-left { text-align: left; } .text-center { text-align: center; } .text-right { text-align: right; } .align-middle { vertical-align: middle; } .font-\[\'Font_Awesome_6_Brands\:Regular\'\2c _sans-serif\] { font-family: 'Font Awesome 6 Brands:Regular', sans-serif; } .font-\[\'Font_Awesome_6_Pro\:Regular\'\2c _sans-serif\] { font-family: 'Font Awesome 6 Pro:Regular', sans-serif; } .font-\[\'Font_Awesome_6_Pro\:Solid\'\2c _sans-serif\] { font-family: 'Font Awesome 6 Pro:Solid', sans-serif; } .font-\[\'Font_Awesome_7_Pro\:Solid\'\2c _sans-serif\] { font-family: 'Font Awesome 7 Pro:Solid', sans-serif; } .font-\[\'Inter\:Bold\'\2c _sans-serif\] { font-family: 'Inter:Bold', sans-serif; } .font-\[\'Inter\:Medium\'\2c _sans-serif\] { font-family: 'Inter:Medium', sans-serif; } .font-\[\'Inter\:Semi_Bold\'\2c _sans-serif\] { font-family: 'Inter:Semi Bold', sans-serif; } .font-\[\'SF_Pro\:Semibold\'\2c _sans-serif\] { font-family: 'SF Pro:Semibold', sans-serif; } .font-mono { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } .text-6xl { font-size: 3.75rem; line-height: 1; } .text-\[0\.8rem\] { font-size: 0.8rem; } .text-\[10px\] { font-size: 10px; } .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-\[17px\] { font-size: 17px; } .text-\[18px\] { font-size: 18px; } .text-\[20px\] { font-size: 20px; } .text-\[24px\] { font-size: 24px; } .text-\[32px\] { font-size: 32px; } .text-\[40px\] { font-size: 40px; } .text-\[64px\] { font-size: 64px; } .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-\[590\] { font-weight: 590; } .font-bold { font-weight: 700; } .font-medium { font-weight: 500; } .font-normal { font-weight: 400; } .font-semibold { font-weight: 600; } .uppercase { text-transform: uppercase; } .not-italic { font-style: normal; } .tabular-nums { --tw-numeric-spacing: tabular-nums; font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); } .leading-\[0\] { line-height: 0; } .leading-\[1\.4\] { line-height: 1.4; } .leading-\[22px\] { line-height: 22px; } .leading-\[normal\] { line-height: normal; } .leading-none { line-height: 1; } .leading-relaxed { line-height: 1.625; } .tracking-\[-0\.12px\] { letter-spacing: -0.12px; } .tracking-\[-0\.14px\] { letter-spacing: -0.14px; } .tracking-\[-0\.16px\] { letter-spacing: -0.16px; } .tracking-\[-0\.18px\] { letter-spacing: -0.18px; } .tracking-\[-0\.24px\] { letter-spacing: -0.24px; } .tracking-\[-0\.2px\] { letter-spacing: -0.2px; } .tracking-\[-0\.64px\] { letter-spacing: -0.64px; } .tracking-\[-0\.8px\] { letter-spacing: -0.8px; } .tracking-\[-1\.28px\] { letter-spacing: -1.28px; } .tracking-\[0\.24px\] { letter-spacing: 0.24px; } .tracking-\[0\.2px\] { letter-spacing: 0.2px; } .tracking-\[0\.32px\] { letter-spacing: 0.32px; } .tracking-tight { letter-spacing: -0.025em; } .tracking-wide { letter-spacing: 0.025em; } .tracking-wider { letter-spacing: 0.05em; } .tracking-widest { letter-spacing: 0.1em; } .text-\[\#000000\] { --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } .text-\[\#1f2128\] { --tw-text-opacity: 1; color: rgb(31 33 40 / var(--tw-text-opacity)); } .text-\[\#2e2e2e\] { --tw-text-opacity: 1; color: rgb(46 46 46 / var(--tw-text-opacity)); } .text-\[\#3772ff\] { --tw-text-opacity: 1; color: rgb(55 114 255 / var(--tw-text-opacity)); } .text-\[\#777e90\] { --tw-text-opacity: 1; color: rgb(119 126 144 / var(--tw-text-opacity)); } .text-\[\#b1b5c3\] { --tw-text-opacity: 1; color: rgb(177 181 195 / var(--tw-text-opacity)); } .text-\[\#f2bc46\] { --tw-text-opacity: 1; color: rgb(242 188 70 / var(--tw-text-opacity)); } .text-\[\#fcfcfd\] { --tw-text-opacity: 1; color: rgb(252 252 253 / var(--tw-text-opacity)); } .text-current { color: currentColor; } .text-white { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .underline { text-decoration-line: underline; } .opacity-0 { opacity: 0; } .opacity-20 { opacity: 0.2; } .opacity-30 { opacity: 0.3; } .opacity-5 { opacity: 0.05; } .opacity-50 { opacity: 0.5; } .opacity-70 { opacity: 0.7; } .shadow { --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 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-2xl { --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25); --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[0_0_0_1px_hsl\(var\(--sidebar-border\)\)\] { --tw-shadow: 0 0 0 1px hsl(var(--sidebar-border)); --tw-shadow-colored: 0 0 0 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-\[0px_-10px_40px_0px_rgba\(0\2c 0\2c 0\2c 0\.08\)\] { --tw-shadow: 0px -10px 40px 0px rgba(0,0,0,0.08); --tw-shadow-colored: 0px -10px 40px 0px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-lg { --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 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 / 0.1), 0 2px 4px -2px rgb(0 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-none { --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; 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 / 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-xl { --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 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); } .outline-none { outline: 2px solid transparent; outline-offset: 2px; } .outline { outline-style: solid; } .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); } .blur { --tw-blur: blur(8px); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .blur-3xl { --tw-blur: blur(64px); 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-\[5\.8px\] { --tw-backdrop-blur: blur(5.8px); -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } .backdrop-blur-sm { --tw-backdrop-blur: blur(4px); -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } .backdrop-filter { -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } .transition { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-\[color\2c box-shadow\2c border-color\] { transition-property: color,box-shadow,border-color; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-\[color\2c box-shadow\] { transition-property: color,box-shadow; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-\[left\2c right\2c width\] { transition-property: left,right,width; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-\[margin\2c opacity\] { transition-property: margin,opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-\[width\2c height\2c padding\] { transition-property: width,height,padding; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-\[width\] { transition-property: width; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-all { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .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: 150ms; } .transition-none { transition-property: none; } .transition-opacity { transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-shadow { transition-property: box-shadow; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-transform { transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .duration-1000 { transition-duration: 1000ms; } .duration-200 { transition-duration: 200ms; } .duration-300 { transition-duration: 300ms; } .duration-500 { transition-duration: 500ms; } .duration-700 { transition-duration: 700ms; } .ease-in-out { transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .ease-linear { transition-timing-function: linear; } .ease-out { transition-timing-function: cubic-bezier(0, 0, 0.2, 1); } .\@container\/card-header { container: card-header / inline-size; } .pointer-events-none { pointer-events: none; } .invisible { visibility: hidden; } .visible { visibility: visible; } .sr-only { clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; width: 1px; height: 1px; margin: -1px; padding: 0; position: absolute; overflow: hidden; } .absolute { position: absolute; } .fixed { position: fixed; } .relative { position: relative; } .static { position: static; } .sticky { position: sticky; } .inset-0 { inset: calc(var(--spacing) * 0); } .inset-\[-0\.44\%_-0\.16\%\] { inset: -.44% -.16%; } .inset-\[-1px_-0\.11\%\] { inset: -1px -.11%; } .inset-\[-3\.13\%_-1px\] { inset: -3.13% -1px; } .inset-\[-4px\] { inset: -4px; } .inset-\[-33\.333\%\] { inset: -33.333%; } .inset-\[0\.22\%_16\.79\%_78\.98\%_50\.8\%\] { inset: .22% 16.79% 78.98% 50.8%; } .inset-x-0 { inset-inline: calc(var(--spacing) * 0); } .inset-y-0 { inset-block: calc(var(--spacing) * 0); } .-top-6 { top: calc(var(--spacing) * -6); } .-top-12 { top: calc(var(--spacing) * -12); } .top-0 { top: calc(var(--spacing) * 0); } .top-1\.5 { top: calc(var(--spacing) * 1.5); } .top-1\/2 { top: 50%; } .top-2 { top: calc(var(--spacing) * 2); } .top-2\.5 { top: calc(var(--spacing) * 2.5); } .top-3 { top: calc(var(--spacing) * 3); } .top-3\.5 { top: calc(var(--spacing) * 3.5); } .top-4 { top: calc(var(--spacing) * 4); } .top-5 { top: calc(var(--spacing) * 5); } .top-10 { top: calc(var(--spacing) * 10); } .top-20 { top: calc(var(--spacing) * 20); } .top-28 { top: calc(var(--spacing) * 28); } .top-42 { top: calc(var(--spacing) * 42); } .top-44 { top: calc(var(--spacing) * 44); } .top-\[-1px\] { top: -1px; } .top-\[-2px\] { top: -2px; } .top-\[-12\.5\%\] { top: -12.5%; } .top-\[-62px\] { top: -62px; } .top-\[0\.15\%\] { top: .15%; } .top-\[1px\] { top: 1px; } .top-\[3px\] { top: 3px; } .top-\[11px\] { top: 11px; } .top-\[16\.19\%\] { top: 16.19%; } .top-\[50\%\] { top: 50%; } .top-\[50px\] { top: 50px; } .top-\[60\%\] { top: 60%; } .top-\[62px\] { top: 62px; } .top-\[102px\] { top: 102px; } .top-\[107px\] { top: 107px; } .top-\[134px\] { top: 134px; } .top-\[146px\] { top: 146px; } .top-\[161px\] { top: 161px; } .top-\[193px\] { top: 193px; } .top-\[197px\] { top: 197px; } .top-full { top: 100%; } .-right-6 { right: calc(var(--spacing) * -6); } .-right-12 { right: calc(var(--spacing) * -12); } .right-0 { right: calc(var(--spacing) * 0); } .right-1 { right: calc(var(--spacing) * 1); } .right-1\/2 { right: 50%; } .right-2 { right: calc(var(--spacing) * 2); } .right-3 { right: calc(var(--spacing) * 3); } .right-4 { right: calc(var(--spacing) * 4); } .right-5 { right: calc(var(--spacing) * 5); } .right-\[-0\.16\%\] { right: -.16%; } .right-\[-0\.17\%\] { right: -.17%; } .right-\[-27\.78\%\] { right: -27.78%; } .right-\[-166\.67\%\] { right: -166.67%; } .right-\[27\.78\%\] { right: 27.78%; } .right-\[29\.97\%\] { right: 29.97%; } .right-\[66\.39\%\] { right: 66.39%; } .right-\[73\.95\%\] { right: 73.95%; } .-bottom-12 { bottom: calc(var(--spacing) * -12); } .bottom-0 { bottom: calc(var(--spacing) * 0); } .bottom-2 { bottom: calc(var(--spacing) * 2); } .bottom-4 { bottom: calc(var(--spacing) * 4); } .bottom-8 { bottom: calc(var(--spacing) * 8); } .bottom-\[-1px\] { bottom: -1px; } .bottom-\[6\.53\%\] { bottom: 6.53%; } .bottom-\[77px\] { bottom: 77px; } .bottom-\[894\.51px\] { bottom: 894.51px; } .-left-12 { left: calc(var(--spacing) * -12); } .left-0 { left: calc(var(--spacing) * 0); } .left-1 { left: calc(var(--spacing) * 1); } .left-1\/2 { left: 50%; } .left-2 { left: calc(var(--spacing) * 2); } .left-3 { left: calc(var(--spacing) * 3); } .left-4 { left: calc(var(--spacing) * 4); } .left-6 { left: calc(var(--spacing) * 6); } .left-\[-0\.16\%\] { left: -.16%; } .left-\[3px\] { left: 3px; } .left-\[7\.56\%\] { left: 7.56%; } .left-\[43\.7\%\] { left: 43.7%; } .left-\[50\%\] { left: 50%; } .left-\[67\.05\%\] { left: 67.05%; } .left-\[72px\] { left: 72px; } .left-\[275px\] { left: 275px; } .left-\[447px\] { left: 447px; } .left-\[756\.5px\] { left: 756.5px; } .isolate { isolation: isolate; } .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-\[9999\] { z-index: 9999; } .col-span-3 { grid-column: span 3 / span 3; } .col-span-4 { grid-column: span 4 / span 4; } .col-span-8 { grid-column: span 8 / span 8; } .col-span-12 { grid-column: span 12 / span 12; } .col-start-2 { grid-column-start: 2; } .row-span-2 { grid-row: span 2 / span 2; } .row-start-1 { grid-row-start: 1; } .\!container { width: 100% !important; } .container { width: 100%; } @media (width >= 40rem) { .\!container { max-width: 40rem !important; } .container { max-width: 40rem; } } @media (width >= 48rem) { .\!container { max-width: 48rem !important; } .container { max-width: 48rem; } } @media (width >= 64rem) { .\!container { max-width: 64rem !important; } .container { max-width: 64rem; } } @media (width >= 80rem) { .\!container { max-width: 80rem !important; } .container { max-width: 80rem; } } @media (width >= 96rem) { .\!container { max-width: 96rem !important; } .container { max-width: 96rem; } } .-mx-1 { margin-inline: calc(var(--spacing) * -1); } .mx-2 { margin-inline: calc(var(--spacing) * 2); } .mx-3\.5 { margin-inline: calc(var(--spacing) * 3.5); } .mx-auto { margin-inline: auto; } .my-0\.5 { margin-block: calc(var(--spacing) * .5); } .my-1 { margin-block: calc(var(--spacing) * 1); } .-mt-4 { margin-top: calc(var(--spacing) * -4); } .mt-1 { margin-top: calc(var(--spacing) * 1); } .mt-1\.5 { margin-top: calc(var(--spacing) * 1.5); } .mt-2 { margin-top: calc(var(--spacing) * 2); } .mt-3 { margin-top: calc(var(--spacing) * 3); } .mt-4 { margin-top: calc(var(--spacing) * 4); } .mt-6 { margin-top: calc(var(--spacing) * 6); } .mt-8 { margin-top: calc(var(--spacing) * 8); } .mt-16 { margin-top: calc(var(--spacing) * 16); } .mt-24 { margin-top: calc(var(--spacing) * 24); } .mt-auto { margin-top: auto; } .-mr-\[50vw\] { margin-right: -50vw; } .mr-1\.5 { margin-right: calc(var(--spacing) * 1.5); } .mr-2 { margin-right: calc(var(--spacing) * 2); } .mr-\[-11px\] { margin-right: -11px; } .mb-1 { margin-bottom: calc(var(--spacing) * 1); } .mb-2 { margin-bottom: calc(var(--spacing) * 2); } .mb-3 { margin-bottom: calc(var(--spacing) * 3); } .mb-4 { margin-bottom: calc(var(--spacing) * 4); } .mb-6 { margin-bottom: calc(var(--spacing) * 6); } .mb-8 { margin-bottom: calc(var(--spacing) * 8); } .mb-12 { margin-bottom: calc(var(--spacing) * 12); } .mb-16 { margin-bottom: calc(var(--spacing) * 16); } .mb-20 { margin-bottom: calc(var(--spacing) * 20); } .-ml-4 { margin-left: calc(var(--spacing) * -4); } .-ml-\[50vw\] { margin-left: -50vw; } .ml-1 { margin-left: calc(var(--spacing) * 1); } .ml-2 { margin-left: calc(var(--spacing) * 2); } .ml-auto { margin-left: auto; } .box-border { box-sizing: border-box; } .line-clamp-1 { -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; } .block { display: block; } .flex { display: flex; } .grid { display: grid; } .hidden { display: none; } .inline { display: inline; } .inline-block { display: inline-block; } .inline-flex { display: inline-flex; } .table { display: table; } .table-caption { display: table-caption; } .table-cell { display: table-cell; } .table-row { display: table-row; } .aspect-\[24\.0453\/24\] { aspect-ratio: 24.0453 / 24; } .aspect-\[63\.0364\/23\.4509\] { aspect-ratio: 63.0364 / 23.4509; } .aspect-\[119\/40\] { aspect-ratio: 119 / 40; } .aspect-\[360\/360\] { aspect-ratio: 360 / 360; } .aspect-\[1920\/730\.8\] { aspect-ratio: 1920 / 730.8; } .aspect-square { aspect-ratio: 1; } .aspect-video { aspect-ratio: var(--aspect-video); } .size-1\.5 { width: calc(var(--spacing) * 1.5); height: calc(var(--spacing) * 1.5); } .size-2 { width: calc(var(--spacing) * 2); height: calc(var(--spacing) * 2); } .size-2\.5 { width: calc(var(--spacing) * 2.5); height: calc(var(--spacing) * 2.5); } .size-3 { width: calc(var(--spacing) * 3); height: calc(var(--spacing) * 3); } .size-3\.5 { width: calc(var(--spacing) * 3.5); height: calc(var(--spacing) * 3.5); } .size-4 { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); } .size-5 { width: calc(var(--spacing) * 5); height: calc(var(--spacing) * 5); } .size-6 { width: calc(var(--spacing) * 6); height: calc(var(--spacing) * 6); } .size-7 { width: calc(var(--spacing) * 7); height: calc(var(--spacing) * 7); } .size-8 { width: calc(var(--spacing) * 8); height: calc(var(--spacing) * 8); } .size-9 { width: calc(var(--spacing) * 9); height: calc(var(--spacing) * 9); } .size-10 { width: calc(var(--spacing) * 10); height: calc(var(--spacing) * 10); } .size-11 { width: calc(var(--spacing) * 11); height: calc(var(--spacing) * 11); } .size-12 { width: calc(var(--spacing) * 12); height: calc(var(--spacing) * 12); } .size-16 { width: calc(var(--spacing) * 16); height: calc(var(--spacing) * 16); } .size-32 { width: calc(var(--spacing) * 32); height: calc(var(--spacing) * 32); } .size-\[11\.456px\] { width: 11.456px; height: 11.456px; } .size-\[18px\] { width: 18px; height: 18px; } .size-\[38px\] { width: 38px; height: 38px; } .size-\[52px\] { width: 52px; height: 52px; } .size-\[104px\] { width: 104px; height: 104px; } .size-\[164px\] { width: 164px; height: 164px; } .size-\[170px\] { width: 170px; height: 170px; } .size-full { width: 100%; height: 100%; } .h-0 { height: calc(var(--spacing) * 0); } .h-1 { height: calc(var(--spacing) * 1); } .h-1\.5 { height: calc(var(--spacing) * 1.5); } .h-2 { height: calc(var(--spacing) * 2); } .h-2\.5 { height: calc(var(--spacing) * 2.5); } .h-3 { height: calc(var(--spacing) * 3); } .h-3\.5 { height: calc(var(--spacing) * 3.5); } .h-4 { height: calc(var(--spacing) * 4); } .h-5 { height: calc(var(--spacing) * 5); } .h-6 { height: calc(var(--spacing) * 6); } .h-7 { height: calc(var(--spacing) * 7); } .h-8 { height: calc(var(--spacing) * 8); } .h-9 { height: calc(var(--spacing) * 9); } .h-10 { height: calc(var(--spacing) * 10); } .h-11 { height: calc(var(--spacing) * 11); } .h-12 { height: calc(var(--spacing) * 12); } .h-14 { height: calc(var(--spacing) * 14); } .h-16 { height: calc(var(--spacing) * 16); } .h-20 { height: calc(var(--spacing) * 20); } .h-40 { height: calc(var(--spacing) * 40); } .h-48 { height: calc(var(--spacing) * 48); } .h-64 { height: calc(var(--spacing) * 64); } .h-80 { height: calc(var(--spacing) * 80); } .h-96 { height: calc(var(--spacing) * 96); } .h-\[1\.15rem\] { height: 1.15rem; } .h-\[5px\] { height: 5px; } .h-\[11\.146px\] { height: 11.146px; } .h-\[13px\] { height: 13px; } .h-\[16\.175px\] { height: 16.175px; } .h-\[16px\] { height: 16px; } .h-\[22px\] { height: 22px; } .h-\[30px\] { height: 30px; } .h-\[41px\] { height: 41px; } .h-\[53px\] { height: 53px; } .h-\[60px\] { height: 60px; } .h-\[62px\] { height: 62px; } .h-\[72px\] { height: 72px; } .h-\[88px\] { height: 88px; } .h-\[169px\] { height: 169px; } .h-\[300px\] { height: 300px; } .h-\[415px\] { height: 415px; } .h-\[456px\] { height: 456px; } .h-\[813px\] { height: 813px; } .h-\[1080px\] { height: 1080px; } .h-\[calc\(100\%-1px\)\] { height: calc(100% - 1px); } .h-\[var\(--radix-navigation-menu-viewport-height\)\] { height: var(--radix-navigation-menu-viewport-height); } .h-\[var\(--radix-select-trigger-height\)\] { height: var(--radix-select-trigger-height); } .h-auto { height: auto; } .h-full { height: 100%; } .h-px { height: 1px; } .h-svh { height: 100svh; } .max-h-\(--radix-context-menu-content-available-height\) { max-height: var(--radix-context-menu-content-available-height); } .max-h-\(--radix-dropdown-menu-content-available-height\) { max-height: var(--radix-dropdown-menu-content-available-height); } .max-h-\(--radix-select-content-available-height\) { max-height: var(--radix-select-content-available-height); } .max-h-0 { max-height: calc(var(--spacing) * 0); } .max-h-96 { max-height: calc(var(--spacing) * 96); } .max-h-\[300px\] { max-height: 300px; } .min-h-0 { min-height: calc(var(--spacing) * 0); } .min-h-4 { min-height: calc(var(--spacing) * 4); } .min-h-16 { min-height: calc(var(--spacing) * 16); } .min-h-px { min-height: 1px; } .min-h-screen { min-height: 100vh; } .min-h-svh { min-height: 100svh; } .w-\(--sidebar-width\) { width: var(--sidebar-width); } .w-0 { width: calc(var(--spacing) * 0); } .w-0\.5 { width: calc(var(--spacing) * .5); } .w-1 { width: calc(var(--spacing) * 1); } .w-2 { width: calc(var(--spacing) * 2); } .w-2\.5 { width: calc(var(--spacing) * 2.5); } .w-3 { width: calc(var(--spacing) * 3); } .w-3\.5 { width: calc(var(--spacing) * 3.5); } .w-3\/4 { width: 75%; } .w-4 { width: calc(var(--spacing) * 4); } .w-5 { width: calc(var(--spacing) * 5); } .w-6 { width: calc(var(--spacing) * 6); } .w-8 { width: calc(var(--spacing) * 8); } .w-9 { width: calc(var(--spacing) * 9); } .w-10 { width: calc(var(--spacing) * 10); } .w-12 { width: calc(var(--spacing) * 12); } .w-16 { width: calc(var(--spacing) * 16); } .w-24 { width: calc(var(--spacing) * 24); } .w-28 { width: calc(var(--spacing) * 28); } .w-64 { width: calc(var(--spacing) * 64); } .w-72 { width: calc(var(--spacing) * 72); } .w-80 { width: calc(var(--spacing) * 80); } .w-96 { width: calc(var(--spacing) * 96); } .w-\[7px\] { width: 7px; } .w-\[16\.175px\] { width: 16.175px; } .w-\[16px\] { width: 16px; } .w-\[18px\] { width: 18px; } .w-\[29\.675px\] { width: 29.675px; } .w-\[39px\] { width: 39px; } .w-\[49px\] { width: 49px; } .w-\[59px\] { width: 59px; } .w-\[78\.328px\] { width: 78.328px; } .w-\[83px\] { width: 83px; } .w-\[86px\] { width: 86px; } .w-\[89px\] { width: 89px; } .w-\[95px\] { width: 95px; } .w-\[100px\] { width: 100px; } .w-\[122px\] { width: 122px; } .w-\[124px\] { width: 124px; } .w-\[155px\] { width: 155px; } .w-\[170px\] { width: 170px; } .w-\[200px\] { width: 200px; } .w-\[232px\] { width: 232px; } .w-\[264px\] { width: 264px; } .w-\[296px\] { width: 296px; } .w-\[316px\] { width: 316px; } .w-\[360px\] { width: 360px; } .w-\[375px\] { width: 375px; } .w-\[402px\] { width: 402px; } .w-\[460px\] { width: 460px; } .w-\[480px\] { width: 480px; } .w-\[510px\] { width: 510px; } .w-\[672px\] { width: 672px; } .w-\[711px\] { width: 711px; } .w-\[716px\] { width: 716px; } .w-\[768px\] { width: 768px; } .w-\[928px\] { width: 928px; } .w-\[1024px\] { width: 1024px; } .w-\[1120px\] { width: 1120px; } .w-\[1920px\] { width: 1920px; } .w-auto { width: auto; } .w-fit { width: -moz-fit-content; width: fit-content; } .w-full { width: 100%; } .w-max { width: -moz-max-content; width: max-content; } .w-px { width: 1px; } .w-screen { width: 100vw; } .max-w-\(--skeleton-width\) { max-width: var(--skeleton-width); } .max-w-2xl { max-width: var(--container-2xl); } .max-w-3xl { max-width: var(--container-3xl); } .max-w-4xl { max-width: var(--container-4xl); } .max-w-7xl { max-width: var(--container-7xl); } .max-w-16 { max-width: calc(var(--spacing) * 16); } .max-w-40 { max-width: calc(var(--spacing) * 40); } .max-w-64 { max-width: calc(var(--spacing) * 64); } .max-w-80 { max-width: calc(var(--spacing) * 80); } .max-w-\[400px\] { max-width: 400px; } .max-w-\[672px\] { max-width: 672px; } .max-w-\[1024px\] { max-width: 1024px; } .max-w-\[1120px\] { max-width: 1120px; } .max-w-\[calc\(100\%-2rem\)\] { max-width: calc(100% - 2rem); } .max-w-lg { max-width: var(--container-lg); } .max-w-max { max-width: -moz-max-content; max-width: max-content; } .max-w-md { max-width: var(--container-md); } .max-w-none { max-width: none; } .max-w-sm { max-width: var(--container-sm); } .max-w-xs { max-width: var(--container-xs); } .min-w-0 { min-width: calc(var(--spacing) * 0); } .min-w-5 { min-width: calc(var(--spacing) * 5); } .min-w-8 { min-width: calc(var(--spacing) * 8); } .min-w-9 { min-width: calc(var(--spacing) * 9); } .min-w-10 { min-width: calc(var(--spacing) * 10); } .min-w-\[8rem\] { min-width: 8rem; } .min-w-\[12rem\] { min-width: 12rem; } .min-w-\[200px\] { min-width: 200px; } .min-w-\[1024px\] { min-width: 1024px; } .min-w-\[var\(--radix-select-trigger-width\)\] { min-width: var(--radix-select-trigger-width); } .min-w-full { min-width: 100%; } .min-w-px { min-width: 1px; } .flex-1 { flex: 1; } .flex-none { flex: none; } .flex-shrink { flex-shrink: 1; } .flex-shrink-0, .shrink-0 { flex-shrink: 0; } .grow { flex-grow: 1; } .grow-0 { flex-grow: 0; } .basis-0 { flex-basis: calc(var(--spacing) * 0); } .basis-full { flex-basis: 100%; } .caption-bottom { caption-side: bottom; } .border-collapse { border-collapse: collapse; } .origin-\(--radix-context-menu-content-transform-origin\) { transform-origin: var(--radix-context-menu-content-transform-origin); } .origin-\(--radix-dropdown-menu-content-transform-origin\) { transform-origin: var(--radix-dropdown-menu-content-transform-origin); } .origin-\(--radix-hover-card-content-transform-origin\) { transform-origin: var(--radix-hover-card-content-transform-origin); } .origin-\(--radix-menubar-content-transform-origin\) { transform-origin: var(--radix-menubar-content-transform-origin); } .origin-\(--radix-popover-content-transform-origin\) { transform-origin: var(--radix-popover-content-transform-origin); } .origin-\(--radix-select-content-transform-origin\) { transform-origin: var(--radix-select-content-transform-origin); } .origin-\(--radix-tooltip-content-transform-origin\) { transform-origin: var(--radix-tooltip-content-transform-origin); } .-translate-x-1\/2 { --tw-translate-x: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-x-px { --tw-translate-x: -1px; translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-\[-50\%\] { --tw-translate-x: -50%; translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-px { --tw-translate-x: 1px; translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-1\/2 { --tw-translate-y: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-0\.5 { --tw-translate-y: calc(var(--spacing) * .5); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-\[-50\%\] { --tw-translate-y: -50%; translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-\[calc\(-50\%_-_2px\)\] { --tw-translate-y: calc(-50% - 2px); translate: var(--tw-translate-x) var(--tw-translate-y); } .rotate-45 { rotate: 45deg; } .rotate-90 { rotate: 90deg; } .rotate-180 { rotate: 180deg; } .rotate-\[45deg\] { rotate: 45deg; } .rotate-\[180deg\] { rotate: 180deg; } .rotate-\[270deg\] { rotate: 270deg; } .transform { transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y); } .animate-caret-blink { animation: 1.25s ease-out infinite caret-blink; } .animate-in { animation: enter var(--tw-duration, .15s) var(--tw-ease, ease); } .animate-pulse { animation: var(--animate-pulse); } .cursor-default { cursor: default; } .cursor-pointer { cursor: pointer; } .touch-none { touch-action: none; } .resize { resize: both; } .resize-none { resize: none; } .scroll-my-1 { scroll-margin-block: calc(var(--spacing) * 1); } .scroll-py-1 { scroll-padding-block: calc(var(--spacing) * 1); } .list-none { list-style-type: none; } .auto-rows-min { grid-auto-rows: min-content; } .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } .grid-cols-\[0_1fr\] { grid-template-columns: 0 1fr; } .grid-rows-\[auto_auto\] { grid-template-rows: auto auto; } .flex-col { flex-direction: column; } .flex-col-reverse { flex-direction: column-reverse; } .flex-row { flex-direction: row; } .flex-wrap { flex-wrap: wrap; } .content-center { align-content: center; } .content-stretch { align-content: stretch; } .items-center { align-items: center; } .items-end { align-items: flex-end; } .items-start { align-items: flex-start; } .items-stretch { align-items: stretch; } .justify-between { justify-content: space-between; } .justify-center { justify-content: center; } .justify-end { justify-content: flex-end; } .justify-start { justify-content: flex-start; } .justify-items-start { justify-items: start; } .gap-0\.5 { gap: calc(var(--spacing) * .5); } .gap-1 { gap: calc(var(--spacing) * 1); } .gap-1\.5 { gap: calc(var(--spacing) * 1.5); } .gap-2 { gap: calc(var(--spacing) * 2); } .gap-2\.5 { gap: calc(var(--spacing) * 2.5); } .gap-3 { gap: calc(var(--spacing) * 3); } .gap-3\.5 { gap: calc(var(--spacing) * 3.5); } .gap-4 { gap: calc(var(--spacing) * 4); } .gap-5 { gap: calc(var(--spacing) * 5); } .gap-6 { gap: calc(var(--spacing) * 6); } .gap-7 { gap: calc(var(--spacing) * 7); } .gap-8 { gap: calc(var(--spacing) * 8); } .gap-10 { gap: calc(var(--spacing) * 10); } .gap-12 { gap: calc(var(--spacing) * 12); } .gap-16 { gap: calc(var(--spacing) * 16); } .gap-\[5px\] { gap: 5px; } .gap-\[7px\] { gap: 7px; } .gap-\[18px\] { gap: 18px; } .gap-\[19px\] { gap: 19px; } .gap-\[322px\] { gap: 322px; } :where(.space-y-1 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-2 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-3 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-4 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-6 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-8 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-12 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-16 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 16) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 16) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-20 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 20) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 20) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-x-1 > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 1) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-x-reverse))); } :where(.space-x-2 > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse))); } :where(.space-x-4 > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse))); } .gap-y-0\.5 { row-gap: calc(var(--spacing) * .5); } .self-start { align-self: flex-start; } .self-stretch { align-self: stretch; } .justify-self-end { justify-self: flex-end; } .overflow-auto { overflow: auto; } .overflow-clip { overflow: clip; } .overflow-hidden { overflow: hidden; } .overflow-x-auto { overflow-x: auto; } .overflow-x-clip { overflow-x: clip; } .overflow-x-hidden { overflow-x: hidden; } .overflow-y-auto { overflow-y: auto; } .rounded { border-radius: .25rem; } .rounded-2xl { border-radius: var(--radius-2xl); } .rounded-\[2\.8rem\] { border-radius: 2.8rem; } .rounded-\[2px\] { border-radius: 2px; } .rounded-\[3rem\] { border-radius: 3rem; } .rounded-\[4px\] { border-radius: 4px; } .rounded-\[8px\] { border-radius: 8px; } .rounded-\[12px\] { border-radius: 12px; } .rounded-\[99px\] { border-radius: 99px; } .rounded-\[103px\] { border-radius: 103px; } .rounded-\[inherit\] { border-radius: inherit; } .rounded-full { border-radius: 3.40282e38px; } .rounded-lg { border-radius: .625rem; } .rounded-md { border-radius: .425rem; } .rounded-none { border-radius: 0; } .rounded-sm { border-radius: .225rem; } .rounded-xl { border-radius: 1.025rem; } .rounded-xs { border-radius: var(--radius-xs); } .rounded-l-sm { border-top-left-radius: .225rem; border-bottom-left-radius: .225rem; } .rounded-tl-\[12px\] { border-top-left-radius: 12px; } .rounded-tl-\[24px\] { border-top-left-radius: 24px; } .rounded-tl-sm { border-top-left-radius: .225rem; } .rounded-r-sm { border-top-right-radius: .225rem; border-bottom-right-radius: .225rem; } .rounded-tr-\[4px\] { border-top-right-radius: 4px; } .rounded-tr-\[12px\] { border-top-right-radius: 12px; } .rounded-tr-\[24px\] { border-top-right-radius: 24px; } .rounded-br-\[4px\] { border-bottom-right-radius: 4px; } .rounded-br-\[12px\] { border-bottom-right-radius: 12px; } .rounded-br-sm { border-bottom-right-radius: .225rem; } .rounded-bl-\[4px\] { border-bottom-left-radius: 4px; } .rounded-bl-\[12px\] { border-bottom-left-radius: 12px; } .rounded-bl-sm { border-bottom-left-radius: .225rem; } .border { border-style: var(--tw-border-style); border-width: 1px; } .border-2 { border-style: var(--tw-border-style); border-width: 2px; } .border-4 { border-style: var(--tw-border-style); border-width: 4px; } .border-\[0\.5px_0px_0px\] { border-style: var(--tw-border-style); border-width: .5px 0 0; } .border-\[0px_0px_0px_2px\] { border-style: var(--tw-border-style); border-width: 0 0 0 2px; } .border-\[0px_0px_2px\] { border-style: var(--tw-border-style); border-width: 0 0 2px; } .border-\[1\.5px\] { border-style: var(--tw-border-style); border-width: 1.5px; } .border-\[2px_0px_0px\] { border-style: var(--tw-border-style); border-width: 2px 0 0; } .border-\[2px_2px_0px\] { border-style: var(--tw-border-style); border-width: 2px 2px 0; } .border-y { border-block-style: var(--tw-border-style); border-block-width: 1px; } .border-t { border-top-style: var(--tw-border-style); border-top-width: 1px; } .border-t-2 { border-top-style: var(--tw-border-style); border-top-width: 2px; } .border-r { border-right-style: var(--tw-border-style); border-right-width: 1px; } .border-b { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } .border-b-2 { border-bottom-style: var(--tw-border-style); border-bottom-width: 2px; } .border-l { border-left-style: var(--tw-border-style); border-left-width: 1px; } .border-dashed { --tw-border-style: dashed; border-style: dashed; } .border-solid { --tw-border-style: solid; border-style: solid; } .border-\(--color-border\) { border-color: var(--color-border); } .border-\[\#343841\] { border-color: #343841; } .border-\[\#b8b8b9\] { border-color: #b8b8b9; } .border-\[\#e6e8ec\] { border-color: #e6e8ec; } .border-\[\#f4f5f6\] { border-color: #f4f5f6; } .border-\[\#fcfcfd\] { border-color: #fcfcfd; } .border-border { border-color: oklch(.922 0 0); } .border-border\/50 { border-color: color-mix(in oklab, oklch(.922 0 0) 50%, transparent); } .border-input { border-color: oklch(.922 0 0); } .border-primary { border-color: oklch(.205 0 0); } .border-sidebar-border { border-color: oklch(.922 0 0); } .border-transparent { border-color: #0000; } .border-t-transparent { border-top-color: #0000; } .border-l-transparent { border-left-color: #0000; } .bg-\(--color-bg\) { background-color: var(--color-bg); } .bg-\[\#000000\] { background-color: #000; } .bg-\[\#1f2128\] { background-color: #1f2128; } .bg-\[\#2e3038\] { background-color: #2e3038; } .bg-\[\#45b26b\] { background-color: #45b26b; } .bg-\[\#3772ff\] { background-color: #3772ff; } .bg-\[\#141416\] { background-color: #141416; } .bg-\[\#b1b5c3\] { background-color: #b1b5c3; } .bg-\[\#b9a9fb\] { background-color: #b9a9fb; } .bg-\[\#bce6ec\] { background-color: #bce6ec; } .bg-\[\#d9d9d9\] { background-color: #d9d9d9; } .bg-\[\#e6e8ec\] { background-color: #e6e8ec; } .bg-\[\#f4f5f6\] { background-color: #f4f5f6; } .bg-\[\#fcf7ef\] { background-color: #fcf7ef; } .bg-\[\#fcfcfd\] { background-color: #fcfcfd; } .bg-\[\#ff0000\] { background-color: red; } .bg-\[\#ffa6d6\] { background-color: #ffa6d6; } .bg-\[\#ffffff\] { background-color: #fff; } .bg-\[rgba\(0\,0\,0\,0\)\] { background-color: #0000; } .bg-\[rgba\(252\,252\,253\,0\.61\)\] { background-color: #fcfcfd9c; } .bg-accent { background-color: oklch(.97 0 0); } .bg-background { background-color: oklch(1 0 0); } .bg-black\/20 { background-color: #0003; } @supports (color: color-mix(in lab, red, red)) { .bg-black\/20 { background-color: color-mix(in oklab, var(--color-black) 20%, transparent); } } .bg-black\/50 { background-color: #00000080; } @supports (color: color-mix(in lab, red, red)) { .bg-black\/50 { background-color: color-mix(in oklab, var(--color-black) 50%, transparent); } } .bg-blue-500 { background-color: var(--color-blue-500); } .bg-border { background-color: oklch(.922 0 0); } .bg-card { background-color: oklch(1 0 0); } .bg-chart-1 { background-color: oklch(.646 .222 41.116); } .bg-chart-2 { background-color: oklch(.6 .118 184.704); } .bg-chart-3 { background-color: oklch(.398 .07 227.392); } .bg-chart-4 { background-color: oklch(.828 .189 84.429); } .bg-destructive { background-color: oklch(.577 .245 27.325); } .bg-foreground { background-color: oklch(.145 0 0); } .bg-gray-100 { background-color: var(--color-gray-100); } .bg-green-500 { background-color: var(--color-green-500); } .bg-input { background-color: oklch(.922 0 0); } .bg-muted { background-color: oklch(.97 0 0); } .bg-muted\/50 { background-color: color-mix(in oklab, oklch(.97 0 0) 50%, transparent); } .bg-popover { background-color: oklch(1 0 0); } .bg-primary { background-color: oklch(.205 0 0); } .bg-primary\/10 { background-color: color-mix(in oklab, oklch(.205 0 0) 10%, transparent); } .bg-primary\/20 { background-color: color-mix(in oklab, oklch(.205 0 0) 20%, transparent); } .bg-secondary { background-color: oklch(.97 0 0); } .bg-secondary\/50 { background-color: color-mix(in oklab, oklch(.97 0 0) 50%, transparent); } .bg-sidebar { background-color: oklch(.985 0 0); } .bg-sidebar-border { background-color: oklch(.922 0 0); } .bg-transparent { background-color: #0000; } .bg-white { background-color: var(--color-white); } .bg-yellow-500 { background-color: var(--color-yellow-500); } .bg-cover { background-size: cover; } .bg-size-\[cover\,auto\] { background-size: cover, auto; } .bg-size-\[cover\,cover\,auto\] { background-size: cover, cover, auto; } .bg-\[position\:50\%_50\%\,_0\%_0\%\] { background-position: 50%, 0 0; } .bg-\[position\:50\%_50\%\,_50\%_50\%\,_0\%_0\%\] { background-position: 50%, 50%, 0 0; } .bg-center { background-position: center; } .bg-no-repeat { background-repeat: no-repeat; } .fill-current { fill: currentColor; } .fill-primary { fill: oklch(.205 0 0); } .object-contain { -o-object-fit: contain; object-fit: contain; } .object-cover { -o-object-fit: cover; object-fit: cover; } .object-left { -o-object-position: left; object-position: left; } .p-0 { padding: calc(var(--spacing) * 0); } .p-1 { padding: calc(var(--spacing) * 1); } .p-2 { padding: calc(var(--spacing) * 2); } .p-3 { padding: calc(var(--spacing) * 3); } .p-4 { padding: calc(var(--spacing) * 4); } .p-6 { padding: calc(var(--spacing) * 6); } .p-8 { padding: calc(var(--spacing) * 8); } .p-\[3px\] { padding: 3px; } .p-\[6px\] { padding: 6px; } .p-\[8px\] { padding: 8px; } .p-\[10px\] { padding: 10px; } .p-\[12px\] { padding: 12px; } .p-\[14px\] { padding: 14px; } .p-\[16px\] { padding: 16px; } .p-\[18px\] { padding: 18px; } .p-\[20px\] { padding: 20px; } .p-\[24px\] { padding: 24px; } .p-\[32px\] { padding: 32px; } .p-\[40px\] { padding: 40px; } .p-px { padding: 1px; } .px-0 { padding-inline: calc(var(--spacing) * 0); } .px-1 { padding-inline: calc(var(--spacing) * 1); } .px-1\.5 { padding-inline: calc(var(--spacing) * 1.5); } .px-2 { padding-inline: calc(var(--spacing) * 2); } .px-2\.5 { padding-inline: calc(var(--spacing) * 2.5); } .px-3 { padding-inline: calc(var(--spacing) * 3); } .px-3\.5 { padding-inline: calc(var(--spacing) * 3.5); } .px-4 { padding-inline: calc(var(--spacing) * 4); } .px-5 { padding-inline: calc(var(--spacing) * 5); } .px-6 { padding-inline: calc(var(--spacing) * 6); } .px-8 { padding-inline: calc(var(--spacing) * 8); } .px-16 { padding-inline: calc(var(--spacing) * 16); } .px-20 { padding-inline: calc(var(--spacing) * 20); } .px-\[18px\] { padding-inline: 18px; } .px-\[361px\] { padding-inline: 361px; } .py-0 { padding-block: calc(var(--spacing) * 0); } .py-0\.5 { padding-block: calc(var(--spacing) * .5); } .py-1 { padding-block: calc(var(--spacing) * 1); } .py-1\.5 { padding-block: calc(var(--spacing) * 1.5); } .py-2 { padding-block: calc(var(--spacing) * 2); } .py-2\.5 { padding-block: calc(var(--spacing) * 2.5); } .py-3 { padding-block: calc(var(--spacing) * 3); } .py-4 { padding-block: calc(var(--spacing) * 4); } .py-5 { padding-block: calc(var(--spacing) * 5); } .py-6 { padding-block: calc(var(--spacing) * 6); } .py-8 { padding-block: calc(var(--spacing) * 8); } .py-12 { padding-block: calc(var(--spacing) * 12); } .py-16 { padding-block: calc(var(--spacing) * 16); } .py-24 { padding-block: calc(var(--spacing) * 24); } .py-32 { padding-block: calc(var(--spacing) * 32); } .py-\[18px\] { padding-block: 18px; } .pt-0 { padding-top: calc(var(--spacing) * 0); } .pt-1 { padding-top: calc(var(--spacing) * 1); } .pt-1\.5 { padding-top: calc(var(--spacing) * 1.5); } .pt-2 { padding-top: calc(var(--spacing) * 2); } .pt-3 { padding-top: calc(var(--spacing) * 3); } .pt-4 { padding-top: calc(var(--spacing) * 4); } .pt-5 { padding-top: calc(var(--spacing) * 5); } .pt-6 { padding-top: calc(var(--spacing) * 6); } .pt-8 { padding-top: calc(var(--spacing) * 8); } .pt-10 { padding-top: calc(var(--spacing) * 10); } .pt-16 { padding-top: calc(var(--spacing) * 16); } .pt-20 { padding-top: calc(var(--spacing) * 20); } .pt-\[58px\] { padding-top: 58px; } .pt-\[136px\] { padding-top: 136px; } .pr-0 { padding-right: calc(var(--spacing) * 0); } .pr-2 { padding-right: calc(var(--spacing) * 2); } .pr-2\.5 { padding-right: calc(var(--spacing) * 2.5); } .pr-3 { padding-right: calc(var(--spacing) * 3); } .pr-3\.5 { padding-right: calc(var(--spacing) * 3.5); } .pr-4 { padding-right: calc(var(--spacing) * 4); } .pr-5 { padding-right: calc(var(--spacing) * 5); } .pr-8 { padding-right: calc(var(--spacing) * 8); } .pr-\[11px\] { padding-right: 11px; } .pb-0 { padding-bottom: calc(var(--spacing) * 0); } .pb-1\.5 { padding-bottom: calc(var(--spacing) * 1.5); } .pb-2\.5 { padding-bottom: calc(var(--spacing) * 2.5); } .pb-3 { padding-bottom: calc(var(--spacing) * 3); } .pb-4 { padding-bottom: calc(var(--spacing) * 4); } .pb-5 { padding-bottom: calc(var(--spacing) * 5); } .pb-6 { padding-bottom: calc(var(--spacing) * 6); } .pb-16 { padding-bottom: calc(var(--spacing) * 16); } .pb-\[18px\] { padding-bottom: 18px; } .pb-\[121px\] { padding-bottom: 121px; } .pb-\[181px\] { padding-bottom: 181px; } .pl-0 { padding-left: calc(var(--spacing) * 0); } .pl-2 { padding-left: calc(var(--spacing) * 2); } .pl-2\.5 { padding-left: calc(var(--spacing) * 2.5); } .pl-3 { padding-left: calc(var(--spacing) * 3); } .pl-3\.5 { padding-left: calc(var(--spacing) * 3.5); } .pl-4 { padding-left: calc(var(--spacing) * 4); } .pl-5 { padding-left: calc(var(--spacing) * 5); } .pl-8 { padding-left: calc(var(--spacing) * 8); } .pl-10 { padding-left: calc(var(--spacing) * 10); } .pl-\[52px\] { padding-left: 52px; } .pl-\[232px\] { padding-left: 232px; } .text-center { text-align: center; } .text-left { text-align: left; } .text-right { text-align: right; } .align-middle { vertical-align: middle; } .font-\[\'Font_Awesome_6_Brands\:Regular\'\,_sans-serif\] { font-family: "Font Awesome 6 Brands:Regular", sans-serif; } .font-\[\'Font_Awesome_6_Pro\:Regular\'\,_sans-serif\] { font-family: "Font Awesome 6 Pro:Regular", sans-serif; } .font-\[\'Font_Awesome_6_Pro\:Solid\'\,_sans-serif\] { font-family: "Font Awesome 6 Pro:Solid", sans-serif; } .font-\[\'Font_Awesome_7_Pro\:Solid\'\,_sans-serif\] { font-family: "Font Awesome 7 Pro:Solid", sans-serif; } .font-\[\'Inter\:Bold\'\,_sans-serif\] { font-family: Inter\:Bold, sans-serif; } .font-\[\'Inter\:Medium\'\,_sans-serif\] { font-family: Inter\:Medium, sans-serif; } .font-\[\'Inter\:Semi_Bold\'\,_sans-serif\] { font-family: Inter\:Semi Bold, sans-serif; } .font-\[\'SF_Pro\:Semibold\'\,_sans-serif\] { font-family: SF Pro\:Semibold, sans-serif; } .font-mono { font-family: var(--font-mono); } .text-6xl { font-size: var(--text-6xl); line-height: var(--tw-leading, var(--text-6xl--line-height)); } .text-lg { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } .text-sm { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } .text-xl { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); } .text-xs { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } .text-\[0\.8rem\] { font-size: .8rem; } .text-\[10px\] { font-size: 10px; } .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-\[17px\] { font-size: 17px; } .text-\[18px\] { font-size: 18px; } .text-\[20px\] { font-size: 20px; } .text-\[24px\] { font-size: 24px; } .text-\[32px\] { font-size: 32px; } .text-\[40px\] { font-size: 40px; } .text-\[64px\] { font-size: 64px; } .leading-\[0\] { --tw-leading: 0; line-height: 0; } .leading-\[1\.4\] { --tw-leading: 1.4; line-height: 1.4; } .leading-\[22px\] { --tw-leading: 22px; line-height: 22px; } .leading-\[normal\] { --tw-leading: normal; line-height: normal; } .leading-none { --tw-leading: 1; line-height: 1; } .leading-relaxed { --tw-leading: var(--leading-relaxed); line-height: var(--leading-relaxed); } .font-\[590\] { --tw-font-weight: 590; font-weight: 590; } .font-bold { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } .font-medium { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } .font-normal { --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); } .font-semibold { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } .tracking-\[-0\.2px\] { --tw-tracking: -.2px; letter-spacing: -.2px; } .tracking-\[-0\.8px\] { --tw-tracking: -.8px; letter-spacing: -.8px; } .tracking-\[-0\.12px\] { --tw-tracking: -.12px; letter-spacing: -.12px; } .tracking-\[-0\.14px\] { --tw-tracking: -.14px; letter-spacing: -.14px; } .tracking-\[-0\.16px\] { --tw-tracking: -.16px; letter-spacing: -.16px; } .tracking-\[-0\.18px\] { --tw-tracking: -.18px; letter-spacing: -.18px; } .tracking-\[-0\.24px\] { --tw-tracking: -.24px; letter-spacing: -.24px; } .tracking-\[-0\.64px\] { --tw-tracking: -.64px; letter-spacing: -.64px; } .tracking-\[-1\.28px\] { --tw-tracking: -1.28px; letter-spacing: -1.28px; } .tracking-\[0\.2px\] { --tw-tracking: .2px; letter-spacing: .2px; } .tracking-\[0\.24px\] { --tw-tracking: .24px; letter-spacing: .24px; } .tracking-\[0\.32px\] { --tw-tracking: .32px; letter-spacing: .32px; } .tracking-tight { --tw-tracking: var(--tracking-tight); letter-spacing: var(--tracking-tight); } .tracking-wide { --tw-tracking: var(--tracking-wide); letter-spacing: var(--tracking-wide); } .tracking-wider { --tw-tracking: var(--tracking-wider); letter-spacing: var(--tracking-wider); } .tracking-widest { --tw-tracking: var(--tracking-widest); letter-spacing: var(--tracking-widest); } .text-balance { text-wrap: balance; } .text-nowrap { text-wrap: nowrap; } .break-words { overflow-wrap: break-word; } .\[text-overflow\:inherit\] { text-overflow: inherit; } .overflow-ellipsis { text-overflow: ellipsis; } .whitespace-nowrap { white-space: nowrap; } .whitespace-pre { white-space: pre; } .text-\[\#000000\] { color: #000; } .text-\[\#1f2128\] { color: #1f2128; } .text-\[\#2e2e2e\] { color: #2e2e2e; } .text-\[\#777e90\] { color: #777e90; } .text-\[\#3772ff\] { color: #3772ff; } .text-\[\#b1b5c3\] { color: #b1b5c3; } .text-\[\#f2bc46\] { color: #f2bc46; } .text-\[\#fcfcfd\] { color: #fcfcfd; } .text-accent-foreground { color: oklch(.205 0 0); } .text-card-foreground { color: oklch(.145 0 0); } .text-chart-1 { color: oklch(.646 .222 41.116); } .text-chart-2 { color: oklch(.6 .118 184.704); } .text-chart-3 { color: oklch(.398 .07 227.392); } .text-chart-4 { color: oklch(.828 .189 84.429); } .text-current { color: currentColor; } .text-destructive { color: oklch(.577 .245 27.325); } .text-foreground { color: oklch(.145 0 0); } .text-muted-foreground { color: oklch(.556 0 0); } .text-popover-foreground { color: oklch(.145 0 0); } .text-primary { color: oklch(.205 0 0); } .text-primary-foreground { color: oklch(.985 0 0); } .text-secondary-foreground { color: oklch(.205 0 0); } .text-sidebar-foreground { color: oklch(.145 0 0); } .text-sidebar-foreground\/70 { color: color-mix(in oklab, oklch(.145 0 0) 70%, transparent); } .text-white { color: var(--color-white); } .uppercase { text-transform: uppercase; } .not-italic { font-style: normal; } .tabular-nums { --tw-numeric-spacing: tabular-nums; font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, ); } .underline { text-decoration-line: underline; } .placeholder-muted-foreground::-moz-placeholder { color: oklch(.556 0 0); } .placeholder-muted-foreground::placeholder { color: oklch(.556 0 0); } .opacity-0 { opacity: 0; } .opacity-5 { opacity: .05; } .opacity-20 { opacity: .2; } .opacity-30 { opacity: .3; } .opacity-50 { opacity: .5; } .opacity-70 { opacity: .7; } .shadow { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-2xl { --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_0_0_1px_hsl\(var\(--sidebar-border\)\)\] { --tw-shadow: 0 0 0 1px var(--tw-shadow-color, hsl(var(--sidebar-border))); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0px_-10px_40px_0px_rgba\(0\,0\,0\,0\.08\)\] { --tw-shadow: 0px -10px 40px 0px var(--tw-shadow-color, #00000014); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-lg { --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-md { --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-none { --tw-shadow: 0 0 #0000; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-sm { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-xl { --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-xs { --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .ring { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .ring-0 { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .ring-ring\/50 { --tw-ring-color: color-mix(in oklab, oklch(.708 0 0) 50%, transparent); } .ring-sidebar-ring { --tw-ring-color: oklch(.708 0 0); } .ring-offset-background { --tw-ring-offset-color: oklch(1 0 0); } .outline-hidden { --tw-outline-style: none; outline-style: none; } @media (forced-colors: active) { .outline-hidden { outline-offset: 2px; outline: 2px solid #0000; } } .outline { outline-style: var(--tw-outline-style); outline-width: 1px; } .blur { --tw-blur: blur(8px); filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ); } .blur-3xl { --tw-blur: blur(var(--blur-3xl)); 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-\[5\.8px\] { --tw-backdrop-blur: blur(5.8px); -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); } .backdrop-blur-sm { --tw-backdrop-blur: blur(var(--blur-sm)); -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); } .backdrop-filter { -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); } .transition { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[color\,box-shadow\,border-color\] { transition-property: color, box-shadow, border-color; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[color\,box-shadow\] { transition-property: color, box-shadow; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[left\,right\,width\] { transition-property: left, right, width; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[margin\,opacity\] { transition-property: margin, opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[width\,height\,padding\] { transition-property: width, height, padding; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[width\] { transition-property: width; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-all { transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-colors { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-opacity { transition-property: opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-shadow { transition-property: box-shadow; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-transform { transition-property: transform, translate, scale, rotate; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-none { transition-property: none; } .duration-200 { --tw-duration: .2s; transition-duration: .2s; } .duration-300 { --tw-duration: .3s; transition-duration: .3s; } .duration-500 { --tw-duration: .5s; transition-duration: .5s; } .duration-700 { --tw-duration: .7s; transition-duration: .7s; } .duration-1000 { --tw-duration: 1s; transition-duration: 1s; } .ease-in-out { --tw-ease: var(--ease-in-out); transition-timing-function: var(--ease-in-out); } .ease-linear { --tw-ease: linear; transition-timing-function: linear; } .ease-out { --tw-ease: var(--ease-out); transition-timing-function: var(--ease-out); } .outline-none { --tw-outline-style: none; outline-style: none; } .select-none { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .\[flex-flow\:wrap\] { flex-flow: wrap; } .\[text-wrap-mode\:inherit\] { text-wrap-mode: inherit; } .\[white-space-collapse\:inherit\] { white-space-collapse: inherit; } .fade-in-0 { --tw-enter-opacity: 0; } .paused { animation-play-state: paused; } .zoom-in-95 { --tw-enter-scale: .95; } .group-focus-within\/menu-item\:opacity-100:is(:where(.group\/menu-item):focus-within *) { opacity: 1; } @media (hover: hover) { .group-hover\:translate-x-1:is(:where(.group):hover *) { --tw-translate-x: calc(var(--spacing) * 1); translate: var(--tw-translate-x) var(--tw-translate-y); } .group-hover\:scale-105:is(:where(.group):hover *) { --tw-scale-x: 105%; --tw-scale-y: 105%; --tw-scale-z: 105%; scale: var(--tw-scale-x) var(--tw-scale-y); } .group-hover\:scale-110:is(:where(.group):hover *) { --tw-scale-x: 110%; --tw-scale-y: 110%; --tw-scale-z: 110%; scale: var(--tw-scale-x) var(--tw-scale-y); } .group-hover\:scale-x-100:is(:where(.group):hover *) { --tw-scale-x: 100%; scale: var(--tw-scale-x) var(--tw-scale-y); } .group-hover\:text-primary:is(:where(.group):hover *) { color: oklch(.205 0 0); } .group-hover\:opacity-100:is(:where(.group):hover *) { opacity: 1; } .group-hover\/menu-item\:opacity-100:is(:where(.group\/menu-item):hover *) { opacity: 1; } } .group-has-data-\[sidebar\=menu-action\]\/menu-item\:pr-8:is(:where(.group\/menu-item):has([data-sidebar="menu-action"]) *) { padding-right: calc(var(--spacing) * 8); } .group-data-\[collapsible\=icon\]\:-mt-8:is(:where(.group)[data-collapsible="icon"] *) { margin-top: calc(var(--spacing) * -8); } .group-data-\[collapsible\=icon\]\:hidden:is(:where(.group)[data-collapsible="icon"] *) { display: none; } .group-data-\[collapsible\=icon\]\:size-8\!:is(:where(.group)[data-collapsible="icon"] *) { width: calc(var(--spacing) * 8) !important; height: calc(var(--spacing) * 8) !important; } .group-data-\[collapsible\=icon\]\:w-\(--sidebar-width-icon\):is(:where(.group)[data-collapsible="icon"] *) { width: var(--sidebar-width-icon); } .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\)\]:is(:where(.group)[data-collapsible="icon"] *) { width: calc(var(--sidebar-width-icon) + (calc(var(--spacing) * 4))); } .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\+2px\)\]:is(:where(.group)[data-collapsible="icon"] *) { width: calc(var(--sidebar-width-icon) + (calc(var(--spacing) * 4)) + 2px); } .group-data-\[collapsible\=icon\]\:overflow-hidden:is(:where(.group)[data-collapsible="icon"] *) { overflow: hidden; } .group-data-\[collapsible\=icon\]\:p-0\!:is(:where(.group)[data-collapsible="icon"] *) { padding: calc(var(--spacing) * 0) !important; } .group-data-\[collapsible\=icon\]\:p-2\!:is(:where(.group)[data-collapsible="icon"] *) { padding: calc(var(--spacing) * 2) !important; } .group-data-\[collapsible\=icon\]\:opacity-0:is(:where(.group)[data-collapsible="icon"] *) { opacity: 0; } .group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible="offcanvas"] *) { right: calc(var(--sidebar-width) * -1); } .group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible="offcanvas"] *) { left: calc(var(--sidebar-width) * -1); } .group-data-\[collapsible\=offcanvas\]\:w-0:is(:where(.group)[data-collapsible="offcanvas"] *) { width: calc(var(--spacing) * 0); } .group-data-\[collapsible\=offcanvas\]\:translate-x-0:is(:where(.group)[data-collapsible="offcanvas"] *) { --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } .group-data-\[disabled\=true\]\:pointer-events-none:is(:where(.group)[data-disabled="true"] *) { pointer-events: none; } .group-data-\[disabled\=true\]\:opacity-50:is(:where(.group)[data-disabled="true"] *) { opacity: .5; } .group-data-\[side\=left\]\:-right-4:is(:where(.group)[data-side="left"] *) { right: calc(var(--spacing) * -4); } .group-data-\[side\=left\]\:border-r:is(:where(.group)[data-side="left"] *) { border-right-style: var(--tw-border-style); border-right-width: 1px; } .group-data-\[side\=right\]\:left-0:is(:where(.group)[data-side="right"] *) { left: calc(var(--spacing) * 0); } .group-data-\[side\=right\]\:rotate-180:is(:where(.group)[data-side="right"] *) { rotate: 180deg; } .group-data-\[side\=right\]\:border-l:is(:where(.group)[data-side="right"] *) { border-left-style: var(--tw-border-style); border-left-width: 1px; } .group-data-\[state\=open\]\:rotate-180:is(:where(.group)[data-state="open"] *) { rotate: 180deg; } .group-data-\[variant\=floating\]\:rounded-lg:is(:where(.group)[data-variant="floating"] *) { border-radius: .625rem; } .group-data-\[variant\=floating\]\:border:is(:where(.group)[data-variant="floating"] *) { border-style: var(--tw-border-style); border-width: 1px; } .group-data-\[variant\=floating\]\:border-sidebar-border:is(:where(.group)[data-variant="floating"] *) { border-color: oklch(.922 0 0); } .group-data-\[variant\=floating\]\:shadow-sm:is(:where(.group)[data-variant="floating"] *) { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:block:is(:where(.group\/drawer-content)[data-vaul-drawer-direction="bottom"] *) { display: block; } .group-data-\[viewport\=false\]\/navigation-menu\:top-full:is(:where(.group\/navigation-menu)[data-viewport="false"] *) { top: 100%; } .group-data-\[viewport\=false\]\/navigation-menu\:mt-1\.5:is(:where(.group\/navigation-menu)[data-viewport="false"] *) { margin-top: calc(var(--spacing) * 1.5); } .group-data-\[viewport\=false\]\/navigation-menu\:overflow-hidden:is(:where(.group\/navigation-menu)[data-viewport="false"] *) { overflow: hidden; } .group-data-\[viewport\=false\]\/navigation-menu\:rounded-md:is(:where(.group\/navigation-menu)[data-viewport="false"] *) { border-radius: .425rem; } .group-data-\[viewport\=false\]\/navigation-menu\:border:is(:where(.group\/navigation-menu)[data-viewport="false"] *) { border-style: var(--tw-border-style); border-width: 1px; } .group-data-\[viewport\=false\]\/navigation-menu\:bg-popover:is(:where(.group\/navigation-menu)[data-viewport="false"] *) { background-color: oklch(1 0 0); } .group-data-\[viewport\=false\]\/navigation-menu\:text-popover-foreground:is(:where(.group\/navigation-menu)[data-viewport="false"] *) { color: oklch(.145 0 0); } .group-data-\[viewport\=false\]\/navigation-menu\:shadow:is(:where(.group\/navigation-menu)[data-viewport="false"] *) { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .group-data-\[viewport\=false\]\/navigation-menu\:duration-200:is(:where(.group\/navigation-menu)[data-viewport="false"] *) { --tw-duration: .2s; transition-duration: .2s; } @media (hover: hover) { .peer-hover\/menu-button\:text-sidebar-accent-foreground:is(:where(.peer\/menu-button):hover ~ *) { color: oklch(.205 0 0); } } .peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled ~ *) { cursor: not-allowed; } .peer-disabled\:opacity-50:is(:where(.peer):disabled ~ *) { opacity: .5; } .peer-data-\[active\=true\]\/menu-button\:text-sidebar-accent-foreground:is(:where(.peer\/menu-button)[data-active="true"] ~ *) { color: oklch(.205 0 0); } .peer-data-\[size\=default\]\/menu-button\:top-1\.5:is(:where(.peer\/menu-button)[data-size="default"] ~ *) { top: calc(var(--spacing) * 1.5); } .peer-data-\[size\=lg\]\/menu-button\:top-2\.5:is(:where(.peer\/menu-button)[data-size="lg"] ~ *) { top: calc(var(--spacing) * 2.5); } .peer-data-\[size\=sm\]\/menu-button\:top-1:is(:where(.peer\/menu-button)[data-size="sm"] ~ *) { top: calc(var(--spacing) * 1); } .group-data-\[collapsible\=offcanvas\]\:after\:left-full:is(:where(.group)[data-collapsible="offcanvas"] *):after { content: var(--tw-content); left: 100%; } @media (hover: hover) { .hover\:group-data-\[collapsible\=offcanvas\]\:bg-sidebar:hover:is(:where(.group)[data-collapsible="offcanvas"] *) { background-color: oklch(.985 0 0); } } .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:animate-out:is(:where(.group\/navigation-menu)[data-viewport="false"] *)[data-state="closed"] { animation: exit var(--tw-duration, .15s) var(--tw-ease, ease); } .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:fade-out-0:is(:where(.group\/navigation-menu)[data-viewport="false"] *)[data-state="closed"] { --tw-exit-opacity: 0; } .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:zoom-out-95:is(:where(.group\/navigation-menu)[data-viewport="false"] *)[data-state="closed"] { --tw-exit-scale: .95; } .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:animate-in:is(:where(.group\/navigation-menu)[data-viewport="false"] *)[data-state="open"] { animation: enter var(--tw-duration, .15s) var(--tw-ease, ease); } .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:fade-in-0:is(:where(.group\/navigation-menu)[data-viewport="false"] *)[data-state="open"] { --tw-enter-opacity: 0; } .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:zoom-in-95:is(:where(.group\/navigation-menu)[data-viewport="false"] *)[data-state="open"] { --tw-enter-scale: .95; } @media (width >= 48rem) { .md\:peer-data-\[variant\=inset\]\:m-2:is(:where(.peer)[data-variant="inset"] ~ *) { margin: calc(var(--spacing) * 2); } .md\:peer-data-\[variant\=inset\]\:ml-0:is(:where(.peer)[data-variant="inset"] ~ *) { margin-left: calc(var(--spacing) * 0); } .md\:peer-data-\[variant\=inset\]\:rounded-xl:is(:where(.peer)[data-variant="inset"] ~ *) { border-radius: 1.025rem; } .md\:peer-data-\[variant\=inset\]\:shadow-sm:is(:where(.peer)[data-variant="inset"] ~ *) { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .md\:peer-data-\[variant\=inset\]\:peer-data-\[state\=collapsed\]\:ml-2:is(:where(.peer)[data-variant="inset"] ~ *):is(:where(.peer)[data-state="collapsed"] ~ *) { margin-left: calc(var(--spacing) * 2); } } .\[\&_\.recharts-curve\.recharts-tooltip-cursor\]\:stroke-border .recharts-curve.recharts-tooltip-cursor { stroke: oklch(.922 0 0); } .\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-dot[stroke="#fff"] { stroke: #0000; } .\[\&_\.recharts-layer\]\:outline-hidden .recharts-layer { --tw-outline-style: none; outline-style: none; } @media (forced-colors: active) { .\[\&_\.recharts-layer\]\:outline-hidden .recharts-layer { outline-offset: 2px; outline: 2px solid #0000; } } .\[\&_\.recharts-radial-bar-background-sector\]\:fill-muted .recharts-radial-bar-background-sector { fill: oklch(.97 0 0); } .\[\&_\.recharts-rectangle\.recharts-tooltip-cursor\]\:fill-muted .recharts-rectangle.recharts-tooltip-cursor { fill: oklch(.97 0 0); } .\[\&_\.recharts-sector\]\:outline-hidden .recharts-sector { --tw-outline-style: none; outline-style: none; } @media (forced-colors: active) { .\[\&_\.recharts-sector\]\:outline-hidden .recharts-sector { outline-offset: 2px; outline: 2px solid #0000; } } .\[\&_\.recharts-sector\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-sector[stroke="#fff"] { stroke: #0000; } .\[\&_\.recharts-surface\]\:outline-hidden .recharts-surface { --tw-outline-style: none; outline-style: none; } @media (forced-colors: active) { .\[\&_\.recharts-surface\]\:outline-hidden .recharts-surface { outline-offset: 2px; outline: 2px solid #0000; } } .\[\&\:has\(\>\.day-range-end\)\]\:rounded-r-md:has( > .day-range-end) { border-top-right-radius: .425rem; border-bottom-right-radius: .425rem; } .\[\&\:has\(\>\.day-range-start\)\]\:rounded-l-md:has( > .day-range-start) { border-top-left-radius: .425rem; border-bottom-left-radius: .425rem; } .\[\&\:has\(\[aria-selected\]\.day-range-end\)\]\:rounded-r-md:has([aria-selected].day-range-end) { border-top-right-radius: .425rem; border-bottom-right-radius: .425rem; } .\[\.border-b\]\:pb-6.border-b { padding-bottom: calc(var(--spacing) * 6); } .\[\.border-t\]\:pt-6.border-t { padding-top: calc(var(--spacing) * 6); } .\[flex-flow\:wrap\] { flex-flow: wrap; } .\[text-overflow\:inherit\] { text-overflow: inherit; } .\[text-wrap-mode\:inherit\] { text-wrap-mode: inherit; } .\[white-space-collapse\:inherit\] { white-space-collapse: inherit; } .\!container { width: 100% !important; } .container { width: 100%; } @media (min-width: 640px) { .\!container { max-width: 640px !important; } .container { max-width: 640px; } } @media (min-width: 768px) { .\!container { max-width: 768px !important; } .container { max-width: 768px; } } @media (min-width: 1024px) { .\!container { max-width: 1024px !important; } .container { max-width: 1024px; } } @media (min-width: 1280px) { .\!container { max-width: 1280px !important; } .container { max-width: 1280px; } } @media (min-width: 1536px) { .\!container { max-width: 1536px !important; } .container { max-width: 1536px; } } *, :after, :before, ::backdrop { box-sizing: border-box; border: 0 solid; margin: 0; padding: 0; } ::file-selector-button { box-sizing: border-box; border: 0 solid; margin: 0; padding: 0; } html, :host { -webkit-text-size-adjust: 100%; -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; line-height: 1.5; font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"); font-feature-settings: var(--default-font-feature-settings, normal); font-variation-settings: var(--default-font-variation-settings, normal); -webkit-tap-highlight-color: transparent; } body { line-height: inherit; } hr { height: 0; color: inherit; border-top-width: 1px; } abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } a { color: inherit; -webkit-text-decoration: inherit; text-decoration: inherit; } b, strong { font-weight: bolder; } code, kbd, samp, pre { font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace); font-feature-settings: var(--default-mono-font-feature-settings, normal); font-variation-settings: var(--default-mono-font-variation-settings, normal); font-size: 1em; } small { font-size: 80%; } sub, sup { vertical-align: baseline; font-size: 75%; line-height: 0; position: relative; } sub { bottom: -.25em; } sup { top: -.5em; } table { text-indent: 0; border-color: inherit; border-collapse: collapse; } :-moz-focusring { outline: auto; } progress { vertical-align: baseline; } summary { display: list-item; } ol, ul, menu { list-style: none; } img, svg, video, canvas, audio, iframe, embed, object { vertical-align: middle; display: block; } img, video { max-width: 100%; height: auto; } button, input, select, optgroup, textarea { font: inherit; font-feature-settings: inherit; font-variation-settings: inherit; letter-spacing: inherit; color: inherit; opacity: 1; background-color: #0000; border-radius: 0; } ::file-selector-button { font: inherit; font-feature-settings: inherit; font-variation-settings: inherit; letter-spacing: inherit; color: inherit; opacity: 1; background-color: #0000; border-radius: 0; } :where(select:is([multiple], [size])) optgroup { font-weight: bolder; } :where(select:is([multiple], [size])) optgroup option { padding-inline-start: 20px; } ::file-selector-button { margin-inline-end: 4px; } ::-moz-placeholder { opacity: 1; color: currentColor; } ::placeholder { opacity: 1; color: currentColor; } @supports (color: color-mix(in lab, red, red)) { ::-moz-placeholder { color: color-mix(in oklab, currentColor 50%, transparent); } ::placeholder { color: color-mix(in oklab, currentColor 50%, transparent); } } textarea { resize: vertical; } ::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-date-and-time-value { min-height: 1lh; text-align: inherit; } ::-webkit-datetime-edit { display: inline-flex; } ::-webkit-datetime-edit-fields-wrapper { padding: 0; } ::-webkit-datetime-edit { padding-block: 0; } ::-webkit-datetime-edit-year-field { padding-block: 0; } ::-webkit-datetime-edit-month-field { padding-block: 0; } ::-webkit-datetime-edit-day-field { padding-block: 0; } ::-webkit-datetime-edit-hour-field { padding-block: 0; } ::-webkit-datetime-edit-minute-field { padding-block: 0; } ::-webkit-datetime-edit-second-field { padding-block: 0; } ::-webkit-datetime-edit-millisecond-field { padding-block: 0; } ::-webkit-datetime-edit-meridiem-field { padding-block: 0; } :-moz-ui-invalid { box-shadow: none; } button, input:where([type="button"], [type="reset"], [type="submit"]) { -webkit-appearance: button; -moz-appearance: button; appearance: button; } ::file-selector-button { -webkit-appearance: button; -moz-appearance: button; appearance: button; } ::-webkit-inner-spin-button { height: auto; } ::-webkit-outer-spin-button { height: auto; } [hidden]:where(:not([hidden="until-found"])) { display: none !important; } body { background-color: oklch(1 0 0); color: oklch(.145 0 0); } * { border-color: var(--border-primary); outline-color: var(--brand-b2b-main); } button, [role="button"], [data-clickable="true"], .clickable, .cursor-pointer, a, [href], [onclick], input[type="button"], input[type="submit"], input[type="reset"], select { cursor: pointer; } button:disabled, [role="button"]:disabled, .disabled { cursor: not-allowed; } body { background-color: var(--fill-secondary); color: var(--text-primary); transition: background-color .1s, color .1s; overflow-x: hidden; } html { overflow-x: hidden; } :root { --text-primary: var(--text-primary-dark); --text-secondary: var(--text-secondary-dark); --text-tertiary: var(--text-tertiary-dark); --fill-primary: var(--fill-primary-dark); --fill-secondary: var(--fill-secondary-dark); --fill-tertiary: var(--fill-tertiary-dark); --fill-quaternary: var(--fill-quaternary-dark); --fill-quinary: var(--fill-quinary-dark); --border-primary: var(--border-primary-dark); --border-secondary: var(--border-secondary-dark); --border-tertiary: var(--border-tertiary-dark); --brand-b2b-shade-1: var(--brand-b2b-shade-1-dark); --brand-b2b-shade-2: var(--brand-b2b-shade-2-dark); --brand-b2b-shade-3: var(--brand-b2b-shade-3-dark); --brand-b2b-shade-4: var(--brand-b2b-shade-4-dark); --success-shade-1: var(--success-shade-1-dark); --success-shade-2: var(--success-shade-2-dark); --success-shade-3: var(--success-shade-3-dark); --success-shade-4: var(--success-shade-4-dark); --warning-shade-1: var(--warning-shade-1-dark); --warning-shade-2: var(--warning-shade-2-dark); --warning-shade-3: var(--warning-shade-3-dark); --warning-shade-4: var(--warning-shade-4-dark); --error-shade-1: var(--error-shade-1-dark); --error-shade-2: var(--error-shade-2-dark); --error-shade-3: var(--error-shade-3-dark); --error-shade-4: var(--error-shade-4-dark); --purple-shade-1: var(--purple-shade-1-dark); --purple-shade-2: var(--purple-shade-2-dark); --purple-shade-3: var(--purple-shade-3-dark); --purple-shade-4: var(--purple-shade-4-dark); --orange-shade-1: var(--orange-shade-1-dark); --orange-shade-2: var(--orange-shade-2-dark); --orange-shade-3: var(--orange-shade-3-dark); --orange-shade-4: var(--orange-shade-4-dark); --teal-shade-1: var(--teal-shade-1-dark); --teal-shade-2: var(--teal-shade-2-dark); --teal-shade-3: var(--teal-shade-3-dark); --teal-shade-4: var(--teal-shade-4-dark); --material-modal-background: var(--material-modal-background-dark); --material-blur-background: var(--material-blur-background-dark); } .theme-light { --text-primary: var(--text-primary-light); --text-secondary: var(--text-secondary-light); --text-tertiary: var(--text-tertiary-light); --fill-primary: var(--fill-primary-light); --fill-secondary: var(--fill-secondary-light); --fill-tertiary: var(--fill-tertiary-light); --fill-quaternary: var(--fill-quaternary-light); --fill-quinary: var(--fill-quinary-light); --border-primary: var(--border-primary-light); --border-secondary: var(--border-secondary-light); --border-tertiary: var(--border-tertiary-light); --brand-b2b-shade-1: var(--brand-b2b-shade-1-light); --brand-b2b-shade-2: var(--brand-b2b-shade-2-light); --brand-b2b-shade-3: var(--brand-b2b-shade-3-light); --brand-b2b-shade-4: var(--brand-b2b-shade-4-light); --success-shade-1: var(--success-shade-1-light); --success-shade-2: var(--success-shade-2-light); --success-shade-3: var(--success-shade-3-light); --success-shade-4: var(--success-shade-4-light); --warning-shade-1: var(--warning-shade-1-light); --warning-shade-2: var(--warning-shade-2-light); --warning-shade-3: var(--warning-shade-3-light); --warning-shade-4: var(--warning-shade-4-light); --error-shade-1: var(--error-shade-1-light); --error-shade-2: var(--error-shade-2-light); --error-shade-3: var(--error-shade-3-light); --error-shade-4: var(--error-shade-4-light); --purple-shade-1: var(--purple-shade-1-light); --purple-shade-2: var(--purple-shade-2-light); --purple-shade-3: var(--purple-shade-3-light); --purple-shade-4: var(--purple-shade-4-light); --orange-shade-1: var(--orange-shade-1-light); --orange-shade-2: var(--orange-shade-2-light); --orange-shade-3: var(--orange-shade-3-light); --orange-shade-4: var(--orange-shade-4-light); --teal-shade-1: var(--teal-shade-1-light); --teal-shade-2: var(--teal-shade-2-light); --teal-shade-3: var(--teal-shade-3-light); --teal-shade-4: var(--teal-shade-4-light); --material-modal-background: var(--material-modal-background-light); --material-blur-background: var(--material-blur-background-light); } .theme-dark { --text-primary: var(--text-primary-dark); --text-secondary: var(--text-secondary-dark); --text-tertiary: var(--text-tertiary-dark); --fill-primary: var(--fill-primary-dark); --fill-secondary: var(--fill-secondary-dark); --fill-tertiary: var(--fill-tertiary-dark); --fill-quaternary: var(--fill-quaternary-dark); --fill-quinary: var(--fill-quinary-dark); --border-primary: var(--border-primary-dark); --border-secondary: var(--border-secondary-dark); --border-tertiary: var(--border-tertiary-dark); --brand-b2b-shade-1: var(--brand-b2b-shade-1-dark); --brand-b2b-shade-2: var(--brand-b2b-shade-2-dark); --brand-b2b-shade-3: var(--brand-b2b-shade-3-dark); --brand-b2b-shade-4: var(--brand-b2b-shade-4-dark); --success-shade-1: var(--success-shade-1-dark); --success-shade-2: var(--success-shade-2-dark); --success-shade-3: var(--success-shade-3-dark); --success-shade-4: var(--success-shade-4-dark); --warning-shade-1: var(--warning-shade-1-dark); --warning-shade-2: var(--warning-shade-2-dark); --warning-shade-3: var(--warning-shade-3-dark); --warning-shade-4: var(--warning-shade-4-dark); --error-shade-1: var(--error-shade-1-dark); --error-shade-2: var(--error-shade-2-dark); --error-shade-3: var(--error-shade-3-dark); --error-shade-4: var(--error-shade-4-dark); --purple-shade-1: var(--purple-shade-1-dark); --purple-shade-2: var(--purple-shade-2-dark); --purple-shade-3: var(--purple-shade-3-dark); --purple-shade-4: var(--purple-shade-4-dark); --orange-shade-1: var(--orange-shade-1-dark); --orange-shade-2: var(--orange-shade-2-dark); --orange-shade-3: var(--orange-shade-3-dark); --orange-shade-4: var(--orange-shade-4-dark); --teal-shade-1: var(--teal-shade-1-dark); --teal-shade-2: var(--teal-shade-2-dark); --teal-shade-3: var(--teal-shade-3-dark); --teal-shade-4: var(--teal-shade-4-dark); --material-modal-background: var(--material-modal-background-dark); --material-blur-background: var(--material-blur-background-dark); } .theme-light { background-color: var(--fill-secondary-light); color: var(--text-primary-light); transition: background-color .1s, color .1s; } .theme-dark { background-color: var(--fill-secondary-dark); color: var(--text-primary-dark); transition: background-color .1s, color .1s; } *, ::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 / 0.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 / 0.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: ; } /*! tailwindcss v4.1.3 | MIT License | https://tailwindcss.com */ @layer properties { @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) { *, :before, :after, ::backdrop { --tw-translate-x: 0; --tw-translate-y: 0; --tw-translate-z: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scale-z: 1; --tw-rotate-x: rotateX(0); --tw-rotate-y: rotateY(0); --tw-rotate-z: rotateZ(0); --tw-skew-x: skewX(0); --tw-skew-y: skewY(0); --tw-space-y-reverse: 0; --tw-space-x-reverse: 0; --tw-border-style: solid; --tw-gradient-position: initial; --tw-gradient-from: #0000; --tw-gradient-via: #0000; --tw-gradient-to: #0000; --tw-gradient-stops: initial; --tw-gradient-via-stops: initial; --tw-gradient-from-position: 0%; --tw-gradient-via-position: 50%; --tw-gradient-to-position: 100%; --tw-leading: initial; --tw-font-weight: initial; --tw-tracking: initial; --tw-ordinal: initial; --tw-slashed-zero: initial; --tw-numeric-figure: initial; --tw-numeric-spacing: initial; --tw-numeric-fraction: initial; --tw-shadow: 0 0 #0000; --tw-shadow-color: initial; --tw-shadow-alpha: 100%; --tw-inset-shadow: 0 0 #0000; --tw-inset-shadow-color: initial; --tw-inset-shadow-alpha: 100%; --tw-ring-color: initial; --tw-ring-shadow: 0 0 #0000; --tw-inset-ring-color: initial; --tw-inset-ring-shadow: 0 0 #0000; --tw-ring-inset: initial; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-outline-style: solid; --tw-blur: initial; --tw-brightness: initial; --tw-contrast: initial; --tw-grayscale: initial; --tw-hue-rotate: initial; --tw-invert: initial; --tw-opacity: initial; --tw-saturate: initial; --tw-sepia: initial; --tw-drop-shadow: initial; --tw-drop-shadow-color: initial; --tw-drop-shadow-alpha: 100%; --tw-drop-shadow-size: initial; --tw-backdrop-blur: initial; --tw-backdrop-brightness: initial; --tw-backdrop-contrast: initial; --tw-backdrop-grayscale: initial; --tw-backdrop-hue-rotate: initial; --tw-backdrop-invert: initial; --tw-backdrop-opacity: initial; --tw-backdrop-saturate: initial; --tw-backdrop-sepia: initial; --tw-duration: initial; --tw-ease: initial; --tw-content: ""; } } } @layer theme { :root, :host { --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --color-yellow-500: oklch(.795 .184 86.047); --color-green-500: oklch(.723 .219 149.579); --color-blue-500: oklch(.623 .214 259.815); --color-gray-100: oklch(.967 .003 264.542); --color-zinc-700: oklch(.37 .013 285.805); --color-zinc-800: oklch(.274 .006 286.033); --color-zinc-900: oklch(.21 .006 285.885); --color-black: #000; --color-white: #fff; --spacing: .25rem; --container-xs: 20rem; --container-sm: 24rem; --container-md: 28rem; --container-lg: 32rem; --container-xl: 36rem; --container-2xl: 42rem; --container-3xl: 48rem; --container-4xl: 56rem; --container-7xl: 80rem; --text-xs: .75rem; --text-xs--line-height: calc(1 / .75); --text-sm: .875rem; --text-sm--line-height: calc(1.25 / .875); --text-base: 1rem; --text-base--line-height: calc(1.5 / 1); --text-lg: 1.125rem; --text-lg--line-height: calc(1.75 / 1.125); --text-xl: 1.25rem; --text-xl--line-height: calc(1.75 / 1.25); --text-2xl: 1.5rem; --text-2xl--line-height: calc(2 / 1.5); --text-6xl: 3.75rem; --text-6xl--line-height: 1; --text-8xl: 6rem; --text-8xl--line-height: 1; --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --tracking-tight: -.025em; --tracking-wide: .025em; --tracking-wider: .05em; --tracking-widest: .1em; --leading-relaxed: 1.625; --radius-xs: .125rem; --radius-sm: .225rem; --radius-md: .425rem; --radius-lg: .625rem; --radius-xl: 1.025rem; --radius-2xl: 1rem; --ease-out: cubic-bezier(0, 0, .2, 1); --ease-in-out: cubic-bezier(.4, 0, .2, 1); --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite; --animate-bounce: bounce 1s infinite; --blur-sm: 8px; --blur-3xl: 64px; --aspect-video: 16 / 9; --default-transition-duration: .15s; --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1); --default-font-family: var(--font-sans); --default-font-feature-settings: var(--font-sans--font-feature-settings); --default-font-variation-settings: var(--font-sans--font-variation-settings); --default-mono-font-family: var(--font-mono); --default-mono-font-feature-settings: var(--font-mono--font-feature-settings); --default-mono-font-variation-settings: var(--font-mono--font-variation-settings); --color-border: oklch(.922 0 0); } } :root { --font-size: 16px; --typo-hero-title: 96px; --typo-title-1: 64px; --typo-title-2: 56px; --typo-title-3: 48px; --typo-title-4: 40px; --typo-title-5: 32px; --typo-headline-1: 24px; --typo-headline-2: 20px; --typo-headline-3: 18px; --typo-body-1: 16px; --typo-body-2: 14px; --typo-caption: 12px; --typo-button-large: 18px; --typo-button-medium: 16px; --typo-button-small: 14px; --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 20px; --space-6: 24px; --space-8: 32px; --space-10: 40px; --space-12: 48px; --space-16: 64px; --space-20: 80px; --space-24: 96px; --container-max-width: 1120px; --padding-phone: 16px; --padding-tablet: 24px; --padding-laptop: 32px; --padding-desktop: 64px; --padding-desktopLarge: 80px; --radius-xs: 4px; --radius-6: 6px; --radius-sm: 8px; --radius-md: 12px; --radius-lg: 20px; --radius-xl: 28px; --text-primary-light: #1f2128; --text-primary-dark: #fcfcfd; --text-secondary-light: #777e90; --text-secondary-dark: #b1b5c3; --text-tertiary-light: #b1b5c3; --text-tertiary-dark: #777e90; --brand-b2b-main: #3772ff; --brand-b2b-shade-1-light: #6894fe; --brand-b2b-shade-1-dark: #315ec9; --brand-b2b-shade-2-light: #9ab7fe; --brand-b2b-shade-2-dark: #2b4a93; --brand-b2b-shade-3-light: #cbdafe; --brand-b2b-shade-3-dark: #25355e; --brand-b2b-shade-4-light: #f0f4fd; --brand-b2b-shade-4-dark: #262b36; --fill-primary-light: #f4f5f6; --fill-primary-dark: #141416; --fill-secondary-light: #fcfcfd; --fill-secondary-dark: #1f2128; --fill-tertiary-light: #f4f5f6; --fill-tertiary-dark: #2e3038; --fill-quaternary-light: #e6e8ec; --fill-quaternary-dark: #343841; --fill-quinary-light: #b1b5c3; --fill-quinary-dark: #777e90; --border-primary-light: #e6e8ec; --border-primary-dark: #1f2128; --border-secondary-light: #f4f5f6; --border-secondary-dark: #2e3038; --border-tertiary-light: #e6e8ec; --border-tertiary-dark: #343841; --success-main: #45b26b; --success-shade-1-light: #73c490; --success-shade-1-dark: #3c8e5a; --success-shade-2-light: #a0d7b4; --success-shade-2-dark: #326a4a; --success-shade-3-light: #ceead8; --success-shade-3-dark: #284539; --success-shade-4-light: #ecf8f0; --success-shade-4-dark: #242e2a; --warning-main: #f2bc46; --warning-shade-1-light: #f4cc74; --warning-shade-1-dark: #bd953f; --warning-shade-2-light: #f7dca2; --warning-shade-2-dark: #886e37; --warning-shade-3-light: #faeccf; --warning-shade-3-dark: #544830; --warning-shade-4-light: #fcf7ef; --warning-shade-4-dark: #312d25; --error-main: #ef4b58; --error-shade-1-light: #f27781; --error-shade-1-dark: #bb404c; --error-shade-2-light: #f6a3ab; --error-shade-2-dark: #873640; --error-shade-3-light: #f9d0d4; --error-shade-3-dark: #532c34; --error-shade-4-light: #fceced; --error-shade-4-dark: #362a2d; --purple-main: #8b5fbf; --purple-shade-1-light: #a578d1; --purple-shade-1-dark: #7a559e; --purple-shade-2-light: #c19ae3; --purple-shade-2-dark: #6a4b7e; --purple-shade-3-light: #dcbbf5; --purple-shade-3-dark: #5a415d; --purple-shade-4-light: #f0e6fb; --purple-shade-4-dark: #3a2a3f; --orange-main: #ff8a3d; --orange-shade-1-light: #ffa366; --orange-shade-1-dark: #cc6e31; --orange-shade-2-light: #ffbc8f; --orange-shade-2-dark: #995224; --orange-shade-3-light: #ffd5b8; --orange-shade-3-dark: #663618; --orange-shade-4-light: #fff0e6; --orange-shade-4-dark: #332b26; --teal-main: #2dd4bf; --teal-shade-1-light: #5ddccb; --teal-shade-1-dark: #26aa98; --teal-shade-2-light: #8de4d7; --teal-shade-2-dark: #1f8072; --teal-shade-3-light: #bcebe3; --teal-shade-3-dark: #18554b; --teal-shade-4-light: #e8f8f5; --teal-shade-4-dark: #1d2f2c; --material-modal-background-light: #f4f5f6cc; --material-modal-background-dark: #141416cc; --material-blur-background-light: #f4f5f6cc; --material-blur-background-dark: #1f2128cc; --button-height-sm: 40px; --button-height-md: 48px; --button-height-lg: 56px; --button-padding-x-sm: 16px; --button-padding-x-md: 24px; --button-padding-x-lg: 32px; --button-font-size-sm: 14px; --button-font-size-md: 16px; --button-font-size-lg: 18px; --button-icon-size-sm: 14px; --button-icon-size-md: 18px; --button-icon-size-lg: 20px; --button-radius-normal: 12px; --button-radius-round: 99px; --button-border-width: 2px; --input-height-sm: 40px; --input-height-md: 48px; --input-height-lg: 56px; --input-padding-x-sm: 14px; --input-padding-x-md: 16px; --input-padding-x-lg: 20px; --input-font-size-sm: 14px; --input-font-size-md: 14px; --input-font-size-lg: 14px; --input-icon-size-sm: 14px; --input-icon-size-md: 16px; --input-icon-size-lg: 18px; --input-radius-normal: 12px; --input-radius-round: 99px; --input-border-width: 2px; } html section.event-hero-section, html section.event-hero-section, html section.event-hero-section, html section.event-hero-section, section.event-hero-section { padding-top: 0 !important; padding-bottom: 0 !important; } html section:not(.event-hero-section), html section:not(.event-hero-section), html section:not(.event-hero-section), html section:not(.event-hero-section), section:not(.event-hero-section) { padding-top: 64px !important; padding-bottom: 64px !important; } @media screen and (width >= 481px) { html section:not(.event-hero-section), html section:not(.event-hero-section), html section:not(.event-hero-section), html section:not(.event-hero-section), section:not(.event-hero-section) { padding-top: 80px !important; padding-bottom: 80px !important; } } @media screen and (width >= 769px) { html section:not(.event-hero-section), html section:not(.event-hero-section), html section:not(.event-hero-section), html section:not(.event-hero-section), section:not(.event-hero-section) { padding-top: 96px !important; padding-bottom: 96px !important; } } @media screen and (width >= 1025px) { html section:not(.event-hero-section), html section:not(.event-hero-section), html section:not(.event-hero-section), html section:not(.event-hero-section), section:not(.event-hero-section) { padding-top: 120px !important; padding-bottom: 120px !important; } } @media screen and (width >= 1921px) { html section:not(.event-hero-section), html section:not(.event-hero-section), html section:not(.event-hero-section), html section:not(.event-hero-section), section:not(.event-hero-section) { padding-top: 160px !important; padding-bottom: 160px !important; } } @media screen and (width <= 768px) { .trusted-section .typo-body-1-semibold, .trusted-section p.typo-body-1-semibold { font-weight: 600 !important; font-size: var(--typo-body-2) !important; letter-spacing: -.01em !important; line-height: 1.4 !important; } } @media screen and (width <= 480px) { html section.admin-panel-section, html section.admin-panel-section, html section.admin-panel-section, html section.admin-panel-section, section.admin-panel-section { padding-bottom: 0 !important; } } @media screen and (width >= 481px) and (width <= 768px) { html section.admin-panel-section, html section.admin-panel-section, html section.admin-panel-section, html section.admin-panel-section, section.admin-panel-section { padding-bottom: 0 !important; } } @media screen and (width >= 769px) and (width <= 1024px) { html section.admin-panel-section, html section.admin-panel-section, html section.admin-panel-section, html section.admin-panel-section, section.admin-panel-section { padding-bottom: 0 !important; } } html { font-size: var(--font-size); } .space-y-section > * + * { margin-top: var(--space-20); } .space-y-content > * + * { margin-top: var(--space-6); } .container-width { max-width: var(--container-max-width); margin-left: auto; margin-right: auto; } @media screen and (width >= 1921px) { .container-width { max-width: 1400px; } } .container-layout { overflow-x: hidden; padding-left: 16px !important; padding-right: 16px !important; } @media screen and (width >= 481px) { .container-layout { padding-left: 24px !important; padding-right: 24px !important; } } @media screen and (width >= 769px) { .container-layout { padding-left: 32px !important; padding-right: 32px !important; } } @media screen and (width >= 1025px) { .container-layout { padding-left: 64px !important; padding-right: 64px !important; } } @media screen and (width >= 1921px) { .container-layout { padding-left: 80px !important; padding-right: 80px !important; } } .container-content { max-width: var(--container-max-width); width: 100%; margin-left: auto; margin-right: auto; } @media screen and (width >= 1921px) { .container-content { max-width: 1400px; } } .section-container { padding-left: 16px !important; padding-right: 16px !important; } @media screen and (width >= 481px) { .section-container { padding-left: 24px !important; padding-right: 24px !important; } } @media screen and (width >= 769px) { .section-container { padding-left: 32px !important; padding-right: 32px !important; } } @media screen and (width >= 1025px) { .section-container { padding-left: 64px !important; padding-right: 64px !important; } } @media screen and (width >= 1921px) { .section-container { padding-left: 80px !important; padding-right: 80px !important; } } .section-container > .container-width { max-width: var(--container-max-width); width: 100%; margin-left: auto; margin-right: auto; } @media screen and (width >= 1921px) { .section-container > .container-width { max-width: 1400px; } } .btn, .button { border-radius: var(--radius-button); } .card { border-radius: var(--radius-card); box-shadow: var(--elevation-sm); } .typo-hero-title { font-size: var(--typo-hero-title); letter-spacing: -.02em; font-weight: 700; line-height: 1.1; } .typo-title-1-semibold { font-size: var(--typo-title-1); letter-spacing: -.02em; font-weight: 600; line-height: 1.1; } .typo-title-1-bold { font-size: var(--typo-title-1); letter-spacing: -.02em; font-weight: 700; line-height: 1.1; } .typo-title-2-semibold { font-size: var(--typo-title-2); letter-spacing: -.02em; font-weight: 600; line-height: 1.1; } .typo-title-2-bold { font-size: var(--typo-title-2); letter-spacing: -.02em; font-weight: 700; line-height: 1.1; } .typo-title-3-semibold { font-size: var(--typo-title-3); letter-spacing: -.02em; font-weight: 600; line-height: 1.1; } .typo-title-3-bold { font-size: var(--typo-title-3); letter-spacing: -.02em; font-weight: 700; line-height: 1.1; } .typo-title-4-semibold { font-size: var(--typo-title-4); letter-spacing: -.02em; font-weight: 600; line-height: 1.1; } .typo-title-4-bold { font-size: var(--typo-title-4); letter-spacing: -.02em; font-weight: 700; line-height: 1.1; } .typo-title-5-semibold { font-size: var(--typo-title-5); letter-spacing: -.02em; font-weight: 600; line-height: 1.1; } .typo-title-5-bold { font-size: var(--typo-title-5); letter-spacing: -.02em; font-weight: 700; line-height: 1.1; } .typo-headline-1-medium { font-size: var(--typo-headline-1); letter-spacing: -.01em; font-weight: 500; line-height: 1.4; } .typo-headline-1-semibold { font-size: var(--typo-headline-1); letter-spacing: -.01em; font-weight: 600; line-height: 1.4; } .typo-headline-2-medium { font-size: var(--typo-headline-2); letter-spacing: -.01em; font-weight: 500; line-height: 1.4; } .typo-headline-2-semibold { font-size: var(--typo-headline-2); letter-spacing: -.01em; font-weight: 600; line-height: 1.4; } .typo-headline-3-medium { font-size: var(--typo-headline-3); letter-spacing: -.01em; font-weight: 500; line-height: 1.4; } .typo-headline-3-semibold { font-size: var(--typo-headline-3); letter-spacing: -.01em; font-weight: 600; line-height: 1.4; } .typo-body-1-medium { font-size: var(--typo-body-1); letter-spacing: -.01em; font-weight: 500; line-height: 1.4; } .typo-body-1-semibold { font-size: var(--typo-body-1); letter-spacing: -.01em; font-weight: 600; line-height: 1.4; } .typo-body-2-medium { font-size: var(--typo-body-2); letter-spacing: -.01em; font-weight: 500; line-height: 1.4; } .typo-body-2-semibold { font-size: var(--typo-body-2); letter-spacing: -.01em; font-weight: 600; line-height: 1.4; } .typo-caption-medium { font-size: var(--typo-caption); letter-spacing: -.01em; font-weight: 500; line-height: 1.4; } .typo-caption-semibold { font-size: var(--typo-caption); letter-spacing: -.01em; font-weight: 600; line-height: 1.4; } .typo-button-large { font-size: var(--typo-button-large); letter-spacing: -.01em; font-weight: 600; line-height: 1.1; } .typo-button-medium { font-size: var(--typo-button-medium); letter-spacing: -.01em; font-weight: 600; line-height: 1.1; } .typo-button-small { font-size: var(--typo-button-small); letter-spacing: -.01em; font-weight: 600; line-height: 1.1; } @media (width <= 480px) { .typo-hero-title { font-size: var(--typo-title-3); } .typo-title-1-semibold, .typo-title-1-bold, .typo-title-1 { font-size: var(--typo-title-4); } .typo-title-2-semibold, .typo-title-2-bold, .typo-title-2 { font-size: 36px; } .typo-title-3-semibold, .typo-title-3-bold, .typo-title-3 { font-size: var(--typo-headline-1); } .typo-title-4-semibold, .typo-title-4-bold, .typo-title-4 { font-size: var(--typo-headline-2); } .typo-title-5-semibold, .typo-title-5-bold, .typo-title-5 { font-size: var(--typo-headline-3); } .typo-headline-1-semibold, .typo-headline-1-medium, .typo-headline-1 { font-size: var(--typo-headline-2); } } @media screen and (width >= 481px) and (width <= 768px) { .typo-hero-title { font-size: var(--typo-title-1); } .typo-title-1-semibold, .typo-title-1-bold, .typo-title-1 { font-size: var(--typo-title-3); } .typo-title-2-semibold, .typo-title-2-bold, .typo-title-2 { font-size: var(--typo-title-4); } .typo-title-3-semibold, .typo-title-3-bold, .typo-title-3 { font-size: var(--typo-title-5); } .typo-title-4-semibold, .typo-title-4-bold, .typo-title-4 { font-size: var(--typo-headline-1); } .typo-title-5-semibold, .typo-title-5-bold, .typo-title-5 { font-size: var(--typo-headline-2); } } @media screen and (width >= 769px) and (width <= 1024px) { .typo-hero-title { font-size: 80px; } .typo-title-1-semibold, .typo-title-1-bold, .typo-title-1 { font-size: var(--typo-title-2); } .typo-title-2-semibold, .typo-title-2-bold, .typo-title-2 { font-size: var(--typo-title-3); } .typo-title-3-semibold, .typo-title-3-bold, .typo-title-3 { font-size: var(--typo-title-4); } .typo-title-4-semibold, .typo-title-4-bold, .typo-title-4 { font-size: var(--typo-title-5); } .typo-title-5-semibold, .typo-title-5-bold, .typo-title-5 { font-size: var(--typo-headline-1); } } .section-header { margin-bottom: var(--space-16); } .section-header .badge { margin-bottom: var(--space-8); } .section-header .title-group { margin-bottom: var(--space-6); } .section-header .subtitle { font-size: var(--text-lg); font-weight: var(--font-weight-medium); color: var(--primary); } .section-header .description { margin-top: var(--space-6); } .apps-slider::-webkit-scrollbar { display: none; } .apps-slider { -ms-overflow-style: none; scrollbar-width: none; } .apps-slider.smooth-snap { scroll-behavior: smooth !important; } .apps-slider:not(.smooth-snap) { scroll-behavior: auto; } .card:hover, .app-card:hover, .event-card:hover, .feature-button:hover, .nav-link:hover, .scroll-button, .pagination-dot, .slider-nav, .filter-button, .category-filter, .tag-filter, [data-interactive="true"], .interactive, .group:hover, .group, .shadow-lg:hover, .transition-all:hover, .transition-colors:hover, .transition-transform:hover, .rounded-xl:hover, .rounded-2xl:hover, [title*="theme"], [title*="Select"], .w-12.h-12.rounded-xl, .pb-2:hover, .inline-flex.flex-col, .inline-flex.flex-row { cursor: pointer; } .hover\\:shadow-xl { cursor: pointer; } .hover\\:shadow-lg { cursor: pointer; } .hover\\:shadow-xl { cursor: pointer; } .border-2.hover\\:shadow-xl { cursor: pointer; } .hover\\:scale-105 { cursor: pointer; } .custom-scrollbar { scrollbar-gutter: stable; } .custom-scrollbar::-webkit-scrollbar { width: 8px; height: 8px; } .custom-scrollbar::-webkit-scrollbar-track { background: var(--fill-tertiary); border-radius: var(--radius-sm); } .custom-scrollbar::-webkit-scrollbar-thumb { background: var(--fill-quinary); border-radius: var(--radius-sm); -webkit-transition: background-color .2s; transition: background-color .2s; } .custom-scrollbar::-webkit-scrollbar-thumb:hover { background: var(--text-secondary); } .custom-scrollbar::-webkit-scrollbar-corner { background: var(--fill-tertiary); } .custom-scrollbar { scrollbar-width: thin; scrollbar-color: var(--fill-quinary) var(--fill-tertiary); scrollbar-gutter: stable; } .custom-scrollbar-force { scrollbar-gutter: stable !important; } .custom-scrollbar-force::-webkit-scrollbar { width: 8px !important; height: 8px !important; } .custom-scrollbar-force::-webkit-scrollbar-track { background: var(--fill-tertiary) !important; border-radius: var(--radius-sm) !important; } .custom-scrollbar-force::-webkit-scrollbar-thumb { background: var(--fill-quinary) !important; border-radius: var(--radius-sm) !important; -webkit-transition: background-color .2s !important; transition: background-color .2s !important; } .custom-scrollbar-force::-webkit-scrollbar-thumb:hover { background: var(--text-secondary) !important; } .custom-scrollbar-force::-webkit-scrollbar-corner { background: var(--fill-tertiary) !important; } .custom-scrollbar-force { scrollbar-width: thin !important; scrollbar-color: var(--fill-quinary) var(--fill-tertiary) !important; } @keyframes shimmer { 0% { opacity: 0; transform: translateX(-100%)skewX(-10deg); } 50% { opacity: .4; } 100% { opacity: 0; transform: translateX(100%)skewX(-10deg); } } .progressive-image-container { background-color: var(--fill-tertiary); border-radius: inherit; position: relative; overflow: hidden; } @keyframes fadeInImage { 0% { opacity: 0; } 100% { opacity: 1; } } .progressive-image.loaded { opacity: 1; } .progressive-image-overlay { background: linear-gradient(110deg, transparent 0%, var(--text-primary) 50%, transparent 100%); opacity: .4; animation: 2s ease-in-out infinite shimmer; } @supports (color: color-mix(in lab, red, red)) { .progressive-image-overlay { background: linear-gradient(110deg, transparent 0%, color-mix(in srgb, var(--text-primary) 6%, transparent) 50%, transparent 100%); } } .instant-progressive-image-container { border-radius: inherit; position: relative; overflow: hidden; } .instant-progressive-image-low { image-rendering: auto; image-rendering: crisp-edges; image-rendering: pixelated; } .instant-progressive-image-high { image-rendering: auto; } .fast-load-image-container { border-radius: inherit; position: relative; overflow: hidden; } .fast-load-image { image-rendering: auto; image-rendering: crisp-edges; display: block !important; } .hero-category-grid-wrapper { width: 100vw; margin-left: calc(50% - 50vw); position: relative; } @media screen and (width >= 481px) { .hero-category-grid-wrapper { width: auto; margin-left: 0; } } .category-grid { scrollbar-width: none; -ms-overflow-style: none; -webkit-overflow-scrolling: touch; gap: 2.5vw; padding-left: 16px; padding-right: 16px; display: flex; overflow-x: auto; scroll-behavior: auto !important; scroll-snap-type: none !important; } .category-grid::-webkit-scrollbar { display: none; } .category-grid .hero-category-button { flex: 0 0 35vw; min-width: 35vw; max-width: 35vw; } @media screen and (width >= 481px) { .category-grid { grid-template-columns: repeat(4, 1fr); gap: 12px; padding-left: 0; padding-right: 0; display: grid; scroll-behavior: auto !important; scroll-snap-type: none !important; overflow: visible !important; } .category-grid .hero-category-button { flex: unset; min-width: unset; max-width: unset; scroll-snap-align: none !important; } } @media screen and (width >= 769px) { .category-grid { gap: 16px; scroll-behavior: auto !important; scroll-snap-type: none !important; width: auto !important; max-width: none !important; overflow: visible !important; } } .event-hero-section { min-height: 100dvh; overflow-x: hidden; } @media screen and (width >= 481px) { .event-hero-section { min-height: 100dvh; } } @media screen and (width >= 769px) { .event-hero-section { min-height: 100vh; } } @media screen and (width >= 1025px) { .event-hero-section { min-height: 100vh; } } @media screen and (width >= 1921px) { .event-hero-section { min-height: 100vh; } } .hero-background-image { -o-object-fit: cover; object-fit: cover; width: 100%; height: 55vh; top: 0; left: 0; right: 0; } @media screen and (width >= 481px) { .hero-background-image { height: 60vh; top: 0; } } @media screen and (width >= 769px) { .hero-background-image { width: 66%; height: 100vh; position: absolute; top: 0; bottom: auto; left: 34%; } } @media screen and (width >= 1025px) { .hero-background-image { width: 60%; height: 100vh; left: 40%; } } @media screen and (width >= 1921px) { .hero-background-image { width: 60%; height: 100vh; left: 40%; } } .hero-mobile-overlay { display: block; } @media screen and (width >= 769px) { .hero-mobile-overlay { display: none; } } .hero-mobile-overlay .hero-gradient-bottom { background: linear-gradient(to top, var(--fill-primary) 0%, var(--fill-primary) 12%, var(--fill-primary) 25%, var(--fill-primary) 38%, var(--fill-primary) 50%, transparent 65%); } @supports (color: color-mix(in lab, red, red)) { .hero-mobile-overlay .hero-gradient-bottom { background: linear-gradient(to top, var(--fill-primary) 0%, color-mix(in srgb, var(--fill-primary) 95%, transparent) 12%, color-mix(in srgb, var(--fill-primary) 85%, transparent) 25%, color-mix(in srgb, var(--fill-primary) 65%, transparent) 38%, color-mix(in srgb, var(--fill-primary) 35%, transparent) 50%, transparent 65%); } } .hero-mobile-overlay .hero-gradient-top { background: linear-gradient(to bottom, var(--fill-primary) 0%, var(--fill-primary) 20%, var(--fill-primary) 35%, transparent 45%); } @supports (color: color-mix(in lab, red, red)) { .hero-mobile-overlay .hero-gradient-top { background: linear-gradient(to bottom, color-mix(in srgb, var(--fill-primary) 25%, transparent) 0%, color-mix(in srgb, var(--fill-primary) 15%, transparent) 20%, color-mix(in srgb, var(--fill-primary) 8%, transparent) 35%, transparent 45%); } } @media screen and (width >= 481px) { .hero-mobile-overlay .hero-gradient-bottom { background: linear-gradient(to top, var(--fill-primary) 0%, var(--fill-primary) 20%, var(--fill-primary) 40%, var(--fill-primary) 60%, transparent 100%); } @supports (color: color-mix(in lab, red, red)) { .hero-mobile-overlay .hero-gradient-bottom { background: linear-gradient(to top, var(--fill-primary) 0%, color-mix(in srgb, var(--fill-primary) 95%, transparent) 20%, color-mix(in srgb, var(--fill-primary) 80%, transparent) 40%, color-mix(in srgb, var(--fill-primary) 50%, transparent) 60%, transparent 100%); } } .hero-mobile-overlay .hero-gradient-top { background: linear-gradient(to bottom, var(--fill-primary) 0%, transparent 50%); } @supports (color: color-mix(in lab, red, red)) { .hero-mobile-overlay .hero-gradient-top { background: linear-gradient(to bottom, color-mix(in srgb, var(--fill-primary) 40%, transparent) 0%, transparent 50%); } } } .hero-desktop-gradient { display: none; } @media screen and (width >= 769px) { .hero-desktop-gradient { display: block; } } .hero-desktop-gradient-laptop { display: none; } @media screen and (width >= 769px) and (width <= 1024px) { .hero-desktop-gradient-laptop { display: block; } } .hero-desktop-gradient-desktop { display: none; } @media screen and (width >= 1025px) { .hero-desktop-gradient-desktop { display: block; } } @media screen and (width >= 1921px) { .hero-desktop-gradient-desktop { display: block; } } .hero-content-grid { grid-template-columns: 1fr; justify-content: stretch; align-items: end; gap: 32px; min-height: 100dvh; display: grid; } @media screen and (width >= 481px) { .hero-content-grid { align-items: end; min-height: 100dvh; } } @media screen and (width >= 769px) { .hero-content-grid { grid-template-columns: 3.75fr 1.25fr; align-items: center; gap: 48px; min-height: 100vh; } } @media screen and (width >= 1025px) { .hero-content-grid { grid-template-columns: 3fr 2fr; align-items: center; min-height: 100vh; } } .hero-left-content { flex-direction: column; gap: 24px; max-width: 100%; padding-bottom: 32px; display: flex; } @media screen and (width >= 481px) { .hero-left-content { gap: 32px; padding-bottom: 40px; } } @media screen and (width >= 769px) { .hero-left-content { gap: 40px; padding-top: 100px; padding-bottom: 60px; } } @media screen and (width >= 1025px) { .hero-left-content { padding-top: 120px; padding-bottom: 72px; } } @media screen and (width >= 1921px) { .hero-left-content { padding-top: 140px; padding-bottom: 84px; } } .hero-title-section, .hero-description-section { margin-bottom: 0; } .hero-scroll-section { margin-top: 8px; display: none; } @media screen and (width >= 481px) { .hero-scroll-section { margin-top: 16px; display: block; } } @media screen and (width >= 769px) { .hero-scroll-section { margin-top: 24px; } } .hero-category-section, .hero-cta-section { margin-bottom: 0; } .hero-category-button-content { gap: 6px !important; } @media screen and (width >= 481px) { .hero-category-button-content { gap: 12px !important; } } .hero-category-button-icon { aspect-ratio: 1; justify-content: center; align-items: center; display: flex; padding: 8px !important; } @media screen and (width >= 481px) { .hero-category-button-icon { aspect-ratio: 1; justify-content: center; align-items: center; display: flex; padding: 12px !important; } } .hero-category-icon { width: 16px; height: 16px; } @media screen and (width >= 481px) { .hero-category-icon { width: 24px; height: 24px; } } .hero-cta-buttons { flex-direction: column; display: flex; } @media screen and (width >= 481px) { .hero-cta-buttons { flex-direction: row; } } .hero-button-icon { width: 16px; height: 16px; } @media screen and (width >= 481px) { .hero-button-icon { width: 20px; height: 20px; } } .hero-right-space { display: none; } @media screen and (width >= 769px) { .hero-right-space { display: block; } } .demo-page-transparent-header header { z-index: auto !important; position: static !important; top: auto !important; } .demo-page-transparent-header header > div { background-color: #0000 !important; } .input-placeholder::-moz-placeholder { color: var(--text-tertiary); opacity: 1; } .input-placeholder::placeholder { color: var(--text-tertiary); opacity: 1; } .input-filled { background-color: var(--fill-primary); color: var(--text-primary); border: none; } .input-filled:focus { background-color: var(--fill-primary); box-shadow: 0 0 0 2px var(--brand-b2b-main); } .input-outline { border: 2px solid var(--border-primary); color: var(--text-primary); background-color: #0000; } .input-outline:focus { border-color: var(--brand-b2b-main); box-shadow: 0 0 0 2px var(--brand-b2b-main); background-color: #0000; } .input-filled:disabled, .input-outline:disabled { opacity: .5; cursor: not-allowed; background-color: var(--fill-quaternary); } .input-filled[aria-invalid="true"], .input-outline[aria-invalid="true"] { border-color: var(--error-main); } .input-filled[aria-invalid="true"]:focus, .input-outline[aria-invalid="true"]:focus { box-shadow: 0 0 0 2px var(--error-main); } .hero-category-button { background-color: var(--fill-secondary); color: var(--text-secondary); cursor: pointer; padding: 8px !important; } @supports (color: color-mix(in lab, red, red)) { .hero-category-button { background-color: color-mix(in srgb, var(--fill-secondary) 70%, transparent); } } @media screen and (width >= 481px) { .hero-category-button { padding: 12px !important; } } .hero-category-button:hover:not(.active), .hero-category-button.active { background-color: var(--fill-secondary); color: var(--text-primary); } .hero-category-button .hero-category-icon { color: var(--text-secondary); transition: color .3s; } .hero-category-button:hover:not(.active) .hero-category-icon { color: var(--text-primary); } .hero-category-button.active .hero-category-icon { color: var(--brand-b2b-main); } .hero-description { max-width: none; } @media screen and (width >= 481px) { .hero-description { max-width: 28rem; } } .hero-cta-buttons { flex-direction: column; gap: 16px; width: 100%; display: flex; } .hero-scroll-element { align-self: flex-start; margin-top: 0; } .hero-cta-primary, .hero-cta-secondary { text-align: center; white-space: nowrap; text-overflow: ellipsis; cursor: pointer; border-radius: 99px; justify-content: center; align-items: center; gap: 8px; width: 100%; padding: 16px 24px; display: flex; overflow: hidden; } .hero-cta-secondary { border: 2px solid var(--border-secondary); } @media screen and (width >= 481px) { .hero-cta-buttons { flex-direction: row; gap: 16px; max-width: 28rem; } .hero-cta-primary, .hero-cta-secondary { flex: 1; width: auto; } .hero-cta-primary { padding: 16px 32px; } .hero-cta-secondary { padding: 16px 24px; } } .simple-steps-header { text-align: center; flex-direction: column; gap: 16px; margin-bottom: 48px; display: flex; } @media screen and (width >= 481px) { .simple-steps-header { gap: 20px; margin-bottom: 64px; } } @media screen and (width >= 769px) { .simple-steps-header { gap: 24px; margin-bottom: 80px; } } .simple-steps-badge { background-color: var(--brand-b2b-main); border: 1px solid var(--brand-b2b-main); border-radius: 20px; align-self: center; padding: 6px 12px; display: inline-flex; } @supports (color: color-mix(in lab, red, red)) { .simple-steps-badge { background-color: color-mix(in srgb, var(--brand-b2b-main) 10%, transparent); border: 1px solid color-mix(in srgb, var(--brand-b2b-main) 20%, transparent); } } .simple-steps-title { margin: 0; } .simple-steps-description { margin: 0 auto; } .simple-steps-grid { flex-direction: column; gap: 32px; margin-bottom: 48px; display: flex; } @media screen and (width >= 481px) and (width <= 768px) { .simple-steps-grid { gap: 40px; margin-bottom: 64px; } } @media screen and (width >= 769px) { .simple-steps-grid { grid-template-columns: repeat(3, 1fr); gap: 40px; margin-bottom: 80px; display: grid; } } @media screen and (width >= 1025px) { .simple-steps-grid { gap: 48px; } } .simple-step-card { text-align: center; flex-direction: column; gap: 16px; display: flex; position: relative; } @media screen and (width >= 481px) and (width <= 768px) { .simple-step-card { text-align: left; flex-direction: row; align-items: flex-start; gap: 24px; } } @media screen and (width >= 769px) { .simple-step-card { text-align: center; flex-direction: column; align-items: center; gap: 20px; } } .simple-step-number { order: 1; } @media screen and (width >= 481px) and (width <= 768px) { .simple-step-number { order: 0; align-self: center; min-width: 60px; } } @media screen and (width >= 769px) { .simple-step-number { order: 0; } } .simple-step-icon-container { background-color: var(--brand-b2b-main); border-radius: 20px; order: 2; justify-content: center; align-self: center; align-items: center; width: 64px; height: 64px; display: flex; } @supports (color: color-mix(in lab, red, red)) { .simple-step-icon-container { background-color: color-mix(in srgb, var(--brand-b2b-main) 10%, transparent); } } @media screen and (width >= 481px) and (width <= 768px) { .simple-step-icon-container { flex-shrink: 0; order: 1; width: 72px; height: 72px; } } @media screen and (width >= 769px) { .simple-step-icon-container { order: 1; width: 80px; height: 80px; } } @media screen and (width >= 1025px) { .simple-step-icon-container { width: 88px; height: 88px; } } .simple-step-icon { width: 24px; height: 24px; } @media screen and (width >= 481px) { .simple-step-icon { width: 28px; height: 28px; } } @media screen and (width >= 769px) { .simple-step-icon { width: 32px; height: 32px; } } .simple-step-content { flex-direction: column; order: 3; gap: 8px; display: flex; } @media screen and (width >= 481px) and (width <= 768px) { .simple-step-content { flex: 1; order: 2; gap: 12px; } } @media screen and (width >= 769px) { .simple-step-content { order: 2; gap: 12px; } } .simple-step-title, .simple-step-subtitle, .simple-step-description { margin: 0; } @media screen and (width >= 481px) { .simple-step-description { max-width: 280px; } } @media screen and (width >= 769px) { .simple-step-description { margin-left: auto; margin-right: auto; } } .simple-step-connector { display: none; } @media screen and (width >= 769px) { .simple-step-connector { z-index: 1; width: 40px; height: 2px; display: block; position: absolute; top: 40px; left: calc(100% + 20px); } .simple-step-line { background: linear-gradient(to right, var(--border-secondary) 0%, transparent 100%); width: 100%; height: 2px; } } @media screen and (width >= 1025px) { .simple-step-connector { width: 48px; left: calc(100% + 24px); } } .simple-steps-cta { text-align: center; flex-direction: column; align-items: center; gap: 16px; display: flex; } @media screen and (width >= 481px) { .simple-steps-cta { gap: 20px; } } .simple-steps-cta-button { min-width: 200px; padding: 16px 32px; transition: all .2s; } @media screen and (width >= 481px) { .simple-steps-cta-button { min-width: 240px; padding: 18px 40px; } } @media screen and (width >= 769px) { .simple-steps-cta-button { min-width: 280px; padding: 20px 48px; } } .simple-steps-cta-note { margin: 0; } @media (width <= 768px) { .app-logo-container, .app-logo-image { width: 56px !important; height: 56px !important; } } @media screen and (width >= 769px) and (width <= 1024px) { .app-logo-container, .app-logo-image { width: 64px !important; height: 64px !important; } } @media screen and (width >= 1025px) { .app-logo-container, .app-logo-image { width: 64px !important; height: 64px !important; } } @media (width <= 768px) { .app-card { flex: 0 0 360px !important; } } @media screen and (width >= 769px) and (width <= 1024px) { .app-card { flex: 0 0 400px !important; } } @media screen and (width >= 1025px) { .app-card { flex: 0 0 440px !important; } } @media (width <= 480px) { .apps-carousel { gap: 12px !important; } .app-card { flex: 0 0 calc(100vw - 96px) !important; } } .admin-panel-preview-container { padding-left: 16px; padding-right: 16px; } .admin-panel-preview-inner { max-width: var(--container-max-width); width: 100%; margin-left: auto; margin-right: auto; } @media screen and (width >= 481px) { .admin-panel-preview-container { padding-left: 24px; padding-right: 24px; } } @media screen and (width >= 769px) { .admin-panel-preview-container { padding-left: 32px; padding-right: 32px; } } @media screen and (width >= 1025px) { .admin-panel-preview-container { padding-left: 32px; padding-right: 32px; } .admin-panel-preview-inner { width: 100%; max-width: 1800px; margin-left: auto; margin-right: auto; } } @media screen and (width >= 1921px) { .admin-panel-preview-container { padding-left: 40px; padding-right: 40px; } .admin-panel-preview-inner { max-width: 2000px; } } @media screen and (width >= 2560px) { .admin-panel-preview-container { padding-left: 60px; padding-right: 60px; } .admin-panel-preview-inner { max-width: 2200px; } } .event-layout-container { grid-template-columns: 1fr; align-items: start; gap: 32px; display: grid; } @media screen and (width >= 481px) { .event-layout-container { gap: 40px; } } @media screen and (width >= 769px) { .event-layout-container { grid-template-columns: 1fr 1fr; align-items: center; gap: 48px; } } @media screen and (width >= 1025px) { .event-layout-container { grid-template-columns: 3fr 2fr; gap: 64px; } } .event-content-block { flex-direction: column; gap: 24px; display: flex; } @media screen and (width >= 481px) { .event-content-block { gap: 32px; } } @media screen and (width >= 769px) { .event-content-block { gap: 40px; } } .event-image-container { order: -1; position: relative; } @media screen and (width >= 769px) { .event-image-container { order: 0; } } .event-main-image { width: 100%; height: 240px; position: relative; overflow: hidden; } @media screen and (width >= 481px) { .event-main-image { height: 320px; } } @media screen and (width >= 769px) { .event-main-image { height: 400px; } } @media screen and (width >= 1025px) { .event-main-image { height: 480px; } .steps-content-container { gap: 80px !important; } } @property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-translate-z { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-scale-x { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-scale-y { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-scale-z { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-rotate-x { syntax: "*"; inherits: false; initial-value: rotateX(0); } @property --tw-rotate-y { syntax: "*"; inherits: false; initial-value: rotateY(0); } @property --tw-rotate-z { syntax: "*"; inherits: false; initial-value: rotateZ(0); } @property --tw-skew-x { syntax: "*"; inherits: false; initial-value: skewX(0); } @property --tw-skew-y { syntax: "*"; inherits: false; initial-value: skewY(0); } @property --tw-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-space-x-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; } @property --tw-gradient-position { syntax: "*"; inherits: false } @property --tw-gradient-from { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-via { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-to { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-stops { syntax: "*"; inherits: false } @property --tw-gradient-via-stops { syntax: "*"; inherits: false } @property --tw-gradient-from-position { syntax: ""; inherits: false; initial-value: 0%; } @property --tw-gradient-via-position { syntax: ""; inherits: false; initial-value: 50%; } @property --tw-gradient-to-position { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-leading { syntax: "*"; inherits: false } @property --tw-font-weight { syntax: "*"; inherits: false } @property --tw-tracking { syntax: "*"; inherits: false } @property --tw-ordinal { syntax: "*"; inherits: false } @property --tw-slashed-zero { syntax: "*"; inherits: false } @property --tw-numeric-figure { syntax: "*"; inherits: false } @property --tw-numeric-spacing { syntax: "*"; inherits: false } @property --tw-numeric-fraction { syntax: "*"; inherits: false } @property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-shadow-color { syntax: "*"; inherits: false } @property --tw-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-inset-shadow-color { syntax: "*"; inherits: false } @property --tw-inset-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-ring-color { syntax: "*"; inherits: false } @property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-inset-ring-color { syntax: "*"; inherits: false } @property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-ring-inset { syntax: "*"; inherits: false } @property --tw-ring-offset-width { syntax: ""; inherits: false; initial-value: 0; } @property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; } @property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-outline-style { syntax: "*"; inherits: false; initial-value: solid; } @property --tw-blur { syntax: "*"; inherits: false } @property --tw-brightness { syntax: "*"; inherits: false } @property --tw-contrast { syntax: "*"; inherits: false } @property --tw-grayscale { syntax: "*"; inherits: false } @property --tw-hue-rotate { syntax: "*"; inherits: false } @property --tw-invert { syntax: "*"; inherits: false } @property --tw-opacity { syntax: "*"; inherits: false } @property --tw-saturate { syntax: "*"; inherits: false } @property --tw-sepia { syntax: "*"; inherits: false } @property --tw-drop-shadow { syntax: "*"; inherits: false } @property --tw-drop-shadow-color { syntax: "*"; inherits: false } @property --tw-drop-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-drop-shadow-size { syntax: "*"; inherits: false } @property --tw-backdrop-blur { syntax: "*"; inherits: false } @property --tw-backdrop-brightness { syntax: "*"; inherits: false } @property --tw-backdrop-contrast { syntax: "*"; inherits: false } @property --tw-backdrop-grayscale { syntax: "*"; inherits: false } @property --tw-backdrop-hue-rotate { syntax: "*"; inherits: false } @property --tw-backdrop-invert { syntax: "*"; inherits: false } @property --tw-backdrop-opacity { syntax: "*"; inherits: false } @property --tw-backdrop-saturate { syntax: "*"; inherits: false } @property --tw-backdrop-sepia { syntax: "*"; inherits: false } @property --tw-duration { syntax: "*"; inherits: false } @property --tw-ease { syntax: "*"; inherits: false } @property --tw-content { syntax: "*"; inherits: false; initial-value: ""; } @keyframes pulse { 50% { opacity: .5; } } @keyframes bounce { 0%, 100% { animation-timing-function: cubic-bezier(.8, 0, 1, 1); transform: translateY(-25%); } 50% { animation-timing-function: cubic-bezier(0, 0, .2, 1); transform: none; } } @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)); } } @keyframes accordion-down { from { height: 0; } to { height: var(--radix-accordion-content-height, var(--bits-accordion-content-height)); } } @keyframes accordion-up { from { height: var(--radix-accordion-content-height, var(--bits-accordion-content-height)); } to { height: 0; } } @keyframes caret-blink { 0%, 70%, 100% { opacity: 1; } 20%, 50% { opacity: 0; } } .file\:inline-flex::file-selector-button { display: inline-flex; } .file\:border-0::file-selector-button { border-width: 0px; } .file\:bg-transparent::file-selector-button { background-color: transparent; } .file\:font-medium::file-selector-button { font-weight: 500; } .file\:inline-flex::file-selector-button { display: inline-flex; } .file\:bg-transparent::file-selector-button { background-color: #0000; } .file\:font-medium::file-selector-button { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } .placeholder\:text-muted-foreground::-moz-placeholder { color: oklch(.556 0 0); } .placeholder\:text-muted-foreground::placeholder { color: oklch(.556 0 0); } .after\:absolute::after { content: var(--tw-content); position: absolute; } .after\:-inset-2::after { content: var(--tw-content); inset: -0.5rem; } .after\:inset-y-0::after { content: var(--tw-content); top: 0px; bottom: 0px; } .after\:left-1\/2::after { content: var(--tw-content); left: 50%; } .after\:w-1::after { content: var(--tw-content); width: 0.25rem; } .after\:w-\[2px\]::after { content: var(--tw-content); width: 2px; } .after\:-translate-x-1\/2::after { content: var(--tw-content); --tw-translate-x: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .after\:absolute::after { content: var(--tw-content); position: absolute; } .after\:inset-y-0::after { content: var(--tw-content); inset-block: calc(var(--spacing) * 0); } .after\:left-1\/2::after { content: var(--tw-content); left: 50%; } .after\:w-1::after { content: var(--tw-content); width: calc(var(--spacing) * 1); } .after\:-translate-x-1\/2::after { content: var(--tw-content); --tw-translate-x: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .first\:rounded-l-md:first-child { border-top-left-radius: 0.375rem; border-bottom-left-radius: 0.375rem; } .first\:border-l:first-child { border-left-style: var(--tw-border-style); border-left-width: 1px; } .last\:rounded-r-md:last-child { border-top-right-radius: 0.375rem; border-bottom-right-radius: 0.375rem; } .last\:border-b-0:last-child { border-bottom-width: 0px; } .focus-within\:relative:focus-within { position: relative; } .focus-within\:z-20:focus-within { z-index: 20; } .focus-within\:relative:focus-within { position: relative; } .focus-within\:z-20:focus-within { z-index: 20; } .hover\:scale-105:hover { --tw-scale-x: 1.05; --tw-scale-y: 1.05; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .hover\:underline:hover { text-decoration-line: underline; } .hover\:opacity-100:hover { opacity: 1; } .hover\:opacity-70:hover { opacity: 0.7; } .hover\:opacity-80:hover { opacity: 0.8; } .hover\:opacity-90:hover { opacity: 0.9; } .hover\:shadow-\[0_0_0_1px_hsl\(var\(--sidebar-accent\)\)\]:hover { --tw-shadow: 0 0 0 1px hsl(var(--sidebar-accent)); --tw-shadow-colored: 0 0 0 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); } .hover\:shadow-lg:hover { --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 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); } .hover\:ring-4:hover { --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); } .hover\:scale-105:hover { --tw-scale-x: 105%; --tw-scale-y: 105%; --tw-scale-z: 105%; scale: var(--tw-scale-x) var(--tw-scale-y); } .hover\:bg-accent:hover { background-color: oklch(.97 0 0); } .hover\:bg-muted:hover { background-color: oklch(.97 0 0); } .hover\:bg-muted\/50:hover { background-color: color-mix(in oklab, oklch(.97 0 0) 50%, transparent); } .hover\:bg-primary:hover { background-color: oklch(.205 0 0); } .hover\:bg-primary\/20:hover { background-color: color-mix(in oklab, oklch(.205 0 0) 20%, transparent); } .hover\:bg-secondary:hover { background-color: oklch(.97 0 0); } .hover\:text-accent-foreground:hover { color: oklch(.205 0 0); } .hover\:text-foreground:hover { color: oklch(.145 0 0); } .hover\:text-muted-foreground:hover { color: oklch(.556 0 0); } .hover\:text-primary-foreground:hover { color: oklch(.985 0 0); } .hover\:underline:hover { text-decoration-line: underline; } .hover\:opacity-70:hover { opacity: .7; } .hover\:shadow-lg:hover { --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .hover\:after\:bg-sidebar-border:hover::after { content: var(--tw-content); background-color: oklch(.922 0 0); } .focus\:z-10:focus { z-index: 10; } .focus\:outline-none:focus { outline: 2px solid transparent; outline-offset: 2px; } .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-offset-2:focus { --tw-ring-offset-width: 2px; } .focus\:z-10:focus { z-index: 10; } .focus\:border-primary:focus { border-color: oklch(.205 0 0); } .focus\:bg-accent:focus { background-color: oklch(.97 0 0); } .focus\:bg-primary:focus { background-color: oklch(.205 0 0); } .focus\:text-accent-foreground:focus { color: oklch(.205 0 0); } .focus\:text-primary-foreground:focus { color: oklch(.985 0 0); } .focus\:outline-hidden:focus { --tw-outline-style: none; outline-style: none; } @media (forced-colors: active) { .focus\:outline-hidden:focus { outline-offset: 2px; outline: 2px solid #0000; } } .focus\:outline-none:focus { --tw-outline-style: none; outline-style: none; } .focus-visible\:z-10:focus-visible { z-index: 10; } .focus-visible\:outline-1:focus-visible { outline-width: 1px; } .focus-visible\:ring-1:focus-visible { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .focus-visible\:ring-2:focus-visible { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .focus-visible\:ring-4:focus-visible { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(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-visible\:ring-\[3px\]:focus-visible { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(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); } .focus-visible\:ring-offset-1:focus-visible { --tw-ring-offset-width: 1px; } .focus-visible\:z-10:focus-visible { z-index: 10; } .focus-visible\:ring-ring\/50:focus-visible { --tw-ring-color: color-mix(in oklab, oklch(.708 0 0) 50%, transparent); } .focus-visible\:outline-hidden:focus-visible { --tw-outline-style: none; outline-style: none; } @media (forced-colors: active) { .focus-visible\:outline-hidden:focus-visible { outline-offset: 2px; outline: 2px solid #0000; } } .disabled\:pointer-events-none:disabled { pointer-events: none; } .disabled\:cursor-not-allowed:disabled { cursor: not-allowed; } .disabled\:opacity-50:disabled { opacity: 0.5; } .disabled\:pointer-events-none:disabled { pointer-events: none; } .disabled\:cursor-not-allowed:disabled { cursor: not-allowed; } .disabled\:opacity-50:disabled { opacity: .5; } .group\/menu-item:focus-within .group-focus-within\/menu-item\:opacity-100 { opacity: 1; } .group:hover .group-hover\:scale-110 { --tw-scale-x: 1.1; --tw-scale-y: 1.1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .group\/menu-item:hover .group-hover\/menu-item\:opacity-100 { opacity: 1; } .peer:disabled ~ .peer-disabled\:cursor-not-allowed { cursor: not-allowed; } .peer:disabled ~ .peer-disabled\:opacity-50 { opacity: 0.5; } .peer:disabled ~ .peer-disabled\:cursor-not-allowed { cursor: not-allowed; } .peer:disabled ~ .peer-disabled\:opacity-50 { opacity: .5; } .aria-disabled\:pointer-events-none[aria-disabled="true"] { pointer-events: none; } .aria-disabled\:opacity-50[aria-disabled="true"] { opacity: 0.5; } .aria-disabled\:pointer-events-none[aria-disabled="true"] { pointer-events: none; } .aria-disabled\:opacity-50[aria-disabled="true"] { opacity: .5; } .aria-selected\:opacity-100[aria-selected="true"] { opacity: 1; } .aria-selected\:bg-accent[aria-selected="true"] { background-color: oklch(.97 0 0); } .aria-selected\:bg-primary[aria-selected="true"] { background-color: oklch(.205 0 0); } .aria-selected\:text-accent-foreground[aria-selected="true"] { color: oklch(.205 0 0); } .aria-selected\:text-muted-foreground[aria-selected="true"] { color: oklch(.556 0 0); } .aria-selected\:text-primary-foreground[aria-selected="true"] { color: oklch(.985 0 0); } .data-\[disabled\=true\]\:pointer-events-none[data-disabled=true] { pointer-events: none; } .data-\[disabled\]\:pointer-events-none[data-disabled] { pointer-events: none; } .data-\[vaul-drawer-direction\=bottom\]\:inset-x-0[data-vaul-drawer-direction=bottom] { left: 0px; right: 0px; } .data-\[vaul-drawer-direction\=left\]\:inset-y-0[data-vaul-drawer-direction=left] { top: 0px; bottom: 0px; } .data-\[vaul-drawer-direction\=right\]\:inset-y-0[data-vaul-drawer-direction=right] { top: 0px; bottom: 0px; } .data-\[vaul-drawer-direction\=top\]\:inset-x-0[data-vaul-drawer-direction=top] { left: 0px; right: 0px; } .data-\[vaul-drawer-direction\=bottom\]\:bottom-0[data-vaul-drawer-direction=bottom] { bottom: 0px; } .data-\[vaul-drawer-direction\=left\]\:left-0[data-vaul-drawer-direction=left] { left: 0px; } .data-\[vaul-drawer-direction\=right\]\:right-0[data-vaul-drawer-direction=right] { right: 0px; } .data-\[vaul-drawer-direction\=top\]\:top-0[data-vaul-drawer-direction=top] { top: 0px; } .data-\[active\=true\]\:z-10[data-active=true] { z-index: 10; } .data-\[vaul-drawer-direction\=bottom\]\:mt-24[data-vaul-drawer-direction=bottom] { margin-top: 6rem; } .data-\[vaul-drawer-direction\=top\]\:mb-24[data-vaul-drawer-direction=top] { margin-bottom: 6rem; } .data-\[orientation\=horizontal\]\:h-4[data-orientation=horizontal] { height: 1rem; } .data-\[orientation\=horizontal\]\:h-full[data-orientation=horizontal] { height: 100%; } .data-\[orientation\=horizontal\]\:h-px[data-orientation=horizontal] { height: 1px; } .data-\[orientation\=vertical\]\:h-full[data-orientation=vertical] { height: 100%; } .data-\[panel-group-direction\=vertical\]\:h-px[data-panel-group-direction=vertical] { height: 1px; } .data-\[size\=default\]\:h-9[data-size=default] { height: 2.25rem; } .data-\[size\=sm\]\:h-8[data-size=sm] { height: 2rem; } .data-\[vaul-drawer-direction\=bottom\]\:max-h-\[80vh\][data-vaul-drawer-direction=bottom] { max-height: 80vh; } .data-\[vaul-drawer-direction\=top\]\:max-h-\[80vh\][data-vaul-drawer-direction=top] { max-height: 80vh; } .data-\[orientation\=horizontal\]\:w-full[data-orientation=horizontal] { width: 100%; } .data-\[orientation\=vertical\]\:w-1\.5[data-orientation=vertical] { width: 0.375rem; } .data-\[orientation\=vertical\]\:w-auto[data-orientation=vertical] { width: auto; } .data-\[orientation\=vertical\]\:w-full[data-orientation=vertical] { width: 100%; } .data-\[orientation\=vertical\]\:w-px[data-orientation=vertical] { width: 1px; } .data-\[panel-group-direction\=vertical\]\:w-full[data-panel-group-direction=vertical] { width: 100%; } .data-\[vaul-drawer-direction\=left\]\:w-3\/4[data-vaul-drawer-direction=left] { width: 75%; } .data-\[vaul-drawer-direction\=right\]\:w-3\/4[data-vaul-drawer-direction=right] { width: 75%; } .data-\[side\=bottom\]\:translate-y-1[data-side=bottom] { --tw-translate-y: 0.25rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .data-\[side\=left\]\:-translate-x-1[data-side=left] { --tw-translate-x: -0.25rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .data-\[side\=right\]\:translate-x-1[data-side=right] { --tw-translate-x: 0.25rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .data-\[side\=top\]\:-translate-y-1[data-side=top] { --tw-translate-y: -0.25rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .data-\[state\=checked\]\:translate-x-\[calc\(100\%-2px\)\][data-state=checked] { --tw-translate-x: calc(100% - 2px); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked] { --tw-translate-x: 0px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .data-\[orientation\=vertical\]\:flex-col[data-orientation=vertical] { flex-direction: column; } .data-\[panel-group-direction\=vertical\]\:flex-col[data-panel-group-direction=vertical] { flex-direction: column; } .data-\[vaul-drawer-direction\=bottom\]\:rounded-t-lg[data-vaul-drawer-direction=bottom] { border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; } .data-\[vaul-drawer-direction\=top\]\:rounded-b-lg[data-vaul-drawer-direction=top] { border-bottom-right-radius: 0.5rem; border-bottom-left-radius: 0.5rem; } .data-\[variant\=outline\]\:border-l-0[data-variant=outline] { border-left-width: 0px; } .data-\[vaul-drawer-direction\=bottom\]\:border-t[data-vaul-drawer-direction=bottom] { border-top-width: 1px; } .data-\[vaul-drawer-direction\=left\]\:border-r[data-vaul-drawer-direction=left] { border-right-width: 1px; } .data-\[vaul-drawer-direction\=right\]\:border-l[data-vaul-drawer-direction=right] { border-left-width: 1px; } .data-\[vaul-drawer-direction\=top\]\:border-b[data-vaul-drawer-direction=top] { border-bottom-width: 1px; } .data-\[inset\]\:pl-8[data-inset] { padding-left: 2rem; } .data-\[active\=true\]\:font-medium[data-active=true] { font-weight: 500; } .data-\[disabled\=true\]\:opacity-50[data-disabled=true] { opacity: 0.5; } .data-\[disabled\]\:opacity-50[data-disabled] { opacity: 0.5; } .data-\[state\=open\]\:opacity-100[data-state=open] { opacity: 1; } .data-\[active\=true\]\:ring-\[3px\][data-active=true] { --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); } .data-\[state\=closed\]\:duration-300[data-state=closed] { transition-duration: 300ms; } .data-\[state\=open\]\:duration-500[data-state=open] { transition-duration: 500ms; } .data-\[disabled\=true\]\:pointer-events-none[data-disabled=true] { pointer-events: none; } .data-\[disabled\]\:pointer-events-none[data-disabled] { pointer-events: none; } .data-\[vaul-drawer-direction\=bottom\]\:inset-x-0[data-vaul-drawer-direction=bottom] { inset-inline: calc(var(--spacing) * 0); } .data-\[vaul-drawer-direction\=top\]\:inset-x-0[data-vaul-drawer-direction=top] { inset-inline: calc(var(--spacing) * 0); } .data-\[vaul-drawer-direction\=left\]\:inset-y-0[data-vaul-drawer-direction=left] { inset-block: calc(var(--spacing) * 0); } .data-\[vaul-drawer-direction\=right\]\:inset-y-0[data-vaul-drawer-direction=right] { inset-block: calc(var(--spacing) * 0); } .data-\[vaul-drawer-direction\=top\]\:top-0[data-vaul-drawer-direction=top] { top: calc(var(--spacing) * 0); } .data-\[vaul-drawer-direction\=right\]\:right-0[data-vaul-drawer-direction=right] { right: calc(var(--spacing) * 0); } .data-\[vaul-drawer-direction\=bottom\]\:bottom-0[data-vaul-drawer-direction=bottom] { bottom: calc(var(--spacing) * 0); } .data-\[vaul-drawer-direction\=left\]\:left-0[data-vaul-drawer-direction=left] { left: calc(var(--spacing) * 0); } .data-\[active\=true\]\:z-10[data-active=true] { z-index: 10; } .data-\[vaul-drawer-direction\=bottom\]\:mt-24[data-vaul-drawer-direction=bottom] { margin-top: calc(var(--spacing) * 24); } .data-\[orientation\=horizontal\]\:h-4[data-orientation=horizontal] { height: calc(var(--spacing) * 4); } .data-\[size\=sm\]\:h-8[data-size=sm] { height: calc(var(--spacing) * 8); } .data-\[size\=default\]\:h-9[data-size=default] { height: calc(var(--spacing) * 9); } .data-\[orientation\=horizontal\]\:h-full[data-orientation=horizontal] { height: 100%; } .data-\[orientation\=vertical\]\:h-full[data-orientation=vertical] { height: 100%; } .data-\[orientation\=horizontal\]\:h-px[data-orientation=horizontal] { height: 1px; } .data-\[panel-group-direction\=vertical\]\:h-px[data-panel-group-direction=vertical] { height: 1px; } .data-\[vaul-drawer-direction\=left\]\:w-3\/4[data-vaul-drawer-direction=left] { width: 75%; } .data-\[vaul-drawer-direction\=right\]\:w-3\/4[data-vaul-drawer-direction=right] { width: 75%; } .data-\[orientation\=vertical\]\:w-auto[data-orientation=vertical] { width: auto; } .data-\[orientation\=horizontal\]\:w-full[data-orientation=horizontal] { width: 100%; } .data-\[orientation\=vertical\]\:w-full[data-orientation=vertical] { width: 100%; } .data-\[panel-group-direction\=vertical\]\:w-full[data-panel-group-direction=vertical] { width: 100%; } .data-\[orientation\=vertical\]\:w-px[data-orientation=vertical] { width: 1px; } .data-\[motion\^\=from-\]\:animate-in[data-motion^=from-] { animation: enter var(--tw-duration, .15s) var(--tw-ease, ease); } .data-\[state\=open\]\:animate-in[data-state=open] { animation: enter var(--tw-duration, .15s) var(--tw-ease, ease); } .data-\[state\=visible\]\:animate-in[data-state=visible] { animation: enter var(--tw-duration, .15s) var(--tw-ease, ease); } .data-\[orientation\=vertical\]\:flex-col[data-orientation=vertical] { flex-direction: column; } .data-\[panel-group-direction\=vertical\]\:flex-col[data-panel-group-direction=vertical] { flex-direction: column; } .data-\[vaul-drawer-direction\=bottom\]\:border-t[data-vaul-drawer-direction=bottom] { border-top-style: var(--tw-border-style); border-top-width: 1px; } .data-\[vaul-drawer-direction\=left\]\:border-r[data-vaul-drawer-direction=left] { border-right-style: var(--tw-border-style); border-right-width: 1px; } .data-\[vaul-drawer-direction\=top\]\:border-b[data-vaul-drawer-direction=top] { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } .data-\[vaul-drawer-direction\=right\]\:border-l[data-vaul-drawer-direction=right] { border-left-style: var(--tw-border-style); border-left-width: 1px; } .data-\[state\=checked\]\:border-primary[data-state=checked] { border-color: oklch(.205 0 0); } .data-\[selected\=true\]\:bg-accent[data-selected=true] { background-color: oklch(.97 0 0); } .data-\[state\=on\]\:bg-accent[data-state=on] { background-color: oklch(.97 0 0); } .data-\[state\=open\]\:bg-accent[data-state=open] { background-color: oklch(.97 0 0); } .data-\[state\=active\]\:bg-card[data-state=active] { background-color: oklch(1 0 0); } .data-\[state\=selected\]\:bg-muted[data-state=selected] { background-color: oklch(.97 0 0); } .data-\[state\=checked\]\:bg-primary[data-state=checked] { background-color: oklch(.205 0 0); } .data-\[state\=open\]\:bg-secondary[data-state=open] { background-color: oklch(.97 0 0); } .data-\[inset\]\:pl-8[data-inset] { padding-left: calc(var(--spacing) * 8); } .data-\[active\=true\]\:font-medium[data-active=true] { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } .data-\[active\=true\]\:text-accent-foreground[data-active=true] { color: oklch(.205 0 0); } .data-\[selected\=true\]\:text-accent-foreground[data-selected=true] { color: oklch(.205 0 0); } .data-\[state\=on\]\:text-accent-foreground[data-state=on] { color: oklch(.205 0 0); } .data-\[state\=open\]\:text-accent-foreground[data-state=open] { color: oklch(.205 0 0); } .data-\[error\=true\]\:text-destructive[data-error=true] { color: oklch(.577 .245 27.325); } .data-\[variant\=destructive\]\:text-destructive[data-variant=destructive] { color: oklch(.577 .245 27.325); } .data-\[placeholder\]\:text-muted-foreground[data-placeholder] { color: oklch(.556 0 0); } .data-\[state\=open\]\:text-muted-foreground[data-state=open] { color: oklch(.556 0 0); } .data-\[state\=checked\]\:text-primary-foreground[data-state=checked] { color: oklch(.985 0 0); } .data-\[disabled\=true\]\:opacity-50[data-disabled=true] { opacity: .5; } .data-\[disabled\]\:opacity-50[data-disabled] { opacity: .5; } .data-\[variant\=outline\]\:shadow-xs[data-variant=outline] { --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .data-\[active\=true\]\:ring-ring\/50[data-active=true] { --tw-ring-color: color-mix(in oklab, oklch(.708 0 0) 50%, transparent); } .data-\[state\=closed\]\:duration-300[data-state=closed] { --tw-duration: .3s; transition-duration: .3s; } .data-\[state\=open\]\:duration-500[data-state=open] { --tw-duration: .5s; transition-duration: .5s; } .data-\[state\=open\]\:fade-in-0[data-state=open] { --tw-enter-opacity: 0; } .data-\[state\=open\]\:zoom-in-95[data-state=open] { --tw-enter-scale: .95; } .data-\[vaul-drawer-direction\=top\]\:border-b[data-vaul-drawer-direction=top].\[\.border-b\]\:pb-6 { padding-bottom: calc(var(--spacing) * 6); } .data-\[vaul-drawer-direction\=bottom\]\:border-t[data-vaul-drawer-direction=bottom].\[\.border-t\]\:pt-6 { padding-top: calc(var(--spacing) * 6); } .data-\[panel-group-direction\=vertical\]\:after\:left-0[data-panel-group-direction=vertical]::after { content: var(--tw-content); left: 0px; } .data-\[panel-group-direction\=vertical\]\:after\:h-1[data-panel-group-direction=vertical]::after { content: var(--tw-content); height: 0.25rem; } .data-\[panel-group-direction\=vertical\]\:after\:w-full[data-panel-group-direction=vertical]::after { content: var(--tw-content); width: 100%; } .data-\[panel-group-direction\=vertical\]\:after\:-translate-y-1\/2[data-panel-group-direction=vertical]::after { content: var(--tw-content); --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .data-\[panel-group-direction\=vertical\]\:after\:translate-x-0[data-panel-group-direction=vertical]::after { content: var(--tw-content); --tw-translate-x: 0px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .data-\[panel-group-direction\=vertical\]\:after\:left-0[data-panel-group-direction=vertical]::after { content: var(--tw-content); left: calc(var(--spacing) * 0); } .data-\[panel-group-direction\=vertical\]\:after\:h-1[data-panel-group-direction=vertical]::after { content: var(--tw-content); height: calc(var(--spacing) * 1); } .data-\[panel-group-direction\=vertical\]\:after\:w-full[data-panel-group-direction=vertical]::after { content: var(--tw-content); width: 100%; } .data-\[panel-group-direction\=vertical\]\:after\:-translate-y-1\/2[data-panel-group-direction=vertical]::after { content: var(--tw-content); --tw-translate-y: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .data-\[variant\=outline\]\:first\:border-l:first-child[data-variant=outline] { border-left-style: var(--tw-border-style); border-left-width: 1px; } .data-\[active\=true\]\:hover\:bg-accent:hover[data-active=true] { background-color: oklch(.97 0 0); } .data-\[state\=open\]\:hover\:bg-accent:hover[data-state=open] { background-color: oklch(.97 0 0); } .data-\[active\=true\]\:focus\:bg-accent:focus[data-active=true] { background-color: oklch(.97 0 0); } .data-\[state\=open\]\:focus\:bg-accent:focus[data-state=open] { background-color: oklch(.97 0 0); } .data-\[variant\=destructive\]\:focus\:text-destructive:focus[data-variant=destructive] { color: oklch(.577 .245 27.325); } .group[data-disabled=true] .group-data-\[disabled\=true\]\:pointer-events-none { pointer-events: none; } .group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\] { left: calc(var(--sidebar-width) * -1); } .group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\] { right: calc(var(--sidebar-width) * -1); } .group[data-side=left] .group-data-\[side\=left\]\:-right-4 { right: -1rem; } .group[data-side=right] .group-data-\[side\=right\]\:left-0 { left: 0px; } .group\/navigation-menu[data-viewport=false] .group-data-\[viewport\=false\]\/navigation-menu\:top-full { top: 100%; } .group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:-mt-8 { margin-top: -2rem; } .group\/navigation-menu[data-viewport=false] .group-data-\[viewport\=false\]\/navigation-menu\:mt-1\.5 { margin-top: 0.375rem; } .group\/drawer-content[data-vaul-drawer-direction=bottom] .group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:block { display: block; } .group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:hidden { display: none; } .group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\)\] { width: calc(var(--sidebar-width-icon) + (--spacing(4))); } .group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\+2px\)\] { width: calc(var(--sidebar-width-icon) + (--spacing(4)) + 2px); } .group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:w-0 { width: 0px; } .group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:translate-x-0 { --tw-translate-x: 0px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .group[data-side=right] .group-data-\[side\=right\]\:rotate-180 { --tw-rotate: 180deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .group[data-state=open] .group-data-\[state\=open\]\:rotate-180 { --tw-rotate: 180deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:overflow-hidden { overflow: hidden; } .group\/navigation-menu[data-viewport=false] .group-data-\[viewport\=false\]\/navigation-menu\:overflow-hidden { overflow: hidden; } .group[data-variant=floating] .group-data-\[variant\=floating\]\:rounded-lg { border-radius: 0.5rem; } .group\/navigation-menu[data-viewport=false] .group-data-\[viewport\=false\]\/navigation-menu\:rounded-md { border-radius: 0.375rem; } .group[data-variant=floating] .group-data-\[variant\=floating\]\:border { border-width: 1px; } .group\/navigation-menu[data-viewport=false] .group-data-\[viewport\=false\]\/navigation-menu\:border { border-width: 1px; } .group[data-side=left] .group-data-\[side\=left\]\:border-r { border-right-width: 1px; } .group[data-side=right] .group-data-\[side\=right\]\:border-l { border-left-width: 1px; } .group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:opacity-0 { opacity: 0; } .group[data-disabled=true] .group-data-\[disabled\=true\]\:opacity-50 { opacity: 0.5; } .group[data-variant=floating] .group-data-\[variant\=floating\]\:shadow-sm { --tw-shadow: 0 1px 2px 0 rgb(0 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); } .group\/navigation-menu[data-viewport=false] .group-data-\[viewport\=false\]\/navigation-menu\:shadow { --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 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); } .group\/navigation-menu[data-viewport=false] .group-data-\[viewport\=false\]\/navigation-menu\:duration-200 { transition-duration: 200ms; } .group[data-disabled=true] .group-data-\[disabled\=true\]\:pointer-events-none { pointer-events: none; } .group\/navigation-menu[data-viewport=false] .group-data-\[viewport\=false\]\/navigation-menu\:top-full { top: 100%; } { right: calc(var(--spacing) * 4); } .group[data-side=right] .group-data-\[side\=right\]\:left-0 { left: calc(var(--spacing) * 0); } .group\/navigation-menu[data-viewport=false] .group-data-\[viewport\=false\]\/navigation-menu\:mt-1\.5 { margin-top: calc(var(--spacing) * 1.5); } { margin-top: calc(var(--spacing) * 8); } .group\/drawer-content[data-vaul-drawer-direction=bottom] .group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:block { display: block; } .group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:hidden { display: none; } .group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:w-0 { width: calc(var(--spacing) * 0); } .group[data-side=right] .group-data-\[side\=right\]\:rotate-180 { rotate: 180deg; } .group[data-state=open] .group-data-\[state\=open\]\:rotate-180 { rotate: 180deg; } .group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:overflow-hidden { overflow: hidden; } .group\/navigation-menu[data-viewport=false] .group-data-\[viewport\=false\]\/navigation-menu\:overflow-hidden { overflow: hidden; } .group[data-variant=floating] .group-data-\[variant\=floating\]\:rounded-lg { border-radius: .625rem; } .group\/navigation-menu[data-viewport=false] .group-data-\[viewport\=false\]\/navigation-menu\:rounded-md { border-radius: .425rem; } .group[data-variant=floating] .group-data-\[variant\=floating\]\:border { border-style: var(--tw-border-style); border-width: 1px; } .group\/navigation-menu[data-viewport=false] .group-data-\[viewport\=false\]\/navigation-menu\:border { border-style: var(--tw-border-style); border-width: 1px; } .group[data-side=left] .group-data-\[side\=left\]\:border-r { border-right-style: var(--tw-border-style); border-right-width: 1px; } .group[data-side=right] .group-data-\[side\=right\]\:border-l { border-left-style: var(--tw-border-style); border-left-width: 1px; } .group[data-variant=floating] .group-data-\[variant\=floating\]\:border-sidebar-border { border-color: oklch(.922 0 0); } .group\/navigation-menu[data-viewport=false] .group-data-\[viewport\=false\]\/navigation-menu\:bg-popover { background-color: oklch(1 0 0); } .group\/navigation-menu[data-viewport=false] .group-data-\[viewport\=false\]\/navigation-menu\:text-popover-foreground { color: oklch(.145 0 0); } .group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:opacity-0 { opacity: 0; } .group[data-disabled=true] .group-data-\[disabled\=true\]\:opacity-50 { opacity: .5; } .group\/navigation-menu[data-viewport=false] .group-data-\[viewport\=false\]\/navigation-menu\:shadow { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .group[data-variant=floating] .group-data-\[variant\=floating\]\:shadow-sm { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .group\/navigation-menu[data-viewport=false] .group-data-\[viewport\=false\]\/navigation-menu\:duration-200 { --tw-duration: .2s; transition-duration: .2s; } .group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:after\:left-full::after { content: var(--tw-content); left: 100%; } .group[data-collapsible=offcanvas] .hover\:group-data-\[collapsible\=offcanvas\]\:bg-sidebar:hover { background-color: oklch(.985 0 0); } .group\/navigation-menu[data-viewport=false] .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:animate-in[data-state=open] { animation: enter var(--tw-duration, .15s) var(--tw-ease, ease); } .group\/navigation-menu[data-viewport=false] .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:fade-in-0[data-state=open] { --tw-enter-opacity: 0; } .group\/navigation-menu[data-viewport=false] .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:zoom-in-95[data-state=open] { --tw-enter-scale: .95; } .peer\/menu-button[data-size=default] ~ .peer-data-\[size\=default\]\/menu-button\:top-1\.5 { top: 0.375rem; } .peer\/menu-button[data-size=lg] ~ .peer-data-\[size\=lg\]\/menu-button\:top-2\.5 { top: 0.625rem; } .peer\/menu-button[data-size=sm] ~ .peer-data-\[size\=sm\]\/menu-button\:top-1 { top: 0.25rem; } .peer\/menu-button[data-size=default] ~ .peer-data-\[size\=default\]\/menu-button\:top-1\.5 { top: calc(var(--spacing) * 1.5); } .peer\/menu-button[data-size=lg] ~ .peer-data-\[size\=lg\]\/menu-button\:top-2\.5 { top: calc(var(--spacing) * 2.5); } @media (prefers-color-scheme: dark) { .dark\:text-muted-foreground { color: oklch(.556 0 0); } .dark\:data-\[state\=active\]\:border-input[data-state=active] { border-color: oklch(.922 0 0); } .dark\:data-\[state\=checked\]\:bg-primary[data-state=checked] { background-color: oklch(.205 0 0); } .dark\:data-\[state\=active\]\:text-foreground[data-state=active] { color: oklch(.145 0 0); } } @media (min-width: 640px) { .sm\:block { display: block; } .sm\:flex { display: flex; } .sm\:h-10 { height: 2.5rem; } .sm\:h-20 { height: 5rem; } .sm\:w-10 { width: 2.5rem; } .sm\:w-20 { width: 5rem; } .sm\:w-auto { width: auto; } .sm\:max-w-lg { max-width: 32rem; } .sm\:max-w-sm { max-width: 24rem; } .sm\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sm\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .sm\:flex-row { flex-direction: row; } .sm\:items-start { align-items: flex-start; } .sm\:items-center { align-items: center; } .sm\:justify-end { justify-content: flex-end; } .sm\:gap-0 { gap: 0px; } .sm\:gap-2 { gap: 0.5rem; } .sm\:gap-2\.5 { gap: 0.625rem; } .sm\:pl-2 { padding-left: 0.5rem; } .sm\:pl-2\.5 { padding-left: 0.625rem; } .sm\:pr-2 { padding-right: 0.5rem; } .sm\:pr-2\.5 { padding-right: 0.625rem; } .sm\:text-left { text-align: left; } .sm\:text-8xl { font-size: 6rem; line-height: 1; } .sm\:block { display: block; } .sm\:flex { display: flex; } .sm\:h-10 { height: calc(var(--spacing) * 10); } .sm\:h-20 { height: calc(var(--spacing) * 20); } .sm\:w-10 { width: calc(var(--spacing) * 10); } .sm\:w-auto { width: auto; } .sm\:max-w-lg { max-width: var(--container-lg); } .sm\:max-w-sm { max-width: var(--container-sm); } .sm\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sm\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .sm\:flex-row { flex-direction: row; } .sm\:items-center { align-items: center; } .sm\:items-start { align-items: flex-start; } .sm\:justify-end { justify-content: flex-end; } .sm\:gap-2 { gap: calc(var(--spacing) * 2); } .sm\:gap-2\.5 { gap: calc(var(--spacing) * 2.5); } .sm\:pr-2 { padding-right: calc(var(--spacing) * 2); } .sm\:pr-2\.5 { padding-right: calc(var(--spacing) * 2.5); } .sm\:pl-2 { padding-left: calc(var(--spacing) * 2); } .sm\:pl-2\.5 { padding-left: calc(var(--spacing) * 2.5); } .sm\:text-left { text-align: left; } .data-\[vaul-drawer-direction\=left\]\:sm\:max-w-sm[data-vaul-drawer-direction=left] { max-width: 24rem; } .data-\[vaul-drawer-direction\=right\]\:sm\:max-w-sm[data-vaul-drawer-direction=right] { max-width: 24rem; } .data-\[vaul-drawer-direction\=left\]\:sm\:max-w-sm[data-vaul-drawer-direction=left] { max-width: var(--container-sm); } .data-\[vaul-drawer-direction\=right\]\:sm\:max-w-sm[data-vaul-drawer-direction=right] { max-width: var(--container-sm); } } @media (min-width: 768px) { .md\:absolute { position: absolute; } .md\:mb-10 { margin-bottom: 2.5rem; } .md\:mb-16 { margin-bottom: 4rem; } .md\:block { display: block; } .md\:flex { display: flex; } .md\:hidden { display: none; } .md\:\!h-5 { height: 1.25rem !important; } .md\:h-14 { height: 3.5rem; } .md\:\!w-5 { width: 1.25rem !important; } .md\:w-14 { width: 3.5rem; } .md\:w-\[var\(--radix-navigation-menu-viewport-width\)\] { width: var(--radix-navigation-menu-viewport-width); } .md\:w-auto { width: auto; } .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .md\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .md\:flex-row { flex-direction: row; } .md\:items-start { align-items: flex-start; } .md\:gap-6 { gap: 1.5rem; } .md\:p-6 { padding: 1.5rem; } .md\:opacity-0 { opacity: 0; } .md\:absolute { position: absolute; } .md\:mb-16 { margin-bottom: calc(var(--spacing) * 16); } .md\:block { display: block; } .md\:flex { display: flex; } .md\:hidden { display: none; } .md\:\!h-5 { height: calc(var(--spacing) * 5) !important; } .md\:h-14 { height: calc(var(--spacing) * 14); } .md\:\!w-5 { width: calc(var(--spacing) * 5) !important; } .md\:w-auto { width: auto; } .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .md\:flex-row { flex-direction: row; } .md\:items-start { align-items: flex-start; } .md\:gap-6 { gap: calc(var(--spacing) * 6); } .md\:p-6 { padding: calc(var(--spacing) * 6); } .md\:opacity-0 { opacity: 0; } .md\:after\:hidden::after { content: var(--tw-content); display: none; } .peer[data-variant=inset] ~ .md\:peer-data-\[variant\=inset\]\:m-2 { margin: 0.5rem; } .peer[data-variant=inset] ~ .md\:peer-data-\[variant\=inset\]\:ml-0 { margin-left: 0px; } .peer[data-variant=inset][data-state=collapsed] ~ .md\:peer-data-\[variant\=inset\]\:peer-data-\[state\=collapsed\]\:ml-2 { margin-left: 0.5rem; } .peer[data-variant=inset] ~ .md\:peer-data-\[variant\=inset\]\:rounded-xl { border-radius: 0.75rem; } .peer[data-variant=inset] ~ .md\:peer-data-\[variant\=inset\]\:shadow-sm { --tw-shadow: 0 1px 2px 0 rgb(0 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); } .peer[data-variant=inset][data-state=collapsed] ~ .md\:peer-data-\[variant\=inset\]\:peer-data-\[state\=collapsed\]\:ml-2 { margin-left: calc(var(--spacing) * 2); } .peer[data-variant=inset] ~ .md\:peer-data-\[variant\=inset\]\:rounded-xl { border-radius: 1.025rem; } .peer[data-variant=inset] ~ .md\:peer-data-\[variant\=inset\]\:shadow-sm { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } @media (min-width: 1024px) { .lg\:relative { position: relative; } .lg\:top-0 { top: 0px; } .lg\:mb-12 { margin-bottom: 3rem; } .lg\:block { display: block; } .lg\:flex { display: flex; } .lg\:hidden { display: none; } .lg\:h-10 { height: 2.5rem; } .lg\:w-\[119px\] { width: 119px; } .lg\:w-\[200px\] { width: 200px; } .lg\:w-full { width: 100%; } .lg\:min-w-\[120px\] { min-width: 120px; } .lg\:grow { flex-grow: 1; } .lg\:basis-0 { flex-basis: 0px; } .lg\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .lg\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .lg\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .lg\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .lg\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } .lg\:flex-row { flex-direction: row; } .lg\:flex-col { flex-direction: column; } .lg\:items-center { align-items: center; } .lg\:justify-between { justify-content: space-between; } .lg\:gap-10 { gap: 2.5rem; } .lg\:gap-6 { gap: 1.5rem; } .lg\:gap-8 { gap: 2rem; } .lg\:gap-\[18px\] { gap: 18px; } .lg\:p-6 { padding: 1.5rem; } .lg\:pt-20 { padding-top: 5rem; } .lg\:relative { position: relative; } .lg\:top-0 { top: calc(var(--spacing) * 0); } .lg\:mb-12 { margin-bottom: calc(var(--spacing) * 12); } .lg\:block { display: block; } .lg\:flex { display: flex; } .lg\:hidden { display: none; } .lg\:h-10 { height: calc(var(--spacing) * 10); } .lg\:min-h-px { min-height: 1px; } .lg\:w-\[200px\] { width: 200px; } .lg\:w-full { width: 100%; } .lg\:min-w-px { min-width: 1px; } .lg\:grow { flex-grow: 1; } .lg\:basis-0 { flex-basis: calc(var(--spacing) * 0); } .lg\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .lg\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .lg\:flex-col { flex-direction: column; } .lg\:flex-row { flex-direction: row; } .lg\:items-center { align-items: center; } .lg\:justify-between { justify-content: space-between; } .lg\:gap-6 { gap: calc(var(--spacing) * 6); } .lg\:gap-8 { gap: calc(var(--spacing) * 8); } .lg\:gap-10 { gap: calc(var(--spacing) * 10); } .lg\:gap-\[18px\] { gap: 18px; } .lg\:p-6 { padding: calc(var(--spacing) * 6); } .lg\:pt-20 { padding-top: calc(var(--spacing) * 20); } } @media (min-width: 1280px) { .xl\:grid-cols-8 { grid-template-columns: repeat(8, minmax(0, 1fr)); } } .\[\&\+svg\]\:h-\[var\(--input-icon-size-lg\)\]+svg { height: var(--input-icon-size-lg); } .\[\&\+svg\]\:h-\[var\(--input-icon-size-md\)\]+svg { height: var(--input-icon-size-md); } .\[\&\+svg\]\:h-\[var\(--input-icon-size-sm\)\]+svg { height: var(--input-icon-size-sm); } .\[\&\+svg\]\:w-\[var\(--input-icon-size-lg\)\]+svg { width: var(--input-icon-size-lg); } .\[\&\+svg\]\:w-\[var\(--input-icon-size-md\)\]+svg { width: var(--input-icon-size-md); } .\[\&\+svg\]\:w-\[var\(--input-icon-size-sm\)\]+svg { width: var(--input-icon-size-sm); } .\[\&\:has\(\>\.day-range-end\)\]\:rounded-r-md:has(>.day-range-end) { border-top-right-radius: 0.375rem; border-bottom-right-radius: 0.375rem; } .\[\&\:has\(\>\.day-range-start\)\]\:rounded-l-md:has(>.day-range-start) { border-top-left-radius: 0.375rem; border-bottom-left-radius: 0.375rem; } .\[\&\:has\(\[aria-selected\]\)\]\:rounded-md:has([aria-selected]) { border-radius: .425rem; } .\[\&\:has\(\[aria-selected\]\)\]\:bg-accent:has([aria-selected]) { background-color: oklch(.97 0 0); } .first\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-l-md:has([aria-selected]):first-child { border-top-left-radius: 0.375rem; border-bottom-left-radius: 0.375rem; } .last\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-r-md:has([aria-selected]):last-child { border-top-right-radius: 0.375rem; border-bottom-right-radius: 0.375rem; } .\[\&\:has\(\[aria-selected\]\.day-range-end\)\]\:rounded-r-md:has([aria-selected].day-range-end) { border-top-right-radius: 0.375rem; border-bottom-right-radius: 0.375rem; } .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]) { padding-right: 0px; padding-right: calc(var(--spacing) * 0); } .\[\&\:last-child\]\:pb-6:last-child { padding-bottom: 1.5rem; padding-bottom: calc(var(--spacing) * 6); } .\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\]>[role=checkbox] { --tw-translate-y: 2px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .\[\&\>button\]\:hidden>button { display: none; } .\[\&\>span\:last-child\]\:truncate>span:last-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .\[\&\>svg\]\:pointer-events-none>svg { pointer-events: none; } .\[\&\>svg\]\:h-2\.5>svg { height: 0.625rem; } .\[\&\>svg\]\:h-3>svg { height: 0.75rem; } .\[\&\>svg\]\:w-2\.5>svg { width: 0.625rem; } .\[\&\>svg\]\:w-3>svg { width: 0.75rem; } .\[\&\>svg\]\:shrink-0>svg { flex-shrink: 0; } .\[\&\>svg\]\:translate-y-0\.5>svg { --tw-translate-y: 0.125rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .\[\&\>svg\]\:text-current>svg { color: currentColor; } .\[\&\>svg\]\:pointer-events-none>svg { pointer-events: none; } .\[\&\>svg\]\:size-3>svg { width: calc(var(--spacing) * 3); height: calc(var(--spacing) * 3); } .\[\&\>svg\]\:size-3\.5>svg { width: calc(var(--spacing) * 3.5); height: calc(var(--spacing) * 3.5); } .\[\&\>svg\]\:size-4>svg { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); } .\[\&\>svg\]\:h-2\.5>svg { height: calc(var(--spacing) * 2.5); } .\[\&\>svg\]\:h-3>svg { height: calc(var(--spacing) * 3); } .\[\&\>svg\]\:w-2\.5>svg { width: calc(var(--spacing) * 2.5); } .\[\&\>svg\]\:w-3>svg { width: calc(var(--spacing) * 3); } .\[\&\>svg\]\:shrink-0>svg { flex-shrink: 0; } .\[\&\>svg\]\:translate-y-0\.5>svg { --tw-translate-y: calc(var(--spacing) * .5); translate: var(--tw-translate-x) var(--tw-translate-y); } .\[\&\>svg\]\:text-current>svg { color: currentColor; } .\[\&\>svg\]\:text-muted-foreground>svg { color: oklch(.556 0 0); } .\[\&\>tr\]\:last\:border-b-0:last-child>tr { border-bottom-width: 0px; } .\[\&\[data-panel-group-direction\=vertical\]\>div\]\:rotate-90[data-panel-group-direction=vertical]>div { --tw-rotate: 90deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); rotate: 90deg; } .\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg { --tw-rotate: 180deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); rotate: 180deg; } .\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-dot[stroke='#fff'] { stroke: transparent; } .\[\&_\.recharts-layer\]\:outline-hidden .recharts-layer { --tw-outline-style: none; outline-style: none; } @media (forced-colors: active) { .\[\&_\.recharts-layer\]\:outline-hidden .recharts-layer { outline-offset: 2px; outline: 2px solid #0000; } } .\[\&_\.recharts-sector\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-sector[stroke='#fff'] { stroke: transparent; } .\[\&_\.recharts-sector\]\:outline-hidden .recharts-sector { --tw-outline-style: none; outline-style: none; } @media (forced-colors: active) { .\[\&_\.recharts-sector\]\:outline-hidden .recharts-sector { outline-offset: 2px; outline: 2px solid #0000; } } .\[\&_\.recharts-surface\]\:outline-hidden .recharts-surface { --tw-outline-style: none; outline-style: none; } @media (forced-colors: active) { .\[\&_\.recharts-surface\]\:outline-hidden .recharts-surface { outline-offset: 2px; outline: 2px solid #0000; } } .\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading] { padding-left: 0.5rem; padding-right: 0.5rem; } .\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading] { padding-top: 0.375rem; padding-bottom: 0.375rem; } .\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading] { font-size: 0.75rem; line-height: 1rem; } .\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading] { font-weight: 500; } .\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading] { padding-inline: calc(var(--spacing) * 2); } .\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading] { padding-block: calc(var(--spacing) * 1.5); } .\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading] { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } .\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading] { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } .\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading] { color: oklch(.556 0 0); } .\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden]) ~[cmdk-group] { padding-top: 0px; padding-top: calc(var(--spacing) * 0); } .\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group] { padding-left: 0.5rem; padding-right: 0.5rem; padding-inline: calc(var(--spacing) * 2); } .\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg { height: 1.25rem; } .\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg { width: 1.25rem; } .\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg { height: calc(var(--spacing) * 5); } .\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg { width: calc(var(--spacing) * 5); } .\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input] { height: 3rem; height: calc(var(--spacing) * 12); } .\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item] { padding-left: 0.5rem; padding-right: 0.5rem; } .\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item] { padding-top: 0.75rem; padding-bottom: 0.75rem; } .\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item] { padding-inline: calc(var(--spacing) * 2); } .\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item] { padding-block: calc(var(--spacing) * 3); } .\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg { height: 1.25rem; } .\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg { width: 1.25rem; } .\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg { height: calc(var(--spacing) * 5); } .\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg { width: calc(var(--spacing) * 5); } .\[\&_p\]\:leading-relaxed p { line-height: 1.625; --tw-leading: var(--leading-relaxed); line-height: var(--leading-relaxed); } .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*='size-']) { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); } .\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-muted-foreground svg:not([class*='text-']) { color: oklch(.556 0 0); } .\[\&_svg\]\:pointer-events-none svg { pointer-events: none; } .\[\&_svg\]\:h-\[var\(--button-icon-size-lg\)\] svg { height: var(--button-icon-size-lg); } .\[\&_svg\]\:h-\[var\(--button-icon-size-md\)\] svg { height: var(--button-icon-size-md); } .\[\&_svg\]\:h-\[var\(--button-icon-size-sm\)\] svg { height: var(--button-icon-size-sm); } .\[\&_svg\]\:w-\[var\(--button-icon-size-lg\)\] svg { width: var(--button-icon-size-lg); } .\[\&_svg\]\:w-\[var\(--button-icon-size-md\)\] svg { width: var(--button-icon-size-md); } .\[\&_svg\]\:w-\[var\(--button-icon-size-sm\)\] svg { width: var(--button-icon-size-sm); } .\[\&_svg\]\:shrink-0 svg { flex-shrink: 0; } .\[\&_svg\]\:pointer-events-none svg { pointer-events: none; } .\[\&_svg\]\:shrink-0 svg { flex-shrink: 0; } .\[\&_tr\:last-child\]\:border-0 tr:last-child { border-width: 0px; } .\[\&_tr\]\:border-b tr { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } .\[\&_tr\]\:border-b tr.\[\.border-b\]\:pb-6 { padding-bottom: calc(var(--spacing) * 6); } [data-side=left][data-collapsible=offcanvas] .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2 { right: -0.5rem; } { right: calc(var(--spacing) * 2); } [data-side=left][data-state=collapsed] .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize { cursor: e-resize; } [data-side=right][data-collapsible=offcanvas] .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2 { left: -0.5rem; } { left: calc(var(--spacing) * 2); } [data-side=right][data-state=collapsed] .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize { cursor: w-resize; } a.\[a\&\]\:hover\:bg-accent:hover { background-color: oklch(.97 0 0); } a.\[a\&\]\:hover\:text-accent-foreground:hover { color: oklch(.205 0 0); }

Platform

Resources

Platform

Pricing

Resources

Lets talk!