@import "https://cdn.jsdelivr.net/npm/@phosphor-icons/web@2.1.1/src/regular/style.css";@import "https://cdn.jsdelivr.net/npm/@phosphor-icons/web@2.1.1/src/bold/style.css";@import "https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100..900&family=Schibsted+Grotesk:ital,wght@0,400..900;1,400..900&display=swap";:root{--lookout-logo-color:lab(60% -3 -8);--lookout-theme-1:#c2e3eb;--lookout-theme-2:#81a0b0;--lookout-theme-3:#5a7c8e;--link-active:#1b4b54;--text-main:#222;--text-dark:#405763;--text-gray:#333;--text-light:#8fa2b0;--text:#557287;--side-bar-background:#3c4853;--dark-gray:#777;--text-h:#405763;--text-highlight:#ecfbff;--svg-icon-color:#6aa6b4;--nav-link-text:#ecfbff;--bg:#fff;--bg2:#fafafa;--overlay:#edf5f7;--curve-height:2.3rem;--border:#0f2a2e1f;--sans:"Schibsted Grotesk", system-ui, "Segoe UI", Roboto, sans-serif;--heading:"Schibsted Grotesk", system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;--github-icon-svg:url("data:image/svg+xml,%3csvg%20width='98'%20height='96'%20viewBox='0%200%2098%2096'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_730_27136)'%3e%3cpath%20d='M41.4395%2069.3848C28.8066%2067.8535%2019.9062%2058.7617%2019.9062%2046.9902C19.9062%2042.2051%2021.6289%2037.0371%2024.5%2033.5918C23.2559%2030.4336%2023.4473%2023.7344%2024.8828%2020.959C28.7109%2020.4805%2033.8789%2022.4902%2036.9414%2025.2656C40.5781%2024.1172%2044.4062%2023.543%2049.0957%2023.543C53.7852%2023.543%2057.6133%2024.1172%2061.0586%2025.1699C64.0254%2022.4902%2069.2891%2020.4805%2073.1172%2020.959C74.457%2023.543%2074.6484%2030.2422%2073.4043%2033.4961C76.4668%2037.1328%2078.0937%2042.0137%2078.0937%2046.9902C78.0937%2058.7617%2069.1934%2067.6621%2056.3691%2069.2891C59.623%2071.3945%2061.8242%2075.9883%2061.8242%2081.252L61.8242%2091.2051C61.8242%2094.0762%2064.2168%2095.7031%2067.0879%2094.5547C84.4102%2087.9512%2098%2070.6289%2098%2049.1914C98%2022.1074%2075.9883%206.69539e-07%2048.9043%204.309e-07C21.8203%201.92261e-07%20-1.9479e-07%2022.1074%20-4.3343e-07%2049.1914C-6.20631e-07%2070.4375%2013.4941%2088.0469%2031.6777%2094.6504C34.2617%2095.6074%2036.75%2093.8848%2036.75%2091.3008L36.75%2083.6445C35.4102%2084.2188%2033.6875%2084.6016%2032.1562%2084.6016C25.8398%2084.6016%2022.1074%2081.1563%2019.4277%2074.7441C18.375%2072.1602%2017.2266%2070.6289%2015.0254%2070.3418C13.877%2070.2461%2013.4941%2069.7676%2013.4941%2069.1934C13.4941%2068.0449%2015.4082%2067.1836%2017.3223%2067.1836C20.0977%2067.1836%2022.4902%2068.9063%2024.9785%2072.4473C26.8926%2075.2227%2028.9023%2076.4668%2031.2949%2076.4668C33.6875%2076.4668%2035.2187%2075.6055%2037.4199%2073.4043C39.0469%2071.7773%2040.291%2070.3418%2041.4395%2069.3848Z'%20fill='white'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_730_27136'%3e%3crect%20width='98'%20height='96'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");font:18px var(--sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#c2c9d5;--text-h:#f3f4f6;--text-dark:var(--lookout-theme-1);--text-gray:#ddd;--text-lighter:#ffffff40;--border:color-mix(in lab, white 20%, var(--bg));--text-highlight:#70c9df;--bg:#16171d;--bg2:#191a21;--overlay:#253237;--overlay-transparent:#25323766}}html{scroll-behavior:smooth}body{margin:0}@media (prefers-color-scheme:dark){body{background:var(--bg)}}h1,h2,h3{font-family:var(--heading);color:var(--text-h)}h1{letter-spacing:-2%;font-size:3rem;font-weight:700}h2{font-size:1.5rem;font-weight:600}h3{letter-spacing:5%;font-size:14px;font-weight:400}h4{letter-spacing:-2%;font-size:22px;font-weight:500}p,h1,h2,h3,h4,h5,h6{margin:0}p{line-height:145%}.text-small{letter-spacing:-2%;font-size:16px;font-weight:500;line-height:120%}.text-secondary{letter-spacing:-2%;color:color-mix(currentColor, transparent 40%);font-size:16px;font-weight:500;line-height:130%}a{color:currentColor;font-weight:500;text-decoration:none}button{color:inherit;font:inherit;cursor:pointer;outline:inherit;text-align:inherit;background:0 0;border:none;padding:0}#app{margin:0 auto}#curve{--curve-height:1.3rem;height:var(--curve-height);width:100%;fill:var(--bg);margin-bottom:-.5px}.nav-bar-container{z-index:10000;background:linear-gradient(55deg,#478796 0%,#bdd1da 82%,#6da7c2 100%);justify-content:center;width:100%;display:flex;position:sticky;top:0}.nav-bar{width:100%;max-width:49rem;min-height:2.8rem;color:var(--nav-link-text);flex-wrap:wrap;justify-content:space-between;align-items:stretch;gap:0 1rem;display:flex}.nav-bar .nav-bar-logo{cursor:pointer;align-items:center;gap:.3rem;display:flex}.nav-bar .nav-bar-logo svg{fill:var(--nav-link-text)}.nav-bar .nav-bar-logo p{color:var(--nav-link-text);font-size:18px;font-weight:700}.nav-bar .nav-bar-links{align-items:center;min-width:0;display:flex}.nav-bar a{align-items:center;height:100%;padding:0 .75rem;font-size:16px;font-weight:600;transition:all .1s;display:flex}.nav-bar a:hover,.nav-bar a:active{background-color:#fff3}.nav-bar .github-icon{aspect-ratio:1;height:1rem}.nav-bar .github-icon:hover,.nav-bar .github-icon:active{cursor:pointer}:is(.nav-bar .github-icon:hover,.nav-bar .github-icon:active) svg{fill:var(--nav-link-text)}.nav-bar .github-icon svg{fill:var(--nav-link-text);transition:all .1s}#header-container{flex-direction:column;align-items:center;gap:2rem;padding:4rem 2rem;display:flex}#learn-more{color:var(--text-light);flex-direction:column;justify-content:end;align-items:center;font-size:14px;font-weight:500;display:flex}#learn-more #carat{height:12px}#heading{flex-direction:column;flex:1;align-items:center;gap:1rem;max-width:40rem;display:flex}#heading .logo{justify-content:baseline;flex-direction:row;gap:.75rem;display:flex}#heading .logo .logo-text{color:var(--text-dark);font-size:3rem;font-weight:700}#heading .subtitle{text-align:center;color:var(--text);letter-spacing:-3%;text-wrap-style:balance;font-size:22px;font-weight:500;line-height:1.8rem}#heading p{color:var(--text-h)}#quick-info{flex-direction:row;gap:2.2rem;display:flex}#quick-info h4{font-size:16px;font-weight:700}#quick-info p{font-size:14px;font-weight:500}#quick-info .divider{color:color-mix(currentColor, transparent 60%)}#quick-info .info-block{flex-direction:column;gap:.5rem;max-width:14rem;display:flex}#get-started-button{border:1px solid color-mix(var(--svg-icon-color), transparent);color:var(--svg-icon-color);cursor:pointer;border-radius:.75rem;align-items:center;gap:.5rem;width:fit-content;padding:.5rem .75rem;transition:all .1s linear;display:flex}#get-started-button:hover{background-color:color-mix(var(--svg-icon-color), transparent 90%)}#get-started-button p{font-size:14px;font-weight:600}#demo-container{background-color:var(--bg2);flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:3rem 2rem;display:flex}#demo-container #demo{flex-direction:column;flex:2;justify-content:center;gap:.8rem;width:100%;max-width:70rem;display:flex}#demo-container #demo .demo-embed-container{aspect-ratio:16/9;background-color:var(--text-dark);border-radius:.75rem;position:relative;overflow:hidden;box-shadow:0 0 10px #0003}#demo-container #demo .demo-embed{aspect-ratio:16/10;border:none;outline:none;width:100%}#demo-container #demo .demo-list-container{flex-direction:row;justify-content:space-between;align-items:start;display:flex}#demo-container #demo .demo-list-container #open-embed{border:1px solid var(--lookout-theme-3);border-radius:.5rem;padding:.5rem .75rem;font-size:14px;transition:all .1s}#demo-container #demo .demo-list-container #open-embed:hover{background-color:color-mix(var(--svg-icon-color), transparent 70%)}#demo-container #demo .demo-list-container .demo-list{flex-direction:column;flex:1;padding:0 .25rem;display:flex}#demo-container #demo .demo-list-container .demo-list-item{border-radius:9999px;align-items:center;gap:.25rem;width:fit-content;padding:.2rem 0;font-size:16px;font-weight:600;display:flex}#demo-container #demo .demo-list-container .demo-list-item button{transition:color .15s ease-in-out}#demo-container #demo .demo-list-container .demo-list-item button:hover{color:var(--text-light)}#demo-container #demo .demo-list-container .demo-list-item .progress-bar{background:linear-gradient(var(--text-dark) 0 0) 0/0% no-repeat var(--text-light);border-radius:2px;width:60px;height:3px;animation:10s linear infinite progress-bar}#demo-container #demo .demo-list-container .demo-list-item .spacer{flex:1}#demo-container #demo .demo-list-container .demo-list-item a{font-weight:400;text-decoration:underline}#demo-container #demo .demo-list-container .demo-list-item[data-active=true] button:first-child{color:var(--text-h)}#demo-container #demo .demo-list-container .demo-list-item:not([data-active=true]) a,#demo-container #demo .demo-list-container .demo-list-item:not([data-active=true]) .progress-bar{visibility:hidden}@keyframes progress-bar{to{background-size:100%}}#demo-sites{flex-direction:column;gap:0;max-width:48rem;margin:0 auto;padding:4rem 2rem;display:flex}#demo-sites>p{margin-top:1rem;margin-bottom:.25rem}#demo-sites .demo-site-item{cursor:pointer;border-radius:1.5rem;flex-direction:row;align-items:start;gap:1rem;margin:0 -1rem;padding:1rem;transition:all .15s ease-in-out;display:flex}#demo-sites .demo-site-item:hover{background-color:var(--overlay)}#demo-sites .demo-site-item .link-container{flex-direction:column;justify-content:center;gap:.5rem;display:flex}#demo-sites .demo-site-item .link-container .line-div{flex-direction:row;align-items:center;gap:.2rem;display:flex}#demo-sites .demo-site-item .link-container h4{flex-direction:row;align-items:baseline;gap:.25rem;font-size:20px;display:flex}#demo-sites .demo-site-item .link-container i{color:var(--text-light);height:18px}#demo-sites .demo-site-item .link-container a{text-underline-offset:2px;color:var(--text-light);text-decoration:underline;-webkit-text-decoration-color:var(--text-lighter);text-decoration-color:var(--text-lighter);transition:color .2s,text-decoration-color .2s}#demo-sites .demo-site-item .link-container .code-link{font-size:small}#demo-sites .demo-site-item .link-container a:hover{color:var(--text);-webkit-text-decoration-color:var(--text-light);text-decoration-color:var(--text-light)}#demo-sites .demo-site-item .link-container p{color:var(--text-light);line-height:140%}#demo-sites .demo-site-item img{aspect-ratio:16/9;object-fit:cover;border-radius:.5rem;width:16rem;box-shadow:0 0 1rem #00000014}#demo-sites .demo-site-item>div{flex-direction:column;flex:1;justify-content:center;align-self:stretch;gap:.25rem;display:flex}#demo-sites .demo-site-item h4{color:var(--text-h)}#demo-sites .demo-site-item .timeframe{color:color-mix(currentColor, transparent 30%);font-size:small}@media (width<=767px){#demo-sites .demo-site-item{flex-direction:column}}#about-lookout{background-color:var(--bg2);flex-direction:row;justify-content:center;padding:3rem 2rem;display:flex}#about-lookout .text-block{flex-direction:column;gap:2rem;display:flex}#about-lookout .text-block h4{color:var(--text-gray);text-wrap-style:balance;font-size:24px;font-weight:600}#about-lookout .text-block p{color:color-mix(currentColor, #828282)}.about-grid{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(2,auto);grid-template-areas:"a b""c d""e f";gap:3rem;width:48rem;display:grid}@media (width<=767px){.about-grid{flex-direction:column;display:flex}}.about-grid>*{min-width:0}.grid-img{object-fit:cover;object-position:left;aspect-ratio:4/3;object-fit:cover;border-radius:.25rem;width:100%;box-shadow:0 2px 12px #0000001a}#diagram-section{background-color:var(--bg1);flex-direction:column;align-items:center;padding:4rem 2rem;display:flex}#diagram-section h2{width:100%;max-width:48rem}#diagram{flex-direction:column;max-width:48rem;display:flex}.diagram-step{grid-template-rows:auto;grid-template-columns:14rem .75rem 1fr;gap:1.5rem;padding:1rem 0;display:grid}@media (width<=1024px){.diagram-step{grid-template-rows:auto auto;grid-template-columns:.75rem 1fr;row-gap:1rem}}.diagram-step .diagram-text{text-align:right;letter-spacing:-2%;flex-direction:column;flex-shrink:0;gap:.25rem;font-size:16px;font-weight:500;display:flex}@media (width<=1024px){.diagram-step .diagram-text{grid-column:2;grid-row:0;text-align:left}}.diagram-step .diagram-text p{text-wrap-style:balance}.diagram-step .diagram-text p:not(:first-child){color:var(--text-light)}.diagram-step .diagram-connector{flex-direction:column;flex-shrink:0;align-items:center;padding-top:.25rem;display:flex}@media (width<=1024px){.diagram-step .diagram-connector{grid-area:1/1/span 2}}.diagram-step .diagram-connector .connector-circle{border:2px solid var(--border);border-radius:9999px;width:.75rem;height:.75rem}.diagram-step .diagram-connector .connector-line{background-color:var(--border);flex:1;width:1px;margin-bottom:-2.25rem}.diagram-step:last-child .diagram-connector .connector-line{display:none}.diagram-screenshots{align-items:center;gap:.75rem;min-width:0;display:flex}.diagram-screenshots .diagram-screenshots-section{flex-direction:column;flex:1;gap:.25rem;min-width:0;display:flex}.diagram-screenshots .diagram-screenshots-section .diagram-screenshots-filters{gap:.25rem;height:100%;display:flex}.diagram-screenshots .diagram-screenshots-section .diagram-screenshots-filters .diagram-screenshot{flex:1;width:auto;min-width:0}.diagram-screenshots .diagram-screenshots-section .diagram-screenshots-filters .diagram-screenshot:first-child{border-radius:.75rem .25rem .25rem}.diagram-screenshots .diagram-screenshots-section .diagram-screenshots-filters .diagram-screenshot:last-child{border-radius:.25rem .75rem .25rem .25rem}.diagram-screenshots .diagram-screenshots-section>.diagram-screenshot{border-radius:.25rem .25rem .75rem .75rem}.diagram-screenshots .diagram-screenshot{outline:1px solid var(--border);outline-offset:-1px}.diagram-sources{flex-wrap:wrap;align-items:center;gap:.5rem;font-weight:500;display:flex}.diagram-sources .diagram-source{border:1px solid var(--border);border-radius:1rem;padding:.75rem 1.25rem .75rem 1rem;font-size:16px}.diagram-sharing{flex-direction:column;gap:1rem;display:flex}.diagram-sharing .diagram-sharing-item{gap:.75rem;font-size:16px;font-weight:500;display:flex}.diagram-sharing .diagram-sharing-item i{color:var(--text-light);margin-top:.25rem}.diagram-sharing .diagram-sharing-item div p:last-child{color:var(--text-light)}#configure-collapsed>.diagram-chip{cursor:pointer}#configure-collapsed>.diagram-chip:hover{background-color:var(--overlay)}#sentinel-callout{flex-direction:row;justify-content:center;height:12rem;display:flex}#sentinel-callout p{max-width:36rem;font-weight:500;line-height:140%}#sentinel-callout a{text-underline-offset:2px;color:var(--text-light);text-decoration:underline;-webkit-text-decoration-color:var(--text-light);text-decoration-color:var(--text-light);transition:color .2s,text-decoration-color .2s}#sentinel-callout a:hover{color:var(--text);-webkit-text-decoration-color:var(--text);text-decoration-color:var(--text)}footer{color:var(--text-light);flex-wrap:wrap;justify-content:space-between;gap:1rem;padding:0 2rem 1.5rem;font-size:14px;transition:all .2s;display:flex}footer a:hover{color:var(--text);transition:all .2s}footer .footer-link-container{flex-direction:row;align-items:center;gap:.75rem;display:flex}.release-notes-page{max-width:47rem;margin:2rem auto 4rem;padding:2rem}.release-notes-page a{color:var(--lookout-theme-2);text-decoration:underline}.release-notes-page code{background-color:var(--overlay);color:var(--text-highlight);border-radius:.25rem;padding:.2rem;font-size:medium}.release-notes-page p{margin:1rem 0}.release-notes-page img{border-radius:.5rem;width:100%}.release-notes-page li{margin:.5rem 0}.release-notes-page b,.release-notes-page strong{font-weight:600}.release-notes-page hr{background-color:var(--border);border:none;width:80%;max-width:32rem;height:.8px;margin-top:3rem;margin-left:0}.release-notes-page h1,.release-notes-page h2{letter-spacing:-.4px;font-weight:800}.release-notes-page h3,.release-notes-page h4{font-weight:600!important}.release-notes-page h3{letter-spacing:-2%;font-size:22px;font-weight:500}.release-notes-page h4{letter-spacing:5%;font-size:14px;font-weight:400}.release-notes-page video,.release-notes-page img{border:1px solid var(--border);border-radius:.5rem;width:100%;min-width:200px;margin-top:24px;margin-bottom:1rem}