.card.svelte-voi3uz{display:flex;flex-direction:column;flex-grow:1;overflow:hidden;header:where(.svelte-voi3uz){background-color:unset;border-bottom:0;box-shadow:unset;padding:0}.history-wrapper:where(.svelte-voi3uz){flex-grow:1;overflow-y:auto}.item-content:where(.svelte-voi3uz){align-items:flex-start;display:flex;flex-direction:column;text-align:left}.item-name:where(.svelte-voi3uz){font-weight:500;margin-bottom:.25rem}.item-date:where(.svelte-voi3uz){color:#6b7280;font-size:.875rem;opacity:.8}}sl-select [slot=prefix]{margin-right:.5rem}sl-select [slot=prefix] svg{height:100%}@font-face{font-display:swap;font-family:Lato;font-style:normal;font-weight:400;src:url(/fonts/lato-regular-webfont.woff2) format("woff2"),url(/fonts/lato-regular-webfont.woff) format("woff")}@font-face{font-display:swap;font-family:Lato;font-style:italic;font-weight:400;src:url(/fonts/lato-italic-webfont.woff2) format("woff2"),url(/fonts/lato-italic-webfont.woff) format("woff")}@font-face{font-display:swap;font-family:Lato;font-style:normal;font-weight:100;src:url(/fonts/lato-thin-webfont.woff2) format("woff2"),url(/fonts/lato-thin-webfont.woff) format("woff")}@font-face{font-display:swap;font-family:Lato;font-style:italic;font-weight:100;src:url(/fonts/lato-thinitalic-webfont.woff2) format("woff2"),url(/fonts/lato-thinitalic-webfont.woff) format("woff")}@font-face{font-display:swap;font-family:Lato;font-style:normal;font-weight:300;src:url(/fonts/lato-light-webfont.woff2) format("woff2"),url(/fonts/lato-light-webfont.woff) format("woff")}@font-face{font-display:swap;font-family:Lato;font-style:italic;font-weight:300;src:url(/fonts/lato-lightitalic-webfont.woff2) format("woff2"),url(/fonts/lato-lightitalic-webfont.woff) format("woff")}@font-face{font-display:swap;font-family:Lato;font-style:normal;font-weight:700;src:url(/fonts/lato-bold-webfont.woff2) format("woff2"),url(/fonts/lato-bold-webfont.woff) format("woff")}@font-face{font-display:swap;font-family:Lato;font-style:italic;font-weight:700;src:url(/fonts/lato-bolditalic-webfont.woff2) format("woff2"),url(/fonts/lato-bolditalic-webfont.woff) format("woff")}@font-face{font-display:swap;font-family:Lato;font-style:normal;font-weight:900;src:url(/fonts/lato-black-webfont.woff2) format("woff2"),url(/fonts/lato-black-webfont.woff) format("woff")}@font-face{font-display:swap;font-family:Lato;font-style:italic;font-weight:900;src:url(/fonts/lato-blackitalic-webfont.woff2) format("woff2"),url(/fonts/lato-blackitalic-webfont.woff) format("woff")}:root{--humanist:Calibri,"Open Sans",Seravek,"Gill Sans Nova",Ubuntu,Calibri,"DejaVu Sans",source-sans-pro,sans-serif;--neo-grotesque:"Lato",Inter,Roboto,"Helvetica Neue","Arial Nova","Nimbus Sans",Arial,sans-serif;--old-style:"Iowan Old Style","Palatino Linotype","URW Palladio L",P052,serif;--monospace-code:"Atkinson Mono",ui-monospace,"Cascadia Code","Source Code Pro",Menlo,Consolas,"DejaVu Sans Mono",monospace;--step--2:clamp(.68rem,.6995rem + -.0251vw,.6944rem);--step--1:clamp(.8333rem,.8275rem + .029vw,.85rem);--step-0:clamp(1rem,.9783rem + .1087vw,1.0625rem);--step-1:clamp(1.2rem,1.1554rem + .2228vw,1.3281rem);--step-2:clamp(1.44rem,1.3634rem + .3829vw,1.6602rem);--step-3:clamp(1.728rem,1.6072rem + .6038vw,2.0752rem);--step-4:clamp(2.0736rem,1.8926rem + .905vw,2.594rem);--step-5:clamp(2.4883rem,2.226rem + 1.3116vw,3.2425rem);--step-6:clamp(2.986rem,2.6148rem + 1.8559vw,4.0531rem);--step-7:clamp(3.5832rem,3.0673rem + 2.5795vw,5.0664rem);--space-3xs:clamp(.25rem,.25rem + 0vw,.25rem);--space-2xs:clamp(.5rem,.4783rem + .1087vw,.5625rem);--space-xs:clamp(.75rem,.7283rem + .1087vw,.8125rem);--space-s:clamp(1rem,.9783rem + .1087vw,1.0625rem);--space-m:clamp(1.5rem,1.4565rem + .2174vw,1.625rem);--space-l:clamp(2rem,1.9565rem + .2174vw,2.125rem);--space-xl:clamp(3rem,2.9348rem + .3261vw,3.1875rem);--space-2xl:clamp(4rem,3.913rem + .4348vw,4.25rem);--space-3xl:clamp(6rem,5.8696rem + .6522vw,6.375rem);--space-3xs-2xs:clamp(.25rem,.1413rem + .5435vw,.5625rem);--space-2xs-xs:clamp(.5rem,.3913rem + .5435vw,.8125rem);--space-xs-s:clamp(.75rem,.6413rem + .5435vw,1.0625rem);--space-s-m:clamp(1rem,.7826rem + 1.087vw,1.625rem);--space-m-l:clamp(1.5rem,1.2826rem + 1.087vw,2.125rem);--space-l-xl:clamp(2rem,1.587rem + 2.0652vw,3.1875rem);--space-xl-2xl:clamp(3rem,2.5652rem + 2.1739vw,4.25rem);--space-2xl-3xl:clamp(4rem,3.1739rem + 4.1304vw,6.375rem);--space-s-l:clamp(1rem,.6087rem + 1.9565vw,2.125rem);--border-1:rgba(0,0,0,.25);--border-2:rgba(0,0,0,.5);--border-3:rgba(0,0,0,.75);--shade-0:rgba(0,0,0,.03);--shade-1:rgba(0,0,0,.13);--shade-2:rgba(0,0,0,.22);--shade-3:rgba(0,0,0,.31);--shade-4:rgba(0,0,0,.4);--shade-5:rgba(0,0,0,.5);--shade-6:rgba(0,0,0,.6);--shade-7:rgba(0,0,0,.7);--shade-9:rgba(0,0,0,.9);--primary:#007734;--secondary:#009036;--tertiary:#7ab51d;--black:#000;--lightgray:#dadada;--white:#fff;--body:#6f6f6f;--content:#555;--link:#5d7410;--bullet:#c4c4c4;--background:#f4f4f4;--logo-height:var(--space-l);--max-content-width:80rem}[data-theme=dekempen]{--primary:#005d62;--secondary:#b6bd00;--tertiary:#f0f4f8;--black:#000;--lightgray:#dadada;--white:#fff;--body:#6f6f6f;--content:#555;--link:#5d7410;--bullet:#c4c4c4}html{background-color:var(--background)}body{display:grid;font-family:var(--neo-grotesque);grid-template-columns:fit-content(250px) 1fr;grid-template-rows:auto 1fr;line-height:1.4;margin:0;max-height:100dvh;overflow-y:hidden;padding:0;&.without-sidebar{display:block}}*,:after,:before{box-sizing:border-box}sl-select::part(combobox){background-color:#fff;border:1px solid var(--lightgray);border-radius:var(--space-3xs);box-shadow:none;color:var(--content);font-family:var(--humanist);outline:none;padding:var(--space-2xs);transition:border-color .2s,background-color .2s,color .2s}sl-select::part(combobox):hover{background-color:#fff;border-color:color-mix(in oklab,var(--lightgray),#000 20%);opacity:1}sl-select::part(display-input)::-moz-placeholder{color:var(--content)}sl-select::part(display-input)::placeholder{color:var(--content)}sl-select::part(combobox):active,sl-select::part(combobox):focus{box-shadow:none;outline:2px solid var(--lightgray)}cluster{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space,var(--space-s));height:100%;justify-content:flex-start;input{height:100%;margin-block-end:0}button{margin-top:0}.with-icon{align-items:center;display:flex;gap:var(--space-2xs)}}.with-icon{align-items:center;display:flex;gap:var(--space-3xs)}.record{svg{fill:#ef4444}}.controls-container,.recording-controls{align-items:center;display:flex;gap:12px;justify-content:space-between;.with-icon:disabled{cursor:not-allowed;.icon{color:#9ca3af}}.with-icon{background:none;border-radius:var(--space-2xs);height:40px;justify-content:center;padding:var(--space-3xs);transition:background .2s;width:40px;&:hover{background-color:#f0f0f0}.icon{color:#000;height:1.5rem;height:2cap;transition:color .2s;width:1.5rem;width:2cap}}}main{display:flex;flex-direction:column;grid-column:2;grid-row:2;overflow:hidden}img{display:block}header{background-color:var(--white);border-bottom:1px solid var(--shade-3);box-shadow:0 2px 4px #0000001a;grid-column:2;grid-row:1;height:var(--space-2xl);inner{display:block;height:100%;margin-inline:auto;max-width:var(--max-content-width);padding-inline:var(--space-m)}h1{padding-block:var(--space-l)}nav ul{list-style:none;a{color:var(--link)}}.logo{height:var(--logo-height,5rem);width:auto}}h1{font-size:var(--step-2);font-weight:300}h1,h2,h3{color:var(--primary)}h2,h3{font-size:var(--step-1);font-weight:400}p{color:var(--content);font-size:var(--step-0)}hr{border:0;border-block-start:1px solid #ccc;margin-block:var(--space-s);&.small{margin-block:var(--space-2xs)}}p.email{color:var(--primary)}.grid,grid{display:grid;gap:var(--space-s);--minimum:30ch;button{margin-top:0}}@supports (width:min(var(--minimum ),100%)){.grid,grid{grid-template-columns:repeat(auto-fit,minmax(min(var(--minimum),100%),1fr))}}row{display:flex;flex-direction:row-reverse;flex-wrap:wrap;gap:var(--space-s);justify-content:start;>*{display:flex;flex-direction:column;gap:var(--space-s)}>div:first-child{flex-basis:16rem;flex-grow:1;.card{max-width:100%}h2{font-size:var(--step-2);margin-top:0}button{font-size:var(--step-0);margin-top:var(--space-s);width:100%}}>.pipo{flex-basis:0;flex-grow:999;min-inline-size:65%}}.pipo{background-color:#fff;display:flex;flex-direction:column;flex-grow:1;height:100%;max-height:calc(100dvh - var(--space-2xl));min-height:calc(100dvh - var(--space-2xl));overflow-y:hidden;padding:1rem 1rem 0}.history{button{background-color:#fff;border:1px solid var(--lightgray);border-radius:var(--space-3xs);color:var(--content);display:flex;flex-direction:column;font-size:var(--step--1);margin-top:0;overflow:hidden;padding:var(--space-2xs);text-overflow:ellipsis;transition:background-color .2s,color .2s;white-space:nowrap;width:100%;&:hover{background-color:var(--lightgray);color:var(--black);opacity:1}}}button{background-color:var(--primary);border:none;border-radius:9999px;color:var(--white);cursor:pointer;font-size:var(--step--1);margin-top:var(--space-l);outline:none;padding:var(--space-2xs) var(--space-s);transition:background-color .2s}button:hover{background-color:color-mix(in oklab,var(--primary),#000 20%)}button:disabled{color:#ccc;filter:grayscale(1)}.container{align-items:center;display:flex;justify-content:space-between;max-width:1200px;width:100%}.card{padding:var(--space-m);h2{margin-top:0}>:last-child{margin-bottom:0}}.card--narrow{max-height:-moz-fit-content;max-height:fit-content;max-width:60rem}.history-wrapper{overflow-y:auto}.circle-avatar{align-items:center;background-color:var(--primary);border-radius:50%;display:flex;height:48px;justify-content:center;width:48px}.circle-avatar.recording{background-color:#f003}.circle-avatar i{color:#009036;font-size:var(--step-1)}.circle-avatar.recording i{color:red}buttons{border:none;border-radius:var(--space-2xs);cursor:pointer;font-size:var(--step--1);padding:var(--space-xs)}buttons:disabled{background-color:#ccc;cursor:not-allowed}.textfield{background-color:#ededed;border-radius:var(--space-2xs);color:var(--content);margin-bottom:var(--space-s);padding:var(--space-2xs) var(--space-xs);p{margin:0}}input[type=email]{background-color:#fff;border:1px solid var(--lightgray);border-radius:var(--space-2xs);border-radius:var(--space-3xs);color:var(--content);outline:none;padding:var(--space-2xs);resize:none;transition:border-color .2s,background-color .2s,color .2s;width:100%;&:hover{background-color:#fff;border-color:color-mix(in oklab,var(--lightgray),#000 20%);color:var(--black);opacity:1}}.mic{font-size:var(--step-1)}sl-icon::part(svg){fill:#fff}.chat{display:flex;flex-direction:column;gap:1rem;margin:0 auto 2rem;margin-inline:auto;max-width:50rem;width:100%}.bubble{border-radius:12px;max-width:70%;padding:.75rem 1rem;word-wrap:break-word;:first-child{margin-top:0}:last-child{margin-bottom:0}}.user{align-self:flex-end;background:#d1e8ff}.assistant{align-self:flex-start;background:#f1f1f1}.live{font-style:italic;opacity:.7}.input{display:flex;gap:.5rem}input{flex:1;padding:.5rem}.icon{height:1rem;height:1.5cap;width:1rem;width:1.5cap}div.inner,div.login{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;margin-block-start:var(--space-l);margin-inline:auto;max-width:var(--max-content-width);padding-inline:var(--space-m);width:100%;.card{background-color:#fff;border-left:4px solid var(--primary);width:100%;p{max-width:80ch}}}.sidebar{border-inline-start:solid 4px var(--primary);display:flex;flex-direction:column;grid-column:1;grid-row:1/span 2;height:100%;left:0;max-height:100dvh;min-height:100dvh;overflow:hidden;padding:1rem;position:relative;top:0;transition:all .3s ease;width:250px;z-index:100;.card{padding-inline:0}.logo{padding:var(--space-2xs) var(--space-s);padding-left:0;position:absolute;top:.5rem;width:160px}&:not(.absolute){background-color:var(--background)}&.absolute{position:absolute;width:85%}}.sidebar-open{.sidebar{background-color:var(--background);z-index:400}}body:not(.sidebar-open) .sidebar{width:60px}body:not(.sidebar-open) .sidebar>*{display:none}body:not(.sidebar-open) .sidebar .hamburger{display:block;left:50%;position:absolute;right:auto;top:.5rem;transform:translate(-50%)}.sidebar.absolute~* .bubble{max-width:100%!important}.hamburger{background:none;border:none;color:var(--primary);cursor:pointer;display:block;position:absolute;right:1rem;top:.5rem;z-index:10000}.hamburger:hover{background-color:var(--lightgray)}.overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:10000}.popup{background:#fff;border-radius:12px;box-shadow:0 5px 15px #0000004d;min-width:320px;padding:1.5rem}.icon-wrapper{align-items:center;display:inline-flex;height:32px;justify-content:center;width:32px}.icon-wrapper svg{height:100%;width:100%}.form-group{margin-bottom:1rem}.form-group label{color:#374151;display:block;font-weight:500;margin-bottom:.5rem}.form-group input,.form-group textarea{border:1px solid #d1d5db;border-radius:6px;box-sizing:border-box;font-family:inherit;font-size:14px;padding:.75rem;transition:border-color .2s ease;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a;outline:none}.form-group textarea{min-height:80px;resize:vertical}.button-group{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}@media (max-width:640px){.button-group{flex-direction:column}}.error-message{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:var(--space-3xs);color:#dc3545;font-size:var(--step--1);margin-bottom:var(--space-s);padding:var(--space-2xs)}.loading-spinner{animation:spin 1s ease-in-out infinite;border:2px solid #fff;border-radius:50%;border-top-color:transparent;display:inline-block;height:16px;width:16px}@keyframes spin{to{transform:rotate(1turn)}}input[type=text]{background-color:#fff;border:1px solid var(--lightgray);border-radius:var(--space-3xs);box-sizing:border-box;color:var(--content);font-family:var(--neo-grotesque);font-size:var(--step-0);outline:none;padding:var(--space-2xs);transition:border-color .2s,background-color .2s,color .2s;width:100%}input[type=text]:hover{background-color:#fff;border-color:color-mix(in oklab,var(--lightgray),#000 20%);color:var(--black);opacity:1}input[type=text]:focus{border-color:var(--primary);box-shadow:none;outline:2px solid var(--lightgray)}input[type=text]:disabled{background-color:#f5f5f5}button:disabled,input[type=text]:disabled{cursor:not-allowed;opacity:.6}