:export{baseWhite:#fff;grayTrue25:#fcfcfc;grayTrue50:#fafafa;grayTrue100:#f5f5f5;grayTrue400:#a3a3a3;grayTrue500:#737373;grayTrue600:#525252;grayTrue700:#424242;grayTrue900:#141414;baseBlack:#121212;orange:#ff5a36;screenLg:1512px}.custom-scrollbar::-webkit-scrollbar{width:8px!important;height:8px!important}.custom-scrollbar::-webkit-scrollbar-thumb{background:#181818;border-radius:99px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent;border-radius:99px}.username-input{display:flex;padding:12px 16px;align-items:center;align-self:stretch;border-radius:99px;outline:none;color:#fff;background:hsla(0,0%,100%,.08);font-size:14px;font-weight:500;line-height:130%}.username-input::-moz-placeholder{color:#96999d;font-family:var(--font-dm-sans),sans-serif}.username-input::placeholder{color:#96999d;font-family:var(--font-dm-sans),sans-serif}.chat-box{max-width:70%;padding:10px 20px 10px 16px;border-radius:16px;background:hsla(0,0%,100%,.08);font-weight:500}.chat-box,.chat-info{width:-moz-fit-content;width:fit-content;display:flex;align-items:center;color:#fff;font-family:var(--font-dm-sans),sans-serif;font-size:14px;line-height:130%}.chat-info{padding:0 12px;justify-content:center;gap:16px;border-radius:8px;border:1px solid hsla(0,0%,100%,.12);background:hsla(0,0%,100%,.02);font-weight:400;letter-spacing:-.28px}.answer-container{display:flex;gap:8px;max-width:90%}.loading-cover{position:relative;overflow:hidden}.loading-cover .content{opacity:0}.loading-cover:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#181818 25%,#353535 50%,#181818 75%);background-size:200% 100%;animation:loading 1.5s infinite;z-index:10}.total-spent-container{display:flex;width:100%;max-width:656px;padding:10px 16px;justify-content:center;align-items:center;gap:8px;border-radius:12px;border:1px solid rgba(255,73,0,.3);background:rgba(255,73,0,.2);margin:0 auto}.total-spent-container p{line-height:130%;letter-spacing:-.28px}.invalid-input-modal{display:flex;width:389.333px;padding:24px;flex-direction:column;align-items:center;gap:16px;border-radius:12px;border:1px solid hsla(0,0%,100%,.08);background:linear-gradient(0deg,hsla(0,0%,100%,.04),hsla(0,0%,100%,.04)),rgba(31,31,31,.7);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.invalid-input-modal .invalid-icon{display:flex;padding:12px;align-items:center;gap:10px;border-radius:8px;border:1px solid hsla(0,0%,100%,.2);background:var(--White-4,hsla(0,0%,100%,.04))}.custom-primary-btn{flex-direction:column;gap:32px;border-radius:8px;border:3px solid hsla(0,0%,100%,.15);background:var(--Orange,#ff4900);box-shadow:0 0 12px 0 rgba(255,73,0,.1),0 0 10px 0 hsla(0,0%,100%,.2),0 8px 40px 0 rgba(255,73,0,.5);color:var(--White-100,#fff);text-align:center;font-family:var(--font-dm-sans),sans-serif;font-size:16px;font-style:normal;font-weight:600;line-height:100%;letter-spacing:-.32px}.custom-primary-btn,.custom-secondary-btn{box-sizing:border-box;display:flex;width:100%;max-width:656px;padding:12px 16px;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.custom-secondary-btn{gap:8px;flex:1 0 0;align-self:stretch;border-radius:8px;border:1px solid hsla(0,0%,100%,.12);background:var(--White-2,hsla(0,0%,100%,.02))}.guess-who-submit-modal{display:flex;width:90vw;max-width:390px;padding:32px 24px;flex-direction:column;align-items:center;gap:12px;border-radius:20px;border:1px solid hsla(0,0%,100%,.08);background:linear-gradient(0deg,hsla(0,0%,100%,.04),hsla(0,0%,100%,.04)),hsla(0,0%,7%,.8);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.selected-image{border:.75px solid #ff4900;background:hsla(0,0%,100%,.02);box-shadow:0 0 8px 0 hsla(0,0%,100%,.2),0 7px 32px 0 rgba(255,73,0,.3);-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px)}.username-form-content{display:flex;width:100%;max-width:652px;padding:32px;flex-direction:column;align-items:center;gap:24px;border-radius:20px;border:1px solid hsla(0,0%,100%,.08);background:hsla(0,0%,100%,.04);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.username-form-content .heading{color:#fff;font-family:var(--font-dm-sans),sans-serif;font-size:24px;font-weight:500;line-height:110%;letter-spacing:-.48px}@media(min-width:1024px){.answer-container{gap:16px}}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media(min-width:768px){.chat-box{width:400px}}