html{scroll-behavior:smooth;scroll-padding-top:100px}.blog-article{max-width:none;color:hsl(var(--foreground) / .85);font-feature-settings:"kern" 1,"liga" 1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.blog-article h1{margin-bottom:1.5rem;font-size:1.875rem;line-height:2.25rem;font-weight:700;line-height:1.25;letter-spacing:-.025em;--tw-text-opacity: 1;color:hsl(var(--foreground) / var(--tw-text-opacity, 1))}@media (min-width: 768px){.blog-article h1{font-size:2.25rem;line-height:2.5rem}}.blog-article h2{margin-top:3rem;margin-bottom:1rem;font-size:1.5rem;line-height:2rem;font-weight:700;line-height:1.375;letter-spacing:-.025em;--tw-text-opacity: 1;color:hsl(var(--foreground) / var(--tw-text-opacity, 1))}@media (min-width: 768px){.blog-article h2{font-size:1.875rem;line-height:2.25rem}}.blog-article h3{margin-top:2rem;margin-bottom:.75rem;font-size:1.25rem;line-height:1.75rem;font-weight:600;line-height:1.375;--tw-text-opacity: 1;color:hsl(var(--foreground) / var(--tw-text-opacity, 1))}@media (min-width: 768px){.blog-article h3{font-size:1.5rem;line-height:2rem}}.blog-article p{margin-bottom:1.5rem;font-size:1rem;line-height:1.5rem;line-height:1.625;color:hsl(var(--foreground) / .85)}@media (min-width: 768px){.blog-article p{font-size:1.125rem;line-height:1.75rem}}.blog-article strong{font-weight:600;--tw-text-opacity: 1;color:hsl(var(--foreground) / var(--tw-text-opacity, 1))}.blog-article em{font-style:italic;color:hsl(var(--foreground) / .9)}.blog-article a{font-weight:500;--tw-text-opacity: 1;color:hsl(var(--primary) / var(--tw-text-opacity, 1));text-decoration-line:underline;text-decoration-thickness:2px;text-underline-offset:4px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.blog-article a:hover{color:hsl(var(--primary) / .8)}.blog-article ul,.blog-article ol{margin-bottom:1.5rem}.blog-article ul>:not([hidden])~:not([hidden]),.blog-article ol>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.blog-article ul,.blog-article ol{font-size:1rem;line-height:1.5rem;line-height:1.625;color:hsl(var(--foreground) / .85)}@media (min-width: 768px){.blog-article ul,.blog-article ol{font-size:1.125rem;line-height:1.75rem}}.blog-article ul{list-style-type:disc;padding-left:2rem}@media (min-width: 768px){.blog-article ul{padding-left:2.5rem}}.blog-article ol{list-style-type:decimal;padding-left:2rem}@media (min-width: 768px){.blog-article ol{padding-left:2.5rem}}.blog-article li{padding-left:.5rem;line-height:1.625}.blog-article li strong{--tw-text-opacity: 1;color:hsl(var(--foreground) / var(--tw-text-opacity, 1))}.blog-article blockquote{margin-top:2rem;margin-bottom:2rem;border-top-right-radius:var(--radius);border-bottom-right-radius:var(--radius);border-left-width:4px;border-color:hsl(var(--primary) / .5);background-color:hsl(var(--muted) / .3);padding-top:1rem;padding-bottom:1rem;padding-left:1.5rem;font-size:1rem;line-height:1.5rem;font-style:italic;line-height:1.625;color:hsl(var(--foreground) / .9)}@media (min-width: 768px){.blog-article blockquote{font-size:1.125rem;line-height:1.75rem}}.blog-article code{border-radius:.25rem;border-width:1px;border-color:hsl(var(--border) / .5);background-color:hsl(var(--muted) / .6);padding:.125rem .5rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:hsl(var(--foreground) / var(--tw-text-opacity, 1))}.blog-article pre{margin-bottom:2rem;overflow-x:auto;border-radius:var(--radius);border-width:1px;border-color:hsl(var(--border) / .5);background-color:hsl(var(--muted) / .6);padding:1rem}.blog-article pre code{border-width:0px;background-color:transparent;padding:0;font-size:.875rem;line-height:1.25rem}.blog-article hr{margin-top:2.5rem;margin-bottom:2.5rem;--tw-border-opacity: 1;border-color:hsl(var(--border) / var(--tw-border-opacity, 1))}.blog-article img{margin-top:2rem;margin-bottom:2rem;border-radius:var(--radius);--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.blog-article table{margin-bottom:2rem;width:100%;border-collapse:collapse;font-size:.875rem;line-height:1.25rem}@media (min-width: 768px){.blog-article table{font-size:1rem;line-height:1.5rem}}.blog-article th,.blog-article td{border-width:1px;--tw-border-opacity: 1;border-color:hsl(var(--border) / var(--tw-border-opacity, 1));padding:.625rem 1rem;text-align:left}.blog-article th{--tw-bg-opacity: 1;background-color:hsl(var(--muted) / var(--tw-bg-opacity, 1));font-weight:600;--tw-text-opacity: 1;color:hsl(var(--foreground) / var(--tw-text-opacity, 1))}.blog-article td{color:hsl(var(--foreground) / .85)}.blog-article li>ul,.blog-article li>ol{margin-top:.5rem;margin-bottom:.5rem}.blog-article li>p{margin-bottom:.5rem}.blog-article br{display:block;height:1rem;--tw-content: "";content:var(--tw-content)}.blog-article h2+p,.blog-article h2+ul,.blog-article h2+ol{margin-top:1rem}.blog-article h3+p,.blog-article h3+ul,.blog-article h3+ol{margin-top:.75rem}.blog-header{width:100%;padding-top:5rem;padding-bottom:3rem}@media (min-width: 768px){.blog-header{padding-top:7rem}}.blog-header-image{margin-bottom:2.5rem;width:100%;overflow:hidden;border-radius:1rem;--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);aspect-ratio:21 / 9}.blog-header-image img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover}.blog-header-tags{margin-bottom:1.5rem;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.blog-header-title{margin-bottom:1.5rem;font-size:2.25rem;line-height:2.5rem;font-weight:700;line-height:1.25;letter-spacing:-.025em;--tw-text-opacity: 1;color:hsl(var(--foreground) / var(--tw-text-opacity, 1))}@media (min-width: 768px){.blog-header-title{font-size:3rem;line-height:1}}@media (min-width: 1024px){.blog-header-title{font-size:3.75rem;line-height:1}}.blog-header-description{margin-bottom:2rem;font-size:1.25rem;line-height:1.75rem;line-height:1.625;--tw-text-opacity: 1;color:hsl(var(--muted-foreground) / var(--tw-text-opacity, 1))}@media (min-width: 768px){.blog-header-description{font-size:1.5rem;line-height:2rem}}.blog-layout{margin-left:auto;margin-right:auto;width:100%;max-width:80rem;padding:4rem 1rem 5rem}@media (min-width: 768px){.blog-layout{padding-left:1.5rem;padding-right:1.5rem}}.blog-layout{display:flex;flex-direction:column;gap:2rem}@media (min-width: 1280px){.blog-layout{flex-direction:row;gap:3rem}}.blog-layout{border-top-width:1px;--tw-border-opacity: 1;border-color:hsl(var(--border) / var(--tw-border-opacity, 1))}.blog-content{flex:1 1 0%;padding-left:0;padding-right:0;padding-top:0;max-width:56rem}.blog-author-big{display:flex;flex-direction:row;align-items:center;gap:1rem}.blog-author-big-avatar{width:3rem;height:3rem;border-radius:9999px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: hsl(var(--border) / var(--tw-ring-opacity, 1))}.blog-author-big-info>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.blog-author-big-name{font-size:1rem;line-height:1.5rem;font-weight:600;--tw-text-opacity: 1;color:hsl(var(--foreground) / var(--tw-text-opacity, 1))}.blog-author-big-date{font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:hsl(var(--muted-foreground) / var(--tw-text-opacity, 1))}.blog-author-small{display:flex;flex-direction:row;align-items:center;gap:.75rem}.blog-author-small-avatar{width:2.5rem;height:2.5rem;border-radius:9999px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: hsl(var(--border) / var(--tw-ring-opacity, 1))}.blog-author-small-info>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.125rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.125rem * var(--tw-space-y-reverse))}.blog-author-small-name{font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:hsl(var(--foreground) / var(--tw-text-opacity, 1))}.blog-author-small-readtime{display:flex;align-items:center;gap:.25rem;font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:hsl(var(--muted-foreground) / var(--tw-text-opacity, 1))}.blog-cta{width:100%;padding-bottom:5rem}.blog-not-found{display:flex;min-height:60vh;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;padding-left:1rem;padding-right:1rem}.blog-not-found-title{background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from: hsl(var(--primary) / 1) var(--tw-gradient-from-position);--tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: hsl(var(--primary) / .6) var(--tw-gradient-to-position);-webkit-background-clip:text;background-clip:text;font-size:2.25rem;line-height:2.5rem;font-weight:700;color:transparent}@media (min-width: 768px){.blog-not-found-title{font-size:3rem;line-height:1}}.blog-not-found-description{max-width:28rem;text-align:center;font-size:1.125rem;line-height:1.75rem;--tw-text-opacity: 1;color:hsl(var(--muted-foreground) / var(--tw-text-opacity, 1))}
