.Generator{position:relative;display:flex;flex-direction:column;min-height:100vh;overflow:hidden}.Generator-Banner{margin:2rem 0 1rem;display:flex;justify-content:space-between;align-items:center;background:#9c0100;color:#fff;font-weight:300;text-transform:uppercase;font-size:5rem;-webkit-user-select:none;user-select:none;text-align:center}.Generator-Banner:before,.Generator-Banner:after{display:block;margin:1rem 2rem;width:5rem;min-width:5rem;height:5rem;background:transparent url(/logo-white.png) no-repeat center center;background-size:cover;content:""}.Generator-Result{flex:1;display:flex;align-items:center;margin:0 auto;padding:0 2rem 7rem;font-weight:800;color:#9c0100;text-align:center;font-size:6rem;max-width:82rem}.Generator.isRolling>.Generator-Result{opacity:0}.Generator-Footer{position:absolute;bottom:0;left:0;right:0;height:5rem;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 1rem;background:#fff;transition:transform .2s cubic-bezier(.68,-.55,.265,1.55);transition-delay:1s}.Generator.isRolling>.Generator-Footer{transform:translateY(100%)}.Generator-Footer>button{padding:.875rem 1.5rem;color:#9c0100;background:transparent;border:0;font-size:2rem;border-radius:.25rem;cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:800;transition:all .2s cubic-bezier(.68,-.55,.265,1.55);color:#888}.Generator-Footer>button:hover{transform:rotate(-2deg) scale(1.1);color:#9c0100}.Info{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:hidden;pointer-events:none}.Info-Overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#9c01004d;opacity:0;transition:opacity .2s ease;cursor:pointer}.Info-Content{position:absolute;right:0;top:0;bottom:0;padding:2rem;background:#fff;box-shadow:0 0 2rem #0000001a;transform:translate(100%);transition:transform .2s ease;width:90%;max-width:30rem;overflow-y:scroll;-webkit-overflow-scrolling:touch}.Info-Content>hr{margin:0;border:0;height:2rem}.Info-Content>p{margin:0 0 1rem;font-size:1.5rem;line-height:1.5}.Info.isShowing{pointer-events:all}.Info.isShowing .Info-Overlay{opacity:1}.Info.isShowing .Info-Content{transform:translate(0)}.Info-Thumbnails{display:flex;flex-direction:row;justify-content:space-between;margin:0 0 1rem}.Info-Thumbnails>a{width:45%;transition:transform .2s cubic-bezier(.68,-.55,.265,1.55)}.Info-Thumbnails>a:hover{transform:rotate(-5deg) scale(1.1)}.Info-Thumbnails>a>img{display:block;width:100%}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1;font-family:din-2014,sans-serif;font-weight:300;color:#555}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}a{color:#9c0100;text-decoration:none;font-weight:800}*,*:before,*:after{box-sizing:border-box}::selection{background:#9c0100;color:#fff}em{font-style:italic}strong{font-weight:700}small{font-size:.75rem}