.callout-block.svelte-sxx0n0{--bg-color: var(--color--page-background);--accent-color: transparent;--text-color: var(--color--text);margin:40px 0 30px;padding:25px;border-top-right-radius:10px;border-bottom-right-radius:10px;background:var(--bg-color);color:var(--text-color);border-left:4px solid var(--accent-color);position:relative}.callout-block.svelte-sxx0n0 .icon-wrapper:where(.svelte-sxx0n0){position:absolute;width:50px;height:50px;top:0;left:0;transform:translate(calc(-50% - 1.5px),-50%);background:var(--color--post-page-background);padding:8px;border-radius:50%;fill:var(--accent-color);color:var(--accent-color)}.callout-block.info.svelte-sxx0n0{--bg-color: var(--color--callout-background--info);--accent-color: var(--color--callout-accent--info)}.callout-block.warning.svelte-sxx0n0{--bg-color: var(--color--callout-background--warning);--accent-color: var(--color--callout-accent--warning)}.callout-block.error.svelte-sxx0n0{--bg-color: var(--color--callout-background--error);--accent-color: var(--color--callout-accent--error)}.callout-block.success.svelte-sxx0n0{--bg-color: var(--color--callout-background--success);--accent-color: var(--color--callout-accent--success)}.file-icon.svelte-ugzq3y{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.file-icon.svelte-ugzq3y svg{width:100%;height:100%;display:block}.code-block.svelte-9p8kxl figure:where(.svelte-9p8kxl){margin:1.5em 0;position:relative;box-shadow:var(--code-box-shaow)}.code-block.svelte-9p8kxl figure:where(.svelte-9p8kxl) figcaption:where(.svelte-9p8kxl)+pre.shiki{border-top-left-radius:0;border-top-right-radius:0}.code-block.svelte-9p8kxl figure:where(.svelte-9p8kxl):hover .copy-button{opacity:.4}.code-block.svelte-9p8kxl figure:where(.svelte-9p8kxl) .copy-button{position:absolute;top:8px;right:8px;z-index:2;opacity:0;transition:opacity .2s ease-in-out;width:20ch}.code-block.svelte-9p8kxl figure:where(.svelte-9p8kxl) .copy-button:hover{opacity:.7!important}.code-block.svelte-9p8kxl figure:where(.svelte-9p8kxl):has(figcaption.filename-container:where(.svelte-9p8kxl)) .copy-button{top:42px}.code-block.svelte-9p8kxl figcaption.filename-container:where(.svelte-9p8kxl){width:100%;background:var(--color--secondary-tint);border:.5px solid rgba(var(--color--secondary-rgb),.5);border-bottom:.5px solid rgba(var(--color--secondary-rgb),.25);border-radius:8px 8px 0 0;display:inline-block;padding:.5em 1em;position:relative;top:.5px;z-index:1;margin-bottom:-.5px}.code-block.svelte-9p8kxl figcaption.filename-container:where(.svelte-9p8kxl) .caption-background:where(.svelte-9p8kxl){position:absolute;top:0;left:0;right:0;bottom:0;border-radius:8px 8px 0 0;z-index:-1;opacity:.1}.code-block.svelte-9p8kxl figcaption.filename-container:where(.svelte-9p8kxl) .filename-content:where(.svelte-9p8kxl){display:flex;align-items:center;gap:.5em}.code-block.svelte-9p8kxl figcaption.filename-container:where(.svelte-9p8kxl) .filename:where(.svelte-9p8kxl){font-family:var(--font--mono),monospace;font-size:14px}.code-block.svelte-9p8kxl figcaption.filename-container:where(.svelte-9p8kxl) .file-icon{flex-shrink:0}.code-block.svelte-9p8kxl figcaption.filename-container:where(.svelte-9p8kxl) .lang:where(.svelte-9p8kxl){display:none}