.code-block-wrapper{position:relative}.copy-btn{position:absolute;top:1rem;right:1rem;padding:.35rem;font-size:1.25rem;line-height:1;background:transparent;color:var(--color-accent-pink);border:none;cursor:pointer;opacity:0;transition:opacity .2s,transform .3s;display:flex;align-items:center;justify-content:center}.code-block-wrapper:hover .copy-btn{opacity:1}.copy-btn iconify-icon{position:absolute;transition:opacity .3s ease}.copy-btn .icon-outline{opacity:1}.copy-btn .icon-hover,.copy-btn .icon-solid,.copy-btn:hover .icon-outline{opacity:0}.copy-btn:hover .icon-hover{opacity:1}.copy-btn.copied .icon-outline,.copy-btn.copied .icon-hover{opacity:0}.copy-btn.copied .icon-solid{opacity:1}.copy-feedback{position:absolute;top:2.5rem;right:.5rem;font-family:var(--font-mono);font-size:.75rem;font-weight:600;color:var(--color-accent-pink);text-align:center;display:none}.copy-feedback.show{display:block}@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-leading:initial;--tw-font-weight:initial}}}.blog-title.svelte-tbeo43{font-family:var(--font-exposure,"Exposure",serif);font-size:var(--text-3xl,1.875rem);line-height:var(--tw-leading,var(--text-3xl--line-height, 1.2 ));--tw-leading:var(--leading-normal,1.5);line-height:var(--leading-normal,1.5);--tw-font-weight:375;font-weight:375}@media(min-width:48rem){.blog-title.svelte-tbeo43{font-size:var(--text-5xl,3rem);line-height:var(--tw-leading,var(--text-5xl--line-height,1))}}.blog-tag.svelte-tbeo43{font-family:var(--font-mono,"Fira Code",monospace);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));--tw-leading:1;text-transform:uppercase;line-height:1}@media(min-width:48rem){.blog-tag.svelte-tbeo43{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)))}}time.blog-date.svelte-tbeo43{font-family:var(--font-mono,"Fira Code",monospace);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));--tw-leading:var(--leading-normal,1.5);line-height:var(--leading-normal,1.5);text-transform:uppercase}@media(min-width:48rem){time.blog-date.svelte-tbeo43{font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height, 1.5 ))}}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}