@font-face{font-family:GT Walsheim Black;src:url(/fonts/GT-Walsheim-Black.ttf) format("truetype")}@font-face{font-family:GT Walsheim Pro Bold;src:url(/fonts/GT-Walsheim-Pro-Bold.ttf) format("truetype")}*{box-sizing:border-box;padding:0;margin:0}body{margin:0;padding:0;font-family:Arial,sans-serif}.chat-sec{position:relative;display:flex;flex-direction:column;min-height:100vh;background:#2e1655;padding:100px}.msg-bx{display:flex;align-items:start;position:relative;margin:15px 0}.msg-bx .img{position:absolute;top:-5px;left:5px;width:40px;height:40px;border-radius:50%;margin:0;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:4px 4px 10px #00000082}.msg-bx.msg-right .img{left:auto;right:5px}.msg-bx .img img{display:block;width:100%;height:100%;object-fit:cover}.msg-bx .cs-msgs{display:inline-block;position:relative;background-color:#f2e9ff;background:"#2E1655"!important;box-shadow:-4px 4px 10px #0003;padding:20px 40px 20px 80px;max-width:90%;border-radius:25px;--r: 20px;--s: 25px;--x: 7px;--y: -5px;background:#f5f0ff;border-radius:var(--r);--_m: /calc(2 * var(--r)) calc(2 * var(--r)) radial-gradient(#000 70%, #0000 72%);--_g: conic-gradient(at var(--r) var(--r), #000 75%, #0000 0);--_d: (var(--s) + var(--r));mask:calc(var(--_d) + var(--x)) 0 var(--_m),0 calc(var(--_d) + var(--y)) var(--_m),radial-gradient(var(--s) at 0 0,#0000 99%,#000 calc(100% + 1px)) calc(var(--r) + var(--x)) calc(var(--r) + var(--y)),var(--_g) calc(var(--_d) + var(--x)) 0,var(--_g) 0 calc(var(--_d) + var(--y));-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.msg-bx.msg-right{justify-content:end}.msg-bx.msg-right .cs-msgs{padding:20px 80px 20px 40px;--r: 20px;--s: 25px;--x: 7px;--y: -5px;background:#f2e9ff;border-radius:var(--r);--_m: /calc(2 * var(--r)) calc(2 * var(--r)) radial-gradient(#000 70%, #0000 72%);--_g: conic-gradient(at calc(100% - var(--r)) var(--r), #0000 25%, #000 0);--_d: (var(--s) + var(--r));mask:calc(100% - var(--_d) - var(--x)) 0 var(--_m),100% calc(var(--_d) + var(--y)) var(--_m),radial-gradient(var(--s) at 100% 0,#0000 99%,#000 calc(100% + 1px)) calc(-1 * var(--r) - var(--x)) calc(var(--r) + var(--y)),var(--_g) calc(-1 * var(--_d) - var(--x)) 0,var(--_g) 0 calc(var(--_d) + var(--y));-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.cs-text-box{position:relative;display:flex;align-items:end;padding:1.5;border-radius:3;align-items:center;gap:1.5;box-shadow:"3 4px 4px rgba(61, 60, 60, 0.06)";padding-bottom:16px;margin-bottom:4px}.cs-text-box .input-bx{position:relative;width:100%}.cs-text-box .input-bx .form-control{width:100%;height:130px;padding:20px 85px 20px 30px;--r: 32px;--s: 40px;--x: 12px;--y: -12px;background:#fff;border-radius:var(--r);--_m: /calc(2 * var(--r)) calc(2 * var(--r)) radial-gradient(#000 70%, #0000 72%);--_g: conic-gradient( from 90deg at calc(100% - var(--r)) calc(100% - var(--r)), #0000 25%, #000 0 );--_d: (var(--s) + var(--r));mask:calc(100% - var(--_d) - var(--x)) 100% var(--_m),100% calc(100% - var(--_d) - var(--y)) var(--_m),radial-gradient(var(--s) at 100% 100%,#0000 99%,#000 calc(100% + 1px)) calc(-1 * var(--r) - var(--x)) calc(-1 * var(--r) - var(--y)),var(--_g) calc(-1 * var(--_d) - var(--x)) 0,var(--_g) 0 calc(-1 * var(--_d) - var(--y));-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;border:none;box-shadow:4px 4px 10px #0000004d inset}.cs-text-box .input-bx .form-control:focus{box-shadow:none;outline:0}.cs-text-box .btn-icon{color:#6e32cd;background-color:#cebbec;width:45px;height:45px;display:flex;align-items:center;justify-content:center;font-size:18px;border-radius:50%;text-decoration:none;border:0;line-height:1;box-shadow:4px 4px 10px #0003}.cs-text-box .btn-icon.btn-attach{position:absolute;top:12px;right:16px}.cs-text-box .btn-icon.btn-send{position:absolute;bottom:20px;right:28px}.cs-text-box .btn-icon.btn-send i{margin:0 0 -12px -12px;color:#2e1655}