body{font-family:var(--typography-primary-font-family);font-size:18px;text-align:center;color:var(--typography-primary-font-color);background-color:var(--color-primary);overflow:hidden;h1{font-size:clamp(2em,8vw,4em);font-weight:700;margin:0 0 .25em;line-height:1em}h2{font-size:clamp(.5em,1.25em,2em);font-weight:400;margin:unset;opacity:.7}.content-selection{flex-direction:column;height:85vh}.content-selection,.row-footer{display:flex;justify-content:center}.row-footer{flex-wrap:wrap;align-items:center;height:15vh}.row-footer img{opacity:.5}.row-header{margin-bottom:4em}.row-content{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;transform:translateX(0);opacity:1;transition:all .5s ease-in-out}.success .row-content{position:absolute;transform:translateX(-100%);opacity:0}.row-success{font-size:1.5em;transform:translateX(200%);position:absolute;opacity:0;transition:all .5s ease-in-out}.success .row-success{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1 0 77vh;transform:translateX(0);opacity:1;position:relative}.row-success img{max-width:160px;max-height:160px;display:block;margin-bottom:1em}.row-actions,.row-emoji,.row-success-msg{display:flex;flex-direction:column;align-items:center;width:100%}.row-emoji{flex-direction:unset}button{font-size:2em;letter-spacing:.1em;text-transform:uppercase;margin-top:1em;padding:.5em 1em;transition:all .15s ease-in-out;border-radius:14px;border:1px solid #8bb33d;box-shadow:inset 0 1px 0 0 hsla(0,0%,100%,.2),0 1px 1px rgba(0,0,0,.07),0 2px 2px rgba(0,0,0,.07),0 4px 4px rgba(0,0,0,.07);color:#000;font-weight:600;background-image:linear-gradient(180deg,#b4e84e,#8bb33d);text-shadow:-1px 0 1px #b4e84e,0 1px 1px #b4e84e,1px 0 1px #b4e84e,0 -1px 1px #b4e84e;opacity:1;transition:all transform .3s .3s;cursor:pointer}button:hover:not(:disabled){transform:scale(1.1);box-shadow:0 4px 10px rgba(0,0,0,.2),0 0 15px #b4e84e;background-image:linear-gradient(180deg,#8bb33d,#b4e84e);color:#fff;text-shadow:-1px 0 1px #8bb33d,0 1px 1px #8bb33d,1px 0 1px #8bb33d,0 -1px 1px #8bb33d}button:disabled{color:#7c7c7c;background-image:linear-gradient(180deg,#d6d6d6,#bcbcbc);border:1px solid #a9a9a9;box-shadow:none;text-shadow:none;opacity:.8;cursor:not-allowed}.options{display:flex;justify-content:space-evenly;flex-wrap:wrap}.option{cursor:pointer;transition:transform .3s;opacity:.8}.option>p{font-size:.45em;margin-top:-.75em;text-transform:uppercase;letter-spacing:.1em;font-weight:600}.option img{max-width:3em;max-height:3em}.option:last-child img{padding:.5em}.option.selected{transform:scale(1.2);opacity:1;color:#000}.option.selected>p{margin-top:-1em}small{opacity:.35}@media screen and (min-width:460px){.option img{max-width:4em;max-height:4em}.option>p{font-size:.5em}}@media screen and (min-width:768px){.option img{max-width:8em;max-height:8em}.option:last-child img{padding:1em}.option>p{font-size:1em}}@media screen and (min-width:1200px){.option img{max-width:10em;max-height:10em}.option:last-child img{padding:1.25em}.options{justify-content:space-evenly;max-width:80%}}}