:root{--color-primary-50: hsl(110.6, 100%, 97.5%);--color-primary-100: hsl(110.6, 100%, 88%);--color-primary-200: hsl(110.6, 100%, 76.1%);--color-primary-300: hsl(110.6, 100%, 63.9%);--color-primary-400: hsl(110.6, 100%, 62%);--color-primary-500: hsl(164.6, 99.2%, 46.1%);--color-primary-600: hsl(110.6, 100%, 42%);--color-primary-700: hsl(110.6, 100%, 31.2%);--color-primary-800: hsl(110.6, 100%, 23.1%);--color-primary-900: hsl(110.6, 100%, 11%);--color-record-500: hsla(244, 100%, 32%, 1);--color-record-700: hsla(244, 100%, 23.1%, 1);--color-gray-0: hsla(0, 0%, 100%, 1);--color-gray-50: hsla(0, 0%, 96.1%, 1);--color-gray-100: hsla(0, 0%, 89.2%, 1);--color-gray-200: hsla(0, 0%, 78.4%, 1);--color-gray-300: hsla(0, 0%, 67.6%, 1);--color-gray-400: hsla(0, 0%, 56.9%, 1);--color-gray-500: hsla(0, 0%, 46.1%, 1);--color-gray-600: hsla(0, 0%, 36.9%, 1);--color-gray-700: hsla(0, 0%, 27.6%, 1);--color-gray-800: hsla(0, 0%, 18.4%, 1);--color-gray-900: hsla(0, 0%, 9.2%, 1);--color-black: hsla(0, 0%, 0%, 1);--color-white: hsla(0, 0%, 100%, 1);--color-transparent: hsla(0, 0%, 100%, 0);--color-hightlight: var(--color-primary-700);--color-line: var(--color-gray-900);--color-button: var(--color-white);--color-button-hover: var(--color-gray-900);--color-button-disabled: color-mix(in srgb, black 45%, var(--light-background-color));--font-color: var(--color-gray-900);--background-color: var(--color-gray-0);--border-color: var(--color-gray-100);--light-background-color: hsl(0, 0%, 97%);--color-illustration-white: white;--color-illustration-black: black;--color-illustration-light-grey: #f6f6f6;--color-illustration-light-green: #1a9416;--color-illustration-light-orange: #dd6f00;--color-illustration-light-blue: #0676d8}@media (prefers-color-scheme: dark){:root{--color-transparent: transparent;--color-hightlight: #adea00;--color-line: rgba(255, 255, 255, .4);--color-button: var(--color-black);--color-button-hover: var(--color-gray-50);--color-button-disabled: color-mix(in srgb, white 45%, var(--light-background-color));--font-color: #fafafa;--background-color: var(--color-gray-900);--border-color: var(--color-gray-100);--light-background-color: #222222;--color-illustration-white: rgba(0, 0, 0, .1);--color-illustration-black: var(--font-color);--color-illustration-light-grey: var(--light-background-color);--color-illustration-light-green: #07da00;--color-illustration-light-orange: #ff8000;--color-illustration-light-blue: #33a0ff}}html{box-sizing:border-box;font-size:16px}*,*:before,*:after{box-sizing:inherit;font-family:inherit}body,h1,h2,h3,h4,h5,h6,p,ol,ul{margin:0;padding:0}ol,ul{list-style:none}img{max-width:100%;height:auto}button{background-color:transparent;border:0;cursor:pointer}:root{--gutter-padding: 1rem;--box-padding: 1rem;--box-radius: .3rem;--font-size-body: clamp(16px, 1vw, 20px);--font-size-sm: calc(var(--font-size-body) * .9);--scrollbar-w: 0px;--ease-in-quad: cubic-bezier(.55, .085, .68, .53);--ease-in-cubic: cubic-bezier(.55, .055, .675, .19);--ease-in-quart: cubic-bezier(.895, .03, .685, .22);--ease-in-quint: cubic-bezier(.755, .05, .855, .06);--ease-in-sine: cubic-bezier(.47, 0, .745, .715);--ease-in-expo: cubic-bezier(.95, .05, .795, .035);--ease-in-circ: cubic-bezier(.6, .04, .98, .335);--ease-in-back: cubic-bezier(.6, -.28, .735, .045);--ease-out-quad: cubic-bezier(.25, .46, .45, .94);--ease-out-cubic: cubic-bezier(.215, .61, .355, 1);--ease-out-quart: cubic-bezier(.165, .84, .44, 1);--ease-out-quint: cubic-bezier(.23, 1, .32, 1);--ease-out-sine: cubic-bezier(.39, .575, .565, 1);--ease-out-expo: cubic-bezier(.19, 1, .22, 1);--ease-out-circ: cubic-bezier(.075, .82, .165, 1);--ease-out-back: cubic-bezier(.175, .885, .32, 1.275);--ease-in-out-quad: cubic-bezier(.455, .03, .515, .955);--ease-in-out-cubic: cubic-bezier(.645, .045, .355, 1);--ease-in-out-quart: cubic-bezier(.77, 0, .175, 1);--ease-in-out-quint: cubic-bezier(.86, 0, .07, 1);--ease-in-out-sine: cubic-bezier(.445, .05, .55, .95);--ease-in-out-expo: cubic-bezier(1, 0, 0, 1);--ease-in-out-circ: cubic-bezier(.785, .135, .15, .86);--ease-in-out-back: cubic-bezier(.68, -.55, .265, 1.55)}@media (min-width: 480px){:root{--box-radius: .75rem}}@media (min-width: 1024px){:root{--gutter-padding: 2rem;--box-radius: .75rem}}@media (min-width: 1440px){:root{--box-padding: 1.25rem}}@media (min-width: 1960px){:root{--gutter-padding: 5rem;--box-padding: 2rem;--font-size-sm: calc(var(--font-size-body) * .8)}}*{box-sizing:border-box;margin:0;padding:0;font-size:inherit}:focus{outline-color:var(--color-hightlight)}::selection{background:var(--color-hightlight);color:var(--color-white)}html,body{width:100%;height:100%}html{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;scrollbar-gutter:stable}body{font-family:Archivo,system-ui,Avenir,Helvetica,Arial,sans-serif;font-size:var(--font-size-body);line-height:1.6;color:var(--font-color);background-color:var(--light-background-color)}h1,.h1{font-size:clamp(42px,6vw,72px);line-height:1.1;font-weight:900;text-wrap:balance}h2,.h2{font-size:clamp(28px,5vw,48px);line-height:1.25;font-weight:900;text-wrap:balance}h3,.h3{font-size:clamp(24px,4vw,32px);line-height:1.25;font-weight:900;text-wrap:balance}h4,.h4{font-size:clamp(20px,2.5vw,24px);line-height:1.25;font-weight:900;text-wrap:balance}h5,.h5{font-size:1em;font-weight:900;line-height:inherit;text-wrap:balance}a{color:var(--color-grey-900);text-decoration-line:underline;text-decoration-thickness:1px;text-decoration-color:var(--color-hightlight)!important;text-underline-offset:.25em}a:hover{text-decoration-thickness:2px}hr{height:1px;margin:1em 0;background-color:var(--border-color);border:0}ol{list-style:decimal;margin:1em 0 2em 1.2em}ul{list-style:initial;margin:1em 0 1em 1em}ul ol{margin-bottom:0;margin-top:0;margin-left:2em}li{margin-bottom:.1em;text-wrap:wrap}select::-ms-expand{display:none}select{outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.select,.select-content{font-size:var(--font-size-sm);color:var(--font-color);font-weight:700;border:1px solid var(--color-hightlight);letter-spacing:.02em}.select{display:flex;flex-shrink:0;align-items:center;padding:.5em 1em;gap:1em;cursor:pointer;border-radius:1.5em;min-width:var(--radix-select-trigger-width);background:var(--light-background-color);transition:background-color .2s ease-in-out,border-color .2s ease-in-out,color .2s ease-in-out}.select:hover,.select[data-state=open]{color:var(--color-hightlight)}.select-icon{margin-left:auto;display:flex;align-items:center;transition:transform .2s var(--ease-out-quart)}.select-icon svg{width:10px;height:10px}.select-icon svg path{stroke-width:4px}.select[data-state=open] .select-icon{transform:rotate(180deg)}.select-content{overflow:hidden;z-index:50;padding:.75em 1em .75em 0;border-radius:var(--box-radius);border-color:var(--color-hightlight);background-color:var(--background-color);max-height:var(--radix-select-content-available-height)}.select-content[data-state=open]{animation:fadeIn .15s ease-out}.dropdown-menu-content{max-width:35ch;padding-left:1em;padding-bottom:1em}.select-item{display:flex;align-items:center;padding:.1em 1em;border-radius:.25em;cursor:pointer;outline:none;transition:background-color .15s ease-in-out;color:var(--font-color)}.select-item:hover,.select-item:focus,.select-item[data-highlighted],.select-item[data-state=checked]{color:var(--color-hightlight)}@keyframes fadeIn{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}textarea,input{padding:.799em 1em;border:1px solid var(--color-line);background-color:var(--color-gray-0);color:var(--font-color)}label{display:block}.animated-height{overflow:hidden}.animated-height--animated{transition:height .75s var(--ease-in-out-quart)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{border-radius:4px;background-color:#0000004d;transition:background-color .2s}::-webkit-scrollbar-thumb:hover{background-color:#00000080}*{scrollbar-color:rgba(0,0,0,.3) transparent;scrollbar-width:thin}::-webkit-scrollbar-thumb{visibility:hidden}*:hover::-webkit-scrollbar-thumb,*:active::-webkit-scrollbar-thumb,*:focus::-webkit-scrollbar-thumb{visibility:visible}.layout{display:flex;flex-direction:column;align-items:stretch;min-height:100%}@media (min-width: 1024px){.layout{flex-direction:row;align-items:start}}.layout__left{display:flex;flex-direction:column;container-type:inline-size;overflow-x:hidden}@media (min-width: 1024px){.layout__left{height:100vh;width:40%;position:sticky;top:0;overflow-y:auto;border-right:1px solid var(--color-line)}}.layout__right{display:flex;flex-direction:column;container-type:inline-size}@media (min-width: 1024px){.layout__right{width:60%;min-height:100vh;position:sticky;top:0}}@media (min-width: 1440px){.layout__left,.layout__right{width:50%}}.container{padding:var(--gutter-padding)}.footer{display:flex;flex-direction:column;font-size:var(--font-size-sm)}@container (min-width: 720px){.footer{flex-direction:row;justify-content:space-between;align-items:flex-end;gap:2em;padding-top:calc(var(--gutter-padding) * .5)}}@media (min-width: 1024px){.footer{position:sticky;bottom:0;background-color:var(--light-background-color)}.footer:before{content:"";height:5rem;background:linear-gradient(to top,var(--light-background-color),transparent);position:absolute;left:0;top:0;right:0;transform:translateY(-100%);pointer-events:none}}.result-box-container{flex-grow:1;display:flex;flex-direction:column}@media (max-width: 1023px){.result-box-container--submitted{min-height:100svh}}.result-box{word-wrap:break-word}h1{font-size:clamp(20px,2.5vw,32px);line-height:1.1;font-weight:900;text-wrap:balance}.result-box p{margin-bottom:1em}.tooltip-content .description,.tooltip-content .summary{font-style:italic}.tooltip-content .summary{display:-webkit-box;-webkit-line-clamp:8;-webkit-box-orient:vertical;overflow:hidden}.tooltip-content .summary:after{content:"*"}.tooltip-title{font-size:1.1em}.tooltip-date{white-space:nowrap}code{font-family:Söhne Mono,Monaco,Andale Mono,Ubuntu Mono,monospace!important;font-size:14px;font-weight:400;padding:4px;border:1px solid #ddd;margin:1em 0;overflow-x:auto;white-space:pre}table{width:100%;border-collapse:collapse;table-layout:fixed}pre code{display:block;border-radius:5px;padding:10px 15px}th{font-weight:700;padding:10px 0;text-align:left;font-size:var(--font-size-sm);background-color:transparent}td{padding:1.5em 1.5em 1.5em 0;text-overflow:ellipsis;overflow:hidden;vertical-align:top;border-top:1px solid var(--color-line)}td:nth-child(3){font-size:var(--font-size-sm);font-style:italic;padding-top:1.7em}@media (min-width: 1960px){td:nth-child(3){padding-top:2em}}@media (prefers-color-scheme: light){code{background-color:#fafafa}}.red{color:#ff2b2b}.orange{color:#d95a00}.green{color:#158237}.button{display:inline-flex;align-items:center;gap:1em;position:relative;font-weight:700;font-size:var(--font-size-sm);border-radius:99px;border:1px solid transparent;padding:.7em 1.5em;cursor:pointer;color:var(--color-button);background-color:var(--color-hightlight);transition:all .2s ease-in-out;text-decoration:none}@media (min-width: 480px){.button{padding:1em 1.75em}}.button--ghost{background-color:transparent;border-color:var(--color-hightlight);color:inherit}.button--small{padding:.5em 1em;line-height:1}.button:disabled,.button--ghost:disabled{background-color:transparent;border-color:var(--color-button-disabled);color:var(--color-button-disabled);cursor:not-allowed}.button:not(:disabled):hover,.button:not(:disabled):focus,.button--ghost:not(:disabled):hover,.button--ghost:not(:disabled):focus{color:var(--color-button);background-color:var(--color-button-hover);border-color:var(--color-button-hover);outline-color:var(--color-button-hover)}.button--icon{padding-right:1.4em}.button path{stroke:currentColor;stroke-width:2px!important;stroke-linecap:square}.button--no-wrap{text-wrap:nowrap}body .tooltip{max-width:400px;padding:1.25em;z-index:100;background-color:var(--color-gray-0);color:var(--color-gray-900);border:1px solid var(--color-hightlight);border-radius:var(--box-radius);word-wrap:break-word}@media (prefers-color-scheme: dark){body .tooltip{background-color:var(--color-gray-200)}}.tooltip .arrow{width:3em;height:3em;z-index:-1}.tooltip .arrow:before{content:"";width:.9em;height:.9em;position:absolute;right:2px;bottom:2px;border-right:1px solid var(--color-hightlight);border-bottom:1px solid var(--color-hightlight)}.my-anchor-element{white-space:nowrap}.question-mark-circle{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background-color:var(--color-hightlight);color:var(--color-button);font-size:12px;cursor:pointer;margin-left:3px;vertical-align:3px;font-weight:900;line-height:1.5}.header{display:flex;flex-direction:column;margin-bottom:var(--gutter-padding)}@container (min-width: 640px){.header{flex-direction:row;justify-content:space-between}}.header__logo{display:flex;flex-direction:column;gap:.25em;cursor:default}@container (min-width: 520px){.header__logo{flex-direction:row;gap:1.5em}}.header__title{font-size:2.9em}@media (min-width: 1960px){.header__title{font-size:2.6em}}.header__slogan{width:100%;max-width:none;font-weight:400;font-size:var(--font-size-sm);margin-top:.2em;line-height:1.5}@container (min-width: 520px){.header__slogan{max-width:30ch}[data-lang=en] .header__slogan{max-width:25ch}}@media (min-width: 1960px){.header__slogan{margin-top:.3em}}.header__liip-link{display:block;height:2em;position:relative;align-self:end;margin-bottom:2rem;padding-right:1em;margin-right:-1em}.header__liip-link:hover{color:var(--color-hightlight)}@container (min-width: 640px){.header__liip-link{align-self:auto;order:2;margin-bottom:0;margin-top:.3em}}.header__liip{height:100%;width:auto;transition:color .2s ease-out,transform .5s var(--ease-in-out-quart);transform:translate(33%)}.header__liip>*{transition:opacity .1s linear .15s}.header__liip__p1,.header__liip__p4{opacity:0}.header__liip-link:hover .header__liip,.header__liip-link:focus .header__liip{transform:translate(0)}.header__liip-link:hover .header__liip__p1,.header__liip-link:hover .header__liip__p4,.header__liip-link:focus .header__liip__p1,.header__liip-link:focus .header__liip__p4{opacity:1}.question{flex-grow:1;display:flex;flex-direction:column}.question__input-group{flex-grow:1;position:relative;display:flex;flex-direction:column}.question__input{border:1px solid var(--color-line);resize:none;padding:var(--box-padding);line-height:inherit;min-height:10lh;flex-grow:1;width:100%;background-color:var(--background-color);border-radius:var(--box-radius);color:var(--font-color)}@container (min-width: 640px){.question__input{padding-bottom:10rem}}.question__input:focus{border-color:var(--color-hightlight);outline:4px solid var(--color-hightlight);outline-offset:2px}.question__settings{--margin: 1px;display:flex;flex-wrap:wrap;gap:8px;margin-top:var(--gutter-padding)}@media (min-width: 1024px){.question__settings{margin-top:calc(var(--gutter-padding) * .5)}}@container (min-width: 640px){@media (min-width: 1024px){.question__settings{left:var(--margin);right:calc(var(--margin) + var(--scrollbar-w));bottom:var(--margin);position:absolute;padding:var(--box-padding);padding-top:calc(var(--box-padding) * .25);margin-top:0;background-color:var(--background-color);scrollbar-gutter:stable;border-radius:var(--box-radius)}.question__settings:before{content:"";height:5rem;background:linear-gradient(to top,var(--background-color),transparent);position:absolute;left:0;top:0;right:0;transform:translateY(-100%);pointer-events:none}.question__settings .select{background-color:var(--background-color)}}}.question__word-count{flex-grow:1;font-size:var(--font-size-sm);padding:.3em 0}@container (min-width: 640px){.question__word-count{text-align:right}}.question__max-length-dropdown{margin-right:.5rem}.question__max-length-input{display:block;background-color:transparent;margin-top:.75rem;width:100%}.question__max-length-button{position:absolute;bottom:1.5em;right:1.5em;display:flex;opacity:0;transition:opacity .2s ease-out}.question__max-length-button button{width:2em;height:2em;padding:.3em;display:flex;align-items:center;justify-content:center;color:var(--color-hightlight)}.question__max-length-button button:hover{color:var(--color-black)}.question__max-length-button button svg{width:100%;height:auto}.question__max-length-button--visible{opacity:1}.question__footer{display:flex;flex-direction:column-reverse;gap:var(--gutter-padding);margin-top:var(--gutter-padding)}@container (min-width: 600px) and (max-width: 699px){.question__footer{gap:calc(var(--gutter-padding) * .75)}}@container (min-width: 700px){.question__footer{flex-direction:row;gap:var(--gutter-padding)}}@media (min-width: 1560px){.question__footer{margin-top:calc(var(--gutter-padding) * .5)}}.question__note{font-size:var(--font-size-sm);flex-grow:1;display:flex;flex-direction:column;gap:1.25em}.question__note p{max-width:65ch}@container (min-width: 600px) and (max-width: 699px){.question__note{flex-direction:row;gap:.5em}.question__note p{flex:1;padding-right:1em}}.question__cta{font-weight:700}.question__cta a{display:block;width:fit-content;margin-top:.75em}.question__actions{display:flex;flex-shrink:0;align-items:start;flex-wrap:wrap;gap:.5em}@container (min-width: 600px) and (max-width: 699px){.question__actions button{flex:1}}.question__reset,.question__submit{flex-grow:1;justify-content:space-between}.question__reset svg,.question__submit svg{transition:transform .4s var(--ease-in-out-quint)}.question__reset:hover:not(:disabled) svg,.question__reset:focus:not(:disabled) svg{transform:rotate(-180deg)}.question__submit:hover:not(:disabled) svg,.question__submit:focus:not(:disabled) svg{transform:rotate(-135deg)}.result-box__title{margin-bottom:1em}.result-box__copy{display:flex;align-items:center;gap:calc(var(--gutter-padding) * .75);margin-top:2em}.result-box__count{font-size:var(--font-size-sm);margin:0!important}.resolut-box__table{margin-top:var(--gutter-padding);overflow-x:auto}.resolut-box__table table{min-width:540px}.result-box__diff-container{margin-top:var(--gutter-padding)}.result-box__diff{white-space:pre-wrap}.privacy-animated-height{border-radius:var(--box-radius);flex-shrink:0}.privacy-container{padding-top:calc(var(--gutter-padding) * 2)}@media (min-width: 1024px){.privacy-container{padding-top:var(--gutter-padding)}}.privacy-banner{background-color:var(--color-hightlight);color:var(--color-button);border-radius:var(--box-radius);padding:var(--box-padding);padding-right:3em;position:relative;font-size:var(--font-size-sm);font-weight:700}.privacy-banner a{color:#fff;text-decoration:underline}.privacy-banner p{max-width:80ch}.privacy-banner__close{color:var(--color-button);position:absolute;right:.5em;top:.5em;padding:.5em;line-height:1;display:flex;align-items:center;justify-content:center;transition:transform .4s var(--ease-in-out-quart)}.privacy-banner__close:hover{transform:rotate(90deg)}.privacy-banner__close-icon{width:12px;height:12px}.privacy-banner__close-icon path{stroke-width:4px}.u15y-feedback{background-color:var(--background-color);padding:.5em 1em;border-radius:.75rem;margin-bottom:var(--gutter-padding)}.u15y-feedback p{margin:0}.illustration{flex:1;display:flex;align-items:center;justify-content:center;position:relative;display:none}@media (min-width: 1024px){.illustration{display:flex}}.illustration svg{--angle: 3deg;width:80%;height:auto;animation:rotateEl 5s ease-in-out infinite alternate;transform:rotate(-3deg)}@media (min-width: 1280px){.illustration svg{width:65%}}.illustration *{vector-effect:non-scaling-stroke}.illustration #bg{rx:var(--box-radius);ry:var(--box-radius)}.illustration #bg,.illustration #bubble-01,.illustration #bubble-02,.illustration #bubble-03{filter:drop-shadow(10px 10px 0px rgba(0,0,0,.06))}.illustration #bubble-01,.illustration #bubble-02,.illustration #bubble-03{filter:drop-shadow(10px 10px 0px rgba(0,0,0,.06));transform:rotate(var(--angle))}.illustration #bubble-01{--angle: 10deg;animation:rotateEl 3s ease-in-out infinite alternate;transform-origin:19% 33%}.illustration #bubble-02{--angle: 10deg;animation:rotateEl 4s ease-in-out 1s infinite alternate;transform-origin:40% 66%}.illustration #bubble-03{--angle: -10deg;animation:rotateEl 3s ease-in-out .5s infinite alternate;transform-origin:77% 46%}@keyframes rotateEl{0%{transform:rotate(var(--angle))}to{transform:rotate(calc(var(--angle) * -1))}}