#muaath-container{position:relative;display:flex;justify-content:center;background-color:var(--white);height:calc(100dvh - 128px)}.muaath-input-container{position:absolute;z-index:2;bottom:40px;width:700px;padding:0 72px;height:-moz-fit-content;height:fit-content;input{all:unset;background-color:white;border:1px solid var(--primary);box-shadow:0 0 10px 1px #64122720;width:calc(100% - 128px);height:auto;border-radius:99px;padding:12px 36px 12px 128px;line-height:1.6}button{all:unset;cursor:pointer;position:absolute;top:50%;left:-1px;transform:translateY(-50%);height:100%;padding:0 24px;width:100px;border-radius:99px;background-color:var(--primary);color:var(--white);text-align:center}}#muaath-chat-container{position:relative;width:100%;padding:36px 20% 128px;height:calc(100% - 128px - 36px);overflow-y:auto;&::-webkit-scrollbar{width:8px;height:8px}&::-webkit-scrollbar-track{background:var(--white)}&::-webkit-scrollbar-thumb{background:var(--primary)}&::-webkit-scrollbar-thumb:hover{background:black}}.muaath-chat-holder{width:100%;display:flow-root;padding:12px 0;.muaath-chat{border-radius:18px;height:-moz-fit-content;height:fit-content;padding:12px 24px;width:50%;line-height:1.5rem;h1{margin:64px 0;font-size:40px;text-align:right;padding-right:36px}h1,h2{color:var(--primary)}h2{margin-bottom:18px}h3{margin:20px 0 0;color:var(--primary)}p{margin:12px 0}h4{margin:24px 0 8px;color:var(--primary)}ul{list-style:none}li{margin:6px 0}table{width:100%;border-collapse:collapse;margin:16px 0}td,th{border:1px solid var(--primary);padding:8px;text-align:center}th{background-color:#f4f4f4;font-weight:600}tr:nth-child(2n){background-color:#fafafa}}}.muaath-gradient{position:absolute;pointer-events:none;width:100%;height:70px;bottom:0;background:linear-gradient(transparent,var(--white) 100%)}