:root{--gutter-width:var(--spacer-24)}@media only screen and (min-width:768px){:root{--gutter-width:var(--spacer-24)}}@media only screen and (min-width:1280px){:root{--gutter-width:var(--spacer-40)}}:root{--color-primary:#0d5adb;--color-secondary:#060709;--color-ui-00:#fff;--color-ui-01:#f6f6f7;--color-ui-02:#f3f6f9;--color-ui-03:#e8e8e8;--color-ui-04:#4a4f56;--color-code-01:#679bee;--color-code-02:#92eded;--color-code-03:#b78bfa;--color-state-01:#77e493;--color-state-02:#ffe88e;--color-state-03:#8fc0ff;--color-state-04:#ff7477;--color-text-00:#060709;--color-text-01:#4a4f56;--color-back:#f6f6f7}body,html{max-width:100%;margin:0;padding:0;font-family:var(--font-family-base);color:var(--color-text-00);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;shape-rendering:geometricPrecision}.k-app{display:flex;width:100%;height:100vh;background:var(--color-ui-01)}:root{--shadow-30:0 0 30px 0 rgba(33,36,43,.05);--border-width-1:1px;--border-width-4:4px;--border-radius-6:6px;--spacer-4:4px;--spacer-8:8px;--spacer-16:16px;--spacer-24:24px;--spacer-32:32px;--spacer-40:40px;--spacer-48:48px;--spacer-64:64px;--spacer-80:80px;--spacer-96:96px;--rythm-sm:var(--spacer-8);--rythm-md:var(--spacer-24);--rythm-xl:var(--spacer-48)}@media only screen and (min-width:992px){:root{--rythm-sm:var(--spacer-16);--rythm-md:var(--spacer-32);--rythm-xl:var(--spacer-64)}}@media only screen and (min-width:1680px){:root{--rythm-sm:var(--spacer-24);--rythm-md:var(--spacer-48);--rythm-xl:var(--spacer-80)}}@font-face{font-family:Roboto;font-weight:300;font-style:normal;src:local(""),url(/_next/static/media/c48fb6765a9fcb00b330.a4eae32d.woff2) format("woff2"),url(/_next/static/media/c2f7ab22cb9cbd074c3a.006981bf.woff) format("woff")}@font-face{font-family:Roboto;font-weight:400;font-style:normal;src:local(""),url(/_next/static/media/b009a76ad6afe4ebd301.f2894edc.woff2) format("woff2"),url(/_next/static/media/f1e2a76794cb86b2aa8e.224e95b0.woff) format("woff")}@font-face{font-family:Roboto;font-weight:500;font-style:normal;src:local(""),url(/_next/static/media/f25d774ecfe0996f8eb5.3170fd9a.woff2) format("woff2"),url(/_next/static/media/48af7707fe9e6494d6a5.e5748c3b.woff) format("woff")}@font-face{font-family:Roboto;font-weight:700;font-style:normal;src:local(""),url(/_next/static/media/227c93190fe7f82de3f8.71b2beb8.woff2) format("woff2"),url(/_next/static/media/77ecb942e56f9b036426.bd41d1cd.woff) format("woff")}:root{--font-family-base:"Roboto",sans-serif;--font-light:300;--font-regular:400;--font-medium:500;--font-bold:700;--font-h6:14px;--font-h5:14px;--font-h4:16px;--font-h3:16px;--font-h2:26px;--font-h1:32px;--line-height-h6:24px;--line-height-h5:24px;--line-height-h4:24px;--line-height-h3:24px;--line-height-h2:36px;--line-height-h1:42px;--font-10:10px;--font-12:12px;--font-14:14px;--font-16:16px;--font-18:16px;--font-24:18px;--line-height-16:16px;--line-height-24:22px;--line-height-32:28px;--line-height-40:32px}h1,h1 a,h2,h2 a,h3,h3 a,h4,h4 a,h5,h5 a,h6,h6 a{text-decoration:none}.font-heading-01,.font-heading-02,.font-heading-03,.font-heading-04,.font-heading-05,.font-heading-06,h1,h2,h3,h4,h5,h6{margin:0;font-family:var(--font-family-base);font-weight:var(--font-medium);line-height:1;color:var(--color-text-00);text-decoration:none}.font-heading-01 a,.font-heading-02 a,.font-heading-03 a,.font-heading-04 a,.font-heading-05 a,.font-heading-06 a,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{text-decoration:none}.font-heading-01,h1{font-size:var(--font-h1);font-weight:var(--font-light);line-height:var(--line-height-h1)}.font-heading-02,h2{font-size:var(--font-h2);font-weight:var(--font-light);line-height:var(--line-height-h2)}.font-heading-03,h3{font-size:var(--font-h3);line-height:var(--line-height-h3)}.font-heading-04,h4{font-size:var(--font-h4);line-height:var(--line-height-h4)}.font-heading-05,h5{font-size:var(--font-h5);line-height:var(--line-height-h5)}.font-heading-06,h6{font-size:var(--font-h6);line-height:var(--line-height-h6)}strong{font-weight:var(--font-bold)}p{margin-top:0;margin-bottom:0;font-family:var(--font-family-base);font-size:var(--font-18);font-weight:var(--font-regular);line-height:var(--line-height-32);hyphens:auto}ol,p,ul{color:var(--color-text-01)}hr{padding:0;border:none}hr,hr:after,hr:before{height:var(--border-width-1);background:var(--color-ui-00)}hr:after,hr:before{content:"";position:absolute;width:100%}hr:before{left:0;margin-left:-100%}hr:after{right:0;margin-right:-100%}address{font-style:normal}sup{font-size:var(--font-12);text-transform:uppercase}pre{position:relative;overflow:auto;display:inline;padding:var(--playground-spacing);line-height:var(--line-height-24);word-wrap:break-word;white-space:pre;background:var(--color-secondary);border-radius:var(--border-radius-6);-ms-overflow-style:none;scrollbar-width:none}pre::-webkit-scrollbar{display:none;width:0;background:transparent}code{font-family:monospace;font-size:var(--font-14);line-height:var(--line-height-24);color:var(--color-ui-00);white-space:pre-wrap;border-radius:var(--border-radius-6);-ms-overflow-style:none;scrollbar-width:none}code::-webkit-scrollbar{display:none;width:0;background:transparent}:not(pre)>code{margin:0 var(--spacer-4);padding:var(--spacer-4) var(--spacer-8);font-weight:var(--font-regular);line-height:var(--line-height-32);color:var(--color-text-00);background:var(--color-ui-03)}a{font-weight:var(--font-medium);color:var(--color-primary);text-decoration:none}a:focus{outline:none}@media only screen and (min-width:992px){:root{--font-h6:14px;--font-h5:14px;--font-h4:16px;--font-h3:16px;--font-h2:32px;--font-h1:38px;--line-height-h6:24px;--line-height-h5:24px;--line-height-h4:24px;--line-height-h3:24px;--line-height-h2:42px;--line-height-h1:48px;--font-10:10px;--font-12:12px;--font-14:14px;--font-16:16px;--font-18:16px;--font-24:20px;--line-height-16:16px;--line-height-24:22px;--line-height-32:32px;--line-height-40:34px}}@media only screen and (min-width:1680px){:root{--font-h6:16px;--font-h5:16px;--font-h4:18px;--font-h3:18px;--font-h2:38px;--font-h1:52px;--line-height-h6:24px;--line-height-h5:24px;--line-height-h4:24px;--line-height-h3:24px;--line-height-h2:48px;--line-height-h1:62px;--font-10:10px;--font-12:12px;--font-14:14px;--font-16:16px;--font-18:18px;--font-24:24px;--line-height-16:16px;--line-height-24:24px;--line-height-32:34px;--line-height-40:40px}}:root{--layout-width-max:260px;--layout-height-min:calc(100vh - var(--nav-main-height-logo) - var(--footer-height));--layout-rythm-sm:var(--rythm-sm);--layout-rythm-md:var(--rythm-md);--layout-rythm-xl:var(--rythm-xl);--layout-width-divider:1/span 12;--layout-width-component:1/span 12;--layout-width-markdown:1/span 12}.k-layout{overflow-x:hidden;overflow-y:scroll;flex:auto;width:100%;height:100vh}.k-layout__nav{z-index:4}.k-layout__content{max-width:var(--layout-width-max);margin-right:auto;margin-left:auto;position:relative}.k-layout__content-wrapper{display:grid;grid-column-gap:var(--gutter-width);grid-template-columns:repeat(12,1fr);align-content:start;min-height:var(--layout-height-min)}.k-layout__content-wrapper>*{grid-column:var(--layout-width-component);margin-top:var(--layout-rythm-md);margin-bottom:0}.k-layout__content-wrapper>:first-child{margin-top:var(--layout-rythm-xl)}.k-layout__content-wrapper>:not(.k-section):last-child{margin-bottom:var(--layout-rythm-xl)}.k-layout__content-wrapper .k-playground+*{margin-top:var(--layout-rythm-xl)}.k-layout__content-wrapper .k-playground+.k-playground{margin-top:var(--layout-rythm-md)}.k-layout__content-wrapper .k-list-color+*,.k-layout__content-wrapper .k-list-icon+*,.k-layout__content-wrapper .k-list-media+*,.k-layout__content-wrapper .k-list-teaser+*,.k-layout__content-wrapper .k-list-typofamily+*,.k-layout__content-wrapper .k-list-typoheading+*,.k-layout__content-wrapper .k-props-table+*,.k-layout__content-wrapper .k-section+*{margin-top:var(--layout-rythm-xl)}.k-layout__content-wrapper .k-image+ol,.k-layout__content-wrapper .k-image+p,.k-layout__content-wrapper .k-image+ul,.k-layout__content-wrapper .k-video+ol,.k-layout__content-wrapper .k-video+p,.k-layout__content-wrapper .k-video+ul{margin-top:var(--layout-rythm-md)}.k-layout__content-wrapper h1+.k-image,.k-layout__content-wrapper h1+.k-playground,.k-layout__content-wrapper h1+.k-props-table,.k-layout__content-wrapper h1+.k-video,.k-layout__content-wrapper h1+ol,.k-layout__content-wrapper h1+p,.k-layout__content-wrapper h1+pre,.k-layout__content-wrapper h1+ul,.k-layout__content-wrapper h2+.k-image,.k-layout__content-wrapper h2+.k-playground,.k-layout__content-wrapper h2+.k-props-table,.k-layout__content-wrapper h2+.k-video,.k-layout__content-wrapper h2+ol,.k-layout__content-wrapper h2+p,.k-layout__content-wrapper h2+pre,.k-layout__content-wrapper h2+ul,.k-layout__content-wrapper h3+.k-image,.k-layout__content-wrapper h3+.k-playground,.k-layout__content-wrapper h3+.k-props-table,.k-layout__content-wrapper h3+.k-video,.k-layout__content-wrapper h3+ol,.k-layout__content-wrapper h3+p,.k-layout__content-wrapper h3+ul,.k-layout__content-wrapper h4+.k-image,.k-layout__content-wrapper h4+.k-playground,.k-layout__content-wrapper h4+.k-props-table,.k-layout__content-wrapper h4+.k-video,.k-layout__content-wrapper h4+ol,.k-layout__content-wrapper h4+p,.k-layout__content-wrapper h4+ul,.k-layout__content-wrapper h5+.k-image,.k-layout__content-wrapper h5+.k-playground,.k-layout__content-wrapper h5+.k-props-table,.k-layout__content-wrapper h5+.k-video,.k-layout__content-wrapper h5+ol,.k-layout__content-wrapper h5+p,.k-layout__content-wrapper h5+ul,.k-layout__content-wrapper h6+.k-image,.k-layout__content-wrapper h6+.k-playground,.k-layout__content-wrapper h6+.k-props-table,.k-layout__content-wrapper h6+.k-video,.k-layout__content-wrapper h6+ol,.k-layout__content-wrapper h6+p,.k-layout__content-wrapper h6+ul{margin-top:var(--layout-rythm-sm)}.k-layout__content-wrapper h3+pre,.k-layout__content-wrapper h4+pre,.k-layout__content-wrapper h5+pre,.k-layout__content-wrapper h6+pre{margin-top:var(--spacer-24)}.k-layout__content-wrapper h1+table,.k-layout__content-wrapper h2+table{margin-top:var(--layout-rythm-sm)}.k-layout__content-wrapper h3+table,.k-layout__content-wrapper h4+table,.k-layout__content-wrapper h5+table,.k-layout__content-wrapper h6+table{margin-top:var(--spacer-24)}.k-layout__content-wrapper p+ol,.k-layout__content-wrapper p+p,.k-layout__content-wrapper p+ul{margin-top:var(--layout-rythm-sm)}.k-layout__content-wrapper p+.k-image,.k-layout__content-wrapper p+.k-video{margin-top:var(--layout-rythm-md)}.k-layout__content-wrapper ol+p,.k-layout__content-wrapper ul+p{margin-top:var(--layout-rythm-sm)}.k-layout__content-wrapper ol+.k-image,.k-layout__content-wrapper ol+.k-video,.k-layout__content-wrapper ul+.k-image,.k-layout__content-wrapper ul+.k-video{margin-top:var(--layout-rythm-md)}.k-layout__content-wrapper hr{grid-column:var(--layout-width-divider);max-width:100%;margin:var(--layout-rythm-xl) 0}.k-layout__content-wrapper hr+*{margin-top:0}.k-layout__content-wrapper h1,.k-layout__content-wrapper h2,.k-layout__content-wrapper h3,.k-layout__content-wrapper h4,.k-layout__content-wrapper h5,.k-layout__content-wrapper h6,.k-layout__content-wrapper ol,.k-layout__content-wrapper p,.k-layout__content-wrapper pre,.k-layout__content-wrapper table,.k-layout__content-wrapper ul{grid-column:var(--layout-width-markdown)}.k-layout__content-wrapper h2{margin-top:calc(var(--layout-rythm-md)*-1);padding-top:var(--layout-rythm-md)}.k-layout__content-wrapper h2:first-child{margin-top:calc(var(--layout-rythm-md)*-1 + var(--layout-rythm-xl))}.k-layout__content-wrapper .k-list-teaser{grid-column:var(--layout-width-markdown)}.k-layout__content-wrapper .k-list-media{grid-column:var(--layout-width-component)}.k-layout__content-wrapper .k-image,.k-layout__content-wrapper .k-video{grid-column:var(--layout-width-markdown)}.k-layout__content-wrapper .k-image--full,.k-layout__content-wrapper .k-video--full{grid-column:var(--layout-width-component)}.k-layout__content-wrapper .k-button,.k-layout__content-wrapper .k-form-text,.k-layout__content-wrapper .k-shell{grid-column:var(--layout-width-markdown)}@media only screen and (min-width:480px){:root{--layout-width-max:400px}}@media only screen and (min-width:768px){:root{--layout-width-divider:1/span 12;--layout-width-component:1/span 12;--layout-width-markdown:1/span 10;--layout-width-max:680px}}@media only screen and (min-width:992px){:root{--layout-width-divider:1/span 12;--layout-width-component:1/span 12;--layout-width-markdown:1/span 8;--layout-width-max:860px}}@media only screen and (min-width:1280px){:root{--layout-width-divider:1/span 12;--layout-width-component:1/span 12;--layout-width-markdown:1/span 8;--layout-width-max:880px}}@media only screen and (min-width:1680px){:root{--layout-width-divider:1/span 12;--layout-width-component:1/span 12;--layout-width-markdown:1/span 8;--layout-width-max:1080px}}:root{--button-border-radius:var(--border-radius-6);--button-spacing:var(--spacer-16)}.k-button{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:var(--button-spacing);font-size:var(--font-18);color:var(--color-primary);background-color:var(--color-white);border:2px solid var(--color-primary);border-radius:var(--button-border-radius);outline:none}.k-button--disabled{cursor:not-allowed;opacity:.8}.k-button--primary{color:var(--color-ui-01);background-color:var(--color-primary)}:root{--shell-border-radius:var(--border-radius-6);--shell-spacing:var(--spacer-16)}.k-shell{display:flex;flex-direction:column;padding:var(--shell-spacing);background:var(--color-ui-00);border-radius:var(--shell-border-radius)}.k-shell>:not(:last-child){margin-bottom:var(--shell-spacing)}.k-shell__section{display:flex}:root{--form-text-border-radius:var(--border-radius-6);--form-text-spacing:var(--spacer-16)}.k-form-text{padding:var(--form-text-spacing);background:var(--color-ui-00);border:2px solid var(--color-ui-03);border-radius:var(--form-text-border-radius);outline:none}.k-form-text:active,.k-form-text:focus{border:2px solid var(--color-primary)}:root{--tag-height:var(--spacer-24);--tag-height-loud:28px;--tag-spacing:var(--spacer-8);--tag-spacing-loud:16px}.k-tag{display:flex;align-items:center;justify-content:center;height:var(--tag-height);padding:0 var(--tag-spacing);background:var(--color-ui-00);border-radius:var(--tag-height)}.k-tag__label{margin-top:1px;font-size:var(--font-10);font-weight:var(--font-medium);color:var(--color-text-00)}.k-tag--loud{height:var(--tag-height-loud);padding:0 var(--tag-spacing-loud);border-radius:var(--tag-height-loud)}.k-tag--loud .k-tag__label{font-size:var(--font-12)}.k-tag--success{background:var(--color-state-01)}.k-tag--warning{background:var(--color-state-02)}.k-tag--info{background:var(--color-state-03)}.k-tag--error{background:var(--color-state-04)}table{border-collapse:collapse;width:100%;font-family:var(--font-family-base);font-size:var(--font-16);font-weight:var(--font-regular);line-height:var(--line-height-32);border:0}thead{margin:0;padding:0;font:inherit;font-size:100%;vertical-align:initial;border:0}thead th{padding:var(--spacer-8) var(--spacer-16);font-size:var(--font-14);color:var(--color-text-00);text-align:left;white-space:nowrap;background:var(--color-ui-00);border:0}tbody tr{border-bottom:var(--border-width-1) solid var(--color-ui-03)}tbody td{padding:var(--spacer-8) var(--spacer-16);vertical-align:bottom}:root{--list-spacing:var(--spacer-8)}ol,ul{margin-top:0;margin-bottom:0;padding:0 0 0 var(--font-16);font-family:var(--font-family-base);font-size:var(--font-18);font-weight:var(--font-regular);line-height:var(--line-height-32);hyphens:auto}ol li,ul li{margin-top:var(--list-spacing)}ol li:first-child,ul li:first-child{margin-top:0}ol li ol,ol li ul,ul li ol,ul li ul{margin-top:var(--list-spacing)}.contains-task-list{margin-bottom:0;padding:0;font-family:var(--font-family-base);font-size:var(--font-18);font-weight:var(--font-regular);line-height:var(--line-height-32);list-style:none}.contains-task-list *{margin-top:var(--list-spacing)}.contains-task-list :first-child{margin-top:0}.contains-task-list input[type=checkbox]{width:16px;height:16px;margin:0;padding:0}#nprogress{pointer-events:none}#nprogress .bar{position:fixed;z-index:1031;top:0;left:0;width:100%;height:4px;background:var(--color-primary)}#nprogress .spinner{position:fixed;z-index:1031;top:15px;right:15px;display:block}#nprogress .spinner-icon{box-sizing:border-box;width:18px;height:18px;border-bottom:2px solid transparent;border-right:2px solid transparent;border-top:2px solid transparent;border-top-color:var(--color-primary);border-left:2px solid transparent;border-left-color:var(--color-primary);border-radius:50%;-webkit-animation:nprogress-spinner .4s linear infinite;animation:nprogress-spinner .4s linear infinite}.nprogress-custom-parent{position:relative;overflow:hidden}.nprogress-custom-parent #nprogress .bar,.nprogress-custom-parent #nprogress .spinner{position:absolute}@-webkit-keyframes nprogress-spinner{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}@keyframes nprogress-spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.k-image{position:relative}.k-image__asset{width:100%;height:auto;object-fit:contain}.k-image figure{margin:0;padding:0}.k-image figcaption{position:absolute;z-index:1;top:0;width:100%;padding:var(--spacer-16) var(--spacer-24);font-family:var(--font-family-base);font-size:var(--font-12);font-weight:var(--font-regular);line-height:var(--line-height-24);color:var(--color-ui-00)}.k-image figcaption:after{content:"";position:absolute;z-index:-1;top:0;left:0;width:100%;height:100%;opacity:.5;background:var(--color-secondary);border-radius:var(--border-radius-6) var(--border-radius-6) 0 0}.k-image img{vertical-align:bottom;border-radius:var(--border-radius-6)}.k-video{position:relative}.k-video__asset{width:100%;height:100%;object-fit:cover}.k-video figure{margin:0;padding:0}.k-video figcaption{position:absolute;z-index:1;top:0;width:100%;padding:var(--spacer-16) var(--spacer-24);font-family:var(--font-family-base);font-size:var(--font-12);font-weight:var(--font-regular);line-height:var(--line-height-24);color:var(--color-ui-00)}.k-video figcaption:after{content:"";position:absolute;z-index:-1;top:0;left:0;width:100%;height:100%;opacity:.5;background:var(--color-secondary);border-radius:var(--border-radius-6) var(--border-radius-6) 0 0}.k-video video{width:100%;height:100%;vertical-align:bottom;object-fit:cover;border-radius:var(--border-radius-6)}.k-video video:focus{outline:none}:root{--playground-icon:var(--spacer-16);--playground-spacing:var(--spacer-40);--playground-outer-spacing:var(--spacer-32);--playground-height-code:360px}.k-playground{position:relative;overflow:hidden;margin-right:calc((100vw - var(--layout-width-max))/2*-1 + var(--playground-outer-spacing));margin-left:calc((100vw - var(--layout-width-max))/2*-1 + var(--playground-outer-spacing));border-radius:var(--border-radius-6)}.k-playground,.k-playground__breakpoint-select{background:var(--color-ui-00);box-shadow:var(--shadow-30)}.k-playground__breakpoint-select{position:absolute;z-index:998;top:0;right:0;border-bottom-left-radius:var(--border-radius-6)}.k-playground__breakpoint-select-option{cursor:pointer;display:flex;align-items:center;padding:var(--spacer-8);font-size:var(--font-12);color:var(--color-text-01)}.k-playground__breakpoint-select-option svg{width:var(--font-12);height:var(--font-12);margin-right:var(--spacer-4)}.k-playground__breakpoint-select-body{display:none;flex-direction:column}.k-playground__breakpoint-select--open .k-playground__breakpoint-select-body{display:flex}.k-playground__breakpoint-select-custom{display:flex;align-items:center;padding:var(--spacer-8);border-top:1px solid var(--color-ui-01)}.k-playground__breakpoint-select-custom-input{background:none;border:none}.k-playground__breakpoint-select-custom-button{display:flex;align-items:center;padding:var(--spacer-4);font-size:var(--font-12);background:transparent;border:none}.k-playground__breakpoint-select-custom-button svg{width:var(--font-12);height:var(--font-12)}.k-playground__stage{resize:both;position:relative;overflow:hidden;max-width:100%;padding:var(--playground-spacing)}.k-playground__stage-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:hsla(0,0%,100%,.8)}.k-playground__stage-frame{transform-origin:top left;overflow:hidden;display:block;width:100%;height:100%;border:none}.k-playground__footer{display:flex;justify-content:space-between;padding:var(--spacer-16) var(--playground-spacing);border-top:var(--border-width-1) solid var(--color-ui-02)}.k-playground__footer-actions{display:flex;align-items:center}.k-playground__footer-actions>*{margin-right:var(--spacer-16)}.k-playground__footer-actions>:last-child{margin-right:0}.k-playground__footer-button{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0;background:transparent;border:none;outline:none}.k-playground__footer-button svg{width:var(--playground-icon);height:var(--playground-icon)}.k-playground__footer-button--html svg{stroke:var(--color-text-00)}.k-playground__footer-button--html:hover svg{stroke:var(--color-primary)}.k-playground__footer-button--jsx svg{fill:var(--color-text-00)}.k-playground__footer-button--jsx:hover svg{fill:var(--color-primary)}.k-playground__footer-button--codesandbox svg{stroke:var(--color-text-00)}.k-playground__footer-button--codesandbox:hover svg{stroke:var(--color-primary)}.k-playground__footer-class{display:flex;align-items:center;justify-content:center}.k-playground__footer-class-label{font-size:var(--font-14);color:var(--color-text-01)}.k-playground__code{position:relative;padding:var(--playground-spacing);background:var(--color-secondary);border-radius:0 0 var(--border-radius-6) var(--border-radius-6)}.k-playground__code-wrapper{overflow:scroll;width:100%;max-height:var(--playground-height-code);-ms-overflow-style:none;scrollbar-width:none}.k-playground__code-wrapper::-webkit-scrollbar{display:none;width:0;background:transparent}.k-playground__code-button{cursor:pointer;position:absolute;top:var(--spacer-16);right:var(--playground-spacing);display:inline-flex;align-items:center;justify-content:center;padding:0;background:transparent;border:none;outline:none}.k-playground__code-button svg{width:var(--playground-icon);height:var(--playground-icon);stroke:var(--color-ui-00)}.k-playground__code-button:hover svg{opacity:.6}.k-playground--invert{background:var(--color-primary)}.k-playground--invert .k-playground__footer{border-top:var(--border-width-1) solid hsla(0,0%,100%,.1)}.k-playground--invert .k-playground__footer-class-label{color:var(--color-ui-00)}.k-playground--invert .k-playground__footer-button--html svg{stroke:var(--color-ui-00)}.k-playground--invert .k-playground__footer-button--html:hover svg{opacity:.6}.k-playground--invert .k-playground__footer-button--jsx svg{fill:var(--color-ui-00)}.k-playground--invert .k-playground__footer-button--jsx:hover svg{opacity:.6}.k-playground--invert .k-playground__footer-button--codesandbox svg{stroke:var(--color-ui-00)}.k-playground--invert .k-playground__footer-button--codesandbox:hover svg{opacity:.6}.k-playground--invert .k-playground__footer-button--iframe svg{stroke:var(--color-ui-00)}.k-playground--invert .k-playground__footer-button--iframe:hover svg{opacity:.6}@media only screen and (min-width:1280px){:root{--playground-outer-spacing:var(--spacer-64)}.k-playground{margin-right:calc((100vw - var(--layout-width-max) - var(--nav-main-width))/2*-1 + var(--playground-outer-spacing));margin-left:calc((100vw - var(--layout-width-max) - var(--nav-main-width))/2*-1 + var(--playground-outer-spacing))}}:root{--demo-icon:var(--spacer-16);--demo-spacing:var(--spacer-40);--demo-height-code:360px}.k-demo{position:relative;overflow:hidden;border-radius:var(--border-radius-6)}.k-demo,.k-demo__breakpoint-select{background:var(--color-ui-00);box-shadow:var(--shadow-30)}.k-demo__breakpoint-select{position:absolute;z-index:998;top:0;right:0;border-bottom-left-radius:var(--border-radius-6)}.k-demo__breakpoint-select-option{cursor:pointer;display:flex;align-items:center;padding:var(--spacer-8);font-size:var(--font-12);color:var(--color-text-01)}.k-demo__breakpoint-select-option svg{width:var(--font-12);height:var(--font-12);margin-right:var(--spacer-4)}.k-demo__breakpoint-select-body{display:none;flex-direction:column}.k-demo__breakpoint-select--open .k-demo__breakpoint-select-body{display:flex}.k-demo__breakpoint-select-custom{display:flex;align-items:center;padding:var(--spacer-8);border-top:1px solid var(--color-ui-01)}.k-demo__breakpoint-select-custom-input{background:none;border:none}.k-demo__breakpoint-select-custom-button{display:flex;align-items:center;padding:var(--spacer-4);font-size:var(--font-12);background:transparent;border:none}.k-demo__breakpoint-select-custom-button svg{width:var(--font-12);height:var(--font-12)}.k-demo__stage{position:relative;overflow:hidden;padding:var(--demo-spacing)}.k-demo__stage-frame{transform-origin:top left;overflow:hidden;display:block;width:100%;border:none}.k-demo__footer{display:flex;justify-content:space-between;padding:var(--spacer-16) var(--demo-spacing);border-top:var(--border-width-1) solid var(--color-ui-02)}.k-demo__footer-actions{display:flex;align-items:center}.k-demo__footer-actions>*{margin-right:var(--spacer-16)}.k-demo__footer-actions>:last-child{margin-right:0}.k-demo__footer-button{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0;background:transparent;border:none;outline:none}.k-demo__footer-button svg{width:var(--demo-icon);height:var(--demo-icon)}.k-demo__footer-button--html svg{stroke:var(--color-text-00)}.k-demo__footer-button--html:hover svg{stroke:var(--color-primary)}.k-demo__footer-button--jsx svg{fill:var(--color-text-00)}.k-demo__footer-button--jsx:hover svg{fill:var(--color-primary)}.k-demo__footer-button--codesandbox svg{stroke:var(--color-text-00)}.k-demo__footer-button--codesandbox:hover svg{stroke:var(--color-primary)}.k-demo__footer-class{display:flex;align-items:center;justify-content:center}.k-demo__footer-class-label{font-size:var(--font-14);color:var(--color-text-01)}.k-demo__code{position:relative;padding:var(--demo-spacing);background:var(--color-secondary);border-radius:0 0 var(--border-radius-6) var(--border-radius-6)}.k-demo__code-wrapper{overflow:scroll;width:100%;max-height:var(--demo-height-code);-ms-overflow-style:none;scrollbar-width:none}.k-demo__code-wrapper::-webkit-scrollbar{display:none;width:0;background:transparent}.k-demo__code-button{cursor:pointer;position:absolute;top:var(--spacer-16);right:var(--demo-spacing);display:inline-flex;align-items:center;justify-content:center;padding:0;background:transparent;border:none;outline:none}.k-demo__code-button svg{width:var(--demo-icon);height:var(--demo-icon);stroke:var(--color-ui-00)}.k-demo__code-button:hover svg{opacity:.6}.k-demo--invert{background:var(--color-primary)}.k-demo--invert .k-demo__footer{border-top:var(--border-width-1) solid hsla(0,0%,100%,.1)}.k-demo--invert .k-demo__footer-class-label{color:var(--color-ui-00)}.k-demo--invert .k-demo__footer-button--html svg{stroke:var(--color-ui-00)}.k-demo--invert .k-demo__footer-button--html:hover svg{opacity:.6}.k-demo--invert .k-demo__footer-button--jsx svg{fill:var(--color-ui-00)}.k-demo--invert .k-demo__footer-button--jsx:hover svg{opacity:.6}.k-demo--invert .k-demo__footer-button--codesandbox svg{stroke:var(--color-ui-00)}.k-demo--invert .k-demo__footer-button--codesandbox:hover svg{opacity:.6}:root{--props-table-spacing-x:4.76vw;--props-table-spacing-y:var(--spacer-24);--props-table-height-min:100px}.k-props-table{min-height:var(--props-table-height-min);background:var(--color-ui-00);border-radius:var(--border-radius-6);box-shadow:var(--shadow-30)}.k-props-table table{border-spacing:0 1px;border-collapse:separate;width:100%;background:var(--color-ui-02)}.k-props-table thead tr{background:var(--color-ui-00)}.k-props-table thead tr th{padding:var(--spacer-16) var(--props-table-spacing-x);font-size:var(--font-12);font-weight:var(--font-medium);color:var(--color-text-00);text-align:left}.k-props-table thead tr th:first-child{border-radius:var(--border-radius-6) 0 0 0}.k-props-table thead tr th:last-child{border-radius:0 var(--border-radius-6) 0 0}.k-props-table tbody tr{background:var(--color-ui-00);border-bottom:var(--border-width-1) solid var(--color-ui-02)}.k-props-table tbody tr:last-child td:first-child{border-radius:0 0 0 var(--border-radius-6)}.k-props-table tbody tr:last-child td:last-child{border-radius:0 0 var(--border-radius-6) 0}.k-props-table tbody tr td{padding:var(--props-table-spacing-y) var(--props-table-spacing-x);font-size:var(--font-16);font-weight:var(--font-regular);color:var(--color-text-01);text-align:left;vertical-align:top}.k-props-table tbody tr td:first-child{font-weight:var(--font-medium);color:var(--color-primary)}.k-props-table__empty{display:flex;align-items:center;justify-content:center;width:100%;height:var(--props-table-height-min);padding:var(--props-table-spacing-y);font-size:var(--font-16);font-weight:var(--font-regular);color:var(--color-text-01)}@media only screen and (min-width:1680px){:root{--props-table-spacing-x:var(--spacer-40);--props-table-spacing-y:var(--spacer-24)}}:root{--list-color-spacing:var(--spacer-24)}.k-list-color{display:grid;grid-gap:var(--gutter-width);grid-template-columns:repeat(4,1fr)}.k-list-color__item{display:flex;flex-direction:column;background:var(--color-ui-00);border-radius:var(--border-radius-6);box-shadow:var(--shadow-30)}.k-list-color__item-color{flex-basis:100%;min-height:200px;border-radius:var(--border-radius-6) var(--border-radius-6) 0 0}.k-list-color__item-details{padding:var(--list-color-spacing)}.k-list-color__item-label{overflow:hidden;font-size:var(--font-14);font-weight:var(--font-medium);line-height:var(--line-height-16);color:var(--color-text-00);text-overflow:ellipsis;white-space:nowrap}.k-list-color__item-table{border-spacing:0 1px;border-collapse:separate;width:100%}.k-list-color__item-table-row{flex-basis:100%;margin-top:var(--spacer-8)}.k-list-color__item-table-cell,.k-list-color__item-table-row{font-size:var(--font-14);font-weight:var(--font-regular);line-height:var(--line-height-16);color:var(--color-text-01)}.k-list-color__item-table-cell{overflow:hidden;max-width:16ch;padding:var(--spacer-8) 0 0 0;text-overflow:ellipsis;white-space:nowrap}.k-list-color__item-table-cell:nth-child(2n){padding-left:var(--spacer-8)}:root{--list-shadow-spacing:var(--spacer-24)}.k-list-shadow{display:grid;grid-gap:var(--gutter-width);grid-template-columns:repeat(4,1fr)}.k-list-shadow__item{display:flex;flex-direction:column;background:var(--color-ui-00);border-radius:var(--border-radius-6);box-shadow:var(--shadow-30)}.k-list-shadow__item-basic,.k-list-shadow__item-details{padding:var(--list-shadow-spacing)}.k-list-shadow__item-details{display:flex;flex-wrap:wrap;background:var(--color-ui-02);border-radius:0 0 var(--border-radius-6) var(--border-radius-6)}.k-list-shadow__item-details>*{margin-top:var(--spacer-8)}.k-list-shadow__item-details>:nth-child(-n+2){margin-top:0}.k-list-shadow__item-details>:nth-child(odd){padding-right:var(--spacer-32)}.k-list-shadow__item-details-block{display:flex;justify-content:space-between;width:50%}.k-list-shadow__item-details-block-title{font-weight:var(--font-medium);text-transform:uppercase}.k-list-shadow__item-details-block-title,.k-list-shadow__item-details-block-value{font-size:var(--font-12);line-height:var(--line-height-16);color:var(--color-text-01)}.k-list-shadow__item-details-block-value{font-weight:var(--font-regular)}.k-list-shadow__item-label{overflow:hidden;display:flex;margin-bottom:var(--spacer-8);font-size:var(--font-14);font-weight:var(--font-medium);line-height:var(--line-height-16);color:var(--color-text-00);text-overflow:ellipsis;white-space:nowrap}.k-list-shadow__item-table{border-spacing:0 1px;border-collapse:separate;width:100%}.k-list-shadow__item-table-head{padding:var(--spacer-8) 0 0 0;font-weight:var(--font-medium);color:var(--color-text-01);text-align:left;text-transform:uppercase}.k-list-shadow__item-table-row{flex-basis:100%;margin-top:var(--spacer-8)}.k-list-shadow__item-table-cell,.k-list-shadow__item-table-row{font-size:var(--font-14);font-weight:var(--font-regular);line-height:var(--line-height-16);color:var(--color-text-01)}.k-list-shadow__item-table-cell{overflow:hidden;max-width:16ch;padding:var(--spacer-8) 0 0 0;text-overflow:ellipsis;white-space:nowrap}.k-list-shadow__item-table-cell:nth-child(2n){padding-left:var(--spacer-8)}:root{--list-typoheading-spacing-x:var(--spacer-40);--list-typoheading-spacing-y:var(--spacer-32)}.k-list-typoheading{display:flex;flex-direction:column;background:var(--color-ui-00);border-radius:var(--border-radius-6);box-shadow:var(--shadow-30)}.k-list-typoheading__heading{display:flex;align-items:center;justify-content:space-between;padding:var(--list-typoheading-spacing-y) var(--list-typoheading-spacing-x);border-bottom:var(--border-width-1) solid var(--color-ui-02)}.k-list-typoheading__heading-item{display:flex;flex:auto;align-items:center}.k-list-typoheading__heading-item-frame{display:block;width:100%;border:none}.k-list-typoheading__heading-details{display:flex;flex-direction:column;flex-shrink:0;justify-content:center}.k-list-typoheading__heading-label,.k-list-typoheading__heading-variables{flex-basis:100%;font-size:var(--font-14);font-weight:var(--font-medium);line-height:var(--line-height-16);color:var(--color-text-00)}.k-list-typoheading__heading-variables{margin-top:var(--spacer-8);font-weight:var(--font-regular);color:var(--color-text-01)}:root{--list-typofamily-spacing:var(--spacer-40)}.k-list-typofamily{display:grid;grid-gap:0;grid-template-columns:repeat(3,1fr);background:var(--color-ui-00);border-radius:var(--border-radius-6);box-shadow:var(--shadow-30)}.k-list-typofamily__stage{display:flex;grid-column:span 3;flex-direction:column;width:100%;padding:var(--list-typofamily-spacing);border-bottom:var(--border-width-1) solid var(--color-ui-02)}.k-list-typofamily__stage-char{display:flex;flex:auto;align-items:center;justify-content:center;width:100%}.k-list-typofamily__item{position:relative;display:flex;width:100%;height:100%;padding:var(--list-typofamily-spacing);border-top:var(--border-width-1) solid var(--color-ui-02);border-right:var(--border-width-1) solid var(--color-ui-02)}.k-list-typofamily__item:before{content:"";width:0;padding-bottom:100%}.k-list-typofamily__item:nth-child(-n+4){border-top:none}.k-list-typofamily__item-wrapper{display:flex;flex-direction:column}.k-list-typofamily__char{display:flex;flex:auto;align-items:center;justify-content:center;width:100%;margin-top:var(--list-typofamily-spacing)}.k-list-typofamily__char-frame{display:block;width:100%;border:none}.k-list-typofamily__details{display:flex;flex-direction:column;margin-top:var(--list-typofamily-spacing)}.k-list-typofamily__label,.k-list-typofamily__variables{flex-basis:100%;font-size:var(--font-14);font-weight:var(--font-medium);line-height:var(--line-height-16);color:var(--color-text-00)}.k-list-typofamily__variables{margin-top:var(--spacer-8);font-weight:var(--font-regular);color:var(--color-text-01)}:root{--list-teaser-spacing-x:var(--spacer-24);--list-teaser-spacing-y:var(--spacer-24);--list-teaser-height-min:240px;--list-teaser-height-min-loud:240px;--list-teaser-width-icon:36px}.k-list-teaser{display:grid;grid-gap:2px;grid-template-columns:repeat(1,1fr);font-family:var(--font-family-base)}.k-list-teaser__item{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:var(--list-teaser-height-min);padding:var(--list-teaser-spacing-y) var(--list-teaser-spacing-x);background:var(--color-ui-00);border-radius:var(--border-radius-6);box-shadow:var(--shadow-30);transition:all .2s ease-in-out}.k-list-teaser__item:hover{z-index:2;transform:scale(1.03) translate(5px,4px);box-shadow:0 0 30px 0 rgba(33,36,43,.05)}.k-list-teaser__item--loud{min-height:var(--list-teaser-height-min-loud)}.k-list-teaser__item--loud:hover{z-index:2;transform:scale(1.03) translate(5px,6px);box-shadow:0 0 30px 0 rgba(33,36,43,.2)}.k-list-teaser__item--primary{background:var(--color-primary)}.k-list-teaser__item--primary:hover{z-index:2;transform:scale(1.03) translate(5px,4px);box-shadow:0 0 30px 0 rgba(33,36,43,.2)}.k-list-teaser__item--primary .k-list-teaser__item-description,.k-list-teaser__item--primary .k-list-teaser__item-title{color:var(--color-ui-00)}.k-list-teaser__item--primary .k-list-teaser__item-arrow,.k-list-teaser__item--primary .k-list-teaser__item-icon svg{fill:var(--color-ui-00)}.k-list-teaser__item-title{font-size:var(--font-h3);font-weight:400;font-weight:var(--font-medium);text-decoration:none}.k-list-teaser__item-description,.k-list-teaser__item-title{margin:0;line-height:var(--line-height-32);color:var(--color-primary)}.k-list-teaser__item-description{margin-top:var(--spacer-8)!important;font-size:var(--font-16);font-weight:var(--font-regular);hyphens:auto}.k-list-teaser__item-arrow{position:absolute;right:var(--list-teaser-spacing-x);bottom:calc(var(--list-teaser-spacing-y) + var(--spacer-16)*.5);width:var(--spacer-16);height:var(--spacer-16);fill:var(--color-primary)}.k-list-teaser__item-icon{position:absolute;top:var(--list-teaser-spacing-y);left:var(--list-teaser-spacing-x)}.k-list-teaser__item-icon,.k-list-teaser__item-icon svg{width:var(--list-teaser-width-icon);height:var(--list-teaser-height-icon)}.k-list-teaser__item-icon svg{fill:var(--color-primary)}@media only screen and (min-width:992px){.k-list-teaser{grid-template-columns:repeat(2,1fr)}}@media only screen and (min-width:1280px){:root{--list-teaser-height-min:240px;--list-teaser-height-min-loud:320px}.k-list-teaser{grid-template-columns:repeat(2,1fr)}.k-list-teaser__item{border-radius:0}.k-list-teaser__item:first-child{border-radius:var(--border-radius-6) 0 0 0}.k-list-teaser__item:nth-last-child(2):nth-child(odd){border-radius:0 0 0 var(--border-radius-6)}.k-list-teaser__item:nth-child(2){border-radius:0 var(--border-radius-6) 0 0}.k-list-teaser__item:last-child{border-radius:0 0 var(--border-radius-6) 0}}@media only screen and (min-width:1680px){:root{--list-teaser-spacing-x:var(--spacer-40);--list-teaser-spacing-y:var(--spacer-32);--list-teaser-height-min:280px;--list-teaser-height-min-loud:400px}.k-list-teaser{grid-template-columns:repeat(2,1fr)}}.k-list-media{display:grid;grid-gap:2px;grid-template-columns:repeat(1,1fr);font-family:var(--font-family-base)}.k-list-media__item{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end}.k-list-media figcaption,.k-list-media img,.k-list-media video{border-radius:0}@media only screen and (min-width:992px){.k-list-media{grid-template-columns:repeat(2,1fr)}}@media only screen and (min-width:1280px){.k-list-media{grid-template-columns:repeat(2,1fr)}.k-list-media__item{border-radius:0}.k-list-media__item:first-child,.k-list-media__item:first-child figcaption{border-radius:var(--border-radius-6) 0 0 0}.k-list-media__item:nth-last-child(2):nth-child(odd){border-radius:0 0 0 var(--border-radius-6)}.k-list-media__item:nth-child(2){border-radius:0 var(--border-radius-6) 0 0}.k-list-media__item:last-child{border-radius:0 0 var(--border-radius-6) 0}}@media only screen and (min-width:1680px){.k-list-media{grid-template-columns:repeat(2,1fr)}}:root{--list-icon-icon:var(--spacer-32);--list-icon-spacing:var(--spacer-40)}.k-list-icon{display:grid;grid-gap:0;grid-template-columns:repeat(6,1fr);background:var(--color-ui-00);border-radius:var(--border-radius-6);box-shadow:var(--shadow-30)}.k-list-icon__item{position:relative;display:flex;justify-content:center;width:100%;height:100%;padding:var(--list-icon-spacing);border-top:var(--border-width-1) solid var(--color-ui-02);border-right:var(--border-width-1) solid var(--color-ui-02)}.k-list-icon__item:before{content:"";width:0;padding-bottom:100%}.k-list-icon__item:nth-child(-n+6){border-top:none}.k-list-icon__item-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center}.k-list-icon__item-icon{flex-shrink:0;width:auto;height:var(--list-icon-icon);fill:var(--color-secondary)}.k-list-icon__item-label{margin-top:var(--spacer-16);font-size:var(--font-14);font-weight:var(--font-regular);line-height:var(--line-height-16);color:var(--color-text-01);text-align:center}:root{--nav-main-width:280px;--nav-main-item-icon:var(--spacer-16);--nav-main-search-icon:18px;--nav-main-spacing:12px;--nav-main-height-logo:128px;--nav-main-height-search:72px}.k-nav-main{position:absolute;z-index:999;top:0;bottom:0;left:0;transform:translateX(-100%);flex-basis:var(--nav-main-width);flex-shrink:0;background:var(--color-ui-00)}.k-nav-main--open{transform:translateX(0)}.k-nav-main--open:after{content:"";position:absolute;z-index:-1;top:0;width:100vw;height:calc(var(--vh, 1vh)*100);background:rgba(0,0,0,.7)}.k-nav-main__wrapper{overflow:hidden;width:var(--nav-main-width);max-width:var(--nav-main-width);max-height:calc(var(--vh, 1vh)*100)}.k-nav-main__body{overflow-y:scroll;height:calc(var(--vh, 1vh)*100 - var(--nav-main-height-logo) - 2*var(--spacer-32));padding:var(--spacer-32);background:var(--color-ui-00);-ms-overflow-style:none;scrollbar-width:none}.k-nav-main__body::-webkit-scrollbar{display:none;width:0;background:transparent}.k-nav-main__header{position:relative;display:flex;flex-direction:column;background:var(--nav-main-background)}.k-nav-main__header-search-input{width:100%;height:var(--nav-main-height-search);padding-left:var(--spacer-32);font-size:var(--font-14);color:var(--color-ui-00);background:hsla(0,0%,100%,.1);border:none;outline:none}.k-nav-main__header-search-input::-webkit-input-placeholder{color:var(--color-ui-00)}.k-nav-main__header-search-input::-moz-placeholder{color:var(--color-ui-00)}.k-nav-main__header-search-input:-ms-input-placeholder{color:var(--color-ui-00)}.k-nav-main__header-search-wrapper{display:flex;flex-basis:var(--nav-main-height-search);flex-shrink:0;align-items:center}.k-nav-main__header-search-icon{cursor:pointer;position:absolute;right:var(--spacer-32)}.k-nav-main__header-search-icon-asset{height:var(--nav-main-search-icon);stroke:var(--color-ui-00)}.k-nav-main__logo{cursor:pointer;display:flex;flex:auto;align-items:center;justify-content:flex-start;height:var(--nav-main-height-logo);margin:0 var(--spacer-32)}.k-nav-main__logo-image{max-width:100%;height:100%;max-height:var(--nav-main-height-logo-image)}.k-nav-main__list-headline{overflow:hidden;margin-right:calc(-1*var(--spacer-32));margin-left:calc(-1*var(--spacer-32));padding:var(--spacer-16) var(--spacer-32);font-size:var(--font-12);font-weight:var(--font-medium);line-height:var(--line-height-16);color:var(--color-ui-04);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;border-top:.5px solid var(--color-ui-03);border-bottom:.5px solid var(--color-ui-03)}.k-nav-main__list{margin:0;padding:0;list-style:none}.k-nav-main__list>* span:hover{color:var(--color-primary)}.k-nav-main__list-item{margin:0}.k-nav-main__list-sub{margin:0;padding:0}.k-nav-main__list-sub>:not(span){display:none}.k-nav-main__list-sub--active>:not(span){display:block}.k-nav-main__list-sub--active>.k-nav-main__list-sub-label{font-weight:var(--font-bold)}.k-nav-main__list-item-label,.k-nav-main__list-sub-label{cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:var(--nav-main-spacing) 0;font-size:var(--font-16);font-weight:var(--font-regular);line-height:var(--nav-main-item-line-height);line-height:var(--line-height-24);color:var(--color-text-00)}.k-nav-main__list-item-menu-path{display:block;margin-bottom:calc(var(--spacer-16)*-1);font-size:12px}.k-nav-main__list-item-icon,.k-nav-main__list-sub-icon{display:flex;align-items:center;justify-content:center;width:var(--nav-main-item-icon);height:var(--nav-main-item-icon)}.k-nav-main__list-item-icon-asset,.k-nav-main__list-sub-icon-asset{width:var(--nav-main-item-icon);height:var(--nav-main-item-icon);fill:var(--color-text-00)}.k-nav-main__list-sub-item{margin:0;padding-left:var(--spacer-24);border-left:var(--border-width-1) solid var(--color-ui-02)}.k-nav-main__list-item--active .k-nav-main__list-item-label{font-weight:var(--font-bold);color:var(--color-primary)}.k-nav-main--invert .k-nav-main__header-search-input{color:var(--color-text-01);background:rgba(0,0,0,.025)}.k-nav-main--invert .k-nav-main__header-search-input::-webkit-input-placeholder{color:var(--color-text-01)}.k-nav-main--invert .k-nav-main__header-search-input::-moz-placeholder{color:var(--color-text-01)}.k-nav-main--invert .k-nav-main__header-search-input:-ms-input-placeholder{color:var(--color-text-01)}.k-nav-main--invert .k-nav-main__header-search-icon-asset{stroke:var(--color-text-01)}.k-nav-main__hamburger-wrapper{z-index:999;mix-blend-mode:difference}.k-nav-main__hamburger{position:fixed;top:var(--spacer-8);left:var(--spacer-8)}.k-nav-main__hamburger svg{fill:var(--color-ui-00);stroke:var(--color-ui-00)}.k-nav-main--open+.k-nav-main__hamburger-wrapper{mix-blend-mode:unset}.k-nav-main--open+.k-nav-main__hamburger-wrapper .k-nav-main__hamburger{left:calc(var(--nav-main-width) + var(--spacer-8))}@media only screen and (min-width:1280px){.k-nav-main{position:relative;transform:translateX(0);display:flex}.k-nav-main .k-nav-main__nav-main__wrapper{max-height:auto}.k-nav-main .k-nav-main--open:after,.k-nav-main__hamburger-wrapper{display:none}}:root{--nav-anchor-spacing:var(--spacer-40)}.k-nav-anchor{display:flex;background:var(--header-background)}.k-nav-anchor__wrapper{display:grid;grid-column-gap:var(--gutter-width);grid-template-columns:repeat(12,1fr);position:relative;width:100%;max-width:var(--layout-width-max);margin-right:auto;margin-left:auto}.k-nav-anchor__body{display:grid;grid-column:1/span 8;grid-column-gap:var(--gutter-width);grid-template-columns:repeat(8,1fr);padding:0;padding:var(--rythm-md) 0;list-style:none;background:hsla(0,0%,100%,.1)}.k-nav-anchor__body:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:hsla(0,0%,100%,.1)}.k-nav-anchor__body>*{margin-top:var(--spacer-16)}.k-nav-anchor__body>:nth-child(-n+2){margin-top:0}.k-nav-anchor__item{display:flex;grid-column:span 4;align-items:center}.k-nav-anchor__item:before{content:"";transform:rotate(45deg);display:block;width:8px;height:8px;margin-right:var(--spacer-16);border:1px solid #fff;border-radius:2px}.k-nav-anchor__item:hover{cursor:pointer}.k-nav-anchor__item--active:after{content:"";position:absolute;z-index:2;bottom:0;width:100%;height:var(--border-width-4);background:var(--color-primary)}.k-nav-anchor__item-link{font-size:var(--font-24);font-weight:var(--font-light);line-height:var(--line-height-32);color:var(--color-ui-01)}:root{--nav-anchor-collapase-padding:8px;--nav-anchor-collapase-width-arrow:16px;--nav-anchor-collapase-offset-icon:var(--nav-anchor-collapase-padding)}.k-nav-anchor-collapse{position:fixed;right:25px;bottom:30px;display:flex;align-items:center;justify-content:flex-start;height:32px;padding:0 calc(var(--nav-anchor-collapase-padding) + var(--nav-anchor-collapase-width-arrow)) 0 var(--nav-anchor-collapase-padding);color:var(--color-text-00);font-weight:var(--font-bold);font-size:var(--font-14);line-height:var(--line-height-24);background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27%3E%3Cg fill=%27none%27 fill-rule=%27evenodd%27%3E%3Cpolygon points=%270 0 24 0 24 24 0 24%27/%3E%3Cpolygon fill=%27%23060709%27 fill-rule=%27nonzero%27 points=%2712 15 7.757 10.757 9.172 9.343 12 12.172 14.828 9.343 16.243 10.757%27/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;background-position:calc(100% - var(--nav-anchor-collapase-offset-icon));background-size:var(--nav-anchor-collapase-width-arrow);border:1px solid transparent;border-radius:4px;box-shadow:0 11px 40px 0 rgba(0,0,0,.1),0 2px 10px 0 rgba(0,0,0,.1);cursor:pointer;transition-duration:var(--transition-hover);transition-property:border-color,color;-webkit-appearance:none;-moz-appearance:none}.k-nav-anchor-collapse:hover{color:var(--color-primary);background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27%3E%3Cg fill=%27none%27 fill-rule=%27evenodd%27%3E%3Cpolygon points=%270 0 24 0 24 24 0 24%27/%3E%3Cpolygon fill=%27%230D5ADB%27 fill-rule=%27nonzero%27 points=%2712 15 7.757 10.757 9.172 9.343 12 12.172 14.828 9.343 16.243 10.757%27/%3E%3C/g%3E%3C/svg%3E");border-color:var(--color-ui-01)}.k-nav-anchor-collapse:active,.k-nav-anchor-collapse:focus{border-color:var(--color-primary)}.k-nav-anchor-collapse:focus{outline:none;box-shadow:none}.k-nav-anchor-collapse::-ms-expand{display:none}:root{--header-spacing:var(--spacer-40);--header-spacing-description:var(--rythm-xl);--layout-width-aside:1/span 4;--layout-width-body:5/span 8}.k-header{z-index:3;display:flex;flex-direction:column;justify-content:flex-end;min-height:calc(var(--nav-main-height-logo) + var(--nav-main-height-search));padding:var(--header-spacing) 0;background:var(--header-background)}.k-header__main{max-width:var(--layout-width-max);margin-right:auto;margin-left:auto;grid-row-gap:var(--spacer-16);align-items:start;width:100%}.k-header__main,.k-header__meta{display:flex;justify-content:space-between}.k-header__meta{grid-column:var(--layout-width-body);align-items:center}.k-header__label{font-size:var(--font-h1);font-weight:var(--font-light);line-height:var(--line-height-h1);color:var(--color-ui-00)}.k-header__tag{display:inline-flex}.k-header__updated{font-size:var(--font-16)}.k-header__description,.k-header__updated{line-height:var(--line-height-40);color:var(--color-ui-00)}.k-header__description{font-size:var(--font-24);font-weight:var(--font-light);hyphens:auto}.k-header--description{position:relative;padding:var(--header-spacing-description) 0}.k-header--description .k-header__main{display:grid;grid-column-gap:var(--gutter-width);grid-template-columns:repeat(12,1fr)}.k-header--description .k-header__label{font-size:var(--font-h3);font-weight:var(--font-medium);line-height:var(--line-height-40);grid-column:var(--layout-width-aside)}.k-header--description .k-header__description{grid-column:var(--layout-width-body)}:root{--footer-height:160px;--footer-height-logo:44px;--footer-spacing:var(--spacer-40)}.k-footer{background:var(--footer-background)}.k-footer__wrapper{max-width:var(--layout-width-max);margin-right:auto;margin-left:auto;display:flex;align-items:center;justify-content:space-between;height:var(--footer-height)}.k-footer__logo{display:flex;align-items:center;justify-content:center}.k-footer__logo-asset{width:auto;height:var(--footer-height-logo);fill:var(--color-ui-00)}.k-footer__actions>*{margin-right:var(--footer-spacing)}.k-footer__actions>:last-child{margin-right:0}.k-footer__link{font-size:var(--font-16);font-weight:var(--font-regular);color:var(--color-ui-00)}:root{--section-spacing:var(--rythm-xl);--layout-width-aside:1/span 12;--layout-width-body:1/span 12}.k-section{display:grid;grid-column-gap:var(--gutter-width);grid-template-columns:repeat(12,1fr);padding-bottom:var(--rythm-xl);font-family:var(--font-family-base)}.k-section__aside{grid-column:var(--layout-width-aside);margin-bottom:var(--spacer-8)}.k-section__aside-title{margin:0!important;padding:0!important;font-size:var(--font-h3);font-weight:var(--font-medium);line-height:var(--line-height-40)}.k-section__body{grid-column:var(--layout-width-body)}.k-section__body>*{margin-top:var(--gutter-width)}.k-section__body>:first-child{margin-top:0}.k-section__body-description{font-size:var(--font-24);font-weight:var(--font-light);line-height:var(--line-height-40);hyphens:auto}.k-section__body-link{display:flex;align-items:center;justify-content:flex-start;margin-top:var(--spacer-8)}.k-section__body-link-label{font-size:var(--font-16);font-weight:var(--font-medium);line-height:var(--line-height-32);color:var(--color-text-00)}.k-section__body-link-icon{width:var(--spacer-16);height:var(--spacer-16);margin-top:-1px;margin-left:var(--spacer-8);fill:var(--color-text-00)}.k-section .k-list-teaser{grid-template-columns:repeat(1,1fr)}.k-section--primary{position:relative;padding:var(--section-spacing) 0;background:var(--color-primary)}.k-section--primary,.k-section--primary .k-section__aside-title,.k-section--primary .k-section__body-description,.k-section--primary .k-section__body-link-icon,.k-section--primary .k-section__body-link-label{color:var(--color-ui-00)}.k-section--primary:after,.k-section--primary:before{content:"";position:absolute;top:0;width:100%;height:100%;background:var(--color-primary)}.k-section--primary:before{left:0;margin-left:-100%}.k-section--primary:after{right:0;margin-right:-100%}@media only screen and (min-width:768px){:root{--layout-width-aside:1/span 4;--layout-width-body:5/span 12}}@media only screen and (min-width:1280px){:root{--layout-width-aside:1/span 4;--layout-width-body:5/span 12}.k-section .k-list-teaser{grid-template-columns:repeat(2,1fr)}}@media only screen and (min-width:1680px){:root{--layout-width-aside:1/span 4;--layout-width-body:5/span 8}.k-section .k-list-teaser{grid-template-columns:repeat(2,1fr)}}