*{box-sizing:border-box}body,html{min-height:100%;background:var(--background)}body{margin:0;color:var(--on-surface);font-size:16px;line-height:24px;letter-spacing:0;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}body,button,input,select,textarea{font-family:var(--font-sans)}body.public-root h1{max-width:16ch;font-size:clamp(36px,5vw,var(--text-hero));font-variant-ligatures:common-ligatures;font-variant-numeric:normal;font-weight:var(--weight-h1);letter-spacing:var(--tracking-h1);line-height:var(--leading-h1);text-decoration-style:solid;text-decoration-thickness:1px;text-indent:0;text-rendering:optimizeLegibility;text-shadow:none;text-transform:none;text-underline-offset:3px;text-wrap:balance}body.public-root h1,body.public-root h3{margin-top:0;margin-bottom:0;color:var(--krais-slate-600);font-family:var(--font-sans);font-style:normal;font-kerning:normal;hyphens:manual;opacity:1;overflow-wrap:normal;text-align:left;text-decoration:none;white-space:normal;word-spacing:0}body.public-root h3{max-width:28ch;font-size:clamp(24px,3vw,var(--text-h3));font-variant-ligatures:common-ligatures;font-variant-numeric:normal;font-weight:var(--weight-h3);letter-spacing:var(--tracking-h3);line-height:var(--leading-h3);text-decoration-style:solid;text-decoration-thickness:1px;text-indent:0;text-rendering:optimizeLegibility;text-shadow:none;text-transform:none;text-underline-offset:3px;text-wrap:wrap}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}img,svg{display:block;max-width:100%}button,input,select,textarea{color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}body[data-typography-editing=true] *{cursor:crosshair!important}body[data-typography-editing=true] [data-front-typography-editor] *{cursor:default!important}body[data-typography-editing=true] [data-front-typography-editor] button,body[data-typography-editing=true] [data-front-typography-editor] summary{cursor:pointer!important}[data-typography-selected=true]{outline:2px solid var(--krais-magenta-600)!important;outline-offset:3px}