﻿.boticon-container{background-image:url('/images/icon_default.png');background-size:contain;width:64px;height:64px;border-radius:8px;overflow:clip;}.boticon-container .boticon-img{width:64px;height:64px;background-size:cover;}.bot-description{min-height:300px;}#inputbox .selected-bots-container{display:flex;flex-wrap:wrap;margin-bottom:10px;}#inputbox .selected-bots-container .agentic-bot,#inputbox .selected-bots-container .add-bot-btn{padding:4px;border-radius:4px;margin:3px;box-shadow:0 3px 10px rgba(0,0,0,.2);}#inputbox .selected-bots-container .add-bot-btn{width:40px;margin-left:20px;}#inputbox .selected-bots-container .agentic-bot{user-select:none;display:flex;gap:4px;position:relative;overflow:clip;background-color:#fff;align-items:center;border-radius:12px;}#inputbox .selected-bots-container .agentic-bot .boticon-container{width:30px;height:30px;border-radius:4px;}#inputbox .selected-bots-container .agentic-bot .boticon-container .boticon-img{width:30px;height:30px;}#inputbox .selected-bots-container .agentic-bot .bot-info{text-align:left;flex-grow:1;position:relative;top:2px;}#inputbox .selected-bots-container .agentic-bot .bot-info .title{overflow:clip;text-overflow:ellipsis;font-size:12px;font-family:"Noto Sans Thai";font-weight:normal!important;line-height:150%;}#inputbox .selected-bots-container .agentic-bot .remove-btn{align-self:center;margin:4px;font-size:20px;line-height:130%;flex-grow:0;cursor:pointer;}#inputbox .preselect-bot-toggle-btn{position:relative;padding:5px;}#inputbox .preselect-bot-toggle-btn .bot-icons-container{display:flex;flex-wrap:wrap;padding:4px;gap:4px;justify-content:center;}#inputbox .preselect-bot-toggle-btn .bot-icons-container .boticon-container{width:20px;height:20px;border-radius:4px;}#inputbox .preselect-bot-toggle-btn .bot-icons-container .boticon-container .boticon-img{width:20px;height:20px;}#inputbox .preselect-bot-toggle-btn .bot-number{width:20px;height:20px;text-align:center;border-radius:10px;background-color:#ee3442;font-size:16px;color:#fff;line-height:120%;position:absolute;top:-5px;right:-5px;}#inputbox .pre-select.btn.disabled{opacity:1;}#inputbox .pre-select.btn{padding:0;}#inputbox .pre-select.btn .bot-icons-container{padding:0;}#inputbox .pre-select.btn .bot-icons-container .boticon-container{width:50px;height:50px;border-radius:4px;}#inputbox .pre-select.btn .bot-icons-container .boticon-container .boticon-img{width:50px;height:50px;}.agentic-preselect-botlist{display:flex;justify-content:center;align-items:stretch;flex-wrap:wrap;background-color:#83cfee;padding-top:40px;padding-bottom:40px;border-radius:16px;margin-top:20px;margin-bottom:16px;box-shadow:0 3px 20px rgba(255,255,255,.3) inset;}.agentic-preselect-botlist .agentic-bot{padding:10px;display:flex;border-radius:4px;margin:8px;gap:4px;position:relative;overflow:clip;flex-direction:column;background-color:#fff;width:350px;box-shadow:0 3px 10px rgba(0,0,0,.2);}.agentic-preselect-botlist .agentic-bot .image-container{display:flex;}.agentic-preselect-botlist .agentic-bot .image-container i.bi{top:0;}.agentic-preselect-botlist .agentic-bot .image-container .learn-more{align-self:flex-end;margin-left:8px;font-size:13px;line-height:120%;}.agentic-preselect-botlist .agentic-bot .bot-info{flex-grow:0;font-size:13px;line-height:120%;text-align:left;}.agentic-preselect-botlist .agentic-bot .bot-info .title{overflow:clip;font-weight:bold;margin-top:4px;}.agentic-preselect-botlist .agentic-bot .bot-info .subtitle{margin-top:4px;}.agentic-preselect-botlist .agentic-bot button.action{position:absolute;right:14px;top:14px;padding:8px 10px 10px 10px;line-height:101%;font-size:16px;}.agentic-preselect-botlist .agentic-bot button.action i.bi{top:2px;}.agentic-botlist-new{display:flex;justify-content:center;align-items:stretch;flex-wrap:wrap;background-color:#c6e9f7;padding-top:40px;padding-bottom:40px;border-radius:16px;margin-top:20px;margin-bottom:16px;box-shadow:0 3px 20px rgba(255,255,255,.3) inset;}.agentic-botlist-new h2:first-child{margin-top:0;}.agentic-botlist-new h2{font-family:"Noto Sans Thai";width:100%;text-align:left;padding:0 5%;margin-top:24px;font-size:24px;}.agentic-botlist-new .continue-area{width:100%;margin-top:24px;text-align:right;background-color:rgba(255,255,255,.6);padding:24px;margin-bottom:36px;}.agentic-botlist-new i.bi{top:0;}.agentic-botlist-new .agentic-bot{padding:10px;display:flex;border-radius:4px;margin:8px;gap:4px;position:relative;cursor:pointer;overflow:clip;flex-direction:column;background-color:#fff;width:350px;box-shadow:0 3px 10px rgba(0,0,0,.2);}.agentic-botlist-new .agentic-bot .image-container{display:flex;}.agentic-botlist-new .agentic-bot .image-container .learn-more{align-self:flex-end;margin-left:8px;font-size:13px;line-height:120%;}.agentic-botlist-new .agentic-bot .bot-info{flex-grow:0;font-size:13px;line-height:120%;text-align:left;}.agentic-botlist-new .agentic-bot .bot-info .title{overflow:clip;font-weight:bold;margin-top:4px;}.agentic-botlist-new .agentic-bot .bot-info .subtitle{margin-top:4px;}.agentic-botlist-new .agentic-bot .bot-info .reason{margin:-10px;margin-top:8px;padding:10px;background-color:#01a951;color:#fff;height:52px;}.agentic-botlist-new .agentic-bot .bot-info .reason.rate-0{background-color:#f05423;}.agentic-botlist-new .agentic-bot>i{position:absolute;right:14px;top:14px;}.agentic-botlist-new .agentic-bot>i.bi.bi-check-circle-fill{color:var(--bs-success);}.agentic-botlist-new .agentic-bot .bi-circle{color:#808080;text-shadow:0 0 10px rgba(0,0,0,.1);}.agentic-botlist-new .agentic-bot:hover{transform:scale(1.05);}#agenticstatus-container{font-size:12px;background-color:rgba(0,0,0,.1)!important;backdrop-filter:saturate(110%)!important;box-shadow:none!important;color:#fff;}#agenticstatus-container .spinner-border{--bs-spinner-width:16px;--bs-spinner-height:16px;font-size:10px;}#agenticstatus-container .progress{height:8px;max-width:500px;margin:auto auto;}#agenticstatus-container .agentic-status-listitem{display:flex;gap:16px;align-items:center;}#agenticstatus-container .agentic-status-listitem div:first-child{width:100px;max-width:5lvw;}#agenticstatus-container .agentic-status-listitem div:first-child img{height:12px;}#agenticstatus-container .agentic-status-listitem div:last-child{flex-grow:1;}#agenticstatus-container .status-botlist{margin-top:16px;}#agenticstatus-container .status-botlist>div{display:inline-flex;align-items:center;border-radius:8px;padding:6px;font-size:14px;line-height:110%;margin-right:8px;border:1px solid #808080;--iconsize:48px;}#agenticstatus-container .status-botlist>div .boticon-container{width:var(--iconsize);height:var(--iconsize);}#agenticstatus-container .status-botlist>div .boticon-container .boticon-img{width:var(--iconsize);height:var(--iconsize);}#agenticstatus-container .status-botlist>div .spinner-border{font-size:10px;--bs-spinner-width:10px;--bs-spinner-height:10px;display:none;}#agenticstatus-container .status-botlist>div.selected{border:1px solid var(--bs-success);box-shadow:0 3px 5px rgba(0,128,0,.3);}#agenticstatus-container .status-botlist>div.missingcontext{border:1px solid var(--bs-warning);}.agentic-reference{display:flex;gap:16px;overflow-x:scroll;overflow-y:clip;flex-wrap:nowrap;}.agentic-reference::-webkit-scrollbar{height:10px;width:10px;}.agentic-reference::-webkit-scrollbar-track{border-radius:5px;background-color:transparent;}.agentic-reference:hover::-webkit-scrollbar-track{border-radius:5px;background-color:rgba(255,255,255,.2);}.agentic-reference::-webkit-scrollbar-thumb{border-radius:5px;background-color:rgba(255,255,255,.8);}.agentic-reference .agentic-reference-item{flex-shrink:0;width:300px;border-radius:8px;cursor:pointer;user-select:none;transition:all ease .4s;margin-bottom:20px;background-color:#0062a9;box-shadow:0 10px 20px rgba(0,0,0,.1);overflow:clip;}.agentic-reference .agentic-reference-item .img-container{height:180px;overflow:clip;}.agentic-reference .agentic-reference-item .img{background-position:top center;background-size:cover;background-repeat:no-repeat;height:180px;box-shadow:0 0 30px rgba(0,0,0,.1) inset;transition:all ease 1s;}.agentic-reference .agentic-reference-item:hover .img{transform:scale(1.2) rotate(1deg);}.agentic-reference .agentic-reference-item .content{display:flex;gap:12px;padding:8px;}.agentic-reference .agentic-reference-item .text>div{color:#fff;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;font-weight:200;line-height:120%;}.agentic-reference .agentic-reference-item .text>h5{font-size:70%;color:#e6e6e6;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;}.agentic-reference .agentic-reference-item .boticon{width:64px;height:64px;flex-shrink:0;background-size:contain;background-repeat:no-repeat;background-color:#29ace2;border-radius:8px;}@media only screen and (max-width:1024px){.agentic-reference{display:block;}.agentic-reference .agentic-reference-item{width:100%;}.agentic-reference .agentic-reference-item .img-container,.agentic-reference .agentic-reference-item .img{height:0;}}.botinfo-modal-body{font-family:"Noto Sans Thai";font-size:16px!important;}#faqarea-wrapper{padding-top:20lvh;}#faqarea{margin:auto;width:70lvw;display:flex;gap:24px;background-color:#fff;background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.7) 80%);backdrop-filter:brightness(150%) blur(20px);border-radius:24px;border:4px solid rgba(41,172,226,.5);padding:36px 16px;box-shadow:0 20px 20px rgba(41,172,226,.3);}#faqarea .icon{width:25%;border-radius:20px;padding:20px;}#faqarea .icon .logo{width:128px;height:128px;overflow:clip;border-radius:128px;margin-bottom:36px;box-shadow:0 10px 10px rgba(2,95,172,.2);background-image:url('/images/icon_default.png');background-color:#29ace2;}#faqarea .icon h1{font-size:36px;color:#025fac;margin-bottom:12px;}#faqarea .icon h2{font-size:28px;color:#666!important;}#faqarea .topfaq{width:75%;}#faqarea .topfaq-group{margin-bottom:16px;display:flex;flex-wrap:wrap;}#faqarea .topfaq-group>div{background-color:#29ace2;color:#fff;border-radius:28px;padding:4px 20px;margin-right:8px;margin-top:16px;user-select:none;cursor:pointer;}#faqarea .topfaq-group>div.selected{background-color:#025fac;}#faqarea .topfaq-items{display:flex;gap:8px;justify-content:start;min-height:200px;flex-wrap:wrap;user-select:none;cursor:pointer;}#faqarea .topfaq-items>div{background-color:rgba(41,172,226,.2);border-radius:8px;padding:20px;width:23%;transition:all ease .7s;box-shadow:0 0 20px transparent;user-select:none;cursor:pointer;}#faqarea .topfaq-items>div:hover{transform:scale(1.05);background-color:rgba(41,172,226,.2);box-shadow:0 10px 20px rgba(2,95,172,.2);}@media only screen and (max-width:1500px){#faqarea{width:90%;}#faqarea .topfaq-items>div{width:40%;}}@media only screen and (max-width:768px){#faqarea{display:block;}#faqarea .icon{width:100%;display:flex;gap:16px;}#faqarea .topfaq{width:100%;}}#intro-wrapper{padding-top:20vh;}#agenticintro{width:70%;margin:auto auto;background-color:#fff;background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.7) 80%);backdrop-filter:brightness(150%) blur(20px);border-radius:24px;border:4px solid rgba(41,172,226,.5);padding:36px 16px;box-shadow:0 20px 20px rgba(41,172,226,.3);}#agenticintro>div:first-child{max-width:256px;}#agenticintro h1{font-size:52px;color:#025fac;margin-bottom:12px;}#agenticintro h2{font-size:28px;font-weight:400;margin-bottom:18px;}#agenticintro h3{color:#01a951;font-weight:400;font-size:28px;margin-bottom:18px;}@media only screen and (max-width:768px){#agenticintro{width:100%;}}#agenticintro .sampleprompt{margin-top:12px;display:flex;gap:8px;}#agenticintro .sampleprompt div{background-color:rgba(41,172,226,.2);border-radius:8px;padding:20px;width:23%;transition:all ease .7s;box-shadow:0 0 20px transparent;user-select:none;cursor:pointer;background-repeat:no-repeat;background-position:90% 80%;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxNicgaGVpZ2h0PScxNicgZmlsbD0nY3VycmVudENvbG9yJyBjbGFzcz0nYmkgYmktYXJyb3ctZG93bi1yaWdodCcgdmlld0JveD0nMCAwIDE2IDE2Jz48cGF0aCBmaWxsLXJ1bGU9J2V2ZW5vZGQnIGQ9J00xNCAxMy41YS41LjUgMCAwIDEtLjUuNWgtNmEuNS41IDAgMCAxIDAtMWg0Ljc5M0wyLjE0NiAyLjg1NGEuNS41IDAgMSAxIC43MDgtLjcwOEwxMyAxMi4yOTNWNy41YS41LjUgMCAwIDEgMSAweicvPjwvc3ZnPg==");}#agenticintro .sampleprompt div:hover{transform:scale(1.05);background-color:rgba(41,172,226,.2);box-shadow:0 10px 20px rgba(2,95,172,.2);}#agenticintro .available-bots{display:flex;gap:4px;margin-bottom:24px;}#agenticintro .available-bots .boticon-container,#agenticintro .available-bots .boticon-img{width:48px;height:48px;}#agenticintro .available-bots .boticon-container{box-shadow:0 4px 5px rgba(41,172,226,.3);}