@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight:initial;--tw-duration:initial;--tw-leading:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-border-style:solid;--tw-ease:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}}}.blog-detail-page{background-color:var(--background);z-index:1;min-height:100vh;position:relative}.blog-detail{color:var(--foreground);padding-top:clamp(2.5rem,5vw,4rem);padding-bottom:clamp(4rem,8vw,6rem)}@media (min-width:64rem){.blog-detail{margin-inline:auto;margin-block:calc(var(--spacing,.25rem) * 0);justify-content:center;align-items:flex-start;gap:calc(var(--spacing,.25rem) * 8);max-width:1800px;padding-inline:calc(var(--spacing,.25rem) * 8);display:flex}}.blog-detail{width:100%;min-height:100vh;position:relative}.blog-detail__inner{width:100%;padding-inline:calc(var(--spacing,.25rem) * 3);margin-inline:auto}@media (min-width:48rem){.blog-detail__inner{padding-inline:calc(var(--spacing,.25rem) * 12)}}@media (min-width:64rem){.blog-detail__inner{padding-inline:calc(var(--spacing,.25rem) * 20)}}@media (min-width:80rem){.blog-detail__inner{padding-inline:calc(var(--spacing,.25rem) * 20)}}@media (hover:hover){.blog-detail__back:hover{gap:calc(var(--spacing,.25rem) * 2.5);color:var(--foreground)}}.blog-detail__back{margin-bottom:calc(var(--spacing,.25rem) * 8);align-items:center;gap:calc(var(--spacing,.25rem) * 2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;text-decoration-line:none;transition-duration:.3s;display:inline-flex}.blog-detail__title{margin-bottom:calc(var(--spacing,.25rem) * 6);--tw-leading:1.15;--tw-font-weight:var(--font-weight-extrabold,800);font-size:clamp(2rem,5vw,3.25rem);line-height:1.15;font-weight:var(--font-weight-extrabold,800);--tw-tracking:calc(.03em * -1);letter-spacing:-.03em;color:var(--foreground)}.blog-detail__meta{margin-bottom:calc(var(--spacing,.25rem) * 10);align-items:center;gap:calc(var(--spacing,.25rem) * 2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));flex-wrap:wrap;display:flex}.blog-detail__meta-author{--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600)}.blog-detail__cover{aspect-ratio:var(--aspect-video,16 / 9);--tw-shadow:0 24px 64px var(--tw-shadow-color,#00000059);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);margin-bottom:calc(var(--spacing,.25rem) * 12);border-radius:var(--radius-3xl,1.5rem);border-style:var(--tw-border-style);--tw-border-style:solid;border:1px solid #ffffff0d;width:100%;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.blog-detail__cover{border-color:color-mix(in oklab, var(--color-white,#fff) 5%, transparent)}}.blog-detail__cover{background:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.blog-detail__cover{background:color-mix(in srgb, var(--foreground) 6%, transparent)}}.blog-detail__cover-img{object-fit:fill;width:100%;height:100%;transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.7s;transition-duration:.7s}@media (hover:hover){.blog-detail__cover-img:hover{scale:1.02}}.blog-detail__cover-placeholder{background:linear-gradient(135deg,#7c6af72e 0%,#06b6d42e 100%);width:100%;height:100%}.blog-detail__lead{border-left-style:var(--tw-border-style);--tw-border-style:solid;padding-left:calc(var(--spacing,.25rem) * 6);margin-bottom:calc(var(--spacing,.25rem) * 12);font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75 / 1.125)));--tw-leading:var(--leading-relaxed,1.625);line-height:var(--leading-relaxed,1.625);--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);border-style:solid;border-left-width:4px}@media (min-width:48rem){.blog-detail__lead{font-size:var(--text-xl,1.25rem);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75 / 1.25)))}}.blog-detail__lead{border-image:linear-gradient(#7c6af7 0%,#06b6d4 100%) 1}.blog-detail__divider{opacity:.3;height:1px;margin-bottom:calc(var(--spacing,.25rem) * 12);background:linear-gradient(90deg,#7c6af7 0%,#06b6d4 50%,#0000 100%);width:100%}.blog-detail__content{font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height,calc(1.5 / 1)));--tw-leading:var(--leading-relaxed,1.625);line-height:var(--leading-relaxed,1.625);flex-direction:column;display:flex}.blog-detail__paragraph{margin-bottom:calc(var(--spacing,.25rem) * 6);font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height,calc(1.5 / 1)));--tw-leading:var(--leading-relaxed,1.625);line-height:var(--leading-relaxed,1.625)}@media (min-width:48rem){.blog-detail__paragraph{font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75 / 1.125)))}}.blog-detail__h1{margin-top:calc(var(--spacing,.25rem) * 12);margin-bottom:calc(var(--spacing,.25rem) * 6);font-size:var(--text-3xl,1.875rem);line-height:var(--tw-leading,var(--text-3xl--line-height,calc(2.25 / 1.875)));--tw-font-weight:var(--font-weight-extrabold,800);font-weight:var(--font-weight-extrabold,800);--tw-tracking:var(--tracking-tight,-.025em);letter-spacing:var(--tracking-tight,-.025em);color:var(--foreground)}@media (min-width:48rem){.blog-detail__h1{font-size:var(--text-4xl,2.25rem);line-height:var(--tw-leading,var(--text-4xl--line-height,calc(2.5 / 2.25)))}}.blog-detail__h2{margin-top:calc(var(--spacing,.25rem) * 12);margin-bottom:calc(var(--spacing,.25rem) * 6);border-left-style:var(--tw-border-style);--tw-border-style:solid;padding-left:calc(var(--spacing,.25rem) * 5);font-size:var(--text-2xl,1.5rem);line-height:var(--tw-leading,var(--text-2xl--line-height,calc(2 / 1.5)));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);--tw-tracking:var(--tracking-tight,-.025em);letter-spacing:var(--tracking-tight,-.025em);color:var(--foreground);border-style:solid;border-left-width:4px;position:relative}@media (min-width:48rem){.blog-detail__h2{font-size:var(--text-3xl,1.875rem);line-height:var(--tw-leading,var(--text-3xl--line-height,calc(2.25 / 1.875)))}}.blog-detail__h2{border-image:linear-gradient(#7c6af7,#06b6d4) 1}.blog-detail__h3{margin-top:calc(var(--spacing,.25rem) * 10);margin-bottom:calc(var(--spacing,.25rem) * 4);font-size:var(--text-xl,1.25rem);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75 / 1.25)));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);--tw-tracking:var(--tracking-tight,-.025em);letter-spacing:var(--tracking-tight,-.025em);color:var(--foreground)}@media (min-width:48rem){.blog-detail__h3{font-size:var(--text-2xl,1.5rem);line-height:var(--tw-leading,var(--text-2xl--line-height,calc(2 / 1.5)))}}.blog-detail__h4{margin-top:calc(var(--spacing,.25rem) * 8);margin-bottom:calc(var(--spacing,.25rem) * 3);font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75 / 1.125)));--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:var(--foreground)}.blog-detail__h5{margin-top:calc(var(--spacing,.25rem) * 6);margin-bottom:calc(var(--spacing,.25rem) * 2);font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height,calc(1.5 / 1)));--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:var(--foreground)}.blog-detail__h6{margin-top:calc(var(--spacing,.25rem) * 6);margin-bottom:calc(var(--spacing,.25rem) * 2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:var(--foreground)}.blog-detail__blockquote{margin-block:calc(var(--spacing,.25rem) * 8);border-top-right-radius:var(--radius-2xl,1rem);border-bottom-right-radius:var(--radius-2xl,1rem);border-left-style:var(--tw-border-style);--tw-border-style:solid;padding-block:calc(var(--spacing,.25rem) * 4);padding-left:calc(var(--spacing,.25rem) * 6);font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75 / 1.125)));--tw-leading:var(--leading-relaxed,1.625);line-height:var(--leading-relaxed,1.625);border-style:solid;border-left-width:4px;font-style:italic}@media (min-width:48rem){.blog-detail__blockquote{font-size:var(--text-xl,1.25rem);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75 / 1.25)))}}.blog-detail__blockquote{background:linear-gradient(90deg, var(--foreground) 0%, transparent 100%);border-image:linear-gradient(#7c6af7,#06b6d4) 1}@supports (color:color-mix(in lab, red, red)){.blog-detail__blockquote{background:linear-gradient(90deg, color-mix(in srgb, var(--foreground) 3%, transparent) 0%, transparent 100%)}}.blog-detail__blockquote{color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.blog-detail__blockquote{color:color-mix(in srgb, var(--foreground) 75%, transparent)}}.blog-detail__code-block{margin-block:calc(var(--spacing,.25rem) * 6);border-radius:var(--radius-2xl,1rem);border-style:var(--tw-border-style);--tw-border-style:solid;border:1px solid #ffffff0d;position:relative;overflow-x:auto}@supports (color:color-mix(in lab, red, red)){.blog-detail__code-block{border-color:color-mix(in oklab, var(--color-white,#fff) 5%, transparent)}}.blog-detail__code-block{padding-inline:calc(var(--spacing,.25rem) * 5);padding-top:calc(var(--spacing,.25rem) * 10);padding-bottom:calc(var(--spacing,.25rem) * 5);--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);background:#0a0a14f2;font-family:JetBrains Mono,Fira Code,monospace}.blog-detail__code-block:before{content:"";top:calc(var(--spacing,.25rem) * 3.5);left:calc(var(--spacing,.25rem) * 4);height:calc(var(--spacing,.25rem) * 3);gap:calc(var(--spacing,.25rem) * 1.5);background-color:#0000;background-image:radial-gradient(circle,#ff5f56 5px,#0000 6px),radial-gradient(circle,#ffbd2e 5px,#0000 6px),radial-gradient(circle,#27c93f 5px,#0000 6px);background-position:0 0,14px 0,28px 0;background-repeat:no-repeat;background-size:8px 8px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;width:36px;display:flex;position:absolute}.blog-detail__inline-code{border-radius:var(--radius-md,.375rem);border-style:var(--tw-border-style);border-width:1px;border-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.blog-detail__inline-code{border-color:color-mix(in oklab, var(--color-white,#fff) 5%, transparent)}}.blog-detail__inline-code{padding-inline:calc(var(--spacing,.25rem) * 1.5);padding-block:calc(var(--spacing,.25rem) * .5);--tw-font-weight:var(--font-weight-semibold,600);font-size:.88em;font-weight:var(--font-weight-semibold,600);color:var(--color-cyan-300,#53eafd);background:var(--foreground)}@supports (color:lab(0% 0 0)){.blog-detail__inline-code{color:var(--color-cyan-300,lab(85.3886% -36.7636 -21.5716))}}@supports (color:color-mix(in lab, red, red)){.blog-detail__inline-code{background:color-mix(in srgb, var(--foreground) 5%, transparent)}}.blog-detail__inline-code{font-family:JetBrains Mono,Fira Code,monospace}.blog-detail__ul{margin-block:calc(var(--spacing,.25rem) * 6);gap:calc(var(--spacing,.25rem) * 3);padding-left:calc(var(--spacing,.25rem) * 6);flex-direction:column;list-style-type:none;display:flex}.blog-detail__ul>li{padding-left:calc(var(--spacing,.25rem) * 6);font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height,calc(1.5 / 1)));--tw-leading:var(--leading-relaxed,1.625);line-height:var(--leading-relaxed,1.625);position:relative}@media (min-width:48rem){.blog-detail__ul>li{font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75 / 1.125)))}}.blog-detail__ul>li:before{content:"✦";top:calc(var(--spacing,.25rem) * 1);left:calc(var(--spacing,.25rem) * 0);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:var(--color-cyan-400,#00d2ef);position:absolute}@supports (color:lab(0% 0 0)){.blog-detail__ul>li:before{color:var(--color-cyan-400,lab(76.6045% -40.9406 -29.6231))}}.blog-detail__ol{margin-block:calc(var(--spacing,.25rem) * 6);gap:calc(var(--spacing,.25rem) * 3);padding-left:calc(var(--spacing,.25rem) * 6);flex-direction:column;list-style-type:decimal;display:flex}.blog-detail__ol>li{padding-left:calc(var(--spacing,.25rem) * 2);font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height,calc(1.5 / 1)));--tw-leading:var(--leading-relaxed,1.625);line-height:var(--leading-relaxed,1.625)}@media (min-width:48rem){.blog-detail__ol>li{font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75 / 1.125)))}}.blog-detail__li{--tw-leading:var(--leading-relaxed,1.625);line-height:var(--leading-relaxed,1.625)}.blog-detail__link{border-bottom-style:var(--tw-border-style);border-color:#00d2ef4d;border-bottom-width:1px}@supports (color:color-mix(in lab, red, red)){.blog-detail__link{border-color:color-mix(in oklab, var(--color-cyan-400,lab(76.6045% -40.9406 -29.6231)) 30%, transparent)}}.blog-detail__link{--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.2s;text-decoration-line:none;transition-duration:.2s}@media (hover:hover){.blog-detail__link:hover{border-color:var(--color-cyan-400,#00d2ef);color:var(--color-cyan-300,#53eafd)}@supports (color:lab(0% 0 0)){.blog-detail__link:hover{border-color:var(--color-cyan-400,lab(76.6045% -40.9406 -29.6231));color:var(--color-cyan-300,lab(85.3886% -36.7636 -21.5716))}}}.blog-detail__link{color:#06b6d4}:is(.dark *) .blog-detail__link{color:#22d3ee}.blog-detail__bold{--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:var(--foreground)}.blog-detail__italic{font-style:italic}.blog-detail__del{color:var(--foreground);text-decoration-line:line-through}@supports (color:color-mix(in lab, red, red)){.blog-detail__del{color:color-mix(in srgb, var(--foreground) 55%, transparent)}}.blog-detail__table-wrapper{margin-block:calc(var(--spacing,.25rem) * 8);border-radius:var(--radius-2xl,1rem);border-style:var(--tw-border-style);--tw-border-style:solid;--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);width:100%;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);border-style:solid;border-width:1px;border-color:var(--foreground);overflow-x:auto}@supports (color:color-mix(in lab, red, red)){.blog-detail__table-wrapper{border-color:color-mix(in srgb, var(--foreground) 12%, transparent)}}.blog-detail__table-wrapper{background:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.blog-detail__table-wrapper{background:color-mix(in srgb, var(--foreground) 2%, transparent)}}.blog-detail__table-wrapper{-webkit-overflow-scrolling:touch}.blog-detail__table{border-collapse:collapse;text-align:left;width:100%;min-width:560px;font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))}@media (min-width:48rem){.blog-detail__table{font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height,calc(1.5 / 1)))}}.blog-detail__thead{background:linear-gradient(90deg,#7c6af724 0%,#06b6d41f 100%)}.blog-detail__th{border-bottom-style:var(--tw-border-style);--tw-border-style:solid;padding-inline:calc(var(--spacing,.25rem) * 5);padding-block:calc(var(--spacing,.25rem) * 4);vertical-align:middle;--tw-font-weight:var(--font-weight-bold,700);font-size:.78rem;font-weight:var(--font-weight-bold,700);--tw-tracking:var(--tracking-wider,.05em);letter-spacing:var(--tracking-wider,.05em);white-space:nowrap;color:var(--foreground);text-transform:uppercase;border-style:solid;border-bottom-width:1px;border-bottom-color:#7c6af759}.blog-detail__td{border-top-style:var(--tw-border-style);--tw-border-style:solid;padding-inline:calc(var(--spacing,.25rem) * 5);padding-block:calc(var(--spacing,.25rem) * 4);vertical-align:top;--tw-leading:var(--leading-relaxed,1.625);line-height:var(--leading-relaxed,1.625);border-style:solid;border-top-width:1px;border-top-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.blog-detail__td{border-top-color:color-mix(in srgb, var(--foreground) 10%, transparent)}}.blog-detail__td{color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.blog-detail__td{color:color-mix(in srgb, var(--foreground) 85%, transparent)}}.blog-detail__tbody .blog-detail__tr>.blog-detail__td:first-child{--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:var(--foreground)}.blog-detail__tbody .blog-detail__tr:nth-child(2n){background:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.blog-detail__tbody .blog-detail__tr:nth-child(2n){background:color-mix(in srgb, var(--foreground) 3%, transparent)}}.blog-detail__tbody .blog-detail__tr{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.2s;transition-duration:.2s}.blog-detail__tbody .blog-detail__tr:hover{background:#7c6af714}.blog-detail__tbody .blog-detail__tr:first-child>.blog-detail__td{border-top-style:var(--tw-border-style);border-top-width:0}.blog-detail__td .blog-detail__paragraph{margin-bottom:calc(var(--spacing,.25rem) * 0);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))}@media (min-width:48rem){.blog-detail__td .blog-detail__paragraph{font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height,calc(1.5 / 1)))}}.blog-detail__td .blog-detail__ul,.blog-detail__td .blog-detail__ol{margin-block:calc(var(--spacing,.25rem) * 0);gap:calc(var(--spacing,.25rem) * 1.5);padding-left:calc(var(--spacing,.25rem) * 4)}.blog-detail__td .blog-detail__ul>li,.blog-detail__td .blog-detail__ol>li{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))}@media (min-width:48rem){.blog-detail__td .blog-detail__ul>li,.blog-detail__td .blog-detail__ol>li{font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height,calc(1.5 / 1)))}}@media (max-width:640px){.blog-detail__th,.blog-detail__td{padding-inline:calc(var(--spacing,.25rem) * 4);padding-block:calc(var(--spacing,.25rem) * 3)}}.blog-detail__underline{text-decoration-line:underline;text-decoration-color:#00d2ef73}@supports (color:color-mix(in lab, red, red)){.blog-detail__underline{-webkit-text-decoration-color:color-mix(in oklab, var(--color-cyan-400,lab(76.6045% -40.9406 -29.6231)) 45%, transparent);-webkit-text-decoration-color:color-mix(in oklab, var(--color-cyan-400,lab(76.6045% -40.9406 -29.6231)) 45%, transparent);-webkit-text-decoration-color:color-mix(in oklab, var(--color-cyan-400,lab(76.6045% -40.9406 -29.6231)) 45%, transparent);text-decoration-color:color-mix(in oklab, var(--color-cyan-400,lab(76.6045% -40.9406 -29.6231)) 45%, transparent)}}.blog-detail__underline{text-underline-offset:4px}.blog-detail__strikethrough{text-decoration-line:line-through}.blog-faq{margin-block:calc(var(--spacing,.25rem) * 4);flex-direction:column;display:flex}.blog-faq__item{border-bottom-style:var(--tw-border-style);--tw-border-style:solid;padding-block:calc(var(--spacing,.25rem) * 5);border-style:solid;border-bottom-width:1px}@media (min-width:48rem){.blog-faq__item{padding-block:calc(var(--spacing,.25rem) * 7)}}.blog-faq__item{border-bottom-color:var(--border-subtle)}.blog-faq__q{cursor:pointer;justify-content:space-between;align-items:flex-start;gap:calc(var(--spacing,.25rem) * 5);list-style-type:none;display:flex}@media (min-width:48rem){.blog-faq__q{align-items:center}}.blog-faq__q::-webkit-details-marker{display:none}.blog-faq__q:focus-visible{outline:2px solid var(--accent-primary);outline-offset:4px;border-radius:8px}.blog-faq__q h4{margin:calc(var(--spacing,.25rem) * 0);font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height,calc(1.5 / 1)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}@media (min-width:480px){.blog-faq__q h4{font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75 / 1.125)))}}@media (min-width:48rem){.blog-faq__q h4{font-size:var(--text-xl,1.25rem);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75 / 1.25)))}}.blog-faq__q h4{--tw-leading:calc(var(--spacing,.25rem) * 8);line-height:calc(var(--spacing,.25rem) * 8)}@media (min-width:48rem){.blog-faq__q h4{--tw-leading:var(--leading-relaxed,1.625);line-height:var(--leading-relaxed,1.625)}}.blog-faq__q h4{color:var(--foreground);transition:color .3s}.blog-faq__item:hover .blog-faq__q h4{color:var(--accent-primary)}.blog-faq__q:after{content:"";border-style:var(--tw-border-style);--tw-border-style:solid;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;height:calc(var(--spacing,.25rem) * 9);width:calc(var(--spacing,.25rem) * 9);min-width:calc(var(--spacing,.25rem) * 9);border-style:solid;border-width:1px;border-radius:3.40282e38px;flex-shrink:0;transition-duration:.3s}@media (min-width:48rem){.blog-faq__q:after{height:calc(var(--spacing,.25rem) * 10);width:calc(var(--spacing,.25rem) * 10);min-width:calc(var(--spacing,.25rem) * 10)}}.blog-faq__q:after{border-color:var(--border-strong);color:var(--foreground);background-image:linear-gradient(currentColor,currentColor),linear-gradient(currentColor,currentColor);background-position:50%,50%;background-repeat:no-repeat;background-size:11px 1.5px,1.5px 11px}.blog-faq__item:hover .blog-faq__q:after{border-color:var(--accent-primary);background-color:var(--icon-accent-bg)}.blog-faq__item[open] .blog-faq__q:after{background-size:11px 1.5px,1.5px 0}.blog-faq__a{margin-top:calc(var(--spacing,.25rem) * 4)}@media (min-width:48rem){.blog-faq__a{margin-top:calc(var(--spacing,.25rem) * 6)}}.blog-faq__a{animation:.35s blog-faq-reveal}.blog-faq__a p{margin-bottom:calc(var(--spacing,.25rem) * 3);font-size:var(--section-description-size);line-height:var(--section-description-line-height);letter-spacing:var(--section-description-letter-spacing);font-weight:var(--section-description-weight);color:var(--muted-foreground)}.blog-faq__a ul,.blog-faq__a ol{margin-block:calc(var(--spacing,.25rem) * 2);gap:calc(var(--spacing,.25rem) * 2)}.blog-faq__a li{font-size:var(--section-description-size);line-height:var(--section-description-line-height);color:var(--muted-foreground)}.blog-faq__a>:last-child{margin-bottom:calc(var(--spacing,.25rem) * 0)}@keyframes blog-faq-reveal{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.blog-faq__a{animation:none}}.blog-detail__empty{padding-block:calc(var(--spacing,.25rem) * 16);text-align:center}.blog-detail__footer-nav{border-top-style:var(--tw-border-style);--tw-border-style:solid;margin-top:calc(var(--spacing,.25rem) * 16);padding-top:calc(var(--spacing,.25rem) * 8);border-style:solid;border-top-width:1px;justify-content:space-between;align-items:center;display:flex}@media (hover:hover){.blog-detail__footer-back:hover{color:var(--foreground)}}.blog-detail__footer-back{align-items:center;gap:calc(var(--spacing,.25rem) * 2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;text-decoration-line:none;transition-duration:.3s;display:inline-flex}.blog-detail__layout{margin-top:calc(var(--spacing,.25rem) * 8);align-items:flex-start;gap:calc(var(--spacing,.25rem) * 12);width:100%;display:flex}.blog-detail__sidebar{top:calc(var(--spacing,.25rem) * 24);border-right-style:var(--tw-border-style);--tw-border-style:solid;width:250px;max-height:calc(100vh - 10rem);padding-right:calc(var(--spacing,.25rem) * 6);border-style:solid;border-right-width:1px;flex-shrink:0;display:none;position:sticky;overflow-y:auto}@media (min-width:64rem){.blog-detail__sidebar{display:block}}.blog-detail__sidebar-title{margin-bottom:calc(var(--spacing,.25rem) * 5);--tw-font-weight:var(--font-weight-bold,700);font-size:.8rem;font-weight:var(--font-weight-bold,700);--tw-tracking:var(--tracking-wider,.05em);letter-spacing:var(--tracking-wider,.05em);color:var(--foreground);text-transform:uppercase}.blog-detail__sidebar-input{margin-bottom:calc(var(--spacing,.25rem) * 5);margin-left:calc(var(--spacing,.25rem) * 2);border-radius:var(--radius-lg,.5rem);border-style:var(--tw-border-style);--tw-border-style:solid;width:100%;padding-inline:calc(var(--spacing,.25rem) * 3.5);padding-block:calc(var(--spacing,.25rem) * 2.5);color:var(--foreground);background:var(--foreground);border-style:solid;border-width:1px;font-size:.85rem}@supports (color:color-mix(in lab, red, red)){.blog-detail__sidebar-input{background:color-mix(in srgb, var(--foreground) 3%, transparent)}}.blog-detail__sidebar-input{border-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.blog-detail__sidebar-input{border-color:color-mix(in srgb, var(--foreground) 12%, transparent)}}.blog-detail__sidebar-input{outline:none;transition:background .25s,border-color .25s,box-shadow .25s}.blog-detail__sidebar-input::placeholder{color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.blog-detail__sidebar-input::placeholder{color:color-mix(in srgb, var(--foreground) 45%, transparent)}}.blog-detail__sidebar-input:hover{border-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.blog-detail__sidebar-input:hover{border-color:color-mix(in srgb, var(--foreground) 20%, transparent)}}.blog-detail__sidebar-input:focus{background:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.blog-detail__sidebar-input:focus{background:color-mix(in srgb, var(--foreground) 5%, transparent)}}.blog-detail__sidebar-input:focus{border-color:#7c6af7;box-shadow:0 0 0 3px #7c6af72e}.blog-detail__sidebar-list{gap:calc(var(--spacing,.25rem) * 2);flex-direction:column;display:flex}.blog-detail__sidebar-link{cursor:pointer;border-left-style:var(--tw-border-style);--tw-border-style:solid;border-style:solid;border-left-width:2px;border-color:none;width:100%;padding-block:.35rem;padding-right:calc(var(--spacing,.25rem) * 0);padding-left:calc(var(--spacing,.25rem) * 2.5);text-align:left;font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));text-overflow:ellipsis;white-space:nowrap;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.25s;--tw-ease:ease;border-left-color:#0000;transition-duration:.25s;transition-timing-function:ease;display:block;overflow:hidden}@media (hover:hover){.blog-detail__sidebar-link:hover{--tw-translate-x:calc(var(--spacing,.25rem) * 1.5);translate:var(--tw-translate-x) var(--tw-translate-y);color:#7c6af7}}.blog-detail__sidebar-link{background:0 0}.blog-detail__sidebar-group{flex-direction:column;display:flex}.blog-detail__sidebar-sublist{margin-top:calc(var(--spacing,.25rem) * 1);margin-bottom:calc(var(--spacing,.25rem) * 1);margin-left:calc(var(--spacing,.25rem) * 2.5);gap:calc(var(--spacing,.25rem) * 1);border-left-style:var(--tw-border-style);--tw-border-style:solid;border-style:solid;border-left-width:1px;border-left-color:var(--foreground);flex-direction:column;display:flex}@supports (color:color-mix(in lab, red, red)){.blog-detail__sidebar-sublist{border-left-color:color-mix(in srgb, var(--foreground) 14%, transparent)}}.blog-detail__sidebar-link--sub{padding-left:calc(var(--spacing,.25rem) * 3);--tw-font-weight:var(--font-weight-normal,400);font-size:.78rem;font-weight:var(--font-weight-normal,400);color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.blog-detail__sidebar-link--sub{color:color-mix(in srgb, var(--foreground) 62%, transparent)}}.blog-detail__sidebar-link:hover{--tw-translate-x:calc(var(--spacing,.25rem) * 2);translate:var(--tw-translate-x) var(--tw-translate-y);color:#7c6af7}.blog-detail__sidebar-link[data-active=true]{--tw-translate-x:calc(var(--spacing,.25rem) * 1.5);translate:var(--tw-translate-x) var(--tw-translate-y);--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:#7c6af7;border-left-color:#7c6af7}.blog-detail__main-content{max-width:860px;min-width:calc(var(--spacing,.25rem) * 0);flex:1}.blog-detail__recent-sidebar{top:calc(var(--spacing,.25rem) * 24);border-left-style:var(--tw-border-style);--tw-border-style:solid;width:280px;max-height:calc(100vh - 10rem);padding-left:calc(var(--spacing,.25rem) * 6);border-style:solid;border-left-width:1px;flex-shrink:0;display:none;position:sticky;overflow-y:auto}@media (min-width:80rem){.blog-detail__recent-sidebar{display:block}}.blog-detail__recent-title{margin-bottom:calc(var(--spacing,.25rem) * 5);--tw-font-weight:var(--font-weight-bold,700);font-size:.8rem;font-weight:var(--font-weight-bold,700);--tw-tracking:var(--tracking-wider,.05em);letter-spacing:var(--tracking-wider,.05em);color:var(--foreground);text-transform:uppercase}.blog-detail__recent-list{gap:calc(var(--spacing,.25rem) * 1);flex-direction:column;display:flex}.blog-detail__recent-card{margin-inline:calc(var(--spacing,.25rem) * -2);align-items:center;gap:calc(var(--spacing,.25rem) * 3);border-radius:var(--radius-lg,.5rem);width:100%;padding:calc(var(--spacing,.25rem) * 2);flex-direction:row;text-decoration-line:none;transition:background-color .2s;display:flex}.blog-detail__recent-card:hover{background:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.blog-detail__recent-card:hover{background:color-mix(in srgb, var(--foreground) 5%, transparent)}}.blog-detail__recent-card-thumb{height:calc(var(--spacing,.25rem) * 12);width:calc(var(--spacing,.25rem) * 12);min-width:calc(var(--spacing,.25rem) * 12);border-radius:var(--radius-md,.375rem);background:var(--foreground);flex-shrink:0;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.blog-detail__recent-card-thumb{background:color-mix(in srgb, var(--foreground) 5%, transparent)}}.blog-detail__recent-card-img{object-fit:cover;width:100%;height:100%}.blog-detail__recent-card-placeholder{background:linear-gradient(135deg,#7c6af72e 0%,#06b6d42e 100%);width:100%;height:100%}.blog-detail__recent-card-title{margin:calc(var(--spacing,.25rem) * 0);-webkit-line-clamp:2;--tw-leading:1.4;--tw-font-weight:var(--font-weight-medium,500);font-size:.85rem;line-height:1.4;font-weight:var(--font-weight-medium,500);color:var(--foreground);transition-property:color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.2s;--tw-ease:ease;-webkit-box-orient:vertical;transition-duration:.2s;transition-timing-function:ease;display:-webkit-box;overflow:hidden}.blog-detail__recent-card:hover .blog-detail__recent-card-title{color:#7c6af7}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-leading{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-ease{syntax:"*";inherits:false}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}
