@font-face{font-family:zzzInpinFont;src:url(/assets/inpin-DPQ0pYBn.ttf)}:root{font-family:zzzInpinFont;line-height:1.3;font-weight:500;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}html,body{margin:0;padding:0;height:100%;width:100%;overflow-x:hidden}body{margin:0;padding:0;height:100vh;width:100vw;background-image:url(/assets/ZZZChatBackground-CtE2pRfH.png);background-size:cover;background-position:center;background-repeat:no-repeat;overflow-x:hidden}body:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#0006;background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.1),rgba(255,255,255,.1) 2px,transparent 3px,transparent 7px);opacity:1;pointer-events:none}.chat-title{color:#fff;font-size:1.3rem;border-bottom:2px solid #1c1c1c;padding-bottom:8px;padding-left:10px;display:flex;align-items:center;margin-right:20px;width:100%}.chat-bubble{background-image:url(assets/ZZZChatBubbleOG.jpg);width:2.3rem;height:2.3rem;margin-bottom:10px;background-size:cover;background-position:center}.chat-menu{display:flex;align-items:center}.chat-container{background-color:#0d0d0d;width:60%;height:80vh;margin:auto;position:relative;top:50%;transform:translateY(-50%);padding:20px;border-radius:15px;display:flex;flex-direction:column;gap:15px;box-shadow:0 0 20px #00000080;overflow:hidden}.message-area{flex-grow:1;overflow-y:scroll;padding:10px;max-height:60vh;scrollbar-width:none}.message-area::-webkit-scrollbar{display:none}.chat-row{display:flex;gap:10px}.chat-row-left{justify-content:flex-start;margin-right:10px}.chat-row-right{justify-content:flex-end;margin-right:10px}.chat-bubble-white{display:inline-block;background-color:#f1f1f1;border-radius:1em;padding:.8em 1.2em;font-size:1.4rem;max-width:20em;box-shadow:.2em .2em .6em #0000001a;font-weight:700;color:#4d4d4d;text-align:left;word-wrap:break-word;align-self:flex-start;margin-bottom:15px}.chat-bubble-blue{display:inline-block;background-color:#1c55e3;border-radius:1em;padding:.8em 1.2em;font-size:1.4rem;max-width:20em;color:#fff;font-weight:700;text-align:left;box-shadow:.2em .2em .6em #0000001a;word-wrap:break-word;align-self:flex-end;margin-bottom:15px}.chat-latest-messages-reminder{display:inline-block;font-weight:700;text-align:center;align-self:center;padding:.8em 1.2em;color:#323232}.chat-avatar{width:50px;height:50px;background-size:cover;background-position:center;border-radius:50%}.input-area{display:flex;flex-direction:column;align-items:center;width:100%}.input-wrapper{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10px}.input-styling{width:400px;height:30px;font-size:18px;padding:10px;border-radius:5px;border:1px solid #ccc;font-family:inherit}.input-send-button{background-color:#ffdc04;font-family:inherit;border-radius:5px;border:1px solid #ccc;width:120px;height:52px;padding:10px;margin-left:10px;font-size:18px;cursor:pointer}.input-send-button:hover{background-color:#a8c404}.tooltip-text{visibility:hidden;background-color:#333;color:#fff;text-align:center;padding:5px 10px;border-radius:4px;position:absolute;bottom:150%;left:50%;transform:translate(-50%);white-space:nowrap;z-index:1;opacity:0;transition:opacity .3s,visibility .3s;pointer-events:none}.checkbox-wrapper-22 .switch{display:flex;height:34px;position:relative;width:60px;margin-top:15px}.checkbox-wrapper-22 .switch input{display:none}.checkbox-wrapper-22 .slider{background-color:#ffdc04;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.checkbox-wrapper-22 .slider:before{background-color:#fff;bottom:4px;content:"";height:26px;left:4px;position:absolute;transition:.4s;width:26px}.checkbox-wrapper-22 input:checked+.slider{background-color:#a8c404}.checkbox-wrapper-22 input:checked+.slider:before{transform:translate(26px)}.checkbox-wrapper-22 .slider.round{border-radius:34px}.checkbox-wrapper-22 .slider.round:before{border-radius:50%}.checkbox-wrapper-22:hover .tooltip-text{visibility:visible;opacity:1}.footer{background-color:#ffdc04;color:#000;text-align:center;padding:10px 0;position:fixed;bottom:0;width:100%;height:35px;font-size:.9rem;line-height:10px}@media (max-width: 600px){.chat-bubble-white,.chat-bubble-blue{font-size:.9rem}}