.playground{background-color:var(--background)}.playground>section{padding:1em;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}@media (min-width:1024px){.playground>section{padding:3.75em}}.playground .content{overflow:hidden;min-height:0;padding:7.5em clamp(1em,3vw,3.75em) 0!important;background-image:none;gap:0;justify-content:flex-start;gap:2em;text-align:center;min-height:calc(100vh - 8.5em)}.playground .content,.playground .content header{display:flex;flex-direction:column;align-items:center}.playground .content header{width:100%;justify-content:center;gap:2em}.playground .content header .name{color:var(--primary)}.playground .content header .description{white-space:wrap;font-size:clamp(1.125rem, 2vw, 1.25rem)}.playground .content header .description i{font-size:clamp(1.125rem, 2vw, 1.25rem);font-weight:600}.playground .content .mind-reader{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1em;transition:.3s ease-in-out}.playground .content .mind-reader .wrapper{padding:0 1em;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4em;opacity:1;max-width:20em}.playground .content .mind-reader .wrapper.deactivate{opacity:0;width:0}.playground .content .mind-reader .wrapper .group,.playground .content .mind-reader .wrapper .results-group{display:flex;align-items:center;justify-content:center;gap:.4em}.playground .content .mind-reader .wrapper .results-group{height:6.5em;flex-direction:column;text-align:center}.playground .content .mind-reader .wrapper .results-group .progress{font-weight:500}.playground .content .mind-reader .wrapper .results-group .result{font-size:.9rem}.playground .content .mind-reader .wrapper input{opacity:0;overflow:hidden;transition:.3s ease-in-out;padding:.5em;border:1px solid var(--gray-50);box-shadow:var(--shadow-md);border-radius:.4em;outline:0;width:0}.playground .content .mind-reader .wrapper input.active{opacity:1;width:100%}.playground .content .mind-reader .wrapper input:focus-within{border:1px solid var(--primary)}.playground .content .mind-reader .wrapper input::placeholder{font-size:.9rem}.playground .content .mind-reader .button{background-color:var(--gray-50);border:1px solid var(--gray-50);box-shadow:var(--shadow-md);border-radius:.4em;padding:.5em;opacity:1;transition:.3s ease-in-out}.playground .content .mind-reader .button.disappear{opacity:0}.playground .content .mind-reader .button:hover{background-color:none;box-shadow:var(--shadow-lg)}.playground .content .mind-reader .images{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center}@media (min-width:728px){.playground .content .mind-reader .wrapper{max-width:32em;padding:0 1em}.playground .content header{max-width:44em}}@media (min-height:828px){.playground .content .mind-reader .images{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}}.playground .content .mind-reader .images img,.playground .content .mind-reader .images source{max-width:12em}