@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";
:root{--box-shadow-width:4px;--pixel-box-shadow:calc(-1*(var(--box-shadow-width)))0 0 0 black,var(--box-shadow-width)0 0 0 black,0 var(--box-shadow-width)0 0 black,0 calc(-1*(var(--box-shadow-width)))0 0 black;--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);--default-inner-border-color:#c8c8c8}.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{letter-spacing:.5px;font-family:"Press Start 2P",system-ui,-apple-system,sans-serif;line-height:1.5}.box-shadow-margin{margin:var(--box-shadow-width)}
.pixel__button{box-shadow:var(--pixel-box-shadow);position:relative}.pixel__button:after{content:"";width:100%;height:100%;position:absolute;bottom:0;right:0}.pixel__button:active{transform:translateY(3px)}.pixel-default__button:after{border-right:4px solid color-mix(in hsl,var(--default-inner-border-color)70%,#000);border-bottom:4px solid color-mix(in hsl,var(--default-inner-border-color)70%,#000)}.pixel-default__button:hover{background-color:var(--default-inner-border-color)}.pixel-default__button:active{background-color:color-mix(in hsl,var(--default-inner-border-color)70%,#000)}.pixel-secondary__button{background-color:var(--color-secondary);color:var(--color-secondary-foreground)}.pixel-secondary__button:after{border-right:4px solid color-mix(in hsl,var(--color-secondary)70%,#000);border-bottom:4px solid color-mix(in hsl,var(--color-secondary)70%,#000)}.pixel-secondary__button:hover{background-color:color-mix(in hsl,var(--color-secondary)90%,#000)}.pixel-secondary__button:active{background-color:color-mix(in hsl,var(--color-secondary)70%,#000)}.pixel-success__button{background-color:var(--success);color:var(--success-foreground)}.pixel-success__button:after{border-right:4px solid color-mix(in hsl,var(--success)70%,#000);border-bottom:4px solid color-mix(in hsl,var(--success)70%,#000)}.pixel-success__button:hover{background-color:color-mix(in hsl,var(--success)90%,#000)}.pixel-success__button:active{background-color:color-mix(in hsl,var(--success)70%,#000)}.pixel-destructive__button{background-color:var(--destructive);color:var(--destructive-foreground)}.pixel-destructive__button:after{border-right:4px solid color-mix(in hsl,var(--destructive)70%,#4d4d4d);border-bottom:4px solid color-mix(in hsl,var(--destructive)70%,#4d4d4d)}.pixel-destructive__button:hover{background-color:color-mix(in hsl,var(--destructive)90%,#4d4d4d)}.pixel-destructive__button:active{background-color:color-mix(in hsl,var(--destructive)70%,#4d4d4d)}.pixel-warning__button{background-color:var(--warning);color:var(--warning-foreground)}.pixel-warning__button:after{border-right:4px solid color-mix(in hsl,var(--warning)70%,#202020);border-bottom:4px solid color-mix(in hsl,var(--warning)70%,#202020)}.pixel-warning__button:hover{background-color:color-mix(in hsl,var(--warning)90%,#202020)}.pixel-warning__button:active{background-color:color-mix(in hsl,var(--warning)70%,#202020)}.pixel-link__button{box-shadow:none;color:var(--link);margin:0;padding:0}.pixel-link__button:hover{color:color-mix(in hsl,var(--link)70%,#000);background-color:#0000}.pixel-link__button:active{color:color-mix(in hsl,var(--link)90%,#000)}.pixel-link__button:visited{color:color-mix(in hsl,var(--link)70%,#000)}