@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-dialog-content{color:#d4d4d4;box-shadow:0 0 0 1px #c8c8c8, 0 0 0 4px #262626, calc(-1 * var(--box-shadow-width)) 0 0 0 #000, var(--box-shadow-width) 0 0 0 #000, 0 var(--box-shadow-width) 0 0 #000, 0 calc(-1 * var(--box-shadow-width)) 0 0 #000;background-color:#000}
.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)}
@keyframes pixelact-dialog-overlay-out{0%{opacity:1}to{opacity:0}}@keyframes pixelact-dialog-content-out{0%{opacity:1}to{opacity:0}}.pixel-dialog-overlay[data-state=closed]{animation:.2s ease-out forwards pixelact-dialog-overlay-out}.pixel-dialog-content[data-state=closed]{animation:.2s ease-out forwards pixelact-dialog-content-out}
