:root{--box-shadow-width:4px;--pixel-box-shadow:calc(-1 * (var(--box-shadow-width))) 0 0 0 var(--foreground),var(--box-shadow-width) 0 0 0 var(--foreground),0 var(--box-shadow-width) 0 0 var(--foreground),0 calc(-1 * (var(--box-shadow-width))) 0 0 var(--foreground);--pixel-box-shadow-destructive:calc(-1 * (var(--box-shadow-width))) 0 0 0 var(--destructive),var(--box-shadow-width) 0 0 0 var(--destructive),0 var(--box-shadow-width) 0 0 var(--destructive),0 calc(-1 * (var(--box-shadow-width))) 0 0 var(--destructive)}.dark{--pixel-box-shadow:calc(-1 * (var(--box-shadow-width))) 0 0 0 var(--ring),var(--box-shadow-width) 0 0 0 var(--ring),0 var(--box-shadow-width) 0 0 var(--ring),0 calc(-1 * (var(--box-shadow-width))) 0 0 var(--ring)}.pixel-font{font-family:var(--font-display,"Press Start 2P"),system-ui,-apple-system,sans-serif;line-height:1.5;letter-spacing:.5px}.box-shadow-margin{margin:var(--box-shadow-width)}.pixel__button{position:relative;box-shadow:var(--pixel-box-shadow);&:after{content:"";position:absolute;bottom:0;right:0;width:100%;height:100%}&:active{transform:translateY(3px)}}.pixel-default__button{background-color:var(--primary);color:var(--primary-foreground);&:after{border-right:4px solid color-mix(in hsl,var(--primary) 70%,rgb(0,0,0));border-bottom:4px solid color-mix(in hsl,var(--primary) 70%,rgb(0,0,0))}&:hover{background-color:color-mix(in hsl,var(--primary) 90%,rgb(0,0,0))}&:active{background-color:color-mix(in hsl,var(--primary) 70%,rgb(0,0,0))}}.pixel-secondary__button{background-color:var(--color-secondary);color:var(--color-secondary-foreground);&:after{border-right:4px solid color-mix(in hsl,var(--color-secondary) 70%,rgb(0,0,0));border-bottom:4px solid color-mix(in hsl,var(--color-secondary) 70%,rgb(0,0,0))}&:hover{background-color:color-mix(in hsl,var(--color-secondary) 90%,rgb(0,0,0))}&:active{background-color:color-mix(in hsl,var(--color-secondary) 70%,rgb(0,0,0))}}.pixel-success__button{background-color:var(--success);color:var(--success-foreground);&:after{border-right:4px solid color-mix(in hsl,var(--success) 70%,rgb(0,0,0));border-bottom:4px solid color-mix(in hsl,var(--success) 70%,rgb(0,0,0))}&:hover{background-color:color-mix(in hsl,var(--success) 90%,rgb(0,0,0))}&:active{background-color:color-mix(in hsl,var(--success) 70%,rgb(0,0,0))}}.pixel-destructive__button{background-color:var(--destructive);color:var(--destructive-foreground);&:after{border-right:4px solid color-mix(in hsl,var(--destructive) 70%,rgb(77,77,77));border-bottom:4px solid color-mix(in hsl,var(--destructive) 70%,rgb(77,77,77))}&:hover{background-color:color-mix(in hsl,var(--destructive) 90%,rgb(77,77,77))}&:active{background-color:color-mix(in hsl,var(--destructive) 70%,rgb(77,77,77))}}.pixel-warning__button{background-color:var(--warning);color:var(--warning-foreground);&:after{border-right:4px solid color-mix(in hsl,var(--warning) 70%,rgb(32,32,32));border-bottom:4px solid color-mix(in hsl,var(--warning) 70%,rgb(32,32,32))}&:hover{background-color:color-mix(in hsl,var(--warning) 90%,rgb(32,32,32))}&:active{background-color:color-mix(in hsl,var(--warning) 70%,rgb(32,32,32))}}.pixel-link__button{box-shadow:none;color:var(--link);margin:0;padding:0;&:hover{background-color:transparent;color:color-mix(in hsl,var(--link) 70%,rgb(0,0,0))}&:active{color:color-mix(in hsl,var(--link) 90%,rgb(0,0,0))}&:visited{color:color-mix(in hsl,var(--link) 70%,rgb(0,0,0))}}