1<html style="--color-primary-light:#FFFFFF;--color-primary-dark:#000000;--font-family:Inter;--font-scale:1;--border-radius:1"><head><title>Galleo</title><meta charset="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="icon" href="https://galleo.ai/favicon-32x32.png"/><style>@import url("https://unpkg.com/[email protected]/src/css/preflight.css"); 2 3:root { 4 --color-background-dark: #0e0e11; 5 --color-background-light: #ffffff; 6 --color-primary-dark: #6772e5; 7 --color-primary-light: #6772e5; 8 9 --color-background-success-dark: oklch(0.3 0.04 172); 10 --color-background-success-light: oklch(from var(--color-background-success-dark) 0.83 c h); 11 --color-success-dark: oklch(from var(--color-background-success-dark) 0.92 c h); 12 --color-success-light: oklch(from var(--color-background-success-dark) 0.25 c h); 13 14 --color-background-error-dark: oklch(0.32 0.07 15); 15 --color-background-error-light: oklch(from var(--color-background-error-dark) 0.92 c h); 16 --color-error-dark: oklch(from var(--color-background-error-dark) 0.92 c h); 17 --color-error-light: oklch(from var(--color-background-error-dark) 0.25 c h); 18 19 --border-radius: 0; 20 21 --color-background: var(--color-background-dark); 22 --color-primary: var(--color-primary-dark); 23 24 --color-background-success: var(--color-background-success-dark); 25 --color-success: var(--color-success-dark); 26 --color-background-error: var(--color-background-error-dark); 27 --color-error: var(--color-error-dark); 28 29 @media (prefers-color-scheme: light) { 30 --color-background: var(--color-background-light); 31 --color-primary: var(--color-primary-light); 32 33 --color-background-success: var(--color-background-success-light); 34 --color-success: var(--color-success-light); 35 --color-background-error: var(--color-background-error-light); 36 --color-error: var(--color-error-light); 37 } 38 39 --color-high: oklch( 40 from var(--color-background) clamp(0, calc((l - 0.714) * -1000), 1) 0 0 41 ); 42 --color-low: oklch(from var(--color-background) clamp(0, calc((l - 0.714) * 1000), 1) 0 0); 43 --lightness-high: color-mix( 44 in oklch, 45 var(--color-high) 0%, 46 oklch(var(--color-high) 0 0) 47 ); 48 --lightness-low: color-mix( 49 in oklch, 50 var(--color-low) 0%, 51 oklch(var(--color-low) 0 0) 52 ); 53 --font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", 54 "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; 55 --font-scale: 1; 56 57 --font-size-xs: calc(0.75rem * var(--font-scale)); 58 --font-size-sm: calc(0.875rem * var(--font-scale)); 59 --font-size-md: calc(1rem * var(--font-scale)); 60 --font-size-lg: calc(1.125rem * var(--font-scale)); 61 --font-size-xl: calc(1.25rem * var(--font-scale)); 62 --font-size-2xl: calc(1.5rem * var(--font-scale)); 63} 64 65[data-component="root"] { 66 font-family: var(--font-family); 67 background-color: var(--color-background); 68 padding: 1rem; 69 color: white; 70 position: absolute; 71 inset: 0; 72 display: flex; 73 align-items: center; 74 justify-content: center; 75 flex-direction: column; 76 user-select: none; 77 color: var(--color-high); 78} 79 80[data-component="center"] { 81 width: 380px; 82 display: flex; 83 flex-direction: column; 84 gap: 1.5rem; 85 86 &[data-size="small"] { 87 width: 300px; 88 } 89} 90 91[data-component="link"] { 92 text-decoration: underline; 93 text-underline-offset: 0.125rem; 94 font-weight: 600; 95} 96 97[data-component="label"] { 98 display: flex; 99 gap: 0.75rem; 100 flex-direction: column; 101 font-size: var(--font-size-xs); 102} 103 104[data-component="logo"] { 105 margin: 0 auto; 106 height: 2.5rem; 107 width: auto; 108 display: none; 109 110 @media (prefers-color-scheme: light) { 111 &[data-mode="light"] { 112 display: block; 113 } 114 } 115 116 @media (prefers-color-scheme: dark) { 117 &[data-mode="dark"] { 118 display: block; 119 } 120 } 121} 122 123[data-component="logo-default"] { 124 margin: 0 auto; 125 height: 2.5rem; 126 width: auto; 127 128 @media (prefers-color-scheme: light) { 129 color: var(--color-high); 130 } 131 132 @media (prefers-color-scheme: dark) { 133 color: var(--color-high); 134 } 135} 136 137[data-component="input"] { 138 width: 100%; 139 height: 2.5rem; 140 padding: 0 1rem; 141 border: 1px solid transparent; 142 --background: oklch( 143 from var(--color-background) calc(l + (-0.06 * clamp(0, calc((l - 0.714) * 1000), 1) + 0.03)) c h 144 145 ); 146 background: var(--background); 147 border-color: oklch( 148 from var(--color-background) 149 calc(clamp(0.22, l + (-0.12 * clamp(0, calc((l - 0.714) * 1000), 1) + 0.06), 0.88)) c h 150 ); 151 border-radius: calc(var(--border-radius) * 0.25rem); 152 font-size: var(--font-size-sm); 153 outline: none; 154 155 &:focus { 156 border-color: oklch( 157 from var(--color-background) 158 calc(clamp(0.3, l + (-0.2 * clamp(0, calc((l - 0.714) * 1000), 1) + 0.1), 0.7)) c h 159 ); 160 } 161 162 &:user-invalid:not(:focus) { 163 border-color: oklch(0.4 0.09 7.91); 164 } 165} 166 167[data-component="button"] { 168 height: 2.5rem; 169 cursor: pointer; 170 border: 0; 171 font-weight: 500; 172 font-size: var(--font-size-sm); 173 border-radius: calc(var(--border-radius) * 0.25rem); 174 display: flex; 175 gap: 0.75rem; 176 align-items: center; 177 justify-content: center; 178 background: var(--color-primary); 179 color: oklch(from var(--color-primary) clamp(0, calc((l - 0.714) * -1000), 1) 0 0); 180 181 &[data-color="ghost"] { 182 background: transparent; 183 color: var(--color-high); 184 border: 1px solid 185 oklch( 186 from var(--color-background) 187 calc(clamp(0.22, l + (-0.12 * clamp(0, calc((l - 0.714) * 1000), 1) + 0.06), 0.88)) c h 188 ); 189 } 190 191 [data-slot="icon"] { 192 width: 16px; 193 height: 16px; 194 195 svg { 196 width: 100%; 197 height: 100%; 198 } 199 } 200} 201 202[data-component="form"] { 203 max-width: 100%; 204 display: flex; 205 flex-direction: column; 206 gap: 1rem; 207 margin: 0; 208} 209 210[data-component="form-alert"] { 211 height: 2.5rem; 212 display: flex; 213 align-items: center; 214 padding: 0 1rem; 215 border-radius: calc(var(--border-radius) * 0.25rem); 216 background: var(--color-background-error); 217 color: var(--color-error); 218 text-align: left; 219 font-size: 0.75rem; 220 gap: 0.5rem; 221 222 &[data-color="success"] { 223 background: var(--color-background-success); 224 color: var(--color-success); 225 226 [data-slot="icon-success"] { display: block; } 227 [data-slot="icon-danger"] { display: none; } 228 } 229 230 &:has([data-slot="message"]:empty) { 231 display: none; 232 } 233 234 [data-slot="icon-success"], 235 [data-slot="icon-danger"] { 236 width: 1rem; 237 height: 1rem; 238 } 239 [data-slot="icon-success"] { display: none; } 240} 241 242[data-component="form-footer"] { 243 display: flex; 244 gap: 1rem; 245 font-size: 0.75rem; 246 align-items: center; 247 justify-content: center; 248 249 &:has(> :nth-child(2)) { 250 justify-content: space-between; 251 } 252} 253</style></head><body><div data-component="root"><div data-component="center"><img data-component="logo" src="https://galleo.ai/galleo-big-logo-light.svg" data-mode="light"/><img data-component="logo" src="https://galleo.ai/galleo-big-logo-dark.svg" data-mode="dark"/><div data-component="form"><a href="/microsoft/authorize" data-component="button" data-color="ghost"><i data-slot="icon"><svg role="img" viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid"><path fill="#F1511B" d="M121.666 121.666H0V0h121.666z"></path><path fill="#80CC28" d="M256 121.666H134.335V0H256z"></path><path fill="#00ADEF" d="M121.663 256.002H0V134.336h121.663z"></path><path fill="#FBBC09" d="M256 256.002H134.335V134.336H256z"></path></svg></i>Continue with Microsoft</a></div></div></div></body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.