@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,Arial,Helvetica,sans-serif}html,body{height:100%;width:100%}#root{min-height:100vh;height:100%;width:100%}#gemini{height:100%;width:100%;display:flex}#gemini #right-container{width:100%}nav{width:100%;height:70px;display:flex;align-items:center;justify-content:space-between;padding:20px}nav #title{font-size:1.25em;font-weight:400}nav img{height:40px;border:none;border-radius:50%}#message-box{display:flex;column-gap:20px;max-width:725px}#message-box img{aspect-ratio:1 / 1;height:35px;border:none;border-radius:50%}#message-box #message{padding-top:5px}#sidebar{height:100%;max-width:320px;width:100%;padding:15px;color:#1f1f1f;background-color:#f0f4f9;transition:width .4s ease-in-out}#sidebar button{cursor:pointer}#sidebar>#menu{padding:10px;display:flex;align-items:center;justify-content:center;background-color:transparent;border:none;border-radius:50%}#sidebar>#menu:hover{background-color:#d3e3fd}#menu .bx-menu{font-size:2em}#sidebar #sidebar-content{height:100%;padding-top:45px}#sidebar-content #new-chat{display:flex;align-items:center;column-gap:10px;padding:10px;font-size:.9em;font-weight:500;white-space:nowrap;overflow-x:hidden;background-color:#dde3ea;border:none;border-radius:25px;transition:width .35s ease-in-out}#sidebar-content #new-chat:hover{background-color:#ccdaea}#new-chat .bx-plus{font-size:1.75em}#sidebar-content #recents{margin:15px 0}#recents h4{font-weight:400;margin-left:10px}#recents #history{max-height:280px;height:280px;padding:10px 0;overflow-y:auto;scrollbar-width:none;display:flex;flex-direction:column;row-gap:10px}#history .history{min-height:35px;padding:5px 15px;font-size:.9em;font-weight:500;white-space:nowrap;overflow-x:hidden;display:flex;align-items:center;column-gap:15px;flex-wrap:nowrap;background-color:#d3e3fd;border:none;border-radius:20px}#setting{display:flex;flex-direction:column}#setting .setting{font-size:.95em;font-weight:500;white-space:nowrap;overflow-x:hidden;padding:10px 12px;display:flex;align-items:center;column-gap:15px;background-color:transparent;border:none;border-radius:25px;transition:width .35s ease-in-out}#setting .setting:hover{background-color:#d3e3fd}.setting>.bx{font-size:1.4em}@media (max-width: 724px){#sidebar{display:none}}#chatbox{height:calc(100% - 70px);width:100%;position:relative}#chatbox #chat-area{max-height:calc(100% - 120px);width:100%;padding:15px 15%;position:absolute;z-index:0;left:50%;transform:translate(-50%);overflow-y:auto;scrollbar-width:thin;display:flex;flex-direction:column;row-gap:40px}#chatbox #greet{min-width:fit-content;font-size:1.75rem;font-weight:500;line-height:2.25rem;background:linear-gradient(75deg,#4285f4,#9b72cb,#d96570,#d96570,#9b72cb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;position:absolute;top:40%;left:50%;transform:translate(-50%,-40%)}#chatbox #input-area{width:80%;position:absolute;left:50%;bottom:50px;transform:translate(-50%)}#input-area #input-box{width:100%;position:relative;padding-block:20px;padding-left:25px;background-color:#f0f4f9;border:none;border-radius:35px;box-shadow:0 -30px 10px #ffffff80}#input-box #textarea{max-height:190px;width:90%;overflow-y:auto;scrollbar-width:none;outline:none}#input-box #placeholder{color:#5f6368;position:absolute;top:50%;left:25px;transform:translateY(-50%)}#input-box #send{font-size:1.5em;padding:10px;position:absolute;bottom:10px;right:10px;background-color:transparent;border:none;border-radius:50%}#input-box #send:hover{background-color:#d8e0eb;cursor:pointer}#input-box #send:disabled{color:#5f6368;cursor:not-allowed}#send{display:flex;align-items:center;justify-content:center}#chatbox #note{min-width:270px;color:#5f6368;font-size:.7em;font-weight:500;position:absolute;left:50%;bottom:15px;transform:translate(-50%)}@media (max-width: 724px){#chatbox #chat-area{padding:15px 10%}}#loading-area{max-width:725px;width:100%}.bars{height:15px;background:linear-gradient(100deg,#f0f0f0 30%,#75c8ff,#f0f0f0 70%);background-size:200% 100%;animation:loading 1.5s linear infinite;border-radius:5px;margin-bottom:10px}@keyframes loading{0%{background-position:200% 0}to{background-position:0 200%}}