html{--color-primary-black: #121212;--color-primary-black-50: hsla(0,0%,7%,.5);--color-primary-white: #fcfcfc;--color-primary-white-50: hsla(0,0%,99%,.5);--color-secondary-Ink80: #494949;--color-secondary-Ink60: #787878;--color-secondary-Ink40: #d1d1d1;--color-natural-Ink90: #343434;--color-natural-Ink70: #616161;--color-natural-Ink50: #8e8e8e;--color-natural-Ink30: #f0f0f0;--color-natural-Ink20: #f9f9f9;--color-natural-Ink10: #f9f9fb;--color-success: #1cd069;--color-success-light: #c6f3d9;--color-danger: red;--color-danger-light: #ffbfbf;--color-info: #4ab3f4;--color-info-light: #d1ecfc;--color-warning: #ffe500;--color-warning-light: #f8f5d5;--color-text-black: #121212;--color-text-Ink80: #494949;--color-text-Ink60: #787878;--color-text-Ink40: #d1d1d1;--color-text-white: #fcfcfc;--shape-border-radius-circle: 50%;--shape-border-radius-phille: 2.5rem;--shape-border-radius-rounded-rectangle-l: 1rem;--shape-border-radius-rounded-rectangle-m: .75rem;--shape-border-radius-rounded-rectangle-s: .5rem;--spacing-xxs: .25rem;--spacing-xs: .5rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 3rem;--spacing-xxl: 4rem;--typography-font-family: "Noto Sans", sans-serif;--typography-font-size-headline1: 5rem;--typography-font-size-headline2: 4rem;--typography-font-size-headline3: 3rem;--typography-font-size-headline4: 2rem;--typography-font-size-headline5: 1.5rem;--typography-font-size-body1: 1.5rem;--typography-font-size-body2: 1.25rem;--typography-font-size-body3: .95rem;--typography-font-size-caption1: 1.1rem;--typography-font-size-caption2: .9rem;--typography-font-size-caption3: .81rem;--typography-font-size-caption4: .75rem;--typography-font-size-caption5: .5rem;--typography-font-weight-bold: 700;--typography-font-weight-regular: 400;--typography-font-weight-light: 300;--shadow-l: 0px 18px 28px 0px rgba(0,0,0,.08);--shadow-m: 0px 8px 18px 0px rgba(0,0,0,.06);--shadow-s: 0px 3px 6px 0px rgba(0,0,0,.04);--card-padding-m: 0 var(--spacing-l)}.blog .prose{flex:1;flex-grow:1;margin:0 auto;max-width:800px;min-width:375px}.blog .prose-header{padding:1.5rem 2rem}.blog .prose-title{font-size:2rem;font-size:var(--typography-font-size-headline4)}.blog .prose-info{display:flex;gap:1rem}.blog .prose-desc{background-color:var(--prose-desc-background);margin:1rem 1.5rem;padding:1rem 1.5rem}.blog .prose-content{padding:1.5rem 2rem}.blog .back{padding:1.5rem 2rem;width:100%}.blog .back span,.blog .back svg{color:#8e8e8e;color:var(--color-natural-Ink50);height:.75rem;width:.75rem}.blog .back button{border-bottom:1px solid #f0f0f0;border-bottom:1px solid var(--color-natural-Ink30);color:#8e8e8e;color:var(--color-natural-Ink50);font-weight:inherit;text-decoration:none;transition:border .3s ease-in-out}.blog .back button:hover{border-bottom:1px solid #8e8e8e;border-bottom:1px solid var(--color-natural-Ink50);color:#616161;color:var(--color-natural-Ink70)}.blog .toc{color:var(--font-color);opacity:1;position:fixed;top:8rem;z-index:1000}.blog .toc ul{opacity:0;padding:0 1rem 1rem;transition:all .25s ease-in-out}.blog .toc li{font-size:.9rem;margin:.5rem 0;opacity:.75;transition:all .15s}.blog .toc-icon{font-size:1.5rem;margin:1rem .5rem 0;opacity:.75;transition:all .3s}@media (max-width:1280px){.blog .toc{opacity:0}}@media (min-width:1281px) and (max-width:1440px){.blog .toc{opacity:1;width:16rem}}@media (min-width:1441px) and (max-width:1600px){.blog .toc{opacity:1;width:20rem}}.blog .toc:hover .toc-icon,.blog .toc:hover .toc-main{opacity:1}.blog .toc-main>li:hover{color:#000;font-weight:inherit;opacity:1;text-decoration:underline;text-underline-offset:.3rem}