@layer base{:root{--bracket-color: var(--muted-foreground);--bracket-hover: var(--brand)}}@layer components{.corner-brackets{position:relative}.corner-brackets:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:linear-gradient(to right,currentColor 20px,transparent 20px) 0 0 / 20px 2px,linear-gradient(to bottom,currentColor 20px,transparent 20px) 0 0 / 2px 20px,linear-gradient(to left,currentColor 20px,transparent 20px) 100% 0 / 20px 2px,linear-gradient(to bottom,currentColor 20px,transparent 20px) 100% 0 / 2px 20px,linear-gradient(to right,currentColor 20px,transparent 20px) 0 100% / 20px 2px,linear-gradient(to top,currentColor 20px,transparent 20px) 0 100% / 2px 20px,linear-gradient(to left,currentColor 20px,transparent 20px) 100% 100% / 20px 2px,linear-gradient(to top,currentColor 20px,transparent 20px) 100% 100% / 2px 20px;background-repeat:no-repeat;color:var(--bracket-color);pointer-events:none}.corner-brackets:is(:hover,:focus-within,:has(:focus-visible)):before{color:var(--bracket-hover)}.cyberpunk-skewed-sm{position:relative;clip-path:polygon(0 6px,6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%)}.cyberpunk-skewed-sm:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,currentColor 1px,transparent 1px) 0 0 / 9px 9px,linear-gradient(-45deg,currentColor 1px,transparent 1px) 100% 100% / 9px 9px;background-repeat:no-repeat;color:var(--bracket-color);pointer-events:none;z-index:1}.cyberpunk-skewed-sm:hover:before{color:var(--bracket-hover)}.cyberpunk-skewed-sm:focus-visible{clip-path:none}}.side-art.svelte-1bv7ezn{display:none}@media(min-width:1440px){.side-art.svelte-1bv7ezn{display:block}}