/* Adapted from TheOrcDev/8bitcn-ui ButtonDecorations and Card (MIT).
 * Original: components/ui/8bit/{button,card}.tsx. See 8bitcn-LICENSE.txt.
 * Tailwind/React removed; translucent decoration replaced with palette colors. */
.bit-panel{position:relative;border-top:4px solid var(--sage);border-bottom:4px solid var(--sage)}
.bit-panel:before{content:"";position:absolute;inset:0;border-left:4px solid var(--sage);border-right:4px solid var(--sage);margin-inline:-4px;pointer-events:none}
.bit-button{position:relative;border:0;--edge:var(--ink)}
.bit-border{position:absolute;inset:0;pointer-events:none}
.bit-border i{position:absolute;display:block;background:var(--edge);width:6px;height:6px}
.bit-border i:nth-child(1){top:-6px;left:6px;width:calc(100% - 12px)}
.bit-border i:nth-child(2){bottom:-6px;left:6px;width:calc(100% - 12px)}
.bit-border i:nth-child(3){top:0;left:0}.bit-border i:nth-child(4){top:0;right:0}
.bit-border i:nth-child(5){bottom:0;left:0}.bit-border i:nth-child(6){bottom:0;right:0}
.bit-border i:nth-child(7){top:6px;left:-6px;height:calc(100% - 12px)}
.bit-border i:nth-child(8){top:6px;right:-6px;height:calc(100% - 12px)}
.bit-border i:nth-child(9){top:0;left:6px;width:calc(100% - 12px);height:4px;background:var(--button-light,var(--sage))}
.bit-border i:nth-child(10){bottom:0;left:6px;width:calc(100% - 12px);height:4px;background:var(--button-dark,var(--teal))}