:root{--black: 0, 1%, 1%;--light-cyan: 193, 38%, 86%;--neon-green: 150, 100%, 66%;--grayish-blue: 217, 19%, 38%;--dark-grayish-blue: 217, 19%, 24%;--dark-blue: 218, 23%, 16%;--font-family: "Manrope", sans-serif}html{font-family:var(--font-family);background-color:hsl(var(--dark-blue));box-sizing:border-box;overflow-y:scroll}body{height:100vh;margin:0}._placeholderText_1gg6s_1{color:hsl(var(--neon-green));font-size:.75rem}._title_1gg6s_6{color:hsl(var(--neon-green));text-transform:uppercase;font-size:.6875rem;letter-spacing:4px;display:block}@media (min-width: 48em){._title_1gg6s_6{font-size:.8125rem}}._text_1gg6s_19{color:hsl(var(--light-cyan));font-size:1.375rem;line-height:1.5}@media (min-width: 48em){._text_1gg6s_19{font-size:1.625rem}}._separator_1gg6s_30{--leftAdjust: -9px;--rightAdjust: -17px;--zeroValue: 0;--size: 20px;width:100%;border:0 none;height:var(--size);background-image:linear-gradient(hsl(var(--grayish-blue)) 0%,hsl(var(--grayish-blue)) 100%),linear-gradient(hsl(var(--grayish-blue)) 0%,hsl(var(--grayish-blue)) 100%);background-size:43% 1px,43% 1px;background-position:left center,right center;background-repeat:no-repeat;position:relative}._separator_1gg6s_30:after,._separator_1gg6s_30:before{--size: 15px;content:"";position:absolute;background-color:hsl(var(--light-cyan));border-radius:10px;height:var(--size);width:6px;top:0;bottom:0;margin:auto}._separator_1gg6s_30:before{left:-9px;right:var(--zeroValue)}._separator_1gg6s_30:after{right:var(--rightAdjust);left:var(--zeroValue)}._dice_1gg6s_65{--size: 65px;--pull: -32px;--disableBtn: inherit;cursor:pointer;background:hsl(var(--neon-green));border:0;border-radius:50%;display:flex;justify-content:center;align-items:center;margin:auto;position:absolute;left:0;right:0;bottom:var(--pull);width:var(--size);height:var(--size);transition:.2s ease-in-out;pointer-events:var(--disableBtn)}._dice_1gg6s_65:hover{filter:drop-shadow(0px 0px 20px hsl(var(--neon-green)));box-shadow:0 0 10px 4px hsl(var(--neon-green))}._dice_1gg6s_65>span{--size: 25px;--radius: 3px;color:transparent;background:hsl(var(--dark-blue));width:var(--size);height:var(--size);border-radius:var(--radius);display:block;transition:.25s ease-in-out;background-image:radial-gradient(50% 50% at 50% 50%,hsl(var(--neon-green)) 90%,transparent 100%),radial-gradient(50% 50% at 50% 50%,hsl(var(--neon-green)) 90%,transparent 100%),radial-gradient(50% 50% at 50% 50%,hsl(var(--neon-green)) 90%,transparent 100%),radial-gradient(50% 50% at 50% 50%,hsl(var(--neon-green)) 90%,transparent 100%),radial-gradient(50% 50% at 50% 50%,hsl(var(--neon-green)) 90%,transparent 100%);background-repeat:no-repeat;background-size:3px 3px;background-position:6px 6px,16px 6px,16px 16px,6px 16px,center center}button.dice-loading{--disableBtn: none;animation:breath 1s forwards}button.dice-loading>span{background-position:6px 6px,16px 6px,16px 16px,6px 16px,center center;background-size:3px 3px,3px 3px,3px 3px,3px 3px,0 0;animation:loading 1s infinite}@keyframes loading{0%{background-position:center 6px,16px 6px,center 16px,center center,center center;background-size:3px 3px,0px 0px,3px 3px,3px 3px,0 0}50%{background-position:16px center,16px 6px,6px center,center center,center center;background-size:3px 3px,0px 0px,3px 3px,0px 0px,0 0}70%{background-position:center center,16px 6px,center center,center center,center center;background-size:3px 3px,0px 0px,0px 0px,0px 0px,0 0}to{background-position:6px 6px,16px 6px,16px 16px,6px 16px,center center;background-size:3px 3px,3px 3px,3px 3px,3px 3px,0 0}}@keyframes breath{0%{filter:drop-shadow(0px 0px 10px hsl(var(--neon-green)))}to{filter:drop-shadow(0px 0px 20px hsl(var(--neon-green)))}}.card:where(.astro-DOHJNAO5){background-color:hsl(var(--dark-grayish-blue));margin:auto 2.1875rem;padding:2.5rem 1.25rem 3.125rem;border-radius:.625rem;text-align:center;position:relative;min-width:20rem;max-width:33.75rem;box-shadow:21px 30px 50px -9px hsla(var(--black),.1)}@media (min-width: 48em){.card:where(.astro-DOHJNAO5){margin:auto;padding:4rem 2.5rem}}.main:where(.astro-J7PV25F6){display:grid;place-content:center;height:100%}