.blog-content.bn-container{--bn-colors-editor-text:var(--ink);--bn-colors-editor-background:transparent;--bn-colors-hovered-background:var(--accent);--bn-colors-side-menu:var(--ink-soft);--bn-border-radius-small:9999px;--blog-block-gap:.55em;color:var(--ink)}.blog-content.bn-container .bn-default-styles{font-family:var(--app-font-sans);font-size:var(--text-step-body);color:var(--ink);overflow-wrap:break-word;font-weight:400;line-height:1.7}.blog-content.bn-container .bn-default-styles .bn-block-content{padding-block:var(--blog-block-gap)}.blog-content.bn-container .bn-default-styles .bn-inline-content{text-wrap:pretty}.blog-content.bn-container .bn-default-styles .bn-block .bn-block-content[data-content-type=heading]{--level:var(--text-step-lead);letter-spacing:-.01em;text-wrap:balance;padding-top:1.6em;padding-bottom:.2em;font-weight:500;line-height:1.25}.blog-content.bn-container .bn-default-styles .bn-block .bn-block-content[data-content-type=heading][data-level="1"]{--level:calc(var(--text-step-lead) * 1.15)}.blog-content.bn-container .bn-default-styles .bn-block .bn-block-content[data-content-type=heading]:is([data-level="3"],[data-level="4"],[data-level="5"],[data-level="6"]){--level:var(--text-step-body);font-weight:600}.blog-content.bn-container .bn-default-styles>.bn-block-group>.bn-block-outer:first-child .bn-block-content{padding-top:0}.blog-content.bn-container .bn-default-styles :is(strong,b){font-weight:600}.blog-content.bn-container .bn-default-styles a{color:var(--brand-2);text-decoration:underline;-webkit-text-decoration-color:color-mix(in oklch, currentColor 45%, transparent);text-decoration-color:color-mix(in oklch, currentColor 45%, transparent);text-underline-offset:.2em;text-decoration-thickness:.07em;transition:text-decoration-color .2s}.blog-content.bn-container .bn-default-styles a:hover{text-decoration-color:currentColor}.blog-content.bn-container .bn-default-styles a:focus-visible{outline:2px solid var(--ring);outline-offset:2px;border-radius:.25rem}.blog-content.bn-container .bn-default-styles :not(pre)>code{background-color:var(--surface);border-radius:.5em;padding:.1em .4em;font-size:.9em}.blog-content.bn-container .bn-default-styles .bn-block-content:is([data-content-type=bulletListItem],[data-content-type=numberedListItem]):before{color:var(--ink-soft);font-variant-numeric:tabular-nums}.blog-content.bn-container .bn-default-styles .bn-block-content:is([data-content-type=bulletListItem],[data-content-type=numberedListItem],[data-content-type=checkListItem]){padding-block:.2em}.blog-content.bn-container .bn-default-styles .bn-block-content[data-content-type=checkListItem]>div>input{width:1rem;height:1.7em;accent-color:var(--brand);cursor:default;margin-inline:.125rem .75rem}.blog-content.bn-container .bn-default-styles .bn-block-content[data-content-type=checkListItem][data-checked=true] .bn-inline-content{color:var(--ink-soft);-webkit-text-decoration-color:color-mix(in oklch, currentColor 60%, transparent);text-decoration-color:color-mix(in oklch, currentColor 60%, transparent)}.blog-content.bn-container .bn-default-styles .bn-block-content[data-content-type=quote]{padding-block:1em}.blog-content.bn-container .bn-default-styles [data-content-type=quote] blockquote{background-color:var(--surface);color:var(--ink);font-size:var(--text-step-lead);border:0;border-radius:1.5rem;margin:0;padding:1.1em 1.4em;line-height:1.4}.blog-content.bn-container .bn-default-styles .bn-toggle-button{width:2rem;height:2rem;color:var(--ink-soft);cursor:pointer;border-radius:9999px;place-items:center;margin-inline-end:.25rem;padding:0;transition:transform .2s cubic-bezier(.22,1,.36,1),background-color .15s,color .15s;display:grid}.blog-content.bn-container .bn-default-styles .bn-toggle-button:hover{background-color:var(--accent);color:var(--ink)}.blog-content.bn-container .bn-default-styles .bn-toggle-button:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.blog-content.bn-container .bn-default-styles .bn-toggle-button>svg{width:1.125rem;height:1.125rem}.blog-content.bn-container .bn-default-styles .bn-toggle-add-block-button{display:none}@media (prefers-reduced-motion:reduce){.blog-content.bn-container .bn-default-styles .bn-toggle-button{transition:none}}.blog-content.bn-container .bn-default-styles .bn-block-group .bn-block-group{margin-left:1.5rem}.blog-content.bn-container .bn-default-styles .bn-block-group .bn-block-group .bn-block-outer:before{display:none}.blog-content.bn-container .bn-default-styles .bn-block-content[data-content-type=codeBlock]{background-color:var(--surface);color:var(--ink);border-radius:1.5rem;margin-block:.6em;padding:0}.blog-content.bn-container .bn-default-styles .bn-block-content[data-content-type=codeBlock]>pre{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:var(--text-step-small);tab-size:2;padding:1.25rem 1.5rem;line-height:1.65}.blog-content.bn-container .bn-default-styles pre.shiki,.blog-content.bn-container .bn-default-styles pre.shiki span{color:var(--shiki-light);font-style:var(--shiki-light-font-style,inherit);font-weight:var(--shiki-light-font-weight,inherit);-webkit-text-decoration:var(--shiki-light-text-decoration,inherit);text-decoration:var(--shiki-light-text-decoration,inherit)}.dark .blog-content.bn-container .bn-default-styles pre.shiki,.dark .blog-content.bn-container .bn-default-styles pre.shiki span{color:var(--shiki-dark);font-style:var(--shiki-dark-font-style,inherit);font-weight:var(--shiki-dark-font-weight,inherit);-webkit-text-decoration:var(--shiki-dark-text-decoration,inherit);text-decoration:var(--shiki-dark-text-decoration,inherit)}.blog-content.bn-container .bn-default-styles .bn-block-content[data-content-type=table]>div{width:100%;overflow-x:auto}.blog-content.bn-container .bn-default-styles [data-content-type=table] table{border-collapse:separate;border-spacing:0;width:100%;font-size:var(--text-step-small);white-space:normal;line-height:1.5}.blog-content.bn-container .bn-default-styles [data-content-type=table] :is(td,th){text-align:left;vertical-align:top;border:0;padding:.7em 1em}.blog-content.bn-container .bn-default-styles [data-content-type=table] tr:first-child :is(td,th){color:var(--ink-soft);font-weight:500}.blog-content.bn-container .bn-default-styles [data-content-type=table] tr:nth-child(2n) :is(td,th){background-color:var(--surface)}.blog-content.bn-container .bn-default-styles [data-content-type=table] tr:nth-child(2n) :is(td,th):first-child{border-start-start-radius:.75rem;border-end-start-radius:.75rem}.blog-content.bn-container .bn-default-styles [data-content-type=table] tr:nth-child(2n) :is(td,th):last-child{border-start-end-radius:.75rem;border-end-end-radius:.75rem}.blog-content.bn-container .bn-default-styles [data-file-block] .bn-file-block-content-wrapper{cursor:default;max-width:100%}.blog-content.bn-container .bn-default-styles [data-file-block] :is(.bn-visual-media,video){background-color:var(--surface);border-radius:1.5rem;max-width:100%;height:auto;display:block}.blog-content.bn-container .bn-default-styles [data-file-block] audio{width:100%}.blog-content.bn-container .bn-default-styles [data-file-block] .bn-file-caption{color:var(--ink-soft);font-size:var(--text-step-small);padding-top:.75em;line-height:1.45}.blog-content.bn-container .bn-default-styles [data-file-block] .bn-file-name-with-icon{background-color:var(--surface);border-radius:1.5rem;align-items:center;gap:.5rem;width:fit-content;padding:.6em 1em}.dark .blog-content.bn-container{--blog-gray:#bebdb8;--blog-brown:#b4846f;--blog-red:#f26a6a;--blog-orange:#ef9a4a;--blog-yellow:#e7c14f;--blog-green:#7fb3a4;--blog-blue:#5fb3e0;--blog-purple:#a98be6;--blog-pink:#ec6fb6}.dark .blog-content.bn-container [data-style-type=textColor][data-value=gray],.dark .blog-content.bn-container [data-text-color=gray]{color:var(--blog-gray)}.dark .blog-content.bn-container [data-style-type=textColor][data-value=brown],.dark .blog-content.bn-container [data-text-color=brown]{color:var(--blog-brown)}.dark .blog-content.bn-container [data-style-type=textColor][data-value=red],.dark .blog-content.bn-container [data-text-color=red]{color:var(--blog-red)}.dark .blog-content.bn-container [data-style-type=textColor][data-value=orange],.dark .blog-content.bn-container [data-text-color=orange]{color:var(--blog-orange)}.dark .blog-content.bn-container [data-style-type=textColor][data-value=yellow],.dark .blog-content.bn-container [data-text-color=yellow]{color:var(--blog-yellow)}.dark .blog-content.bn-container [data-style-type=textColor][data-value=green],.dark .blog-content.bn-container [data-text-color=green]{color:var(--blog-green)}.dark .blog-content.bn-container [data-style-type=textColor][data-value=blue],.dark .blog-content.bn-container [data-text-color=blue]{color:var(--blog-blue)}.dark .blog-content.bn-container [data-style-type=textColor][data-value=purple],.dark .blog-content.bn-container [data-text-color=purple]{color:var(--blog-purple)}.dark .blog-content.bn-container [data-style-type=textColor][data-value=pink],.dark .blog-content.bn-container [data-text-color=pink]{color:var(--blog-pink)}.dark .blog-content.bn-container [data-style-type=backgroundColor][data-value=gray],.dark .blog-content.bn-container [data-background-color=gray]{background-color:color-mix(in oklch, var(--blog-gray) 24%, transparent)}.dark .blog-content.bn-container [data-style-type=backgroundColor][data-value=brown],.dark .blog-content.bn-container [data-background-color=brown]{background-color:color-mix(in oklch, var(--blog-brown) 28%, transparent)}.dark .blog-content.bn-container [data-style-type=backgroundColor][data-value=red],.dark .blog-content.bn-container [data-background-color=red]{background-color:color-mix(in oklch, var(--blog-red) 28%, transparent)}.dark .blog-content.bn-container [data-style-type=backgroundColor][data-value=orange],.dark .blog-content.bn-container [data-background-color=orange]{background-color:color-mix(in oklch, var(--blog-orange) 28%, transparent)}.dark .blog-content.bn-container [data-style-type=backgroundColor][data-value=yellow],.dark .blog-content.bn-container [data-background-color=yellow]{background-color:color-mix(in oklch, var(--blog-yellow) 26%, transparent)}.dark .blog-content.bn-container [data-style-type=backgroundColor][data-value=green],.dark .blog-content.bn-container [data-background-color=green]{background-color:color-mix(in oklch, var(--blog-green) 28%, transparent)}.dark .blog-content.bn-container [data-style-type=backgroundColor][data-value=blue],.dark .blog-content.bn-container [data-background-color=blue]{background-color:color-mix(in oklch, var(--blog-blue) 28%, transparent)}.dark .blog-content.bn-container [data-style-type=backgroundColor][data-value=purple],.dark .blog-content.bn-container [data-background-color=purple]{background-color:color-mix(in oklch, var(--blog-purple) 28%, transparent)}.dark .blog-content.bn-container [data-style-type=backgroundColor][data-value=pink],.dark .blog-content.bn-container [data-background-color=pink]{background-color:color-mix(in oklch, var(--blog-pink) 28%, transparent)}.blog-content.bn-container .bn-default-styles [data-content-type=divider] hr{height:auto;color:var(--ink-soft);text-align:center;background:0 0;border:0;margin:.75em 0}.blog-content.bn-container .bn-default-styles [data-content-type=divider] hr:after{content:"·  ·  ·";white-space:pre;letter-spacing:.2em}.blog-content.bn-container .bn-default-styles .bn-toggle-frame:has(>.bn-toggle-slot>[data-content-type=heading]){padding-top:1.6em}.blog-content.bn-container .bn-default-styles .bn-block-outer .bn-block .bn-toggle-frame .bn-toggle-slot>.bn-block-content[data-content-type=heading]{padding-top:0;font-weight:500}.blog-content.bn-container .bn-default-styles .bn-block-outer .bn-block .bn-toggle-frame .bn-toggle-slot>.bn-block-content[data-content-type=heading]:is([data-level="3"],[data-level="4"],[data-level="5"],[data-level="6"]){font-weight:600}.blog-content.bn-container .bn-default-styles pre.shiki{background-color:var(--shiki-light-bg,var(--surface))}.blog-content.bn-container .bn-default-styles .bn-block-content[data-content-type=codeBlock]:has(>pre.shiki){background-color:var(--shiki-light-bg,var(--surface))}.dark .blog-content.bn-container .bn-default-styles pre.shiki{background-color:var(--shiki-dark-bg,var(--surface))}.dark .blog-content.bn-container .bn-default-styles .bn-block-content[data-content-type=codeBlock]:has(>pre.shiki){background-color:var(--shiki-dark-bg,var(--surface))}.blog-content.bn-container .bn-default-styles pre.shiki{border-radius:inherit}
