:host{--vt-c-white-v1: #ffffff;--vt-c-black-v1: #333333;--vt-c-black-v2: #424242;--vt-c-black-v3: #424242;--vt-c-black-v4: #444444;--vt-c-gray-v1: #0000001a;--vt-c-gray-v2: #f3f4f6;--vt-c-gray-v3: #e4e4e7;--vt-c-gray-v4: #f6f7f7;--main-gray-v5: #888888;--vt-c-blue-v1: #3891a5;--vt-c-blue-v2: #0da9d9;--vt-c-green-v1: #38a56a;--border-color-white-color: #cedde0}:host{font-family:Roboto!important;position:fixed;z-index:99999999;bottom:20px;right:20px;width:440px}:host .visible{bottom:20px!important}:host .invisible{top:100vh}:host .loading-dots{text-align:center;padding:5px}:host .loading-dots span{display:inline-block;width:8px;height:8px;border-radius:50%;background-color:var(--vt-c-black-v1);margin:0 5px;animation:loading 1s infinite}:host .loading-dots span:nth-child(2){animation-delay:.2s}:host .loading-dots span:nth-child(3){animation-delay:.4s}@keyframes loading{0%{transform:scale(1)}50%{transform:scale(1.5)}to{transform:scale(1)}}:host img{width:20px;height:20px;border-radius:12px;margin:0 5px}:host .toggle{position:absolute;bottom:20px;right:20px;border-radius:50%;cursor:pointer;border:none;padding:5px;transition:top 1s ease}:host .toggle img{height:40px!important;width:40px!important}:host .header{padding:0 10px;text-align:center;color:var(--vt-c-white-v1);max-height:58px;font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:space-between}:host .header button{background:none;border:none;cursor:pointer}:host .header .info{display:flex;align-items:center;max-width:80%}:host .header .info p{text-align:left;padding-left:5px}:host .chat-box{box-shadow:0 5px 20px var(--vt-c-gray-v1);position:absolute;bottom:-100vh;transition:bottom .5s ease;width:100%;border-radius:20px;overflow:hidden}:host .chat-box .messages-container{width:100%;height:400px;overflow:auto;display:flex;flex-direction:column;position:relative}:host .chat-box .messages-container .message{max-width:75%;padding:8px 12px;border-radius:12px;background-color:var(--vt-c-gray-v2);color:var(--vt-c-black-v3);word-wrap:break-word;margin:10px 0 0}:host .chat-box .messages-container .message a{cursor:pointer;color:var(--vt-c-blue-v1)}:host .chat-box .messages-container .message p{margin:5px 0}:host .chat-box .messages-container .chatbot-message{display:flex;align-items:flex-end}:host .chat-box .messages-container .chatbot-message ol{padding-left:10px}:host .chat-box .messages-container .chatbot-message ol ul{padding-left:10px}:host .chat-box .messages-container .chatbot-message ol pre{overflow:auto;background-color:var(--vt-c-black-v2);color:var(--vt-c-white-v1);padding:5px}:host .chat-box .messages-container .user-message{display:flex;justify-content:end;margin-right:10px}:host .form-wrapper{position:relative}:host .form-wrapper form{padding:10px;background-color:var(--vt-c-white-v1)}:host .form-wrapper form input{font-size:16px;border:1px solid var(--vt-c-gray-v3);border-radius:10px;box-shadow:none;box-sizing:border-box;opacity:1;outline:none;padding:16px 52px 16px 10px;width:100%}:host .form-wrapper form input:focus{outline:none}:host .form-wrapper form input:disabled{cursor:not-allowed}:host .form-wrapper form .btn-group{display:flex;gap:10px;position:absolute;top:50%;right:-25px;transform:translate(-50%,-50%)}:host .form-wrapper form .btn-group button{cursor:pointer;background-color:inherit;border:none}:host .form-wrapper form .btn-group button:disabled{cursor:not-allowed;opacity:.5}:host .form-wrapper form .btn-group .mic{display:inline-flex;justify-content:center;align-items:center;width:40px;height:40px;background-color:var(--vt-c-black-v1);font-size:33px;border:none;border-radius:50%;transition:background-color .25s}:host .form-wrapper form .btn-group .mic:before{content:"";position:absolute;width:inherit;height:inherit;border-radius:inherit;background-color:inherit;z-index:-1}:host .form-wrapper form .btn-group .recording{background-color:var(--vt-c-blue-v2)}:host .form-wrapper form .btn-group .recording:before{animation:recording 1.3s infinite}@keyframes recording{0%{opacity:.25}to{transform:scale(2);opacity:0}}:host .messages-container,:host .form-wrapper,:host .footer{background-color:var(--vt-c-white-v1)}:host .messages-container p,:host .form-wrapper p,:host .footer p{color:var(--vt-c-black-v1)}:host .footer{display:flex;height:34px;width:100%;align-items:center;justify-content:center;text-align:center}:host .spinner-box{position:absolute;left:50%;visibility:hidden;opacity:0;transform:translateY(-50%);transition:all .3s ease-out}:host .spinner-box .spinner-border{line-height:1.5;text-align:left;box-sizing:border-box;display:inline-block;width:2rem;height:2rem;vertical-align:text-bottom;border:.25em solid var(--vt-c-blue-v1);border-right-color:transparent;border-radius:50%;animation:spinner-border .75s linear infinite;padding:16px}@keyframes spinner-border{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}:host .loading{visibility:visible;opacity:1;transform:translateY(100%)}:host .resort-list{display:flex;flex-direction:column;padding:0 22px 0 0;margin:10px 0 0 5px}:host .resort-list .resort-item{cursor:pointer;position:relative;padding:17px 17px 16px 18px;border:1px solid var(--main-border-color);border-radius:8px;display:flex;align-items:center;gap:15px}:host .resort-list .resort-item.inactive{background-color:var(--gray-v4)}:host .resort-list .resort-item .thumbnail img{object-fit:cover;height:150px;width:200px;border-radius:4px}:host .resort-list .resort-item .information{display:flex;flex-direction:column;justify-content:space-between;flex:1}:host .resort-list .resort-item .information .resort-name{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}:host .resort-list .resort-item .information .resort-name h2{font-size:20px;margin:0;font-weight:700;line-height:34.75px;color:var(--vt-c-blue-v1)}:host .resort-list .resort-item .information .resort-name .btn-detail{color:var(--vt-c-blue-v1);font-size:15px;font-weight:500;line-height:21.72px}:host .resort-list .resort-item .information .resort-sub-name{font-size:14px;font-weight:500;line-height:20.27px;color:var(--main-gray-v5)}:host .resort-list .resort-item .information .summary{margin-bottom:21px;margin-top:8px}:host .resort-list .resort-item .information .summary p{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;line-height:23.17px;color:var(--vt-c-black-v4)}@supports (-webkit-line-clamp: 2){:host .resort-list .resort-item .information .summary p{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}:host .resort-list .resort-item .information .option{display:flex;align-items:center;justify-content:flex-end}:host .resort-list .resort-item .information .option .subscribe{display:flex;align-items:center;gap:9px}:host .resort-list .resort-item .information .option .subscribe .note{font-size:17px;font-weight:500;line-height:24.62px;color:var(--vt-c-green-v1)}:host .resort-list .resort-item .information .option .subscribe .btn{display:flex;align-items:center;justify-content:center;padding:11px 35.5px;height:30px;color:var(--vt-c-white-v1);font-size:15px;font-weight:700;border-color:transparent!important;background-color:var(--vt-c-blue-v1)}@media screen and (max-width: 426px){:host{width:100%!important;height:100vh!important;right:0;bottom:0}:host .chat-box{display:flex;flex-direction:column;height:100vh;border-radius:0}:host .chat-box .messages-container{flex:1}:host .visible{top:0}}