@layer form{input:not([type=submit]),textarea{border:none;background:none;border-bottom:1px solid var(--color-border);transition:border .2s ease-out;color:var(--color-on-background);&:focus{border-bottom:1px solid var(--color-accent);outline:none}}button,input[type=submit]{--action-height: 3px;background:none;cursor:pointer;border:1px solid var(--color-border);text-transform:uppercase;padding:var(--size-xsmall);padding-inline:var(--size-medium);transform:translateY(0);transition:color .2s ease,transform .2s ease,border .2s ease;color:var(--color-on-background);&:after{content:"";position:absolute;display:block;background-color:currentColor;left:-1px;height:0px;width:calc(100% + 2px);border-radius:0 0 2px 2px;transition:height .2s ease}&:after{top:100%;left:-1px;width:calc(100% + 2px);border-radius:0 0 2px 2px}&:hover,&:focus-visible{transform:translateY(calc(var(--action-height) * -1));border:1px solid var(--color-accent);color:var(--color-accent);&:after{height:var(--action-height)}}&:active{transform:translateY(2px);transition:transform .1s ease-in;&:after{height:0px}}}form .input{display:flex;flex-direction:column;label{font-size:.75rem}}}:root{--shadow: 0 2px 3px 1px rgba(from var(--color-background) calc(r / 3) calc(g / 3) calc(b/2) / .5);@media(prefers-color-scheme:dark){--shadow: 0 2px 2px 0 rgba( from var(--color-background) calc(r / 3) calc(g / 3) calc(b/2) / .5 )}}:root{--border-radius-small: 2px;--border-radius-medium: var(--size-xxsmall);--border-radius-large: var(--size-small);--border-radius-xlarge: var(--size-medium);--border-radius-xxlarge: var(--size-large);--playground-outline: 2px dashed var(--color-secondary)}:root{--layer-header: 10;--layer-dialog: 20}:root{--duration-quick: .1s;--duration-normal: .3s;--duration-slow: .5s;--ease-in: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1)}blog-tag,.blog-tag{all:unset;background-color:var(--color-accent);color:var(--color-on-accent);padding-inline:var(--size-small);padding-block:var(--size-xsmall);border-radius:var(--border-radius-small);line-height:1.5}ul:has(:is(blog-tag,.blog-tag)){padding:0}@media(prefers-color-scheme:dark){.astro-code,.astro-code span{color:var(--shiki-dark)!important;background-color:var(--shiki-dark-bg)!important;font-style:var(--shiki-dark-font-style)!important;font-weight:var(--shiki-dark-font-weight)!important;text-decoration:var(--shiki-dark-text-decoration)!important}}/*!
 * Iconoir
 * Copyright (c) 2025 Luca Burgio - https://iconoir.com
 * License - https://github.com/iconoir-icons/iconoir/blob/main/LICENSE (Code: MIT License)
 * CSS file created by Till Esser (@Wiwaltill) and automated by Pascal Jufer (@paescuj)
 */*[class^=iconoir-]:before,*[class*=" iconoir-"]:before{content:" ";display:block;background:currentColor;mask-size:cover;-webkit-mask-size:cover;width:1em;height:1em}*[class^=iconoir-],*[class*=" iconoir-"]{display:inline-block}.iconoir-copy:before{mask-image:url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19.4 20H9.6C9.26863 20 9 19.7314 9 19.4V9.6C9 9.26863 9.26863 9 9.6 9H19.4C19.7314 9 20 9.26863 20 9.6V19.4C20 19.7314 19.7314 20 19.4 20Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M15 9V4.6C15 4.26863 14.7314 4 14.4 4H4.6C4.26863 4 4 4.26863 4 4.6V14.4C4 14.7314 4.26863 15 4.6 15H9" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');-webkit-mask-image:url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19.4 20H9.6C9.26863 20 9 19.7314 9 19.4V9.6C9 9.26863 9.26863 9 9.6 9H19.4C19.7314 9 20 9.26863 20 9.6V19.4C20 19.7314 19.7314 20 19.4 20Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M15 9V4.6C15 4.26863 14.7314 4 14.4 4H4.6C4.26863 4 4 4.26863 4 4.6V14.4C4 14.7314 4.26863 15 4.6 15H9" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>')}.iconoir-warning-triangle:before{mask-image:url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.0429 21H3.95705C2.41902 21 1.45658 19.3364 2.22324 18.0031L10.2662 4.01533C11.0352 2.67792 12.9648 2.67791 13.7338 4.01532L21.7768 18.0031C22.5434 19.3364 21.581 21 20.0429 21Z" stroke="currentColor" stroke-linecap="round"/><path d="M12 9V13" stroke="currentColor" stroke-linecap="round"/><path d="M12 17.01L12.01 16.9989" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');-webkit-mask-image:url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.0429 21H3.95705C2.41902 21 1.45658 19.3364 2.22324 18.0031L10.2662 4.01533C11.0352 2.67792 12.9648 2.67791 13.7338 4.01532L21.7768 18.0031C22.5434 19.3364 21.581 21 20.0429 21Z" stroke="currentColor" stroke-linecap="round"/><path d="M12 9V13" stroke="currentColor" stroke-linecap="round"/><path d="M12 17.01L12.01 16.9989" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>')}