/* stitch-tailwind.css — GENERATED by scripts-tmp/gen-stitch-css.py from the * MCP-exported design HTMLs. Every utility the designs use, defined at the * design contract's own palette and type scale. Regenerate, never hand-edit: * python scripts-tmp/gen-stitch-css.py */ .eg, .eg * { --st-head:'Plus Jakarta Sans',sans-serif; --st-ui:'Inter',sans-serif; } .eg { color:rgb(var(--c-on-surface) / 1); } .eg { --c-background:13 11 20; --c-surface:19 17 28; --c-surface-container:26 23 38; --c-surface-container-low:19 17 28; --c-surface-container-lowest:13 11 20; --c-surface-container-high:36 32 56; --c-surface-container-highest:43 40 54; --c-surface-bright:43 40 54; --c-surface-variant:54 51 63; --c-tertiary-container:56 189 248; --c-on-surface:248 250 252; --c-on-surface-variant:148 163 184; --c-outline:149 142 160; --c-outline-variant:73 68 84; --c-primary:139 92 246; --c-on-primary:255 255 255; --c-primary-container:160 120 255; --c-on-primary-container:255 255 255; --c-inverse-primary:124 58 237; --c-secondary:16 185 129; --c-on-secondary:0 56 36; --c-secondary-container:16 185 129; --c-on-secondary-container:255 255 255; --c-tertiary:56 189 248; --c-on-tertiary:0 53 74; --c-error:251 113 133; --c-on-error:255 255 255; --c-error-container:147 0 10; --c-on-error-container:255 218 214; --c-inverse-surface:230 224 240; --c-inverse-on-surface:49 47 59; --c-primary-fixed:233 221 255; --c-secondary-fixed-dim:78 222 163; --c-tertiary-fixed:196 231 255; --c-tertiary-fixed-dim:123 208 255; } body[data-theme="default"] .eg { --c-background:244 242 250; --c-surface:255 255 255; --c-surface-container:241 239 248; --c-surface-container-low:255 255 255; --c-surface-container-lowest:244 242 250; --c-surface-container-high:231 227 243; --c-surface-container-highest:221 216 238; --c-surface-bright:231 227 243; --c-surface-variant:220 215 236; --c-tertiary-container:14 165 233; --c-on-surface:20 18 29; --c-on-surface-variant:85 80 109; --c-outline:122 117 148; --c-outline-variant:207 201 226; --c-primary:124 58 237; --c-on-primary:255 255 255; --c-primary-container:139 92 246; --c-on-primary-container:255 255 255; --c-inverse-primary:109 40 217; --c-secondary:5 150 105; --c-on-secondary:255 255 255; --c-secondary-container:5 150 105; --c-on-secondary-container:255 255 255; --c-tertiary:2 132 199; --c-on-tertiary:255 255 255; --c-error:225 29 72; --c-on-error:255 255 255; --c-error-container:255 228 230; --c-on-error-container:159 18 57; --c-inverse-surface:20 18 29; --c-inverse-on-surface:244 242 250; --c-primary-fixed:109 40 217; --c-secondary-fixed-dim:5 150 105; --c-tertiary-fixed:3 105 161; --c-tertiary-fixed-dim:2 132 199; } :root,.eg{--tw-stops:var(--tw-from,transparent),var(--tw-via,transparent),var(--tw-to,transparent);--tw-from:transparent;--tw-via:transparent;--tw-to:transparent;} .-bottom-1 { bottom:-0.25rem; } .-bottom-1\.5 { bottom:-0.375rem; } .-bottom-16 { bottom:-4.0rem; } .-bottom-2 { bottom:-0.5rem; } .-bottom-24 { bottom:-6.0rem; } .-inset-1 { inset:-0.25rem; } .-left-24 { left:-6.0rem; } .-left-40 { left:-10.0rem; } .-mb-4 { margin-bottom:-1.0rem; } .-mb-\[1px\] { margin-bottom:-1px; } .-mt-1 { margin-top:-0.25rem; } .-mx-2 { margin-left:-0.5rem;margin-right:0.5rem; } .-mx-4 { margin-left:-1.0rem;margin-right:1.0rem; } .-mx-margin-mobile { margin-left:-1rem;margin-right:-1rem; } .-my-2 { margin-top:-0.5rem;margin-bottom:0.5rem; } .-right-1 { right:-0.25rem; } .-right-1\.5 { right:-0.375rem; } .-right-16 { right:-4.0rem; } .-right-2 { right:-0.5rem; } .-right-24 { right:-6.0rem; } .-right-4 { right:-1.0rem; } .-space-x-1\.5 > :-not([hidden]) ~ :not([hidden]) { margin-left:0.375rem; } .-space-x-2 > :-not([hidden]) ~ :not([hidden]) { margin-left:0.5rem; } .-top-12 { top:-3.0rem; } .-top-24 { top:-6.0rem; } .-top-32 { top:-8.0rem; } .-top-4 { top:-1.0rem; } .-top-40 { top:-10.0rem; } .-z-10 { z-index:-10; } .absolute { position:absolute; } .align-middle { vertical-align:middle; } .animate-ping { animation:st-ping 1s cubic-bezier(0,0,.2,1) infinite; } .animate-pulse { animation:st-pulse 2s cubic-bezier(.4,0,.6,1) infinite; } .antialiased { -webkit-font-smoothing:antialiased; } .aspect-video { aspect-ratio:16/9; } .backdrop-blur { -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px); } .backdrop-blur-lg { -webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px); } .backdrop-blur-md { -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px); } .backdrop-blur-sm { -webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px); } .backdrop-blur-xl { -webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px); } .bg-\[#0055ff\]\/20 { background-color:#0055ff33; } .bg-\[#0055ff\]\/30 { background-color:#0055ff4c; } .bg-\[#00adef\]\/20 { background-color:#00adef33; } .bg-\[#00adef\]\/30 { background-color:#00adef4c; } .bg-\[#10b981\]\/20 { background-color:#10b98133; } .bg-\[#10b981\]\/30 { background-color:#10b9814c; } .bg-\[#1abc9c\] { background-color:#1abc9c; } .bg-\[#1abc9c\]\/20 { background-color:#1abc9c33; } .bg-\[#27ae60\]\/20 { background-color:#27ae6033; } .bg-\[#3498db\] { background-color:#3498db; } .bg-\[#3498db\]\/20 { background-color:#3498db33; } .bg-\[#38bdf8\]\/20 { background-color:#38bdf833; } .bg-\[#9b59b6\] { background-color:#9b59b6; } .bg-\[#9b59b6\]\/20 { background-color:#9b59b633; } .bg-\[#e74c3c\]\/20 { background-color:#e74c3c33; } .bg-\[#f1c40f\]\/20 { background-color:#f1c40f33; } .bg-\[#f39c12\] { background-color:#f39c12; } .bg-\[#f39c12\]\/20 { background-color:#f39c1233; } .bg-\[#f97316\]\/20 { background-color:#f9731633; } .bg-\[#f97316\]\/30 { background-color:#f973164c; } .bg-\[#ff2d55\]\/20 { background-color:#ff2d5533; } .bg-\[#ff2d55\]\/30 { background-color:#ff2d554c; } .bg-\[#ff3366\]\/20 { background-color:#ff336633; } .bg-amber-500\/20 { background-color:#f59e0b33; } .bg-background { background-color:rgb(var(--c-background) / 1); } .bg-blue-500\/20 { background-color:#3b82f633; } .bg-blue-600\/20 { background-color:#2563eb33; } .bg-center { background-position:center; } .bg-clip-text { -webkit-background-clip:text;background-clip:text; } .bg-cover { background-size:cover; } .bg-cyan-500\/20 { background-color:#06b6d433; } .bg-error { background-color:rgb(var(--c-error) / 1); } .bg-error-container { background-color:rgb(var(--c-error-container) / 1); } .bg-error-container\/30 { background-color:rgb(var(--c-error-container) / 0.3); } .bg-error-container\/40 { background-color:rgb(var(--c-error-container) / 0.4); } .bg-error\/10 { background-color:rgb(var(--c-error) / 0.1); } .bg-gradient-to-b { background-image:linear-gradient(180deg,var(--tw-from,transparent),var(--tw-via,transparent),var(--tw-to,transparent)); } .bg-gradient-to-br { background-image:linear-gradient(135deg,var(--tw-from,transparent),var(--tw-via,transparent),var(--tw-to,transparent)); } .bg-gradient-to-r { background-image:linear-gradient(90deg,var(--tw-from,transparent),var(--tw-via,transparent),var(--tw-to,transparent)); } .bg-gradient-to-t { background-image:linear-gradient(0deg,var(--tw-from,transparent),var(--tw-via,transparent),var(--tw-to,transparent)); } .bg-gradient-to-tr { background-image:linear-gradient(45deg,var(--tw-from,transparent),var(--tw-via,transparent),var(--tw-to,transparent)); } .bg-indigo-500\/20 { background-color:#6366f133; } .bg-inverse-primary { background-color:rgb(var(--c-inverse-primary) / 1); } .bg-outline { background-color:rgb(var(--c-outline) / 1); } .bg-outline-variant\/30 { background-color:rgb(var(--c-outline-variant) / 0.3); } .bg-outline\/20 { background-color:rgb(var(--c-outline) / 0.2); } .bg-pink-500\/20 { background-color:#ec489933; } .bg-primary { background-color:rgb(var(--c-primary) / 1); } .bg-primary-container { background-color:rgb(var(--c-primary-container) / 1); } .bg-primary-container\/10 { background-color:rgb(var(--c-primary-container) / 0.1); } .bg-primary-container\/15 { background-color:rgb(var(--c-primary-container) / 0.15); } .bg-primary-container\/20 { background-color:rgb(var(--c-primary-container) / 0.2); } .bg-primary-container\/30 { background-color:rgb(var(--c-primary-container) / 0.3); } .bg-primary\/10 { background-color:rgb(var(--c-primary) / 0.1); } .bg-primary\/15 { background-color:rgb(var(--c-primary) / 0.15); } .bg-primary\/20 { background-color:rgb(var(--c-primary) / 0.2); } .bg-primary\/30 { background-color:rgb(var(--c-primary) / 0.3); } .bg-primary\/40 { background-color:rgb(var(--c-primary) / 0.4); } .bg-primary\/90 { background-color:rgb(var(--c-primary) / 0.9); } .bg-purple-500\/20 { background-color:#a855f733; } .bg-secondary { background-color:rgb(var(--c-secondary) / 1); } .bg-secondary-container { background-color:rgb(var(--c-secondary-container) / 1); } .bg-secondary-container\/10 { background-color:rgb(var(--c-secondary-container) / 0.1); } .bg-secondary-container\/20 { background-color:rgb(var(--c-secondary-container) / 0.2); } .bg-secondary-container\/30 { background-color:rgb(var(--c-secondary-container) / 0.3); } .bg-secondary\/10 { background-color:rgb(var(--c-secondary) / 0.1); } .bg-secondary\/15 { background-color:rgb(var(--c-secondary) / 0.15); } .bg-secondary\/20 { background-color:rgb(var(--c-secondary) / 0.2); } .bg-secondary\/5 { background-color:rgb(var(--c-secondary) / 0.05); } .bg-secondary\/90 { background-color:rgb(var(--c-secondary) / 0.9); } .bg-surface { background-color:rgb(var(--c-surface) / 1); } .bg-surface-container { background-color:rgb(var(--c-surface-container) / 1); } .bg-surface-container-high { background-color:rgb(var(--c-surface-container-high) / 1); } .bg-surface-container-high\/40 { background-color:rgb(var(--c-surface-container-high) / 0.4); } .bg-surface-container-high\/60 { background-color:rgb(var(--c-surface-container-high) / 0.6); } .bg-surface-container-highest { background-color:rgb(var(--c-surface-container-highest) / 1); } .bg-surface-container-low { background-color:rgb(var(--c-surface-container-low) / 1); } .bg-surface-container-low\/50 { background-color:rgb(var(--c-surface-container-low) / 0.5); } .bg-surface-container-low\/60 { background-color:rgb(var(--c-surface-container-low) / 0.6); } .bg-surface-container-low\/70 { background-color:rgb(var(--c-surface-container-low) / 0.7); } .bg-surface-container-low\/90 { background-color:rgb(var(--c-surface-container-low) / 0.9); } .bg-surface-container-lowest { background-color:rgb(var(--c-surface-container-lowest) / 1); } .bg-surface-container-lowest\/80 { background-color:rgb(var(--c-surface-container-lowest) / 0.8); } .bg-surface-container-lowest\/85 { background-color:rgb(var(--c-surface-container-lowest) / 0.85); } .bg-surface-container-lowest\/95 { background-color:rgb(var(--c-surface-container-lowest) / 0.95); } .bg-surface-container\/20 { background-color:rgb(var(--c-surface-container) / 0.2); } .bg-surface-container\/60 { background-color:rgb(var(--c-surface-container) / 0.6); } .bg-surface-container\/70 { background-color:rgb(var(--c-surface-container) / 0.7); } .bg-surface-container\/80 { background-color:rgb(var(--c-surface-container) / 0.8); } .bg-surface\/85 { background-color:rgb(var(--c-surface) / 0.85); } .bg-surface\/90 { background-color:rgb(var(--c-surface) / 0.9); } .bg-surface\/95 { background-color:rgb(var(--c-surface) / 0.95); } .bg-teal-500\/20 { background-color:#14b8a633; } .bg-tertiary { background-color:rgb(var(--c-tertiary) / 1); } .bg-tertiary-container\/20 { background-color:rgb(var(--c-tertiary-container) / 0.2); } .bg-tertiary-container\/30 { background-color:rgb(var(--c-tertiary-container) / 0.3); } .bg-tertiary\/10 { background-color:rgb(var(--c-tertiary) / 0.1); } .bg-transparent { background:transparent; } .bg-yellow-500\/20 { background-color:#eab30833; } .block { display:block; } .blur-2xl { filter:blur(40px); } .blur-3xl { filter:blur(64px); } .blur-\[100px\] { filter:blur(100px); } .blur-\[120px\] { filter:blur(120px); } .blur-\[128px\] { filter:blur(128px); } .blur-\[130px\] { filter:blur(130px); } .blur-\[140px\] { filter:blur(140px); } .blur-md { filter:blur(8px); } .blur-xl { filter:blur(24px); } .blur-xs { filter:blur(2px); } .border-0 { border-width:0.00; } .border-2 { border-width:0.5rem; } .border-b { border-bottom-width:1px;border-bottom-style:solid; } .border-b-0 { border-bottom-width:0; } .border-b-2 { border-bottom-width:2px;border-bottom-style:solid; } .border-collapse { border-collapse:collapse; } .border-error { border-color:rgb(var(--c-error) / 1); } .border-l-4 { border-left-width:4px;border-left-style:solid; } .border-none { border:none; } .border-outline { border-color:rgb(var(--c-outline) / 1); } .border-outline-variant\/10 { border-color:rgb(var(--c-outline-variant) / 0.1); } .border-outline-variant\/15 { border-color:rgb(var(--c-outline-variant) / 0.15); } .border-outline-variant\/20 { border-color:rgb(var(--c-outline-variant) / 0.2); } .border-outline-variant\/30 { border-color:rgb(var(--c-outline-variant) / 0.3); } .border-primary { border-color:rgb(var(--c-primary) / 1); } .border-secondary { border-color:rgb(var(--c-secondary) / 1); } .border-surface-container { border-color:rgb(var(--c-surface-container) / 1); } .border-surface-container-high { border-color:rgb(var(--c-surface-container-high) / 1); } .border-surface-container-highest\/40 { border-color:rgb(var(--c-surface-container-highest) / 0.4); } .border-surface-container-highest\/60 { border-color:rgb(var(--c-surface-container-highest) / 0.6); } .border-surface-container-low { border-color:rgb(var(--c-surface-container-low) / 1); } .border-t { border-top-width:1px;border-top-style:solid; } .border-y { border-top-width:1px;border-bottom-width:1px;border-style:solid; } .bottom-0 { bottom:0.00; } .bottom-4 { bottom:1.0rem; } .col-span-2 { grid-column: span 2 / span 2; } .cursor-default { cursor:default; } .cursor-pointer { cursor:pointer; } .divide-outline-variant\/10 > :not([hidden]) ~ :not([hidden]) { border-color:rgb(var(--c-outline-variant) / 0.1); } .divide-surface-container > :not([hidden]) ~ :not([hidden]) { border-color:rgb(var(--c-surface-container) / 1); } .divide-surface-container-high > :not([hidden]) ~ :not([hidden]) { border-color:rgb(var(--c-surface-container-high) / 1); } .divide-surface-container-high\/40 > :not([hidden]) ~ :not([hidden]) { border-color:rgb(var(--c-surface-container-high) / 0.4); } .divide-surface-container-highest\/20 > :not([hidden]) ~ :not([hidden]) { border-color:rgb(var(--c-surface-container-highest) / 0.2); } .divide-y > :not([hidden]) ~ :not([hidden]) { border-top-width:1px;border-top-style:solid; } .divide-y-0 > :not([hidden]) ~ :not([hidden]) { border-top-width:0; } .duration-300 { transition-duration:.3s; } .duration-500 { transition-duration:.5s; } .fill-primary { fill:rgb(var(--c-primary) / 1); } .fill-secondary { fill:rgb(var(--c-secondary) / 1); } .fixed { position:fixed; } .flex { display:flex; } .flex-1 { flex:1 1 0%; } .flex-col { flex-direction:column; } .flex-grow { flex-grow:1; } .flex-wrap { flex-wrap:wrap; } .font-black { font-weight:900; } .font-body-lg { font-family:var(--st-ui); } .font-body-md { font-family:var(--st-ui); } .font-body-sm { font-family:var(--st-ui); } .font-bold { font-weight:700; } .font-display-hero { font-family:var(--st-head); } .font-extrabold { font-weight:800; } .font-headline-lg { font-family:var(--st-head); } .font-headline-md { font-family:var(--st-head); } .font-headline-sm { font-family:var(--st-head); } .font-headline-xl { font-family:var(--st-head); } .font-label-md { font-family:var(--st-ui); } .font-label-sm { font-family:var(--st-ui); } .font-medium { font-weight:500; } .font-mono { font-family:ui-monospace,SFMono-Regular,Menlo,monospace; } .font-normal { font-weight:400; } .font-semibold { font-weight:600; } .font-serif { font-family:Georgia,serif; } .font-stat-numeric { font-family:var(--st-head); } .from-background { --tw-from:rgb(var(--c-background) / 1); } .from-background\/90 { --tw-from:rgb(var(--c-background) / 0.9); } .from-primary { --tw-from:rgb(var(--c-primary) / 1); } .from-primary-container { --tw-from:rgb(var(--c-primary-container) / 1); } .from-primary\/10 { --tw-from:rgb(var(--c-primary) / 0.1); } .from-secondary-container { --tw-from:rgb(var(--c-secondary-container) / 1); } .from-surface-container { --tw-from:rgb(var(--c-surface-container) / 1); } .from-surface-container-high\/40 { --tw-from:rgb(var(--c-surface-container-high) / 0.4); } .from-surface-container-low { --tw-from:rgb(var(--c-surface-container-low) / 1); } .from-tertiary-container { --tw-from:rgb(var(--c-tertiary-container) / 1); } .gap-0\.5 { gap:0.125rem; } .gap-1 { gap:0.25rem; } .gap-1\.5 { gap:0.375rem; } .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:1.0rem; } .gap-5 { gap:1.25rem; } .gap-6 { gap:1.5rem; } .gap-8 { gap:2.0rem; } .gap-gutter { gap:1.5rem; } .gap-space-lg { gap:1.5rem; } .gap-space-md { gap:1rem; } .gap-space-sm { gap:.5rem; } .gap-space-xl { gap:2rem; } .gap-space-xs { gap:.25rem; } .gap-x-space-lg { column-gap:1.5rem; } .gap-y-2 { row-gap:.5rem; } .grid { display:grid; } .grid-cols-1 { grid-template-columns:repeat(1,minmax(0,1fr)); } .grid-cols-2 { grid-template-columns:repeat(2,minmax(0,1fr)); } .grid-cols-3 { grid-template-columns:repeat(3,minmax(0,1fr)); } .grid-cols-4 { grid-template-columns:repeat(4,minmax(0,1fr)); } .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-24 { height:6rem; } .h-28 { height:7rem; } .h-3 { height:0.75rem; } .h-3\.5 { height:0.875rem; } .h-32 { height:8rem; } .h-36 { height:9rem; } .h-4 { height:1rem; } .h-40 { height:10rem; } .h-44 { height:11rem; } .h-5 { height:1.25rem; } .h-56 { height:14rem; } .h-6 { height:1.5rem; } .h-7 { height:1.75rem; } .h-72 { height:18rem; } .h-8 { height:2rem; } .h-80 { height:20rem; } .h-9 { height:2.25rem; } .h-96 { height:24rem; } .h-\[250px\] { height:250px; } .h-\[300px\] { height:300px; } .h-\[350px\] { height:350px; } .h-full { height:100%; } .hidden { display:none; } .inline-block { display:inline-block; } .inline-flex { display:inline-flex; } .inset-0 { inset:0.00; } .inset-x-0 { left:0;right:0; } .italic { font-style:italic; } .items-baseline { align-items:baseline; } .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; } .leading-none { line-height:1; } .leading-relaxed { line-height:1.625; } .leading-snug { line-height:1.375; } .left-0 { left:0.00; } .left-1\/3 { left:33.333%; } .left-1\/4 { left:25%; } .left-2 { left:0.5rem; } .left-2\.5 { left:0.625rem; } .left-3 { left:0.75rem; } .left-4 { left:1.0rem; } .line-clamp-1 { display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden; } .line-clamp-2 { display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden; } .list-none { list-style:none; } .m-auto { margin:auto; } .max-w-2xl { max-width:42rem; } .max-w-3xl { max-width:48rem; } .max-w-7xl { max-width:80rem; } .max-w-\[1440px\] { max-width:1440px; } .max-w-\[160px\] { max-width:160px; } .max-w-md { max-width:28rem; } .max-w-sm { max-width:24rem; } .max-w-xl { max-width:36rem; } .max-w-xs { max-width:20rem; } .mb-1 { margin-bottom:0.25rem; } .mb-1\.5 { margin-bottom:0.375rem; } .mb-10 { margin-bottom:2.5rem; } .mb-2 { margin-bottom:0.5rem; } .mb-2\.5 { margin-bottom:0.625rem; } .mb-3 { margin-bottom:0.75rem; } .mb-4 { margin-bottom:1.0rem; } .mb-5 { margin-bottom:1.25rem; } .mb-6 { margin-bottom:1.5rem; } .mb-space-lg { margin-bottom:1.5rem; } .mb-space-md { margin-bottom:1rem; } .mb-space-sm { margin-bottom:.5rem; } .mb-space-xl { margin-bottom:2rem; } .mb-space-xs { margin-bottom:.25rem; } .min-h-\[calc\(100vh-20rem\)\] { min-height:calc(100vh-20rem); } .min-h-screen { min-height:100vh; } .min-w-0 { min-width:0; } .min-w-\[100px\] { min-width:100px; } .min-w-\[1100px\] { min-width:1100px; } .min-w-\[110px\] { min-width:110px; } .min-w-\[120px\] { min-width:120px; } .min-w-\[130px\] { min-width:130px; } .min-w-\[140px\] { min-width:140px; } .min-w-\[150px\] { min-width:150px; } .min-w-\[160px\] { min-width:160px; } .min-w-\[170px\] { min-width:170px; } .min-w-\[190px\] { min-width:190px; } .min-w-\[200px\] { min-width:200px; } .min-w-\[220px\] { min-width:220px; } .min-w-\[240px\] { min-width:240px; } .min-w-\[260px\] { min-width:260px; } .min-w-\[280px\] { min-width:280px; } .min-w-\[980px\] { min-width:980px; } .ml-1 { margin-left:0.25rem; } .ml-3 { margin-left:0.75rem; } .ml-auto { margin-left:auto; } .mr-0\.5 { margin-right:0.125rem; } .mr-1 { margin-right:0.25rem; } .mr-1\.5 { margin-right:0.375rem; } .mr-2 { margin-right:0.5rem; } .mr-3 { margin-right:0.75rem; } .mt-0\.5 { margin-top:0.125rem; } .mt-1 { margin-top:0.25rem; } .mt-10 { margin-top:2.5rem; } .mt-2 { margin-top:0.5rem; } .mt-2\.5 { margin-top:0.625rem; } .mt-3 { margin-top:0.75rem; } .mt-4 { margin-top:1.0rem; } .mt-6 { margin-top:1.5rem; } .mt-8 { margin-top:2.0rem; } .mt-auto { margin-top:auto; } .mt-space-lg { margin-top:1.5rem; } .mt-space-sm { margin-top:.5rem; } .mt-space-xl { margin-top:2rem; } .mt-space-xs { margin-top:.25rem; } .mx-0\.5 { margin-left:0.125rem;margin-right:0.125rem; } .mx-1 { margin-left:0.25rem;margin-right:0.25rem; } .mx-auto { margin-left:auto;margin-right:auto; } .my-2 { margin-top:0.5rem;margin-bottom:0.5rem; } .my-6 { margin-top:1.5rem;margin-bottom:1.5rem; } .my-space-xs { margin-top:.25rem;margin-bottom:.25rem; } .no-scrollbar { scrollbar-width:none; } .not-italic { font-style:normal; } .object-contain { object-fit:contain; } .object-cover { object-fit:cover; } .opacity-20 { opacity:.2; } .opacity-30 { opacity:.3; } .opacity-60 { opacity:.6; } .opacity-75 { opacity:.75; } .outline-none { outline:none; } .overflow-hidden { overflow:hidden; } .overflow-visible { overflow:visible; } .overflow-x-auto { overflow-x:auto; } .p-1 { padding:0.25rem; } .p-1\.5 { padding:0.375rem; } .p-2 { padding:0.5rem; } .p-2\.5 { padding:0.625rem; } .p-3 { padding:0.75rem; } .p-3\.5 { padding:0.875rem; } .p-4 { padding:1.0rem; } .p-5 { padding:1.25rem; } .p-6 { padding:1.5rem; } .p-space-md { padding:1rem; } .p-space-sm { padding:.5rem; } .pb-1 { padding-bottom:0.25rem; } .pb-10 { padding-bottom:2.5rem; } .pb-14 { padding-bottom:3.5rem; } .pb-2 { padding-bottom:0.5rem; } .pb-2\.5 { padding-bottom:0.625rem; } .pb-3 { padding-bottom:0.75rem; } .pb-4 { padding-bottom:1.0rem; } .pb-5 { padding-bottom:1.25rem; } .pb-6 { padding-bottom:1.5rem; } .pb-space-lg { padding-bottom:1.5rem; } .pb-space-md { padding-bottom:1rem; } .pb-space-sm { padding-bottom:.5rem; } .pb-space-xl { padding-bottom:2rem; } .pb-space-xs { padding-bottom:.25rem; } .pl-4 { padding-left:1.0rem; } .pl-6 { padding-left:1.5rem; } .pl-9 { padding-left:2.25rem; } .pointer-events-none { pointer-events:none; } .pr-0 { padding-right:0.00; } .pr-1 { padding-right:0.25rem; } .pr-2 { padding-right:0.5rem; } .pr-6 { padding-right:1.5rem; } .pr-8 { padding-right:2.0rem; } .pt-0\.5 { padding-top:0.125rem; } .pt-1 { padding-top:0.25rem; } .pt-2 { padding-top:0.5rem; } .pt-20 { padding-top:5.0rem; } .pt-3 { padding-top:0.75rem; } .pt-4 { padding-top:1.0rem; } .pt-5 { padding-top:1.25rem; } .pt-8 { padding-top:2.0rem; } .pt-margin { padding-top:2rem; } .pt-space-lg { padding-top:1.5rem; } .pt-space-md { padding-top:1rem; } .pt-space-sm { padding-top:.5rem; } .pt-space-xl { padding-top:2rem; } .pt-space-xs { padding-top:.25rem; } .px-1 { padding-left:0.25rem;padding-right:0.25rem; } .px-1\.5 { padding-left:0.375rem;padding-right:0.375rem; } .px-2 { padding-left:0.5rem;padding-right:0.5rem; } .px-2\.5 { padding-left:0.625rem;padding-right:0.625rem; } .px-3 { padding-left:0.75rem;padding-right:0.75rem; } .px-3\.5 { padding-left:0.875rem;padding-right:0.875rem; } .px-4 { padding-left:1.0rem;padding-right:1.0rem; } .px-5 { padding-left:1.25rem;padding-right:1.25rem; } .px-6 { padding-left:1.5rem;padding-right:1.5rem; } .px-gutter-mobile { padding-left:1rem;padding-right:1rem; } .px-margin { padding-left:2rem;padding-right:2rem; } .px-margin-mobile { padding-left:1rem;padding-right:1rem; } .px-space-md { padding-left:1rem;padding-right:1rem; } .px-space-sm { padding-left:.5rem;padding-right:.5rem; } .py-0\.2 { padding-top:0.05rem;padding-bottom:0.05rem; } .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-2 { padding-top:0.5rem;padding-bottom:0.5rem; } .py-2\.5 { padding-top:0.625rem;padding-bottom:0.625rem; } .py-3 { padding-top:0.75rem;padding-bottom:0.75rem; } .py-3\.5 { padding-top:0.875rem;padding-bottom:0.875rem; } .py-4 { padding-top:1.0rem;padding-bottom:1.0rem; } .py-8 { padding-top:2.0rem;padding-bottom:2.0rem; } .py-space-md { padding-top:1rem;padding-bottom:1rem; } .py-space-sm { padding-top:.5rem;padding-bottom:.5rem; } .relative { position:relative; } .right-0 { right:0.00; } .right-10 { right:2.5rem; } .right-2 { right:0.5rem; } .right-4 { right:1.0rem; } .ring-1 { box-shadow:0 0 0 1px var(--tw-ring-color,rgba(139,92,246,.5)); } .ring-2 { box-shadow:0 0 0 2px var(--tw-ring-color,rgba(139,92,246,.5)); } .ring-primary { --tw-ring-color:rgb(var(--c-primary) / 1); } .ring-primary\/20 { --tw-ring-color:rgb(var(--c-primary) / 0.2); } .ring-primary\/25 { --tw-ring-color:rgb(var(--c-primary) / 0.25); } .ring-primary\/30 { --tw-ring-color:rgb(var(--c-primary) / 0.3); } .ring-surface-container-low { --tw-ring-color:rgb(var(--c-surface-container-low) / 1); } .ring-surface-container-lowest { --tw-ring-color:rgb(var(--c-surface-container-lowest) / 1); } .rounded { border-radius:.25rem; } .rounded-2xl { border-radius:1rem; } .rounded-b-xl { border-bottom-left-radius:.75rem;border-bottom-right-radius:.75rem; } .rounded-full { border-radius:9999px; } .rounded-l-lg { border-top-left-radius:.5rem;border-bottom-left-radius:.5rem; } .rounded-lg { border-radius:.5rem; } .rounded-md { border-radius:.375rem; } .rounded-r-lg { border-top-right-radius:.5rem;border-bottom-right-radius:.5rem; } .rounded-sm { border-radius:.125rem; } .rounded-t { border-top-left-radius:.25rem;border-top-right-radius:.25rem; } .rounded-xl { border-radius:.75rem; } .scale-105 { transform:scale(1.05); } .scroll-smooth { scroll-behavior:smooth; } .scrollbar-none { scrollbar-width:none; } .select-none { user-select:none; } .self-end { align-self:flex-end; } .self-start { align-self:flex-start; } .self-stretch { align-self:stretch; } .shadow { box-shadow:0 1px 3px rgba(0,0,0,.3); } .shadow-2xl { box-shadow:0 25px 50px -12px rgba(0,0,0,.5); } .shadow-\[0_-1px_16px_rgba\(0\,0\,0\,0\.5\)\] { box-shadow:0 -1px 16px rgba(0,0,0,0.5); } .shadow-\[0_-4px_24px_rgba\(0\,0\,0\,0\.5\)\] { box-shadow:0 -4px 24px rgba(0,0,0,0.5); } .shadow-\[0_0_10px_rgba\(109\,59\,215\,0\.4\)\] { box-shadow:0 0 10px rgba(109,59,215,0.4); } .shadow-\[0_0_10px_rgba\(160\,120\,255\,0\.2\)\] { box-shadow:0 0 10px rgba(160,120,255,0.2); } .shadow-\[0_0_10px_rgba\(160\,120\,255\,0\.3\)\] { box-shadow:0 0 10px rgba(160,120,255,0.3); } .shadow-\[0_0_10px_rgba\(208\,188\,255\,0\.3\)\] { box-shadow:0 0 10px rgba(208,188,255,0.3); } .shadow-\[0_0_10px_rgba\(208\,188\,255\,0\.35\)\] { box-shadow:0 0 10px rgba(208,188,255,0.35); } .shadow-\[0_0_10px_rgba\(208\,188\,255\,0\.4\)\] { box-shadow:0 0 10px rgba(208,188,255,0.4); } .shadow-\[0_0_10px_rgba\(78\,222\,163\,0\.3\)\] { box-shadow:0 0 10px rgba(78,222,163,0.3); } .shadow-\[0_0_12px_rgba\(160\,120\,255\,0\.2\)\] { box-shadow:0 0 12px rgba(160,120,255,0.2); } .shadow-\[0_0_12px_rgba\(160\,120\,255\,0\.3\)\] { box-shadow:0 0 12px rgba(160,120,255,0.3); } .shadow-\[0_0_12px_rgba\(160\,120\,255\,0\.35\)\] { box-shadow:0 0 12px rgba(160,120,255,0.35); } .shadow-\[0_0_12px_rgba\(160\,120\,255\,0\.4\)\] { box-shadow:0 0 12px rgba(160,120,255,0.4); } .shadow-\[0_0_12px_rgba\(78\,222\,163\,0\.15\)\] { box-shadow:0 0 12px rgba(78,222,163,0.15); } .shadow-\[0_0_12px_rgba\(78\,222\,163\,0\.5\)\] { box-shadow:0 0 12px rgba(78,222,163,0.5); } .shadow-\[0_0_14px_rgba\(160\,120\,255\,0\.3\)\] { box-shadow:0 0 14px rgba(160,120,255,0.3); } .shadow-\[0_0_15px_rgba\(160\,120\,255\,0\.25\)\] { box-shadow:0 0 15px rgba(160,120,255,0.25); } .shadow-\[0_0_15px_rgba\(160\,120\,255\,0\.35\)\] { box-shadow:0 0 15px rgba(160,120,255,0.35); } .shadow-\[0_0_16px_rgba\(160\,120\,255\,0\.25\)\] { box-shadow:0 0 16px rgba(160,120,255,0.25); } .shadow-\[0_0_16px_rgba\(160\,120\,255\,0\.35\)\] { box-shadow:0 0 16px rgba(160,120,255,0.35); } .shadow-\[0_0_20px_rgba\(160\,120\,255\,0\.35\)\] { box-shadow:0 0 20px rgba(160,120,255,0.35); } .shadow-\[0_0_24px_rgba\(160\,120\,255\,0\.25\)\] { box-shadow:0 0 24px rgba(160,120,255,0.25); } .shadow-\[0_0_30px_rgba\(208\,188\,255\,0\.6\)\] { box-shadow:0 0 30px rgba(208,188,255,0.6); } .shadow-\[0_0_6px_rgba\(78\,222\,163\,0\.8\)\] { box-shadow:0 0 6px rgba(78,222,163,0.8); } .shadow-\[0_0_8px_rgba\(160\,120\,255\,0\.4\)\] { box-shadow:0 0 8px rgba(160,120,255,0.4); } .shadow-\[0_0_8px_rgba\(78\,222\,163\,0\.6\)\] { box-shadow:0 0 8px rgba(78,222,163,0.6); } .shadow-\[0_0_8px_rgba\(78\,222\,163\,0\.7\)\] { box-shadow:0 0 8px rgba(78,222,163,0.7); } .shadow-\[0_0_8px_rgba\(78\,222\,163\,0\.8\)\] { box-shadow:0 0 8px rgba(78,222,163,0.8); } .shadow-\[0_0_8px_rgba\(78\,222\,163\,0\.9\)\] { box-shadow:0 0 8px rgba(78,222,163,0.9); } .shadow-\[0_12px_36px_rgba\(0\,0\,0\,0\.65\)\] { box-shadow:0 12px 36px rgba(0,0,0,0.65); } .shadow-\[0_2px_12px_rgba\(160\,120\,255\,0\.25\)\] { box-shadow:0 2px 12px rgba(160,120,255,0.25); } .shadow-\[0_4px_16px_rgba\(160\,120\,255\,0\.3\)\] { box-shadow:0 4px 16px rgba(160,120,255,0.3); } .shadow-\[0_4px_16px_rgba\(160\,120\,255\,0\.35\)\] { box-shadow:0 4px 16px rgba(160,120,255,0.35); } .shadow-\[0_4px_20px_-2px_rgba\(160\,120\,255\,0\.4\)\] { box-shadow:0 4px 20px -2px rgba(160,120,255,0.4); } .shadow-\[0_4px_20px_-2px_rgba\(160\,120\,255\,0\.45\)\] { box-shadow:0 4px 20px -2px rgba(160,120,255,0.45); } .shadow-\[0_4px_20px_rgba\(0\,0\,0\,0\.5\)\] { box-shadow:0 4px 20px rgba(0,0,0,0.5); } .shadow-\[0_4px_20px_rgba\(160\,120\,255\,0\.35\)\] { box-shadow:0 4px 20px rgba(160,120,255,0.35); } .shadow-\[0_4px_24px_rgba\(0\,0\,0\,0\.45\)\] { box-shadow:0 4px 24px rgba(0,0,0,0.45); } .shadow-\[0_4px_24px_rgba\(0\,0\,0\,0\.6\)\] { box-shadow:0 4px 24px rgba(0,0,0,0.6); } .shadow-\[0_4px_24px_rgba\(160\,120\,255\,0\.4\)\] { box-shadow:0 4px 24px rgba(160,120,255,0.4); } .shadow-\[0_8px_24px_rgba\(234\,56\,77\,0\.35\)\] { box-shadow:0 8px 24px rgba(234,56,77,0.35); } .shadow-\[0_8px_32px_rgba\(0\,0\,0\,0\.6\)\] { box-shadow:0 8px 32px rgba(0,0,0,0.6); } .shadow-\[inset_0_1px_0_rgba\(255\,255\,255\,0\.1\)\] { box-shadow:inset 0 1px 0 rgba(255,255,255,0.1); } .shadow-black\/40 { --tw-shadow-color:rgba(0,0,0,.4); } .shadow-inner { box-shadow:inset 0 2px 4px rgba(0,0,0,.25); } .shadow-lg { box-shadow:0 10px 15px -3px rgba(0,0,0,.35); } .shadow-md { box-shadow:0 4px 6px -1px rgba(0,0,0,.3); } .shadow-primary-container\/30 { --tw-shadow-color:rgba(160,120,255,.3); } .shadow-sm { box-shadow:0 1px 2px rgba(0,0,0,.25); } .shadow-xl { box-shadow:0 20px 25px -5px rgba(0,0,0,.4); } .shrink-0 { flex-shrink:0; } .space-y-1 > :not([hidden]) ~ :not([hidden]) { margin-top:0.25rem; } .space-y-1\.5 > :not([hidden]) ~ :not([hidden]) { margin-top:0.375rem; } .space-y-2 > :not([hidden]) ~ :not([hidden]) { margin-top:0.5rem; } .space-y-2\.5 > :not([hidden]) ~ :not([hidden]) { margin-top:0.625rem; } .space-y-3 > :not([hidden]) ~ :not([hidden]) { margin-top:0.75rem; } .space-y-3\.5 > :not([hidden]) ~ :not([hidden]) { margin-top:0.875rem; } .space-y-4 > :not([hidden]) ~ :not([hidden]) { margin-top:1.0rem; } .space-y-space-sm > :not([hidden]) ~ :not([hidden]) { margin-top:.5rem; } .space-y-space-xs > :not([hidden]) ~ :not([hidden]) { margin-top:.25rem; } .sticky { position:sticky; } .stroke-error { stroke:rgb(var(--c-error) / 1); } .stroke-secondary { stroke:rgb(var(--c-secondary) / 1); } .tabular-nums { font-variant-numeric:tabular-nums; } .text-\[#0055ff\] { color:#0055ff; } .text-\[#00adef\] { color:#00adef; } .text-\[#10b981\] { color:#10b981; } .text-\[#1abc9c\] { color:#1abc9c; } .text-\[#2ecc71\] { color:#2ecc71; } .text-\[#3388ff\] { color:#3388ff; } .text-\[#3498db\] { color:#3498db; } .text-\[#38bdf8\] { color:#38bdf8; } .text-\[#9b59b6\] { color:#9b59b6; } .text-\[#e74c3c\] { color:#e74c3c; } .text-\[#f1c40f\] { color:#f1c40f; } .text-\[#f39c12\] { color:#f39c12; } .text-\[#f97316\] { color:#f97316; } .text-\[#ff2d55\] { color:#ff2d55; } .text-\[#ff3366\] { color:#ff3366; } .text-\[10px\] { font-size:10px; } .text-\[11px\] { font-size:11px; } .text-\[12px\] { font-size:12px; } .text-\[13px\] { font-size:13px; } .text-\[14px\] { font-size:14px; } .text-\[15px\] { font-size:15px; } .text-\[16px\] { font-size:16px; } .text-\[17px\] { font-size:17px; } .text-\[18px\] { font-size:18px; } .text-\[20px\] { font-size:20px; } .text-\[22px\] { font-size:22px; } .text-\[24px\] { font-size:24px; } .text-\[26px\] { font-size:26px; } .text-\[36px\] { font-size:36px; } .text-\[38px\] { font-size:38px; } .text-amber-400 { color:#fbbf24; } .text-base { font-size:14px;line-height:22px; } .text-black { color:#000; } .text-blue-400 { color:#60a5fa; } .text-body-lg { font-weight:400; font-size:16px; line-height:26px; } .text-body-md { font-weight:400; font-size:14px; line-height:22px; } .text-body-sm { font-weight:400; font-size:13px; line-height:20px; } .text-center { text-align:center; } .text-cyan-300 { color:#67e8f9; } .text-display-hero { font-weight:800; font-size:40px; line-height:48px; letter-spacing:-.02em; } .text-display-hero-mobile { font-weight:800; font-size:28px; line-height:36px; letter-spacing:-.01em; } .text-error { color:rgb(var(--c-error) / 1); } .text-headline-lg { font-weight:700; font-size:22px; line-height:30px; letter-spacing:-.01em; } .text-headline-md { font-weight:600; font-size:18px; line-height:26px; } .text-headline-sm { font-weight:600; font-size:15px; line-height:22px; } .text-headline-xl { font-weight:700; font-size:28px; line-height:36px; letter-spacing:-.015em; } .text-indigo-300 { color:#a5b4fc; } .text-label-md { font-weight:600; font-size:12px; line-height:16px; letter-spacing:.04em; } .text-label-sm { font-weight:600; font-size:11px; line-height:14px; letter-spacing:.05em; } .text-left { text-align:left; } .text-on-error { color:rgb(var(--c-on-error) / 1); } .text-on-error-container { color:rgb(var(--c-on-error-container) / 1); } .text-on-primary { color:rgb(var(--c-on-primary) / 1); } .text-on-primary-container { color:rgb(var(--c-on-primary-container) / 1); } .text-on-secondary { color:rgb(var(--c-on-secondary) / 1); } .text-on-surface { color:rgb(var(--c-on-surface) / 1); } .text-on-surface-variant { color:rgb(var(--c-on-surface-variant) / 1); } .text-outline { color:rgb(var(--c-outline) / 1); } .text-outline-variant { color:rgb(var(--c-outline-variant) / 1); } .text-pink-400 { color:#f472b6; } .text-primary { color:rgb(var(--c-primary) / 1); } .text-primary-container { color:rgb(var(--c-primary-container) / 1); } .text-primary-fixed { color:rgb(var(--c-primary-fixed) / 1); } .text-purple-400 { color:#c084fc; } .text-red-400 { color:#f87171; } .text-right { text-align:right; } .text-secondary { color:rgb(var(--c-secondary) / 1); } .text-secondary-fixed-dim { color:rgb(var(--c-secondary-fixed-dim) / 1); } .text-sm { font-size:14px;line-height:20px; } .text-stat-numeric { font-weight:700; font-size:24px; line-height:28px; letter-spacing:-.02em; } .text-teal-300 { color:#5eead4; } .text-teal-400 { color:#2dd4bf; } .text-tertiary { color:rgb(var(--c-tertiary) / 1); } .text-tertiary-fixed { color:rgb(var(--c-tertiary-fixed) / 1); } .text-tertiary-fixed-dim { color:rgb(var(--c-tertiary-fixed-dim) / 1); } .text-transparent { color:transparent; } .text-white { color:#fff; } .text-xl { font-size:20px;line-height:28px; } .text-xs { font-size:12px;line-height:16px; } .text-yellow-400 { color:#facc15; } .to-background { --tw-to:rgb(var(--c-background) / 1); } .to-background\/90 { --tw-to:rgb(var(--c-background) / 0.9); } .to-inverse-primary { --tw-to:rgb(var(--c-inverse-primary) / 1); } .to-primary { --tw-to:rgb(var(--c-primary) / 1); } .to-secondary { --tw-to:rgb(var(--c-secondary) / 1); } .to-surface { --tw-to:rgb(var(--c-surface) / 1); } .to-surface-container { --tw-to:rgb(var(--c-surface-container) / 1); } .to-surface-container-high { --tw-to:rgb(var(--c-surface-container-high) / 1); } .to-surface-container-high\/40 { --tw-to:rgb(var(--c-surface-container-high) / 0.4); } .to-surface-container-low { --tw-to:rgb(var(--c-surface-container-low) / 1); } .to-surface-container-lowest\/40 { --tw-to:rgb(var(--c-surface-container-lowest) / 0.4); } .to-tertiary { --tw-to:rgb(var(--c-tertiary) / 1); } .to-transparent { --tw-to:transparent; } .top-0 { top:0.00; } .top-1\/3 { top:33.333333%; } .top-10 { top:2.5rem; } .top-12 { top:3.0rem; } .top-2 { top:0.5rem; } .top-2\.5 { top:0.625rem; } .top-20 { top:5.0rem; } .top-3 { top:0.75rem; } .top-36 { top:9.0rem; } .top-48 { top:12.0rem; } .tracking-normal { letter-spacing:0; } .tracking-tight { letter-spacing:-.01em; } .tracking-tighter { letter-spacing:-.02em; } .tracking-wide { letter-spacing:.025em; } .tracking-wider { letter-spacing:.05em; } .tracking-widest { letter-spacing:.1em; } .transform { transform:translateZ(0); } .transition-all { transition:all .18s ease; } .transition-colors { transition:color .15s ease,background-color .15s ease,border-color .15s ease; } .transition-opacity { transition:opacity .15s cubic-bezier(.4,0,.2,1); } .transition-transform { transition:transform .5s ease; } .truncate { overflow:hidden;text-overflow:ellipsis;white-space:nowrap; } .uppercase { text-transform:uppercase; } .via-primary { --tw-via:rgb(var(--c-primary) / 1); } .via-primary-container { --tw-via:rgb(var(--c-primary-container) / 1); } .via-primary-fixed { --tw-via:rgb(var(--c-primary-fixed) / 1); } .via-secondary { --tw-via:rgb(var(--c-secondary) / 1); } .via-surface { --tw-via:rgb(var(--c-surface) / 1); } .via-surface-container { --tw-via:rgb(var(--c-surface-container) / 1); } .via-surface-container-lowest { --tw-via:rgb(var(--c-surface-container-lowest) / 1); } .via-surface-container-lowest\/80 { --tw-via:rgb(var(--c-surface-container-lowest) / 0.8); } .via-surface-container\/70 { --tw-via:rgb(var(--c-surface-container) / 0.7); } .via-transparent { --tw-via:transparent; } .w-1\.5 { width:0.375rem; } .w-10 { width:2.5rem; } .w-11 { width:2.75rem; } .w-12 { width:3rem; } .w-14 { width:3.5rem; } .w-16 { width:4rem; } .w-2 { width:0.5rem; } .w-2\.5 { width:0.625rem; } .w-2\/3 { width:66.666667%; } .w-20 { width:5rem; } .w-24 { width:6rem; } .w-28 { width:7rem; } .w-3\.5 { width:0.875rem; } .w-36 { width:9rem; } .w-4 { width:1rem; } .w-4\/5 { width:80%; } .w-48 { width:12rem; } .w-5 { width:1.25rem; } .w-56 { width:14rem; } .w-6 { width:1.5rem; } .w-7 { width:1.75rem; } .w-72 { width:18rem; } .w-8 { width:2rem; } .w-80 { width:20rem; } .w-9 { width:2.25rem; } .w-96 { width:24rem; } .w-\[1px\] { width:1px; } .w-\[400px\] { width:400px; } .w-\[450px\] { width:450px; } .w-\[600px\] { width:600px; } .w-\[62\.4\%\] { width:62.4%; } .w-\[64\%\] { width:64%; } .w-\[78\%\] { width:78%; } .w-fit { width:fit-content; } .w-full { width:100%; } .w-px { width:1px; } .whitespace-nowrap { white-space:nowrap; } .z-0 { z-index:0; } .z-10 { z-index:10; } .z-20 { z-index:20; } .z-30 { z-index:30; } .z-40 { z-index:40; } .z-50 { z-index:50; } .hover\:bg-error:hover { background-color:rgb(var(--c-error) / 1); } .hover\:bg-error\/20:hover { background-color:rgb(var(--c-error) / 0.2); } .hover\:bg-inverse-primary:hover { background-color:rgb(var(--c-inverse-primary) / 1); } .hover\:bg-primary:hover { background-color:rgb(var(--c-primary) / 1); } .hover\:bg-primary-container:hover { background-color:rgb(var(--c-primary-container) / 1); } .hover\:bg-primary-fixed:hover { background-color:rgb(var(--c-primary-fixed) / 1); } .hover\:bg-primary\/30:hover { background-color:rgb(var(--c-primary) / 0.3); } .hover\:bg-secondary:hover { background-color:rgb(var(--c-secondary) / 1); } .hover\:bg-secondary\/20:hover { background-color:rgb(var(--c-secondary) / 0.2); } .hover\:bg-surface-bright:hover { background-color:rgb(var(--c-surface-bright) / 1); } .hover\:bg-surface-container:hover { background-color:rgb(var(--c-surface-container) / 1); } .hover\:bg-surface-container-high:hover { background-color:rgb(var(--c-surface-container-high) / 1); } .hover\:bg-surface-container-high\/50:hover { background-color:rgb(var(--c-surface-container-high) / 0.5); } .hover\:bg-surface-container-high\/60:hover { background-color:rgb(var(--c-surface-container-high) / 0.6); } .hover\:bg-surface-container-highest:hover { background-color:rgb(var(--c-surface-container-highest) / 1); } .hover\:bg-surface-container-low:hover { background-color:rgb(var(--c-surface-container-low) / 1); } .hover\:bg-surface-container-low\/70:hover { background-color:rgb(var(--c-surface-container-low) / 0.7); } .hover\:bg-surface-container\/50:hover { background-color:rgb(var(--c-surface-container) / 0.5); } .hover\:bg-surface-container\/60:hover { background-color:rgb(var(--c-surface-container) / 0.6); } .hover\:bg-surface-variant:hover { background-color:rgb(var(--c-surface-variant) / 1); } .hover\:bg-tertiary:hover { background-color:rgb(var(--c-tertiary) / 1); } .hover\:border-b-2:hover { border-bottom-width:2px;border-bottom-style:solid; } .hover\:border-outline:hover { border-color:rgb(var(--c-outline) / 1); } .hover\:from-primary:hover { --tw-from:rgb(var(--c-primary) / 1); } .hover\:opacity-90:hover { opacity:.9; } .hover\:ring-1:hover { box-shadow:0 0 0 1px var(--tw-ring-color,rgba(139,92,246,.5)); } .hover\:ring-primary\/40:hover { --tw-ring-color:rgb(var(--c-primary) / 0.4); } .hover\:scale-105:hover { transform:scale(1.05); } .hover\:shadow-\[0_6px_30px_rgba\(160\,120\,255\,0\.6\)\]:hover { box-shadow:0 6px 30px rgba(160,120,255,0.6); } .hover\:shadow-xl:hover { box-shadow:0 20px 25px -5px rgba(0,0,0,.4); } .hover\:text-error:hover { color:rgb(var(--c-error) / 1); } .hover\:text-on-error:hover { color:rgb(var(--c-on-error) / 1); } .hover\:text-on-primary:hover { color:rgb(var(--c-on-primary) / 1); } .hover\:text-on-primary-container:hover { color:rgb(var(--c-on-primary-container) / 1); } .hover\:text-on-secondary:hover { color:rgb(var(--c-on-secondary) / 1); } .hover\:text-on-surface:hover { color:rgb(var(--c-on-surface) / 1); } .hover\:text-on-tertiary:hover { color:rgb(var(--c-on-tertiary) / 1); } .hover\:text-primary:hover { color:rgb(var(--c-primary) / 1); } .hover\:text-primary-container:hover { color:rgb(var(--c-primary-container) / 1); } .hover\:text-primary-fixed:hover { color:rgb(var(--c-primary-fixed) / 1); } .hover\:text-secondary:hover { color:rgb(var(--c-secondary) / 1); } .hover\:text-tertiary:hover { color:rgb(var(--c-tertiary) / 1); } .hover\:to-primary-container:hover { --tw-to:rgb(var(--c-primary-container) / 1); } .hover\:underline:hover { text-decoration:underline; } .group:hover .group-hover\:bg-primary { background-color:rgb(var(--c-primary) / 1); } .group:hover .group-hover\:bg-primary-container { background-color:rgb(var(--c-primary-container) / 1); } .group:hover .group-hover\:bg-surface-container-lowest\/70 { background-color:rgb(var(--c-surface-container-lowest) / 0.7); } .group:hover .group-hover\:opacity-90 { opacity:.9; } .group:hover .group-hover\:scale-105 { transform:scale(1.05); } .group:hover .group-hover\:scale-110 { transform:scale(1.1); } .group:hover .group-hover\:shadow-\[0_0_20px_rgba\(160\,120\,255\,0\.45\)\] { box-shadow:0 0 20px rgba(160,120,255,0.45); } .group:hover .group-hover\:text-on-primary { color:rgb(var(--c-on-primary) / 1); } .group:hover .group-hover\:text-on-primary-container { color:rgb(var(--c-on-primary-container) / 1); } .group:hover .group-hover\:text-on-surface { color:rgb(var(--c-on-surface) / 1); } .group:hover .group-hover\:text-primary { color:rgb(var(--c-primary) / 1); } @media (min-width: 640px) { .sm\:block { display:block; } } @media (min-width: 640px) { .sm\:border-outline-variant\/15 { border-color:rgb(var(--c-outline-variant) / 0.15); } } @media (min-width: 640px) { .sm\:border-r { border-right-width:1px;border-right-style:solid; } } @media (min-width: 640px) { .sm\:border-t-0 { border-top-width:0; } } @media (min-width: 640px) { .sm\:col-span-1 { grid-column: span 1 / span 1; } } @media (min-width: 640px) { .sm\:col-span-4 { grid-column: span 4 / span 4; } } @media (min-width: 640px) { .sm\:col-span-8 { grid-column: span 8 / span 8; } } @media (min-width: 640px) { .sm\:flex { display:flex; } } @media (min-width: 640px) { .sm\:flex-col { flex-direction:column; } } @media (min-width: 640px) { .sm\:flex-row { flex-direction:row; } } @media (min-width: 640px) { .sm\:gap-2 { gap:0.5rem; } } @media (min-width: 640px) { .sm\:gap-space-md { gap:1rem; } } @media (min-width: 640px) { .sm\:grid-cols-12 { grid-template-columns:repeat(12,minmax(0,1fr)); } } @media (min-width: 640px) { .sm\:grid-cols-2 { grid-template-columns:repeat(2,minmax(0,1fr)); } } @media (min-width: 640px) { .sm\:grid-cols-3 { grid-template-columns:repeat(3,minmax(0,1fr)); } } @media (min-width: 640px) { .sm\:grid-cols-4 { grid-template-columns:repeat(4,minmax(0,1fr)); } } @media (min-width: 640px) { .sm\:grid-cols-5 { grid-template-columns:repeat(5,minmax(0,1fr)); } } @media (min-width: 640px) { .sm\:h-24 { height:6rem; } } @media (min-width: 640px) { .sm\:h-28 { height:7rem; } } @media (min-width: 640px) { .sm\:inline-flex { display:inline-flex; } } @media (min-width: 640px) { .sm\:items-center { align-items:center; } } @media (min-width: 640px) { .sm\:items-end { align-items:flex-end; } } @media (min-width: 640px) { .sm\:justify-end { justify-content:flex-end; } } @media (min-width: 640px) { .sm\:p-6 { padding:1.5rem; } } @media (min-width: 640px) { .sm\:p-space-lg { padding:1.5rem; } } @media (min-width: 640px) { .sm\:p-space-md { padding:1rem; } } @media (min-width: 640px) { .sm\:pb-0 { padding-bottom:0.00; } } @media (min-width: 640px) { .sm\:pr-4 { padding-right:1.0rem; } } @media (min-width: 640px) { .sm\:pt-0 { padding-top:0.00; } } @media (min-width: 640px) { .sm\:self-auto { align-self:auto; } } @media (min-width: 640px) { .sm\:self-center { align-self:center; } } @media (min-width: 640px) { .sm\:text-display-hero { font-weight:800; font-size:40px; line-height:48px; letter-spacing:-.02em; } } @media (min-width: 640px) { .sm\:w-24 { width:6rem; } } @media (min-width: 640px) { .sm\:w-28 { width:7rem; } } @media (min-width: 640px) { .sm\:w-64 { width:16rem; } } @media (min-width: 640px) { .sm\:w-72 { width:18rem; } } @media (min-width: 640px) { .sm\:w-auto { width:auto; } } @media (min-width: 768px) { .md\:col-span-2 { grid-column: span 2 / span 2; } } @media (min-width: 768px) { .md\:col-span-5 { grid-column: span 5 / span 5; } } @media (min-width: 768px) { .md\:col-span-7 { grid-column: span 7 / span 7; } } @media (min-width: 768px) { .md\:flex { display:flex; } } @media (min-width: 768px) { .md\:flex-row { flex-direction:row; } } @media (min-width: 768px) { .md\:grid-cols-12 { grid-template-columns:repeat(12,minmax(0,1fr)); } } @media (min-width: 768px) { .md\:grid-cols-2 { grid-template-columns:repeat(2,minmax(0,1fr)); } } @media (min-width: 768px) { .md\:grid-cols-3 { grid-template-columns:repeat(3,minmax(0,1fr)); } } @media (min-width: 768px) { .md\:grid-cols-4 { grid-template-columns:repeat(4,minmax(0,1fr)); } } @media (min-width: 768px) { .md\:items-center { align-items:center; } } @media (min-width: 768px) { .md\:p-8 { padding:2.0rem; } } @media (min-width: 768px) { .md\:pb-0 { padding-bottom:0.00; } } @media (min-width: 768px) { .md\:self-auto { align-self:auto; } } @media (min-width: 768px) { .md\:table-cell { display:table-cell; } } @media (min-width: 768px) { .md\:text-right { text-align:right; } } @media (min-width: 1024px) { .lg\:-mx-margin { margin-left:-2rem;margin-right:-2rem; } } @media (min-width: 1024px) { .lg\:col-span-2 { grid-column: span 2 / span 2; } } @media (min-width: 1024px) { .lg\:col-span-3 { grid-column: span 3 / span 3; } } @media (min-width: 1024px) { .lg\:col-span-4 { grid-column: span 4 / span 4; } } @media (min-width: 1024px) { .lg\:col-span-5 { grid-column: span 5 / span 5; } } @media (min-width: 1024px) { .lg\:col-span-7 { grid-column: span 7 / span 7; } } @media (min-width: 1024px) { .lg\:col-span-8 { grid-column: span 8 / span 8; } } @media (min-width: 1024px) { .lg\:col-span-9 { grid-column: span 9 / span 9; } } @media (min-width: 1024px) { .lg\:flex { display:flex; } } @media (min-width: 1024px) { .lg\:flex-row { flex-direction:row; } } @media (min-width: 1024px) { .lg\:font-display-hero { font-family:var(--st-head); } } @media (min-width: 1024px) { .lg\:grid-cols-12 { grid-template-columns:repeat(12,minmax(0,1fr)); } } @media (min-width: 1024px) { .lg\:grid-cols-2 { grid-template-columns:repeat(2,minmax(0,1fr)); } } @media (min-width: 1024px) { .lg\:grid-cols-3 { grid-template-columns:repeat(3,minmax(0,1fr)); } } @media (min-width: 1024px) { .lg\:grid-cols-5 { grid-template-columns:repeat(5,minmax(0,1fr)); } } @media (min-width: 1024px) { .lg\:h-20 { height:5rem; } } @media (min-width: 1024px) { .lg\:items-center { align-items:center; } } @media (min-width: 1024px) { .lg\:items-end { align-items:flex-end; } } @media (min-width: 1024px) { .lg\:items-start { align-items:flex-start; } } @media (min-width: 1024px) { .lg\:justify-between { justify-content:space-between; } } @media (min-width: 1024px) { .lg\:max-w-xs { max-width:20rem; } } @media (min-width: 1024px) { .lg\:min-w-\[320px\] { min-width:320px; } } @media (min-width: 1024px) { .lg\:p-10 { padding:2.5rem; } } @media (min-width: 1024px) { .lg\:p-space-lg { padding:1.5rem; } } @media (min-width: 1024px) { .lg\:pr-space-xl { padding-right:2rem; } } @media (min-width: 1024px) { .lg\:px-margin { padding-left:2rem;padding-right:2rem; } } @media (min-width: 1024px) { .lg\:text-display-hero { font-weight:800; font-size:40px; line-height:48px; letter-spacing:-.02em; } } @media (min-width: 1024px) { .lg\:w-20 { width:5rem; } } @media (min-width: 1024px) { .lg\:w-56 { width:14rem; } } @media (min-width: 1024px) { .lg\:w-80 { width:20rem; } } @media (min-width: 1024px) { .lg\:w-auto { width:auto; } } @media (min-width: 1280px) { .xl\:col-span-5 { grid-column: span 5 / span 5; } } @media (min-width: 1280px) { .xl\:col-span-7 { grid-column: span 7 / span 7; } } @media (min-width: 1280px) { .xl\:flex { display:flex; } } @media (min-width: 1280px) { .xl\:flex-row { flex-direction:row; } } @media (min-width: 1280px) { .xl\:gap-2 { gap:0.5rem; } } @media (min-width: 1280px) { .xl\:grid-cols-12 { grid-template-columns:repeat(12,minmax(0,1fr)); } } @media (min-width: 1280px) { .xl\:grid-cols-3 { grid-template-columns:repeat(3,minmax(0,1fr)); } } @media (min-width: 1280px) { .xl\:grid-cols-6 { grid-template-columns:repeat(6,minmax(0,1fr)); } } @media (min-width: 1280px) { .xl\:items-end { align-items:flex-end; } } .bg-black\/20 { background-color:rgba(0,0,0,0.2); } .bg-white\/20 { background-color:rgba(255,255,255,0.2); } .bg-black\/30 { background-color:rgba(0,0,0,0.3); } .bg-white\/30 { background-color:rgba(255,255,255,0.3); } .bg-black\/40 { background-color:rgba(0,0,0,0.4); } .bg-white\/40 { background-color:rgba(255,255,255,0.4); } .bg-black\/50 { background-color:rgba(0,0,0,0.5); } .bg-white\/50 { background-color:rgba(255,255,255,0.5); } .bg-black\/60 { background-color:rgba(0,0,0,0.6); } .bg-white\/60 { background-color:rgba(255,255,255,0.6); } .bg-black\/70 { background-color:rgba(0,0,0,0.7); } .bg-white\/70 { background-color:rgba(255,255,255,0.7); } .bg-black\/80 { background-color:rgba(0,0,0,0.8); } .bg-white\/80 { background-color:rgba(255,255,255,0.8); } button.bg-\[#0055ff\]\/20.bg-\[#0055ff\]\/20 { background-color:#0055ff33; } button.bg-\[#0055ff\]\/30.bg-\[#0055ff\]\/30 { background-color:#0055ff4c; } button.bg-\[#00adef\]\/20.bg-\[#00adef\]\/20 { background-color:#00adef33; } button.bg-\[#00adef\]\/30.bg-\[#00adef\]\/30 { background-color:#00adef4c; } button.bg-\[#10b981\]\/20.bg-\[#10b981\]\/20 { background-color:#10b98133; } button.bg-\[#10b981\]\/30.bg-\[#10b981\]\/30 { background-color:#10b9814c; } button.bg-\[#1abc9c\].bg-\[#1abc9c\] { background-color:#1abc9c; } button.bg-\[#1abc9c\]\/20.bg-\[#1abc9c\]\/20 { background-color:#1abc9c33; } button.bg-\[#27ae60\]\/20.bg-\[#27ae60\]\/20 { background-color:#27ae6033; } button.bg-\[#3498db\].bg-\[#3498db\] { background-color:#3498db; } button.bg-\[#3498db\]\/20.bg-\[#3498db\]\/20 { background-color:#3498db33; } button.bg-\[#38bdf8\]\/20.bg-\[#38bdf8\]\/20 { background-color:#38bdf833; } button.bg-\[#9b59b6\].bg-\[#9b59b6\] { background-color:#9b59b6; } button.bg-\[#9b59b6\]\/20.bg-\[#9b59b6\]\/20 { background-color:#9b59b633; } button.bg-\[#e74c3c\]\/20.bg-\[#e74c3c\]\/20 { background-color:#e74c3c33; } button.bg-\[#f1c40f\]\/20.bg-\[#f1c40f\]\/20 { background-color:#f1c40f33; } button.bg-\[#f39c12\].bg-\[#f39c12\] { background-color:#f39c12; } button.bg-\[#f39c12\]\/20.bg-\[#f39c12\]\/20 { background-color:#f39c1233; } button.bg-\[#f97316\]\/20.bg-\[#f97316\]\/20 { background-color:#f9731633; } button.bg-\[#f97316\]\/30.bg-\[#f97316\]\/30 { background-color:#f973164c; } button.bg-\[#ff2d55\]\/20.bg-\[#ff2d55\]\/20 { background-color:#ff2d5533; } button.bg-\[#ff2d55\]\/30.bg-\[#ff2d55\]\/30 { background-color:#ff2d554c; } button.bg-\[#ff3366\]\/20.bg-\[#ff3366\]\/20 { background-color:#ff336633; } button.bg-amber-500\/20.bg-amber-500\/20 { background-color:#f59e0b33; } button.bg-background.bg-background { background-color:rgb(var(--c-background) / 1); } button.bg-blue-500\/20.bg-blue-500\/20 { background-color:#3b82f633; } button.bg-blue-600\/20.bg-blue-600\/20 { background-color:#2563eb33; } button.bg-center.bg-center { background-position:center; } button.bg-clip-text.bg-clip-text { -webkit-background-clip:text;background-clip:text; } button.bg-cover.bg-cover { background-size:cover; } button.bg-cyan-500\/20.bg-cyan-500\/20 { background-color:#06b6d433; } button.bg-error.bg-error { background-color:rgb(var(--c-error) / 1); } button.bg-error-container.bg-error-container { background-color:rgb(var(--c-error-container) / 1); } button.bg-error-container\/30.bg-error-container\/30 { background-color:rgb(var(--c-error-container) / 0.3); } button.bg-error-container\/40.bg-error-container\/40 { background-color:rgb(var(--c-error-container) / 0.4); } button.bg-error\/10.bg-error\/10 { background-color:rgb(var(--c-error) / 0.1); } button.bg-gradient-to-b.bg-gradient-to-b { background-image:linear-gradient(180deg,var(--tw-from,transparent),var(--tw-via,transparent),var(--tw-to,transparent)); } button.bg-gradient-to-br.bg-gradient-to-br { background-image:linear-gradient(135deg,var(--tw-from,transparent),var(--tw-via,transparent),var(--tw-to,transparent)); } button.bg-gradient-to-r.bg-gradient-to-r { background-image:linear-gradient(90deg,var(--tw-from,transparent),var(--tw-via,transparent),var(--tw-to,transparent)); } button.bg-gradient-to-t.bg-gradient-to-t { background-image:linear-gradient(0deg,var(--tw-from,transparent),var(--tw-via,transparent),var(--tw-to,transparent)); } button.bg-gradient-to-tr.bg-gradient-to-tr { background-image:linear-gradient(45deg,var(--tw-from,transparent),var(--tw-via,transparent),var(--tw-to,transparent)); } button.bg-indigo-500\/20.bg-indigo-500\/20 { background-color:#6366f133; } button.bg-inverse-primary.bg-inverse-primary { background-color:rgb(var(--c-inverse-primary) / 1); } button.bg-outline.bg-outline { background-color:rgb(var(--c-outline) / 1); } button.bg-outline-variant\/30.bg-outline-variant\/30 { background-color:rgb(var(--c-outline-variant) / 0.3); } button.bg-outline\/20.bg-outline\/20 { background-color:rgb(var(--c-outline) / 0.2); } button.bg-pink-500\/20.bg-pink-500\/20 { background-color:#ec489933; } button.bg-primary.bg-primary { background-color:rgb(var(--c-primary) / 1); } button.bg-primary-container.bg-primary-container { background-color:rgb(var(--c-primary-container) / 1); } button.bg-primary-container\/10.bg-primary-container\/10 { background-color:rgb(var(--c-primary-container) / 0.1); } button.bg-primary-container\/15.bg-primary-container\/15 { background-color:rgb(var(--c-primary-container) / 0.15); } button.bg-primary-container\/20.bg-primary-container\/20 { background-color:rgb(var(--c-primary-container) / 0.2); } button.bg-primary-container\/30.bg-primary-container\/30 { background-color:rgb(var(--c-primary-container) / 0.3); } button.bg-primary\/10.bg-primary\/10 { background-color:rgb(var(--c-primary) / 0.1); } button.bg-primary\/15.bg-primary\/15 { background-color:rgb(var(--c-primary) / 0.15); } button.bg-primary\/20.bg-primary\/20 { background-color:rgb(var(--c-primary) / 0.2); } button.bg-primary\/30.bg-primary\/30 { background-color:rgb(var(--c-primary) / 0.3); } button.bg-primary\/40.bg-primary\/40 { background-color:rgb(var(--c-primary) / 0.4); } button.bg-primary\/90.bg-primary\/90 { background-color:rgb(var(--c-primary) / 0.9); } button.bg-purple-500\/20.bg-purple-500\/20 { background-color:#a855f733; } button.bg-secondary.bg-secondary { background-color:rgb(var(--c-secondary) / 1); } button.bg-secondary-container.bg-secondary-container { background-color:rgb(var(--c-secondary-container) / 1); } button.bg-secondary-container\/10.bg-secondary-container\/10 { background-color:rgb(var(--c-secondary-container) / 0.1); } button.bg-secondary-container\/20.bg-secondary-container\/20 { background-color:rgb(var(--c-secondary-container) / 0.2); } button.bg-secondary-container\/30.bg-secondary-container\/30 { background-color:rgb(var(--c-secondary-container) / 0.3); } button.bg-secondary\/10.bg-secondary\/10 { background-color:rgb(var(--c-secondary) / 0.1); } button.bg-secondary\/15.bg-secondary\/15 { background-color:rgb(var(--c-secondary) / 0.15); } button.bg-secondary\/20.bg-secondary\/20 { background-color:rgb(var(--c-secondary) / 0.2); } button.bg-secondary\/5.bg-secondary\/5 { background-color:rgb(var(--c-secondary) / 0.05); } button.bg-secondary\/90.bg-secondary\/90 { background-color:rgb(var(--c-secondary) / 0.9); } button.bg-surface.bg-surface { background-color:rgb(var(--c-surface) / 1); } button.bg-surface-container.bg-surface-container { background-color:rgb(var(--c-surface-container) / 1); } button.bg-surface-container-high.bg-surface-container-high { background-color:rgb(var(--c-surface-container-high) / 1); } button.bg-surface-container-high\/40.bg-surface-container-high\/40 { background-color:rgb(var(--c-surface-container-high) / 0.4); } button.bg-surface-container-high\/60.bg-surface-container-high\/60 { background-color:rgb(var(--c-surface-container-high) / 0.6); } button.bg-surface-container-highest.bg-surface-container-highest { background-color:rgb(var(--c-surface-container-highest) / 1); } button.bg-surface-container-low.bg-surface-container-low { background-color:rgb(var(--c-surface-container-low) / 1); } button.bg-surface-container-low\/50.bg-surface-container-low\/50 { background-color:rgb(var(--c-surface-container-low) / 0.5); } button.bg-surface-container-low\/60.bg-surface-container-low\/60 { background-color:rgb(var(--c-surface-container-low) / 0.6); } button.bg-surface-container-low\/70.bg-surface-container-low\/70 { background-color:rgb(var(--c-surface-container-low) / 0.7); } button.bg-surface-container-low\/90.bg-surface-container-low\/90 { background-color:rgb(var(--c-surface-container-low) / 0.9); } button.bg-surface-container-lowest.bg-surface-container-lowest { background-color:rgb(var(--c-surface-container-lowest) / 1); } button.bg-surface-container-lowest\/80.bg-surface-container-lowest\/80 { background-color:rgb(var(--c-surface-container-lowest) / 0.8); } button.bg-surface-container-lowest\/85.bg-surface-container-lowest\/85 { background-color:rgb(var(--c-surface-container-lowest) / 0.85); } button.bg-surface-container-lowest\/95.bg-surface-container-lowest\/95 { background-color:rgb(var(--c-surface-container-lowest) / 0.95); } button.bg-surface-container\/20.bg-surface-container\/20 { background-color:rgb(var(--c-surface-container) / 0.2); } button.bg-surface-container\/60.bg-surface-container\/60 { background-color:rgb(var(--c-surface-container) / 0.6); } button.bg-surface-container\/70.bg-surface-container\/70 { background-color:rgb(var(--c-surface-container) / 0.7); } button.bg-surface-container\/80.bg-surface-container\/80 { background-color:rgb(var(--c-surface-container) / 0.8); } button.bg-surface\/85.bg-surface\/85 { background-color:rgb(var(--c-surface) / 0.85); } button.bg-surface\/90.bg-surface\/90 { background-color:rgb(var(--c-surface) / 0.9); } button.bg-surface\/95.bg-surface\/95 { background-color:rgb(var(--c-surface) / 0.95); } button.bg-teal-500\/20.bg-teal-500\/20 { background-color:#14b8a633; } button.bg-tertiary.bg-tertiary { background-color:rgb(var(--c-tertiary) / 1); } button.bg-tertiary-container\/20.bg-tertiary-container\/20 { background-color:rgb(var(--c-tertiary-container) / 0.2); } button.bg-tertiary-container\/30.bg-tertiary-container\/30 { background-color:rgb(var(--c-tertiary-container) / 0.3); } button.bg-tertiary\/10.bg-tertiary\/10 { background-color:rgb(var(--c-tertiary) / 0.1); } button.bg-transparent.bg-transparent { background:transparent; } button.bg-yellow-500\/20.bg-yellow-500\/20 { background-color:#eab30833; } button.hover\:bg-error.hover\:bg-error:hover { background-color:rgb(var(--c-error) / 1); } button.hover\:bg-error\/20.hover\:bg-error\/20:hover { background-color:rgb(var(--c-error) / 0.2); } button.hover\:bg-inverse-primary.hover\:bg-inverse-primary:hover { background-color:rgb(var(--c-inverse-primary) / 1); } button.hover\:bg-primary.hover\:bg-primary:hover { background-color:rgb(var(--c-primary) / 1); } button.hover\:bg-primary-container.hover\:bg-primary-container:hover { background-color:rgb(var(--c-primary-container) / 1); } button.hover\:bg-primary-fixed.hover\:bg-primary-fixed:hover { background-color:rgb(var(--c-primary-fixed) / 1); } button.hover\:bg-primary\/30.hover\:bg-primary\/30:hover { background-color:rgb(var(--c-primary) / 0.3); } button.hover\:bg-secondary.hover\:bg-secondary:hover { background-color:rgb(var(--c-secondary) / 1); } button.hover\:bg-secondary\/20.hover\:bg-secondary\/20:hover { background-color:rgb(var(--c-secondary) / 0.2); } button.hover\:bg-surface-bright.hover\:bg-surface-bright:hover { background-color:rgb(var(--c-surface-bright) / 1); } button.hover\:bg-surface-container.hover\:bg-surface-container:hover { background-color:rgb(var(--c-surface-container) / 1); } button.hover\:bg-surface-container-high.hover\:bg-surface-container-high:hover { background-color:rgb(var(--c-surface-container-high) / 1); } button.hover\:bg-surface-container-high\/50.hover\:bg-surface-container-high\/50:hover { background-color:rgb(var(--c-surface-container-high) / 0.5); } button.hover\:bg-surface-container-high\/60.hover\:bg-surface-container-high\/60:hover { background-color:rgb(var(--c-surface-container-high) / 0.6); } button.hover\:bg-surface-container-highest.hover\:bg-surface-container-highest:hover { background-color:rgb(var(--c-surface-container-highest) / 1); } button.hover\:bg-surface-container-low.hover\:bg-surface-container-low:hover { background-color:rgb(var(--c-surface-container-low) / 1); } button.hover\:bg-surface-container-low\/70.hover\:bg-surface-container-low\/70:hover { background-color:rgb(var(--c-surface-container-low) / 0.7); } button.hover\:bg-surface-container\/50.hover\:bg-surface-container\/50:hover { background-color:rgb(var(--c-surface-container) / 0.5); } button.hover\:bg-surface-container\/60.hover\:bg-surface-container\/60:hover { background-color:rgb(var(--c-surface-container) / 0.6); } button.hover\:bg-surface-variant.hover\:bg-surface-variant:hover { background-color:rgb(var(--c-surface-variant) / 1); } button.hover\:bg-tertiary.hover\:bg-tertiary:hover { background-color:rgb(var(--c-tertiary) / 1); } @keyframes st-pulse { 0%,100% { opacity:1; } 50% { opacity:.5; } } @keyframes st-ping { 75%,100% { transform:scale(2); opacity:0; } } /* events rework 10-04: utilities the /events/ page needs beyond the earlier exports (generated from the events export + EventsView, appended; regenerating from every export would also include these) */ .bg-primary\/80 { background-color:rgb(var(--c-primary) / 0.8); } .bg-surface-container-high\/70 { background-color:rgb(var(--c-surface-container-high) / 0.7); } .bg-surface-container-high\/80 { background-color:rgb(var(--c-surface-container-high) / 0.8); } .bg-surface-container-highest\/60 { background-color:rgb(var(--c-surface-container-highest) / 0.6); } .bg-surface-container-highest\/80 { background-color:rgb(var(--c-surface-container-highest) / 0.8); } .bg-surface-variant { background-color:rgb(var(--c-surface-variant) / 1); } .bg-tertiary-container\/80 { background-color:rgb(var(--c-tertiary-container) / 0.8); } .bottom-2 { bottom:0.5rem; } .from-on-surface { --tw-from:rgb(var(--c-on-surface) / 1); } .from-surface-container-high { --tw-from:rgb(var(--c-surface-container-high) / 1); } .from-surface-container-lowest { --tw-from:rgb(var(--c-surface-container-lowest) / 1); } .leading-tight { line-height:1.25; } .min-h-\[420px\] { min-height:420px; } .ml-space-xs { margin-left:.25rem; } .mr-space-xs { margin-right:.25rem; } .my-space-md { margin-top:1rem;margin-bottom:1rem; } .opacity-90 { opacity:.9; } .p-space-lg { padding:1.5rem; } .p-space-xs { padding:.25rem; } .pt-0 { padding-top:0.00; } .px-space-xs { padding-left:.25rem;padding-right:.25rem; } .py-space-lg { padding-top:1.5rem;padding-bottom:1.5rem; } .py-space-xl { padding-top:2rem;padding-bottom:2rem; } .py-space-xs { padding-top:.25rem;padding-bottom:.25rem; } .right-3 { right:0.75rem; } .shadow-\[0_0_10px_rgba\(16\,185\,129\,0\.3\)\] { box-shadow:0 0 10px rgba(16,185,129,0.3); } .shadow-\[0_1px_8px_rgba\(0\,0\,0\,0\.04\)\] { box-shadow:0 1px 8px rgba(0,0,0,0.04); } .shadow-\[0_4px_20px_-2px_rgba\(124\,58\,237\,0\.45\)\] { box-shadow:0 4px 20px -2px rgba(124,58,237,0.45); } .text-\[32px\] { font-size:32px; } .to-primary-container { --tw-to:rgb(var(--c-primary-container) / 1); } .to-surface-container-lowest\/30 { --tw-to:rgb(var(--c-surface-container-lowest) / 0.3); } .via-surface-container-low { --tw-via:rgb(var(--c-surface-container-low) / 1); } .via-surface-container-lowest\/90 { --tw-via:rgb(var(--c-surface-container-lowest) / 0.9); } .w-64 { width:16rem; } @media (min-width: 640px) { .sm\:inline-block { display:inline-block; } } @media (min-width: 768px) { .md\:p-space-xl { padding:2rem; } } @media (min-width: 768px) { .md\:px-margin { padding-left:2rem;padding-right:2rem; } } @media (min-width: 768px) { .md\:text-\[34px\] { font-size:34px; } } @media (min-width: 768px) { .md\:text-\[40px\] { font-size:40px; } } @media (min-width: 1024px) { .lg\:p-12 { padding:3.0rem; } } @media (min-width: 1280px) { .xl\:hidden { display:none; } } @media (min-width: 1280px) { .xl\:w-96 { width:24rem; } } /* event-detail export 2026-10-04 (added classes only) */ .bg-\[#0f0d18\]\/95 { background-color:#0f0d18f2; } .bg-surface-container-high\/30 { background-color:rgb(var(--c-surface-container-high) / 0.3); } .bg-surface-container-high\/50 { background-color:rgb(var(--c-surface-container-high) / 0.5); } .bg-surface-container-high\/90 { background-color:rgb(var(--c-surface-container-high) / 0.9); } .bg-surface-container-low\/95 { background-color:rgb(var(--c-surface-container-low) / 0.95); } .bg-tertiary-container { background-color:rgb(var(--c-tertiary-container) / 1); } .bg-tertiary\/20 { background-color:rgb(var(--c-tertiary) / 0.2); } .border { border-width:1px;border-style:solid; } .border-outline-variant\/40 { border-color:rgb(var(--c-outline-variant) / 0.4); } .border-primary\/30 { border-color:rgb(var(--c-primary) / 0.3); } .border-secondary\/30 { border-color:rgb(var(--c-secondary) / 0.3); } .divide-outline-variant\/20 > :not([hidden]) ~ :not([hidden]) { border-color:rgb(var(--c-outline-variant) / 0.2); } .from-background\/80 { --tw-from:rgb(var(--c-background) / 0.8); } .from-surface-container-highest { --tw-from:rgb(var(--c-surface-container-highest) / 1); } .h-64 { height:16rem; } .h-\[360px\] { height:360px; } .h-\[3px\] { height:3px; } .min-w-\[70px\] { min-width:70px; } .ml-2 { margin-left:0.5rem; } .mt-space-md { margin-top:1rem; } .opacity-0 { opacity:0; } .opacity-80 { opacity:.8; } .p-8 { padding:2.0rem; } .pb-16 { padding-bottom:4.0rem; } .pb-8 { padding-bottom:2.0rem; } .pt-12 { padding-top:3.0rem; } .pt-28 { padding-top:7.0rem; } .pt-6 { padding-top:1.5rem; } .px-space-lg { padding-left:1.5rem;padding-right:1.5rem; } .right-2\.5 { right:0.625rem; } .shadow-\[0_-1px_12px_rgba\(0\,0\,0\,0\.5\)\] { box-shadow:0 -1px 12px rgba(0,0,0,0.5); } .shadow-\[0_0_12px_rgba\(139\,92\,246\,0\.35\)\] { box-shadow:0 0 12px rgba(139,92,246,0.35); } .shadow-\[0_0_14px_rgba\(139\,92\,246\,0\.3\)\] { box-shadow:0 0 14px rgba(139,92,246,0.3); } .shadow-\[0_0_15px_rgba\(139\,92\,246\,0\.25\)\] { box-shadow:0 0 15px rgba(139,92,246,0.25); } .shadow-\[0_0_8px_rgba\(208\,188\,255\,0\.8\)\] { box-shadow:0 0 8px rgba(208,188,255,0.8); } .shadow-\[0_1px_8px_rgba\(0\,0\,0\,0\.4\)\] { box-shadow:0 1px 8px rgba(0,0,0,0.4); } .space-y-12 > :not([hidden]) ~ :not([hidden]) { margin-top:3.0rem; } .text-\[48px\] { font-size:48px; } .text-on-tertiary { color:rgb(var(--c-on-tertiary) / 1); } .text-primary\/70 { color:rgb(var(--c-primary) / 0.7); } .text-tertiary\/70 { color:rgb(var(--c-tertiary) / 0.7); } .to-surface-container-lowest\/70 { --tw-to:rgb(var(--c-surface-container-lowest) / 0.7); } .top-4 { top:1.0rem; } .via-surface-container-low\/40 { --tw-via:rgb(var(--c-surface-container-low) / 0.4); } .via-surface-container-lowest\/60 { --tw-via:rgb(var(--c-surface-container-lowest) / 0.6); } .hover\:bg-red-500:hover { background-color:#ef4444; } .hover\:border-primary\/40:hover { border-color:rgb(var(--c-primary) / 0.4); } .hover\:border-primary\/50:hover { border-color:rgb(var(--c-primary) / 0.5); } .hover\:border-red-500\/50:hover { border-color:#ef444480; } .hover\:border-secondary\/40:hover { border-color:rgb(var(--c-secondary) / 0.4); } .hover\:border-secondary\/50:hover { border-color:rgb(var(--c-secondary) / 0.5); } .hover\:border-tertiary\/40:hover { border-color:rgb(var(--c-tertiary) / 0.4); } .hover\:border-tertiary\/50:hover { border-color:rgb(var(--c-tertiary) / 0.5); } .hover\:text-black:hover { color:#000; } .hover\:text-cyan-300:hover { color:#67e8f9; } .hover\:text-white:hover { color:#fff; } .group:hover .group-hover\:opacity-100 { opacity:1; } .group:hover .group-hover\:text-red-400 { color:#f87171; } .group:hover .group-hover\:text-secondary { color:rgb(var(--c-secondary) / 1); } .group:hover .group-hover\:text-tertiary { color:rgb(var(--c-tertiary) / 1); } @media (min-width: 640px) { .sm\:h-72 { height:18rem; } } @media (min-width: 768px) { .md\:h-\[460px\] { height:460px; } } @media (min-width: 768px) { .md\:items-end { align-items:flex-end; } } @media (min-width: 768px) { .md\:text-headline-xl { font-weight:700; font-size:28px; line-height:36px; letter-spacing:-.015em; } } @media (min-width: 768px) { .md\:w-auto { width:auto; } } @media (min-width: 1024px) { .lg\:grid-cols-4 { grid-template-columns:repeat(4,minmax(0,1fr)); } } @media (min-width: 1024px) { .lg\:px-8 { padding-left:2.0rem;padding-right:2.0rem; } } /* single event page 10-04 (EventView): the banner's absolute offsets + two more, which the first append missed */ .top-space-md { top:1rem; } .left-space-md { left:1rem; } .right-space-md { right:1rem; } .bottom-space-lg { bottom:1.5rem; } .break-words { overflow-wrap:break-word; } @media (min-width: 768px) { .md\:left-space-xl { left:2rem; } } @media (min-width: 768px) { .md\:inline { display:inline; } }