*,:before,:after{box-sizing:border-box}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul[role=list],ol[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}body{text-rendering:optimizespeed;min-height:100vh;line-height:1.5}a:not([class]){text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}img,svg{max-width:100%;height:auto}.visually-hidden{all:initial;inset-block-start:0;clip:rect(1px,1px,1px,1px)!important;border:0!important;block-size:1px!important;inline-size:1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}@supports (font-variation-settings:normal){:root{--font-family-title:"Inter var","system-ui"}}.hamburger{cursor:pointer;font:inherit;color:inherit;text-transform:none;background-color:#0000;border:0;margin:0;transition-property:opacity,filter;transition-duration:.15s;transition-timing-function:linear;display:inline-block;overflow:visible}.hamburger:hover,.hamburger.is-active:hover{opacity:.7}.hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner:before,.hamburger.is-active .hamburger-inner:after{background-color:#000}.hamburger-box{width:40px;height:24px;display:inline-block;position:relative}.hamburger-inner{margin-top:-2px;display:block;top:50%}.hamburger-inner,.hamburger-inner:before,.hamburger-inner:after{background-color:#000;border-radius:4px;width:40px;height:4px;transition-property:transform;transition-duration:.15s;transition-timing-function:ease;position:absolute}.hamburger-inner:before,.hamburger-inner:after{content:"";display:block}.hamburger-inner:before{top:-10px}.hamburger-inner:after{bottom:-10px}.hamburger--spin .hamburger-inner{transition-duration:.22s;transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.hamburger--spin .hamburger-inner:before{transition:top .1s ease-in .25s,opacity .1s ease-in}.hamburger--spin .hamburger-inner:after{transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19)}.hamburger--spin.is-active .hamburger-inner{transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(225deg)}.hamburger--spin.is-active .hamburger-inner:before{opacity:0;transition:top .1s ease-out,opacity .1s ease-out .12s;top:0}.hamburger--spin.is-active .hamburger-inner:after{transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s;bottom:0;transform:rotate(-90deg)}@font-face{font-family:Inter;font-style:normal;font-weight:100;font-display:swap;src:url(../Inter-Thin.30fa2792.woff2)format("woff2"),url(../Inter-Thin.509b3195.woff)format("woff")}@font-face{font-family:Inter;font-style:italic;font-weight:100;font-display:swap;src:url(../Inter-ThinItalic.baaa147a.woff2)format("woff2"),url(../Inter-ThinItalic.305c6c76.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-weight:200;font-display:swap;src:url(../Inter-ExtraLight.964a821e.woff2)format("woff2"),url(../Inter-ExtraLight.9bd9159b.woff)format("woff")}@font-face{font-family:Inter;font-style:italic;font-weight:200;font-display:swap;src:url(../Inter-ExtraLightItalic.8892db5f.woff2)format("woff2"),url(../Inter-ExtraLightItalic.a68f8177.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-weight:300;font-display:swap;src:url(../Inter-Light.c06f5e9d.woff2)format("woff2"),url(../Inter-Light.5feaf686.woff)format("woff")}@font-face{font-family:Inter;font-style:italic;font-weight:300;font-display:swap;src:url(../Inter-LightItalic.9361988e.woff2)format("woff2"),url(../Inter-LightItalic.59e166b6.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../Inter-Regular.449f0e8a.woff2)format("woff2"),url(../Inter-Regular.e79139c9.woff)format("woff")}@font-face{font-family:Inter;font-style:italic;font-weight:400;font-display:swap;src:url(../Inter-Italic.26f3dc3f.woff2)format("woff2"),url(../Inter-Italic.9092ffa2.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../Inter-Medium.acc3d50f.woff2)format("woff2"),url(../Inter-Medium.cfcc1d28.woff)format("woff")}@font-face{font-family:Inter;font-style:italic;font-weight:500;font-display:swap;src:url(../Inter-MediumItalic.078088d6.woff2)format("woff2"),url(../Inter-MediumItalic.4aa3953c.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../Inter-SemiBold.bdb1c7ad.woff2)format("woff2"),url(../Inter-SemiBold.fa7f9547.woff)format("woff")}@font-face{font-family:Inter;font-style:italic;font-weight:600;font-display:swap;src:url(../Inter-SemiBoldItalic.2550cf4d.woff2)format("woff2"),url(../Inter-SemiBoldItalic.fb0578b1.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../Inter-Bold.53ea85ae.woff2)format("woff2"),url(../Inter-Bold.d03e3d36.woff)format("woff")}@font-face{font-family:Inter;font-style:italic;font-weight:700;font-display:swap;src:url(../Inter-BoldItalic.2c92d711.woff2)format("woff2"),url(../Inter-BoldItalic.4ca4d3bd.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:swap;src:url(../Inter-ExtraBold.3eeb4074.woff2)format("woff2"),url(../Inter-ExtraBold.0d648a7c.woff)format("woff")}@font-face{font-family:Inter;font-style:italic;font-weight:800;font-display:swap;src:url(../Inter-ExtraBoldItalic.1abc120e.woff2)format("woff2"),url(../Inter-ExtraBoldItalic.6beaf16d.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-weight:900;font-display:swap;src:url(../Inter-Black.1da350e0.woff2)format("woff2"),url(../Inter-Black.0258c5ed.woff)format("woff")}@font-face{font-family:Inter;font-style:italic;font-weight:900;font-display:swap;src:url(../Inter-BlackItalic.f3c01519.woff2)format("woff2"),url(../Inter-BlackItalic.2de967a4.woff)format("woff")}@font-face{font-family:Inter var;font-weight:100 900;font-style:normal;font-named-instance:"Regular";font-display:swap;src:url(../Inter-roman.var.b695afbe.woff2)format("woff2 supports variations(gvar)"),url(../Inter-roman.var.b695afbe.woff2)format("woff2-variations"),url(../Inter-roman.var.b695afbe.woff2)format("woff2")}@font-face{font-family:Inter var;font-weight:100 900;font-style:italic;font-named-instance:"Italic";font-display:swap;src:url(../Inter-italic.var.69eb0fe1.woff2)format("woff2 supports variations(gvar)"),url(../Inter-italic.var.69eb0fe1.woff2)format("woff2-variations"),url(../Inter-italic.var.69eb0fe1.woff2)format("woff2")}@font-face{font-family:Inter var experimental;font-weight:100 900;font-style:oblique 0deg 10deg;font-display:swap;src:url(../Inter.var.5f2f8893.woff2)format("woff2-variations"),url(../Inter.var.5f2f8893.woff2)format("woff2")}@font-face{font-family:Noto Serif;font-style:normal;font-display:swap;font-weight:400;src:url(../noto-serif-cyrillic-ext-400-normal.22f8cef4.woff2)format("woff2"),url(../noto-serif-all-400-normal.e53efb6a.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Noto Serif;font-style:normal;font-display:swap;font-weight:400;src:url(../noto-serif-cyrillic-400-normal.8c11cc76.woff2)format("woff2"),url(../noto-serif-all-400-normal.e53efb6a.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Noto Serif;font-style:normal;font-display:swap;font-weight:400;src:url(../noto-serif-greek-ext-400-normal.f031d22b.woff2)format("woff2"),url(../noto-serif-all-400-normal.e53efb6a.woff)format("woff");unicode-range:U+1F??}@font-face{font-family:Noto Serif;font-style:normal;font-display:swap;font-weight:400;src:url(../noto-serif-greek-400-normal.c9ec8f44.woff2)format("woff2"),url(../noto-serif-all-400-normal.e53efb6a.woff)format("woff");unicode-range:U+370-3FF}@font-face{font-family:Noto Serif;font-style:normal;font-display:swap;font-weight:400;src:url(../noto-serif-vietnamese-400-normal.1b7c4f39.woff2)format("woff2"),url(../noto-serif-all-400-normal.e53efb6a.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Noto Serif;font-style:normal;font-display:swap;font-weight:400;src:url(../noto-serif-latin-ext-400-normal.87e3f3b6.woff2)format("woff2"),url(../noto-serif-all-400-normal.e53efb6a.woff)format("woff");unicode-range:U+100-24F,U+259,U+1E??,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Serif;font-style:normal;font-display:swap;font-weight:400;src:url(../noto-serif-latin-400-normal.9a49dbf3.woff2)format("woff2"),url(../noto-serif-all-400-normal.e53efb6a.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@supports (font-variation-settings:normal){:root{--font-family-title:"Inter var","system-ui"}}*{-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-title);font-size:var(--font-size-title-xs);line-height:var(--line-height-title);color:var(--color-text-title)}h1{font-weight:var(--font-weight-extrabold);font-size:var(--font-size-title-l);letter-spacing:var(--letter-spacing-tight)}h2{font-weight:var(--font-weight-extrabold);font-size:var(--font-size-title-m);letter-spacing:var(--letter-spacing-tight)}h3{font-weight:var(--font-weight-extrabold);font-size:var(--font-size-title-xs);letter-spacing:var(--letter-spacing-tight)}h4,.title-xs{font-weight:var(--font-weight-bold);font-size:var(--font-size-title-xs)}h3 a{color:var(--color-text-title)}@media screen and (width>=768px){h1{font-size:var(--font-size-title-xl)}h2{font-size:var(--font-size-title-l)}h3{font-size:var(--font-size-title-s)}}@media screen and (width>=960px){h1{font-size:var(--font-size-title-xxl)}}:where(h1,h2,h3,h4,h5,h6) svg{block-size:1em;inline-size:1em}p,ul,ol,dl,blockquote{font-family:var(--font-family-body);font-size:var(--font-size-s);font-weight:var(--font-weight-regular);line-height:var(--line-height-body);color:var(--color-text-body)}@media (width>=768px){p,ul,ol,dl,blockquote{font-size:var(--font-size-m)}}p+p,p+h2,p+h3,p+h4,p+h5,p+h6{margin-block-start:1.75rem}a{color:var(--color-brand-teal);transition:var(--transition-hover)}a:hover{color:var(--color-brand-green)}:where(p,ul,ol,dl,blockquote) a{text-decoration:none}time{font-weight:var(--font-weight-bold);font-size:var(--font-size-tiny);letter-spacing:var(--letter-spacing-loose);color:var(--color-text-light)}.subtitle{font-family:var(--font-family-title);font-weight:var(--font-weight-bold);font-size:var(--font-size-title-s);letter-spacing:var(--letter-spacing-tight);color:var(--color-brand-bluegrey)}.subtitle-small{font-size:var(--font-size-title-s);font-weight:var(--font-weight-medium)}@media (width>=768px){.subtitle{font-size:var(--font-size-title-m)}}h1+.subtitle{margin-top:var(--spacing-xxs);margin-block-end:var(--spacing-s)}.post-template .content h1{font-size:var(--font-size-title-l)}.post-template .content h2{font-size:var(--font-size-title-m)}.post-template .content li+li{margin-top:var(--spacing-xxs)}.post-template .content p+h1,.post-template .content p+h2,.post-template .content ol+h1,.post-template .content ol+h2,.post-template .content ul+h1,.post-template .content ul+h2{margin-top:var(--spacing-l)}.post-template .content p+h3,.post-template .content p+h4,.post-template .content ol+h3,.post-template .content ol+h4,.post-template .content ul+h3,.post-template .content ul+h4{margin-top:var(--spacing-m)}.post-template .content h1+p,.post-template .content h2+p,.post-template .content h3+p,.post-template .content h4+p,.post-template .content h1+h2{margin-top:var(--spacing-s)}.post-template .content h1+h3,.post-template .content h1+h4,.post-template .content h2+h3,.post-template .content h2+h4,.post-template .content h3+h4{margin-top:var(--spacing-xs)}.post-template .content figure{margin-top:var(--spacing-m);margin-bottom:var(--spacing-m)}.post-template .content blockquote{margin-top:var(--spacing-s);margin-bottom:var(--spacing-m);font-style:italic}.post-template .content a{color:var(--color-brand-teal);font-style:normal}.landing-hero .subtitle{color:var(--color-brand-teal)}.landing-hero h1+.subtitle{margin-top:-1rem}.centred{text-align:center}.backlink{font-family:var(--font-family-title);font-size:var(--font-size-xs);font-weight:var(--font-weight-extrabold);color:var(--color-brand-green);margin-left:2rem;text-decoration:none}.backlink .anchor-text{padding-left:5px;text-decoration:underline}@supports (font-variation-settings:normal){:root{--font-family-title:"Inter var","system-ui"}}body{flex-direction:column;display:flex}body>footer{margin-block-start:auto}.layout{max-inline-size:calc(var(--size-container) + var(--grid-column-gutter)*2);padding:0 var(--grid-column-gutter);grid-gap:var(--grid-column-gutter);grid-template-columns:repeat(1,1fr);inline-size:100%;margin:0 auto;display:grid}@media (width>=768px){.layout{grid-template-columns:repeat(4,1fr)}.layout>*{grid-column:1/span 4}}@media (width>=960px){.layout{grid-template-columns:repeat(6,1fr)}.layout>*{grid-column:1/span 6}}@media (width>=1240px){.layout{grid-template-columns:repeat(var(--grid-column-count),1fr)}.layout>*{grid-column:1/span var(--grid-column-count)}}.content{margin-block-end:10rem}@media (width>=960px){.content-narrow{margin-left:var(--spacing-m);margin-right:var(--spacing-m)}}@media (width>=1240px){.content-narrow{grid-column:2/span 6;margin-left:0;margin-right:0}}@media (width>=960px){.landing-hero h2{grid-column:2/span 4}}@media (width>=1240px){.landing-hero h2{grid-column:2/span 6}}.card{background:var(--color-base-white-translucent);border:1px solid var(--color-border);-webkit-backdrop-filter:blur(3px);box-shadow:var(--shadow-card);border-radius:var(--border-radius-medium)}@supports (font-variation-settings:normal){:root{--font-family-title:"Inter var","system-ui"}}@media (width>=768px){.button-large{font-size:var(--font-size-m)}}.kg-width-wide,.kg-width-full{display:block}@supports (font-variation-settings:normal){:root{--font-family-title:"Inter var","system-ui"}}.header{margin-block-end:var(--spacing-m);position:relative}@media (width>=768px){.header{margin-block-end:var(--spacing-l)}}.header .logo{padding:var(--spacing-s)0;z-index:20;grid-column:1/span 1;max-inline-size:4rem;position:relative}.header .logo img{width:100%}.header-tag,.header-author{background:var(--gradient-tagpage);text-align:center;margin-block-end:var(--spacing-l);padding-block-end:var(--spacing-l)}.header-waves{text-align:center;background:url(../waves.56277569.svg) bottom/cover no-repeat;margin-block-end:0;padding-block-end:0}.header-post{text-align:start;background:0 0;margin-block-end:var(--spacing-s);padding-block-end:0}@media (width<=500px){.header-post h1{font-size:45px}}@media (width>=768px){.header-post{margin-block-end:var(--spacing-l)}}@media (width<=959px){.header .nav{z-index:10;padding-inline:var(--grid-column-gutter);background-color:var(--color-base-mint);width:100vw;height:0;transition:height .5s linear;position:absolute;top:0;left:0;overflow:hidden}.header .nav li:first-of-type{margin-top:9rem}.header .nav.is-open{height:100vh}}@media (width>=960px){.header .logo img{max-inline-size:5rem}.header .nav{padding:var(--spacing-xs)0;grid-column:2/-1}}.hamburger{top:var(--spacing-s);right:var(--grid-column-gutter);z-index:20;width:40px;height:40px;padding:0;position:absolute}@media (width>=960px){.hamburger{display:none!important}}.header-tag .form-wrapper{margin-top:var(--spacing-s)}.header-tag .form-wrapper .form.form-search{max-inline-size:700px}@supports (font-variation-settings:normal){:root{--font-family-title:"Inter var","system-ui"}}.nav{font-family:var(--font-family-title);font-size:var(--font-size-s);line-height:var(--line-height-flush);margin:0}.nav a{transition:var(--transition-hover);font-weight:var(--font-weight-regular);color:var(--color-text-medium);text-decoration:none}.nav a:hover{color:var(--color-brand-teal)}.nav-current a{font-weight:var(--font-weight-bold);color:var(--color-brand-teal)}.footer .nav a{font-weight:var(--font-weight-bold)}@media (width<=959px){.nav a{text-align:left;width:100%;display:block}.header .nav a{border-top:1px solid var(--color-brand-green);padding-top:var(--spacing-s);padding-bottom:var(--spacing-s)}}@media (width>=960px){.nav{justify-content:flex-end;align-items:center;gap:var(--spacing-m);flex-wrap:wrap;display:flex}@media not all and (resolution>=.001dpcm){@supports ((-webkit-appearance:none)){.nav a{margin-left:var(--spacing-m)}}}}.pagination{text-align:center;padding:var(--grid-column-gutter)0;font-family:var(--font-family-title);font-weight:var(--font-weight-bold);font-size:var(--font-size-s);color:var(--color-brand-bluegrey);grid-template-columns:1fr max-content 1fr;display:grid}.pagination span{grid-column:2/3}.pagination .spinner{justify-self:end}@supports (font-variation-settings:normal){:root{--font-family-title:"Inter var","system-ui"}}.form-wrapper{width:100%}.form{font-size:var(--font-size-m);border-radius:calc(var(--border-radius-medium) - 2px);width:100%;max-inline-size:800px;margin:0 auto;padding:1px}@media (width>=500px){.form{inline-size:80%}}@media (width>=768px){.form{background:var(--color-base-white);border:1px solid var(--color-base-mint);box-shadow:var(--shadow-input);align-items:center;width:auto;display:flex}}.form input:focus-visible{outline:none}.form:focus-within{border-color:var(--color-brand-teal)}.form input{appearance:none;padding-top:12px;padding-right:var(--spacing-s);padding-bottom:var(--spacing-xs);padding-left:var(--spacing-s);font-family:var(--font-family-body);background:var(--gradient-input);border-radius:calc(var(--border-radius-medium) - 2px);font-size:var(--font-size-xs);line-height:var(--line-height-standard);border:0;inline-size:100%}.form input::placeholder{color:var(--color-placeholder);font-size:var(--font-size-xs);line-height:var(--line-height-standard)}@media (width<=767px){.form input{background-color:var(--color-base-white);margin-bottom:5px}}@media (width>=768px){.form input,.form input::placeholder{font-size:var(--font-size-s)}}@media (width>=1240px){.form input,.form input::placeholder{font-size:var(--font-size-m)}}.form .button{cursor:pointer}@media (width<=767px){.form .button{width:100%;max-inline-size:none}}form:invalid>.button{pointer-events:none;opacity:.7}@supports (font-variation-settings:normal){:root{--font-family-title:"Inter var","system-ui"}}.search{text-align:center;margin-block-end:5.375rem}.search h1{margin-block-end:2.25rem}@media (width<=767px){.search .card{-webkit-backdrop-filter:none;box-shadow:none;border-radius:none;background:0 0;border:none}.search .card h3{display:none}}@media (width>=768px){.search .card{justify-content:center;gap:var(--grid-column-gutter);padding-block-start:2.5rem;display:grid}.search .card .card-main{padding-inline:var(--spacing-m)}.search .card .card-main h3{margin-top:var(--spacing-m);margin-bottom:var(--spacing-s)}}.form.form-search{max-inline-size:980px}.form-search+h3{margin-top:var(--spacing-xs)}.form-search .autocomplete{flex:1;position:relative}.form-search .autocomplete__hint{display:none}.form-search ul{text-align:start;z-index:2;background:var(--color-base-white);border-radius:calc(var(--border-radius-medium) + 2px);border:1px solid var(--color-base-mint);flex-direction:column;gap:.75rem;max-block-size:40vh;margin:0;padding:.5rem;list-style:none;display:flex;position:absolute;inset-block-start:calc(100% + 5px);inset-inline:0;overflow-y:scroll}.form-search ul:empty{display:none}.form-search li{cursor:pointer;border-radius:inherit;padding:.5rem 1rem}.autocomplete__option--focused,.autocomplete__option:hover{background:var(--color-input)}.topics{margin:0 0 var(--spacing-s);flex-wrap:wrap;justify-content:center;gap:1.25rem;display:flex}@media (width<=767px){.topics{display:none}}.topics li{display:flex}.topics li:nth-of-type(3n) .pill{background-color:var(--color-green-light)}.topics li:nth-of-type(3n+1) .pill{background-color:var(--color-green-muted)}.topics li:nth-of-type(3n+2) .pill{background-color:var(--color-green-bright)}.topics .pill:hover{color:var(--color-text-title);opacity:.8}.search-footer{background:var(--gradient-light);text-align:end;padding:1rem 2rem;box-shadow:inset 0 1px #ecf1f1,inset 0 2px #fff}@media (width<=767px){.search-footer{display:none}}.search-footer a{color:var(--color-text-title);font-family:var(--font-family-title);font-weight:var(--font-weight-bold);font-size:var(--font-size-s);padding-right:2rem;display:inline-block;position:relative}.search-footer a:hover{color:var(--color-brand-teal)}.search-footer a:after{content:"";background-image:url(../icon-caret-circle.dbfe6835.svg);background-repeat:no-repeat;width:22px;height:22px;margin-top:-11px;position:absolute;top:50%;right:0}@supports (font-variation-settings:normal){:root{--font-family-title:"Inter var","system-ui"}}@supports (font-variation-settings:normal){:root{--font-family-title:"Inter var","system-ui"}}.button,.button-large,li.nav-log-in a,li.nav-log-out a{padding:var(--spacing-xs)var(--spacing-s);align-items:center;gap:var(--spacing-xs);text-align:center;font-family:var(--font-family-title);font-size:var(--font-size-xs);font-weight:var(--font-weight-extrabold);line-height:var(--line-height-flush);color:var(--color-text-inverted);background:var(--color-brand-teal);border:1px solid var(--color-text-title);border-radius:var(--border-radius-medium);box-shadow:inset 0px 1px 0px var(--color-brand-duckegg),var(--shadow-button);transition:var(--transition-hover);text-decoration:none;display:flex}.button:hover,.button-large:hover,li.nav-log-in a:hover,li.nav-log-out a:hover{color:var(--color-text-inverted);background-color:var(--color-brand-green)}@media (width>=768px){.button-large{font-size:var(--font-size-m)}}.button svg{block-size:1em;inline-size:1em}.cta{padding:var(--spacing-s);color:var(--color-text-inverted);background:var(--color-premium-cta)url(../waves-cta.8d16f626.svg);background-repeat:no-repeat;background-size:cover;overflow:hidden}.cta-header{flex-direction:column;display:flex}.cta-main{margin-top:var(--spacing-s)}.cta h4{color:var(--color-base-yellow);font-size:var(--font-size-title-xs);font-weight:var(--font-weight-bold)}.cta h3{color:var(--color-text-inverted);font-size:40px;line-height:var(--line-height-flush);font-weight:var(--font-weight-extrabold);letter-spacing:-.03em;margin-block-end:2rem}.cta h3 span{color:var(--color-premium-brand)}.cta p{font-size:var(--font-size-m);color:var(--color-text-inverted);line-height:var(--line-height-standard)}.cta p+p{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-brand-duckegg);margin-block-start:2rem}.cta-member{background:var(--color-base-white)url(../waves-cta-member.4a93a583.svg);background-repeat:no-repeat;background-size:cover;align-items:center}.cta-member h3,.cta-member p{color:var(--color-text-title)}.cta-member h3 span{color:var(--color-brand-green)}.cta-member h4{color:var(--color-brand-teal)}@media (width<=959px){.cta .button,.cta .button-large{max-inline-size:max-content}}@media (width>=768px){.cta{justify-content:center;align-items:center;gap:calc(var(--grid-column-gutter)*2);padding:calc(var(--grid-column-gutter)*2);grid-template-columns:2fr 3fr;display:grid}.cta h3{font-size:var(--font-size-title-l)}.cta p:first-of-type{font-size:var(--font-size-l)}.cta-header{text-align:end;align-items:flex-end}.cta-main{padding-top:0}}main>.cta-member{margin-block-end:10rem}.gh-post-upgrade-cta{padding:calc(var(--grid-column-gutter)*2);color:var(--color-text-inverted);background:var(--color-premium-cta)url(../waves-cta.8d16f626.svg);border-radius:var(--border-radius-medium);margin-bottom:var(--spacing-l);background-repeat:no-repeat;background-size:cover}.gh-post-upgrade-cta-content{background:0 0!important}.gh-post-upgrade-cta p{color:var(--color-text-inverted)}.gh-post-upgrade-cta .gh-portal-close{display:inline-block}.gh-post-upgrade-cta .gh-btn{box-shadow:inset 0px 1px 0px var(--color-base-yellow),var(--shadow-button);background:var(--color-premium-brand)!important;color:var(--color-text-title)!important}.gh-post-upgrade-cta .gh-btn:hover{color:var(--color-text-title);background-color:var(--color-base-yellow)!important}@media (width<=767px){.gh-post-upgrade-cta{padding:var(--spacing-s);max-width:100%}.gh-post-upgrade-cta h2{font-size:var(--font-size-title-s)!important}}.post-list{gap:var(--grid-column-gutter);margin-top:var(--spacing-m);flex-direction:column;padding:0;display:flex}.post-list li{order:var(--index);height:100%}.tag-template .post-list{margin-top:var(--spacing-s)}@supports (font-variation-settings:normal){:root{--font-family-title:"Inter var","system-ui"}}.post-item{padding:var(--spacing-s)}.post-item p{font-size:var(--font-size-xs)}.post-item time{font-family:var(--font-family-title);font-weight:var(--font-weight-semibold);font-size:var(--font-size-xxs)}.post-item h3{margin-block-end:.75rem;position:relative}.post-item h3:after{content:"";z-index:-1;background:var(--color-member-brand);block-size:1rem;inline-size:6.875rem;position:absolute;inset-block-end:-.15rem;inset-inline-start:0}.post-item-paid h3:after{background:var(--color-premium-brand)}.post-item-content{gap:var(--spacing-xs);flex-direction:column;display:flex}@media (width<=767px){.post-item .pill{background:0 0;padding:0}}@media (width<=959px){.post-item .pill{margin-top:var(--spacing-s);white-space:normal;text-align:left;max-inline-size:max-content;width:auto}}@media (width>=960px){.post-item{align-items:center;gap:var(--spacing-xs);grid-template-columns:1fr 350px;padding:2rem;display:grid}.post-item>*{grid-column:1/span 1}.post-item p{font-size:var(--font-size-s)}.post-item .pill{grid-area:1/2/span 2/span 1;justify-self:end}}.post-meta{justify-content:flex-start;align-items:flex-start;gap:var(--spacing-xs);font-family:var(--font-family-title);flex-direction:column;display:flex}@media (width>=768px){.post-meta{align-items:center;gap:var(--spacing-m);flex-direction:row}}@supports (font-variation-settings:normal){:root{--font-family-title:"Inter var","system-ui"}}@supports (font-variation-settings:normal){:root{--font-family-title:"Inter var","system-ui"}}.button,.post-template .kg-btn,.button-large,li.nav-log-in a,li.nav-log-out a{padding:var(--spacing-xs)var(--spacing-s);align-items:center;gap:var(--spacing-xs);text-align:center;font-family:var(--font-family-title);font-size:var(--font-size-xs);font-weight:var(--font-weight-extrabold);line-height:var(--line-height-flush);color:var(--color-text-inverted);background:var(--color-brand-teal);border:1px solid var(--color-text-title);border-radius:var(--border-radius-medium);box-shadow:inset 0px 1px 0px var(--color-brand-duckegg),var(--shadow-button);transition:var(--transition-hover);text-decoration:none;display:flex}.button:hover,.post-template .kg-btn:hover,.button-large:hover,li.nav-log-in a:hover,li.nav-log-out a:hover{color:var(--color-text-inverted);background-color:var(--color-brand-green)}.button-large{font-size:var(--font-size-s)}@media (width>=768px){.button-large{font-size:var(--font-size-m)}}.button-premium{background:var(--color-premium-brand);color:var(--color-text-title);box-shadow:inset 0px 1px 0px var(--color-base-yellow),var(--shadow-button)}.button-premium:hover{background-color:var(--color-base-yellow);color:var(--color-text-title)}.button-fancy{background:var(--gradient-primary)}.button-fancy:hover{filter:brightness(120%)}.button-input{border-radius:var(--border-radius-small);padding-top:1rem;padding-bottom:1rem;padding-right:70px;position:relative}.button-input:after{content:"";background-image:url(../icon-enter.e834f23a.svg);background-repeat:no-repeat;width:24px;height:24px;margin-top:-12px;position:absolute;top:50%;right:30px}.button svg,.post-template .kg-btn svg{block-size:1em;inline-size:1em}.pill{padding:var(--spacing-xs)var(--spacing-s);font-size:var(--font-size-xxs);align-items:center;gap:var(--spacing-xs);text-align:center;background:var(--color-brand-duckegg);border-radius:var(--border-radius-large);white-space:nowrap;font-family:var(--font-family-title);font-weight:var(--font-weight-semibold);line-height:var(--line-height-flush);letter-spacing:var(--letter-spacing-loose);color:var(--color-text-body);transition:var(--transition-hover);text-decoration:none;display:flex}.pill-small{padding-top:var(--spacing-xxs);padding-right:.5rem;padding-bottom:var(--spacing-xxs);padding-left:var(--spacing-xxs);background:var(--color-base-blue);font-size:var(--font-size-tiny)}.pill-clear{color:var(--color-brand-teal);background:0 0}.pill .icon{background:var(--color-premium-brand);border-radius:var(--border-radius-circle);color:var(--color-text-title);flex-shrink:0;width:2rem;height:2rem;padding:.5rem}.pill .anchor-text{text-decoration:underline}.pill:hover .anchor-text{text-decoration:none}.pill-landing{white-space:normal;text-align:left;margin-top:-1rem}.post-template{background-image:var(--gradient-post);background-repeat:no-repeat;background-size:100% 1800px}.post-template.post-access-paid{background-image:var(--gradient-premium)}.post-template .sidebar{margin-top:var(--spacing-s)}.post-template .sidebar h3{font-size:var(--font-size-title-xs)}@media (width>=768px){.post-template .content{grid-column:span 5}.post-template .sidebar{grid-column-start:span 5}}@media (width>=960px){.post-template .content{grid-column:2/span 5}}@media (width>=1240px){.post-template .header-post,.post-template .content{grid-column:3/span 5}.post-template .sidebar{grid-column:1/span 2}}.table-of-contents{padding-bottom:var(--spacing-m);position:sticky;inset-block-start:var(--spacing-m)}.table-of-contents ol{margin:var(--spacing-xs)0;font-family:var(--font-family-title);font-size:var(--font-size-xxs);line-height:var(--line-height-body);padding:0;list-style:none}.table-of-contents li+li,.table-of-contents li>ol{margin-block-start:.5rem}.table-of-contents a{font-weight:var(--font-weight-regular);color:var(--color-text-body);text-decoration:none}.table-of-contents .is-active-link{color:var(--color-brand-green)}.post-template .content ol,.post-template .content ul{padding-inline-start:20px}.post-template time{font-weight:var(--font-weight-light);font-size:var(--font-size-s)}.post-template figcaption{font-family:var(--font-family-title);font-weight:var(--font-weight-medium);font-size:var(--font-size-xs);color:var(--color-brand-bluegrey);margin-top:var(--spacing-xs)}.post-template .kg-bookmark-card{font-family:var(--font-family-title)}.post-template .kg-bookmark-card .kg-bookmark-title{font-size:var(--font-size-title-s);font-weight:var(--font-weight-bold)}.post-template .kg-bookmark-card .kg-bookmark-metadata{font-size:var(--font-size-xs)}.post-template .kg-button-card,.post-template .kg-callout-card,.post-template .kg-toggle-card,.post-template .kg-file-card,.post-template .kg-product-card,.post-template .kg-header-card{margin-top:var(--spacing-m);margin-bottom:var(--spacing-m)}.post-template .kg-callout-card{background-color:var(--color-base-mint);font-family:var(--font-family-title)}.post-template .kg-callout-card .kg-callout-text,.post-template .kg-callout-card .kg-callout-emoji{font-size:24px;font-weight:var(--font-weight-semibold)}.post-template .kg-file-card{font-family:var(--font-family-title)}.post-template .kg-file-card .kg-file-card-contents{gap:var(--spacing-xs)}.post-template .kg-header-card{background:var(--gradient-primary);padding-top:var(--spacing-l)!important;padding-bottom:var(--spacing-l)!important;min-height:0!important}.post-template .kg-header-card h2{font-weight:var(--font-weight-extrabold)!important;font-size:var(--font-size-title-l)!important}@media (width<=767px){.post-template .kg-header-card{width:calc(100% + var(--grid-column-gutter)*2);margin-inline-start:calc(var(--grid-column-gutter)*-1)}}.post-template .kg-bookmark-container .kg-bookmark-description{max-height:100%}@media (width<=767px){.post-template .kg-bookmark-container{display:block!important}.post-template .kg-bookmark-container .kg-bookmark-thumbnail{height:40vw}}.footnote-anchor{vertical-align:super;font-size:var(--font-size-tiny)}.footnotes{margin-top:var(--spacing-m)}.footnotes li,.footnotes p{font-size:var(--font-size-xs)}.social-stats{color:var(--color-brand-bluegrey);font-size:var(--font-size-xs);font-family:var(--font-family-title);font-weight:var(--font-weight-semibold);align-items:center;gap:1.25rem;display:flex}.social-stats span,.social-stats a{align-items:center;gap:var(--spacing-xxs);color:var(--color-brand-bluegrey);text-decoration:none;display:flex}.social-stats span svg,.social-stats a svg{width:20px;height:20px}applause-button{cursor:pointer;position:relative}applause-button .style-root{align-items:center;gap:var(--spacing-xxs);flex-direction:row-reverse;display:flex}applause-button.loading{opacity:.5}applause-button .shockwave{border-radius:50%}applause-button svg{flex-shrink:0;width:22px;height:22px}applause-button svg g.flat{visibility:hidden}applause-button svg g.outline{visibility:visible}applause-button.clap-limit-exceeded{cursor:inherit}applause-button.clap-limit-exceeded div{fill:gray!important;stroke:gray!important;color:gray!important}applause-button.clapped svg g.flat{visibility:visible}applause-button.clapped svg g.outline{visibility:hidden}applause-button .count-container{-webkit-user-select:none;user-select:none;width:100%;min-width:10px}applause-button .count-container .count{text-align:center;line-height:1}applause-button g.sparkle circle{opacity:0;stroke-width:0}applause-button g.sparkle g:first-child{transform:translate(10px)}applause-button g.sparkle g:nth-child(2){transform:rotate(72deg)translate(10px)}applause-button g.sparkle g:nth-child(3){transform:rotate(144deg)translate(10px)}applause-button g.sparkle g:nth-child(4){transform:rotate(216deg)translate(10px)}applause-button g.sparkle g:nth-child(5){transform:rotate(288deg)translate(10px)}applause-button.clap{animation-name:pulse;animation-duration:.5s;animation-iteration-count:1}applause-button.clap .sparkle circle{animation-name:explode;animation-duration:.5s;animation-iteration-count:1}applause-button.clap .count{animation-name:hideThenShow;animation-duration:.5s;animation-iteration-count:1}@keyframes explode{0%{opacity:0;transform:translate(10px)}20%{opacity:1}50%{opacity:1}to{opacity:0;transform:translate(25px)}}@keyframes shockwave{0%{opacity:1;transform:scale(1);box-shadow:0 0 2px}to{opacity:0;transform:scale(1);box-shadow:0 0 50px,inset 0 0 10px}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes hideThenShow{0%{opacity:1;transform:translateY(0)}20%{opacity:0;transform:translateY(-10px)}50%{transform:translateY(10px)}80%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.author-info{font-size:var(--font-size-s)}.author-info a{gap:var(--spacing-xs);color:var(--color-text-body);align-items:center;text-decoration:none;display:flex}.author-info img{object-fit:cover;border-radius:var(--border-radius-circle);block-size:3rem;inline-size:3rem}#comments{margin-top:var(--spacing-l)}@supports (font-variation-settings:normal){:root{--font-family-title:"Inter var","system-ui"}}@media (width>=960px){.custom-glossary .content{grid-column:1/-1;grid-template-columns:repeat(var(--grid-column-count),1fr);gap:var(--grid-column-gutter);row-gap:0;display:grid}.custom-glossary .content p{grid-column:3/-2}.custom-glossary .content :where(h2,h3,h4){grid-column:1/3}.custom-glossary .content :where(h2,h3,h4,h2+p,h3+p,h4+p){margin-block-start:4rem}}.custom-glossary .content :where(h2,h3,h4) a{color:var(--color-brand-green);text-decoration:none}.custom-landing .header-waves{padding-block-end:6rem}@media (width>=768px){.custom-landing .header-waves{padding-block-end:12rem}}.custom-landing .header-waves .pill{background:0 0;justify-self:center}.custom-landing .quotes-section{text-align:center;row-gap:2rem;padding-block-end:var(--spacing-l)}.custom-landing .quotes{grid-gap:var(--grid-column-gutter);display:grid}@media (width>=960px){.custom-landing .quotes{grid-template-columns:repeat(3,1fr)}}.custom-landing .quote{flex-direction:column;justify-content:space-between;gap:1rem;display:flex}.custom-landing .quote blockquote p{font-size:var(--font-size-s)}.custom-landing .quotes-long .quote{justify-content:flex-start}@media (width<=959px){.quote+.quote{padding-top:var(--spacing-m)}}.custom-landing .quote figcaption{font-family:var(--font-family-title);font-weight:var(--font-weight-bold);line-height:var(--line-height-standard);margin-top:var(--spacing-xs)}.custom-landing .quote cite{font-weight:var(--font-weight-regular);color:var(--color-text-light);font-style:normal;display:block}.custom-landing .quote img{object-fit:cover;border-radius:var(--border-radius-circle);block-size:4rem;inline-size:4rem;margin:0 auto}blockquote p{quotes:"“" "”" "‘" "’"}blockquote p:before{content:open-quote}blockquote p:after{content:close-quote}.custom-landing .post-list{margin-top:var(--spacing-xs);margin-bottom:var(--spacing-xl);grid-gap:var(--grid-column-gutter);display:grid}@media (width>=1100px){.custom-landing .post-list{grid-template-columns:1fr 1fr}.custom-landing .post-item,.custom-landing .cta{gap:var(--grid-column-gutter);grid-template-columns:2fr 3fr;height:100%}.custom-landing .post-item-content{grid-area:1/2/2/3}.custom-landing .post-item .pill{grid-area:2/2/3/3}.custom-landing .post-item-header{grid-row:span 2}.custom-landing .post-list .cta{padding:var(--spacing-s)}.custom-landing .post-list .cta h3{font-size:var(--font-size-title-s)}.custom-landing .post-list .cta .button-large{font-size:var(--font-size-xs);padding:var(--spacing-xs)}.custom-landing .post-list .cta .button-large svg{width:24px}.custom-landing .post-list .cta p:first-of-type{font-size:var(--font-size-s)}}@media (width>=1240px){.custom-landing .cta h3{font-size:40px}.custom-landing .cta .button-large{padding:1rem}}.custom-landing .social-stats{display:none}.custom-landing .quotes h3,.custom-landing main h3{font-size:var(--font-size-l);font-weight:var(--font-weight-extrabold);letter-spacing:-.03rem;color:var(--color-text-title)}.custom-landing main h3 em{background:var(--gradient-primary);color:#0000;-webkit-background-clip:text;-webkit-background-clip:text;background-clip:text;font-style:normal}.custom-landing main{background:var(--color-base-aqua);padding-top:var(--spacing-l);margin-block-end:-15rem;padding-bottom:20rem;padding-left:0;padding-right:0}.custom-landing .content{margin-block-end:0}.custom-landing .content>h3{margin-bottom:var(--spacing-l)}@media (width>=960px){.custom-landing .content>h3{font-size:var(--font-size-title-m);grid-column:1/span 5}}@media (width>=1240px){.custom-landing .content>h3{grid-column:1/span 6}}.custom-landing .content>h3 a{color:var(--color-brand-green);text-decoration:none}.custom-landing .content>h3 a:hover{color:var(--color-brand-teal)}@media (width>=960px){.custom-landing .introduction{grid-column:1/span 3}.custom-landing .introduction h2{font-size:var(--font-size-title-xl)}}.custom-landing .introduction h2+p{margin-top:var(--spacing-s)}.custom-landing .introduction p{font-size:var(--font-size-s)}.custom-landing .features{margin-block-start:var(--spacing-s);margin-left:var(--grid-column-gutter);background:var(--color-base-mint);border-radius:var(--border-radius-medium);align-self:start;padding:2rem}@media (width>=960px){.custom-landing .features{padding:calc(var(--grid-column-gutter)*2);grid-column:4/span 3;margin-block-start:5rem}}@media (width>=1240px){.custom-landing .features{grid-column:4/span 5}}.custom-landing .features ul{margin-block-end:0;padding-inline-start:0}@media (width>=960px){.custom-landing .features ul{padding-left:var(--spacing-m)}}.custom-landing .features li{text-indent:2.5rem;position:relative}@media (width>=960px){.custom-landing .features li{text-indent:0}}.custom-landing .features li+li{margin-block-start:var(--spacing-s)}@media (width>=960px){.custom-landing .features li+li{margin-block-start:1rem}}.custom-landing .features li:before{content:"✓";font-family:var(--font-family-title);font-size:var(--font-size-xs);background:var(--color-premium-brand);text-align:center;text-indent:0;border-radius:var(--border-radius-circle);line-height:var(--line-height-flush);top:0;left:0;border:2px solid;justify-content:center;align-items:center;block-size:1.8rem;inline-size:1.8rem;display:flex;position:absolute;inset-inline-end:100%}@media (width>=960px){.custom-landing .features li:before{top:4px;left:calc(var(--spacing-m)*-1)}}.custom-landing .final-cta{margin-bottom:var(--spacing-l)}.page-template .content .kg-button-card{padding:var(--spacing-s)0}.spinner{text-align:center;inline-size:4.5rem}.spinner>div{background-color:var(--color-brand-bluegrey);border-radius:var(--border-radius-circle);block-size:.75rem;inline-size:.75rem;animation:1.4s ease-in-out infinite both bouncedelay;display:inline-block}.spinner .bounce1{animation-delay:-.32s}.spinner .bounce2{animation-delay:-.16s}@keyframes bouncedelay{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@supports (font-variation-settings:normal){:root{--font-family-title:"Inter var","system-ui"}}.footer{border-block-start:1px solid var(--color-border);padding:1rem 0}.footer .copyright{font-size:var(--font-size-xs)}.footer .nav{font-family:var(--font-family-body);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);padding-inline-start:0}.footer .nav a{color:var(--color-text-body);transition:var(--transition-hover);text-decoration:none}.footer .nav a:hover{color:var(--color-brand-teal)}@media (width<=767px){.footer .nav li+li{margin-top:var(--spacing-xs)}}@media (width>=768px){.footer .nav{gap:var(--spacing-s);display:flex}}@media (width>=960px){.footer>.layout{justify-content:space-between;align-items:center;display:flex}}.footer .nav-log-in,.footer .nav-log-out{display:none}:root{--color-base-mint:#caf3ed;--color-base-grey:#efefef;--color-base-yellow:#f0efbf;--color-base-white:#fff;--color-base-lightgrey:#f8f8f8;--color-base-blue:#eef7fa;--color-base-aqua:#eafcfa;--color-base-white-translucent:#ffffffd9;--color-brand-green:#00bfa2;--color-brand-bluegrey:#97b0b9;--color-brand-navy:#004157;--color-brand-yellow:#f7d72a;--color-brand-teal:#00a69e;--color-brand-blue:#5cbbdb;--color-brand-duckegg:#8be9da;--color-text-body:#211e1e;--color-text-title:var(--color-brand-navy);--color-text-light:#9fada2;--color-text-medium:#494646;--color-text-inverted:var(--color-base-white);--color-input:#dce9e7;--color-border:#d4f0ef;--color-placeholder:var(--color-brand-bluegrey);--color-green-bright:#8be9da;--color-green-muted:#a4e0d8;--color-green-light:var(--color-base-mint);--color-premium-cta:#082e3a;--color-premium-brand:var(--color-brand-yellow);--color-member-brand:var(--color-green-bright);--gradient-primary:linear-gradient(98.25deg,#07a4a9 -11.39%,#0e6d96 102.56%);--gradient-input:linear-gradient(180deg,#f9f9f9 0%,#fff0 100%);--gradient-light:linear-gradient(180deg,#f5fffd 0%,#f5fffd 0.01%,#ecfffc 100%);--gradient-post:linear-gradient(180deg,#dbf7f3 0%,#fff 100%);--gradient-premium:linear-gradient(180deg,#fffce9b3 0%,#fff 100%);--gradient-tagpage:linear-gradient(180deg,#eefffd 0%,#caf3ed 100%);--font-family-title:"Inter","system-ui";--font-family-body:"Noto Serif",Times New Roman,serif;--font-weight-light:300;--font-weight-regular:400;--font-weight-semibold:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-baseline:1rem;--font-size-tiny:calc(var(--font-baseline)*.875);--font-size-xxs:var(--font-baseline);--font-size-xs:calc(var(--font-baseline)*1.125);--font-size-s:calc(var(--font-baseline)*1.3125);--font-size-m:calc(var(--font-baseline)*1.5);--font-size-l:calc(var(--font-baseline)*1.875);--font-size-title-xs:var(--font-size-s);--font-size-title-s:calc(var(--font-baseline)*2);--font-size-title-m:calc(var(--font-baseline)*2.75);--font-size-title-l:calc(var(--font-baseline)*3.625);--font-size-title-xl:calc(var(--font-baseline)*4.5);--font-size-title-xxl:calc(var(--font-baseline)*5.625);--line-height-flush:1;--line-height-title:1.1;--line-height-standard:1.4;--line-height-body:1.5;--letter-spacing-tight:-.03em;--letter-spacing-loose:.02em;--border-radius-small:4px;--border-radius-medium:8px;--border-radius-large:24px;--border-radius-circle:50%;--shadow-button:0px 1px 1px #86868640;--shadow-card:0px 1px 1px #eaeaea40;--shadow-input:inset 0px 4px 4px #bdddd933;--border-big-underline:14px solid var(--color-premium-brand);--spacing-baseline:.75rem;--spacing-xxs:calc(var(--spacing-baseline)/2);--spacing-xs:var(--spacing-baseline);--spacing-s:calc(var(--spacing-baseline)*2);--spacing-m:calc(var(--spacing-baseline)*4);--spacing-l:calc(var(--spacing-baseline)*6);--spacing-xl:calc(var(--spacing-baseline)*10);--size-container:1300px;--grid-column-count:8;--grid-column-gutter:var(--spacing-s);--transition-hover:all .2s ease-in-out}@supports (font-variation-settings:normal){:root{--font-family-title:"Inter var","system-ui"}}.scroll-container{grid-row:2/3;display:flex;overflow:hidden}.cb-chatbot-container{font-family:var(--font-family-body);font-size:var(--font-size-m);color:var(--color-text-body);background:#fff;border:1px solid #ddd;border-radius:5px;flex-direction:column;width:100%;height:100%;padding:0;display:flex;overflow:hidden}.cb-chat-window{border-bottom:1px solid #ddd;flex-grow:1;padding:10px;overflow-y:auto}.cb-message{align-items:center;margin-bottom:15px;display:flex}.cb-message .cb-avatar{background:#ddd;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;margin-right:10px;display:flex}.cb-message .cb-text{font-size:var(--font-size-s);color:var(--color-text-medium);background:#fff;border-radius:5px;flex-grow:1;padding:10px 15px}.cb-typing-indicator span{background:#888;border-radius:50%;width:10px;height:10px;margin-right:5px;animation:1s infinite typing;display:inline-block}.cb-input-area{align-items:center;padding:10px;display:flex}.cb-input-area input{font-size:var(--font-size-s);color:var(--color-text-body);border:1px solid #ddd;border-radius:5px;outline-color:#00bfa2;flex-grow:1;margin-right:10px;padding:10px}.cb-input-area button{color:#fff;cursor:pointer;background:#00bfa2;border:none;border-radius:5px;padding:10px 15px}@media (width>=768px){.cb-chat-window{padding:20px}.cb-input-area{padding:15px}}@media (width<=767px){.cb-chatbot-container{padding:30px}}@keyframes typing{0%{background:#888}50%{background:#ddd}to{background:#888}}:root{background:var(--color-base-white);scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){:root{scroll-behavior:unset}}
/*# sourceMappingURL=styles.css.map */