.generator-page{align-items:center;display:flex;height:100vh;height:100dvh;height:100svh;justify-content:center;left:0;overflow:hidden;position:fixed;top:0;width:100vw}.generator-page.fade-out{opacity:1}.fade-out-scale{animation:fadeOutScale .5s ease-out forwards}@keyframes fadeOutScale{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.finished-button{bottom:var(--container-margin);left:var(--container-margin);margin:0 auto;max-width:var(--container-max-width);opacity:0;position:fixed;right:var(--container-margin);width:calc(100% - var(--container-margin)*2);z-index:1000}.finished-button.fade-out-bottom{animation:fadeOutBottom .5s ease-out forwards}@keyframes fadeOutBottom{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}.star-overlay{align-items:center;background:transparent;display:flex;height:100vh;height:100dvh;height:100svh;justify-content:center;left:0;pointer-events:none;position:fixed;top:0;width:100vw;z-index:1500}.star-svg{height:150px;opacity:0;width:150px}.star-overlay.star-animate .star-svg{animation:starRotateFade 2s cubic-bezier(.77,0,.175,1) forwards}@keyframes starRotateFade{0%{opacity:0;transform:rotate(0) scale(.5)}30%{opacity:1;transform:rotate(108deg) scale(1)}70%{opacity:1;transform:rotate(252deg) scale(1)}to{opacity:0;transform:rotate(1turn) scale(.5)}}@media(min-width:700px){.finished-button{left:calc(50% - 250px);width:500px}}.return-button{align-items:center;background:var(--color-primary);border-radius:var(--radius-large);border-style:solid;box-shadow:0 2px 8px #f631694d;color:var(--color-text);cursor:pointer;display:inline-flex;height:var(--button-square-size);justify-content:center;left:12px;min-height:var(--button-square-size);min-width:var(--button-square-size);padding:0;position:absolute;top:12px;-moz-user-select:none;user-select:none;-webkit-user-select:none;width:var(--button-square-size);-webkit-touch-callout:none;border:2px solid var(--color-primary);font-family:var(--font-family-base);font-weight:var(--font-weight-black);outline:none;z-index:100}.return-button:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover);box-shadow:0 4px 12px #f6316966;transform:scale(1.1)}.return-button:active{background:var(--color-primary-active);border-color:var(--color-primary-active);transform:scale(.9)!important}.return-icon{color:var(--color-text);height:100%;pointer-events:none;width:100%}