#onlinechat{font-size:14px;box-sizing:border-box;position:fixed;width:250px;bottom:-460px;z-index:9999;background:#fff;border-radius:10px 10px 0 0;box-shadow:0 0 30px rgb(0 0 0 / 30%), 0 0 30px rgb(0 0 0 / 20%);overflow:hidden} #onlinechat.close{top:-500px!important;height:0!important} #onlinechat .onlinechat-body{overflow:auto;height:calc(100% - 140px);display:flex;box-sizing:border-box;flex-direction:column-reverse;margin:0 auto;padding:10px;transition:height 300ms} #onlinechat .onlinechat-body.nologin{display:grid} #onlinechat .onlinechat-body.nologin .user__name{position:fixed;box-sizing:border-box;flex-direction:column-reverse;z-index:1150;} #onlinechat .onlinechat-body a.login:before{content:'';background-image:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 512 512' xml:space='preserve'%3E%3Cpath style='fill:%23ECEDEF;' d='M486.881,503.983H25.119c-9.446,0-17.102-7.656-17.102-17.102V25.119 c0-9.446,7.656-17.102,17.102-17.102h461.762c9.446,0,17.102,7.656,17.102,17.102v461.762 C503.983,496.327,496.327,503.983,486.881,503.983z'/%3E%3Cpath style='fill:%2368727E;' d='M503.983,25.119c0-9.445-7.656-17.102-17.102-17.102H25.119c-9.446,0-17.102,7.658-17.102,17.102 v68.409h495.967V25.119z'/%3E%3Cpath style='fill:%23D9DCDF;' d='M33.67,486.881V25.119c0-9.445,7.656-17.102,17.102-17.102H25.119 c-9.446,0-17.102,7.658-17.102,17.102v461.762c0,9.445,7.656,17.102,17.102,17.102h25.653 C41.327,503.983,33.67,496.326,33.67,486.881z'/%3E%3Cpath style='fill:%2355606E;' d='M50.772,8.017H25.119c-9.446,0-17.102,7.658-17.102,17.102v68.409H33.67V25.119 C33.67,15.674,41.327,8.017,50.772,8.017z'/%3E%3Ccircle style='fill:%23FFC44F;' cx='67.875' cy='50.772' r='17.102'/%3E%3Ccircle style='fill:%23C4DF64;' cx='136.284' cy='50.772' r='17.102'/%3E%3Ccircle style='fill:%23FF8C78;' cx='204.693' cy='50.772' r='17.102'/%3E%3Cg%3E%3Crect x='136.284' y='358.614' style='fill:%23B3B9BF;' width='247.983' height='34.205'/%3E%3Crect x='136.284' y='427.023' style='fill:%23B3B9BF;' width='247.983' height='34.205'/%3E%3C/g%3E%3Cpath style='fill:%23509FE8;' d='M324.409,324.409H187.591V221.795c0-9.446,7.656-17.102,17.102-17.102h102.614 c9.446,0,17.102,7.656,17.102,17.102V324.409z'/%3E%3Cpath style='fill:%234D8CCF;' d='M230.347,204.693h-25.653c-9.446,0-17.102,7.658-17.102,17.102v102.614h25.653V221.795 C213.244,212.351,220.901,204.693,230.347,204.693z'/%3E%3Ccircle style='fill:%2368727E;' cx='256' cy='256' r='17.102'/%3E%3Cg%3E%3Crect x='136.284' y='375.716' style='fill:%238E959F;' width='247.983' height='17.102'/%3E%3Crect x='136.284' y='444.125' style='fill:%238E959F;' width='247.983' height='17.102'/%3E%3C/g%3E%3Cpath d='M511.489,20.065C509.128,8.518,498.662,0,486.881,0h-76.96c-4.428,0-8.017,3.588-8.017,8.017s3.588,8.017,8.017,8.017h76.96 c4.953,0,9.086,4.127,9.086,9.086v60.392H16.033V25.119c0-4.953,4.133-9.086,9.086-9.086h342.046c4.428,0,8.017-3.588,8.017-8.017 S371.593,0,367.165,0H25.119C11.429,0,0,11.423,0,25.119v324.944c0,4.428,3.589,8.017,8.017,8.017s8.017-3.588,8.017-8.017V101.545 h479.933v385.336c0,5.01-4.076,9.086-9.086,9.086H25.119c-5.01,0-9.086-4.076-9.086-9.086v-94.063c0-4.428-3.589-8.017-8.017-8.017 S0,388.39,0,392.818v94.063C0,500.732,11.268,512,25.119,512h461.762C500.732,512,512,500.732,512,486.881V25.119 C512,23.422,511.829,21.721,511.489,20.065z'/%3E%3Cpath d='M42.756,50.772c0,13.851,11.268,25.119,25.119,25.119s25.119-11.268,25.119-25.119S81.725,25.653,67.875,25.653 S42.756,36.922,42.756,50.772z M76.96,50.772c0,5.01-4.076,9.086-9.086,9.086s-9.086-4.076-9.086-9.086s4.076-9.086,9.086-9.086 S76.96,45.763,76.96,50.772z'/%3E%3Cpath d='M111.165,50.772c0,13.851,11.268,25.119,25.119,25.119c13.851,0,25.119-11.268,25.119-25.119s-11.268-25.119-25.119-25.119 C122.433,25.653,111.165,36.922,111.165,50.772z M145.37,50.772c0,5.01-4.076,9.086-9.086,9.086c-5.01,0-9.086-4.076-9.086-9.086 s4.076-9.086,9.086-9.086C141.294,41.687,145.37,45.763,145.37,50.772z'/%3E%3Cpath d='M179.574,50.772c0,13.851,11.268,25.119,25.119,25.119s25.119-11.268,25.119-25.119s-11.268-25.119-25.119-25.119 S179.574,36.922,179.574,50.772z M213.779,50.772c0,5.01-4.076,9.086-9.086,9.086s-9.086-4.076-9.086-9.086s4.076-9.086,9.086-9.086 S213.779,45.763,213.779,50.772z'/%3E%3Cpath d='M128.267,358.614v34.205c0,4.428,3.589,8.017,8.017,8.017h247.983c4.428,0,8.017-3.588,8.017-8.017v-34.205 c0-4.428-3.588-8.017-8.017-8.017H136.284C131.857,350.597,128.267,354.185,128.267,358.614z M144.301,366.63h231.95v18.171h-231.95 V366.63z'/%3E%3Cpath d='M128.267,461.228c0,4.428,3.589,8.017,8.017,8.017h247.983c4.428,0,8.017-3.588,8.017-8.017v-34.205 c0-4.428-3.588-8.017-8.017-8.017H136.284c-4.427,0-8.017,3.588-8.017,8.017V461.228z M144.301,435.04h231.95v18.171h-231.95V435.04 z'/%3E%3Cpath d='M461.228,58.789c4.428,0,8.017-3.588,8.017-8.017s-3.588-8.017-8.017-8.017h-17.102c-4.428,0-8.017,3.588-8.017,8.017 s3.588,8.017,8.017,8.017H461.228z'/%3E%3Cpath d='M282.188,50.772c0,4.428,3.588,8.017,8.017,8.017h128.267c4.428,0,8.017-3.588,8.017-8.017s-3.588-8.017-8.017-8.017 H290.205C285.776,42.756,282.188,46.344,282.188,50.772z'/%3E%3Cpath d='M204.693,196.676c-13.851,0-25.119,11.268-25.119,25.119v102.614c0,4.428,3.589,8.017,8.017,8.017h136.818 c4.428,0,8.017-3.588,8.017-8.017V221.795c0-13.851-11.268-25.119-25.119-25.119h-0.534v-26.188 c0-23.281-18.941-42.221-42.221-42.221h-17.102c-23.281,0-42.221,18.941-42.221,42.221v8.551c0,4.428,3.589,8.017,8.017,8.017 s8.017-3.588,8.017-8.017v-8.551c0-14.441,11.748-26.188,26.188-26.188h17.102c14.441,0,26.188,11.747,26.188,26.188v26.188H204.693 z M316.392,221.795v94.597H195.608v-94.597c0-5.01,4.076-9.086,9.086-9.086h102.614C312.317,212.71,316.392,216.786,316.392,221.795 z'/%3E%3Cpath d='M256,230.881c-13.851,0-25.119,11.268-25.119,25.119c0,11.048,7.172,20.446,17.102,23.8v18.956 c0,4.428,3.589,8.017,8.017,8.017c4.428,0,8.017-3.588,8.017-8.017V279.8c9.93-3.354,17.102-12.752,17.102-23.8 C281.119,242.149,269.851,230.881,256,230.881z M256,265.086c-5.01,0-9.086-4.076-9.086-9.086c0-5.01,4.076-9.086,9.086-9.086 c5.01,0,9.086,4.076,9.086,9.086C265.086,261.01,261.01,265.086,256,265.086z'/%3E%3C/svg%3E");background-repeat:no-repeat no-repeat;background-position:center center;background-size:cover;width:100px;height:100px;display:block;margin:0 auto;margin-bottom:20px} #onlinechat .onlinechat-body a.login{font-size:20px;justify-self:center;align-self:center} #onlinechat.averaged{width:350px;bottom:0} #onlinechat .chat__smile{display:none} #onlinechat .chat__smile>ul{list-style:none;margin:5px 0 15px 0;padding:0} #onlinechat .chat__smile>ul>li{display: inline-block;cursor: pointer;text-align: center;margin-bottom:5px;padding: 1ex;box-sizing:content-box; border-radius:50%} @media (max-width:767px) { #onlinechat .chat__smile>ul{text-align:center} #onlinechat .chat__smile>ul>li{font-size:23px;line-height:150%;width:42px;padding:5px;background:#f5f5f5;border-radius:5px} } @media (min-width:768px) { #onlinechat .chat__smile>ul>li{font-size: 18px;line-height: 150%;width: 31px;height:31px;} } #onlinechat .chat__smile>ul>li:hover{background:#d6d6db} #onlinechat .chat__input{margin-bottom: 5px;position: relative;} #onlinechat .chat__input button{position: absolute;right: 0;top: 0;height: 100%;padding: 0 10px;border: 0;border-radius: 0 10px 10px 0;background: var(--online_chat_background_color)!important;color:#fff; text-transform: uppercase; cursor:pointer} #onlinechat .chat__email{display:none} #onlinechat .chat__email input{width: 100%;padding: 10px 50px 10px 15px;border: 0;border-radius: 10px;text-align: left;background: #fff} #onlinechat .chat__email input:focus{outline:none} #onlinechat .chat__email input:-webkit-autofill, #onlinechat .chat__email input:-webkit-autofill:hover, #onlinechat .chat__email input:-webkit-autofill:focus, #onlinechat .chat__email input:-webkit-autofill:active{-webkit-box-shadow: 0 0 0 30px white inset !important} #onlinechat .noselect { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ -khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Old versions of Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */ } #onlinechat .onlinechat__dialog .date_day{text-align:center;background:#b2b3bd82;border-radius:20px;padding:0px 8px;display:block;width:max-content;margin:10px auto;color:#000} #onlinechat .onlinechat__dialog {margin-bottom:inherit;width:100%} #onlinechat .onlinechat__dialog .chat__message {display:flex;align-items:center;justify-content:left;margin-bottom:10px} #onlinechat .onlinechat__dialog .chat__message .customer__message, #onlinechat .onlinechat__dialog .chat__message .admin__message, #onlinechat .onlinechat__dialog .chat__message .gpt__message{word-break:break-word;position:relative;display:table;max-width:80%; padding:1.5ex; line-height: 1.5!important} #onlinechat .onlinechat__dialog .chat__message .admin__message, #onlinechat .onlinechat__dialog .chat__message .gpt__message{border-radius:20px 20px 20px 0} #onlinechat .onlinechat__dialog .chat__message .customer__message, #onlinechat .onlinechat__dialog .customer__message:after{border-radius:20px 20px 0 20px} #onlinechat .onlinechat__dialog .chat__message .gpt__message:before{content:'';background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='20' height='20' viewBox='0,0,256,256'%3E%3Cg fill='%2319911d' fill-rule='nonzero' stroke='none' stroke-width='1' stroke-linecap='butt' stroke-linejoin='miter' stroke-miterlimit='10' stroke-dasharray='' stroke-dashoffset='0' font-family='none' font-weight='none' font-size='none' text-anchor='none' style='mix-blend-mode:normal'%3E%3Cg transform='scale(10.66667,10.66667)'%3E%3Cpath d='M11.13477,1.01758c-0.26304,-0.01259 -0.528,-0.00875 -0.79687,0.01563c-2.22436,0.20069 -4.00167,1.76087 -4.72852,3.78711c-1.71233,0.35652 -3.1721,1.48454 -3.9375,3.13672c-0.93789,2.02702 -0.47459,4.34373 0.91602,5.98633c-0.54763,1.66186 -0.30227,3.49111 0.74414,4.97852c1.28618,1.82589 3.52454,2.58282 5.64258,2.19922c1.16505,1.30652 2.87295,2.00936 4.6875,1.8457c2.22441,-0.2007 4.0017,-1.7608 4.72852,-3.78711c1.71235,-0.35654 3.17321,-1.4837 3.93945,-3.13672c0.93809,-2.0267 0.47529,-4.34583 -0.91602,-5.98828c0.54663,-1.66125 0.29983,-3.48985 -0.74609,-4.97656c-1.28618,-1.82589 -3.52454,-2.58282 -5.64258,-2.19922c-0.99242,-1.11291 -2.37852,-1.78893 -3.89062,-1.86133zM11.02539,2.51367c0.89653,0.03518 1.7296,0.36092 2.40625,0.9082c-0.11306,0.05604 -0.23154,0.09454 -0.3418,0.1582l-4.01367,2.31641c-0.306,0.176 -0.496,0.50247 -0.5,0.85547l-0.05859,5.48633l-1.76758,-1.04883v-4.4043c0,-2.136 1.55759,-4.04291 3.68359,-4.25391c0.19937,-0.01975 0.39689,-0.02523 0.5918,-0.01758zM16.125,4.25586c1.27358,0.00756 2.51484,0.5693 3.29297,1.6543c0.65289,0.90943 0.89227,1.99184 0.72852,3.03711c-0.10507,-0.06991 -0.19832,-0.15312 -0.30859,-0.2168l-4.01172,-2.31641c-0.306,-0.176 -0.68224,-0.17886 -0.99023,-0.00586l-4.7832,2.69531l0.02344,-2.05469l3.81445,-2.20117c0.69375,-0.4005 1.47022,-0.59633 2.23438,-0.5918zM5.2832,6.47266c-0.008,0.12587 -0.0332,0.24774 -0.0332,0.375v4.63281c0,0.353 0.18623,0.67938 0.49023,0.85938l4.72461,2.79688l-1.79102,1.00586l-3.81445,-2.20312c-1.85,-1.068 -2.7228,-3.37236 -1.8418,-5.31836c0.46198,-1.02041 1.27879,-1.76751 2.26562,-2.14844zM15.32617,7.85742l3.81445,2.20313c1.85,1.068 2.72475,3.37236 1.84375,5.31836c-0.46209,1.02065 -1.28043,1.7676 -2.26758,2.14844c0.00797,-0.12565 0.0332,-0.24797 0.0332,-0.375v-4.63086c0,-0.354 -0.18623,-0.68133 -0.49023,-0.86133l-4.72461,-2.79687zM12.02539,9.71094l1.96875,1.16797l-0.02734,2.28906l-1.99219,1.11914l-1.96875,-1.16601l0.02539,-2.28906zM15.48242,11.76172l1.76758,1.04883v4.4043c0,2.136 -1.55759,4.04291 -3.68359,4.25391c-1.11644,0.11059 -2.17429,-0.22435 -2.99805,-0.89062c0.11306,-0.05604 0.23154,-0.09454 0.3418,-0.1582l4.01367,-2.31641c0.306,-0.176 0.496,-0.50247 0.5,-0.85547zM13.94727,14.89648l-0.02344,2.05469l-3.81445,2.20117c-1.85,1.068 -4.28234,0.6735 -5.52734,-1.0625c-0.65289,-0.90943 -0.89227,-1.99184 -0.72852,-3.03711c0.10521,0.07006 0.19816,0.15299 0.30859,0.2168l4.01172,2.31641c0.306,0.176 0.68223,0.17886 0.99023,0.00586z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;width:20px;height:20px;background-size:contain;top:-10px;left:-5px} #onlinechat .onlinechat__dialog .chat__message.left{justify-content:left;} #onlinechat .onlinechat__dialog .chat__message.right{justify-content:right;} #onlinechat .onlinechat__dialog .chat__message .date_added{display:block;font-size:90%} #onlinechat .onlinechat__dialog .chat__message.left .date_added{padding-left:5px} #onlinechat .onlinechat__dialog .chat__message.right .date_added{padding-right:5px;margin-left:0} #onlinechat .onlinechat__dialog .chat__message .customer__message{color:#000} #onlinechat .onlinechat__dialog .chat__message .admin__message, #onlinechat .onlinechat__dialog .chat__message .gpt__message{line-height:1.2;background:#b2b3bd82;color:#000} #onlinechat .onlinechat__dialog .chat__message .new__message{background:#53f56080} #onlinechat .onlinechat__dialog .chat__message:last-child{margin-bottom:0} #onlinechat .onlinechat__dialog .chat__message>span:has(a.onlinechat_image){padding:5px} #onlinechat .onlinechat__dialog .chat__message>span:has(a.onlinechat_image) text{padding:5px 10px;display:block} #onlinechat .onlinechat__dialog .chat__message p, #onlinechat .onlinechat__dialog .chat__message ul, #onlinechat .onlinechat__dialog .chat__message li {margin: 0;} #onlinechat .onlinechat__dialog img{border-radius:15px} #onlinechat .onlinechat__dialog a.onlinechat_image{display:block} #onlinechat .onlinechat__dialog li::before { content:none } #onlinechat .onlinechat__dialog li{ line-height: 1.2; } #onlinechat .onlinechat__dialog ol>li{ padding-bottom:10px } #onlinechat .onlinechat__dialog,#onlinechat .onlinechat__dialog h1,#onlinechat .onlinechat__dialog h2,#onlinechat .onlinechat__dialog h3,#onlinechat .onlinechat__dialog h4{font-size: 1em !important;} @media (max-width:767px) { #onlinechat .onlinechat__dialog img{width:100%} #onlinechat .onlinechat-footer .chat__input textarea{font-size:16px!important} } #onlinechat .onlinechat-header{padding: 10px;border-radius: 10px 10px 0 0;height: 60px;box-shadow: 0 0 20px rgb(0 0 0 / 30%);box-sizing: border-box;cursor: all-scroll;display: flex;justify-content: space-between;align-items: center} #onlinechat .onlinechat-header .onlinechat__title{float:left;text-shadow:0 0 10px #fff} #onlinechat .onlinechat-header .onlinechat__close{margin-left:5px;height:20px;width:20px;cursor:pointer;float:right} #onlinechat .onlinechat-footer .chat__input__buttons{cursor:default;margin-top:10px;display:flex;gap:10px;width:100%;position:relative} #onlinechat .onlinechat-footer .chat__input__buttons button{border:0;background-color:unset;vertical-align:middle;height:20px;padding:0;margin:0 0 0 0.5em;cursor:pointer} #onlinechat .onlinechat-footer .chat__input__buttons button svg{display:block} #onlinechat .onlinechat-footer .chat__input__buttons button.onlinechat__buttonsend svg{height:30px} #onlinechat .onlinechat-footer{position:absolute;width:auto;left:0;bottom:0;right:0;padding:0 10px 15px 10px;background:#fff;box-shadow: 0 0 20px rgb(0 0 0 / 30%)} #onlinechat .onlinechat-footer .chat__input{overflow-x:hidden;display:block;position:relative;min-height:35px;max-height:150px} #onlinechat .onlinechat-footer .chat__input textarea{border:none!important;outline:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;resize:none!important;color:#000;padding:15px 5px 0 5px;min-height:auto;margin:0;background:none;border-radius:0;display:block;box-sizing:border-box;height:auto;overflow:hidden} #onlinechat .onlinechat-footer .onlinechat__buttonsend{right:-5px;bottom:-5px;position:absolute;margin-left:5px;width:35px;height:35px!important;border-radius:50%} #onlinechat .onlinechat__dialog .customer__message:after{content:'';position:absolute;right:0;left:0;top:0;bottom:0;opacity:0.25;z-index:-1} #onlinechat .onlinechat-body::-webkit-scrollbar-thumb {background-color:#00b0ab;border-radius:5px} #onlinechat .onlinechat-body::-webkit-scrollbar-track {background-color:#d5d5d5} #onlinechat .onlinechat-body::-webkit-scrollbar {width:8px} #onlinechat .onlinechat-footer .chat__input::-webkit-scrollbar-thumb {background-color:#00b0ab;border-radius:5px} #onlinechat .onlinechat-footer .chat__input::-webkit-scrollbar-track {background-color:#d5d5d5} #onlinechat .onlinechat-footer .chat__input::-webkit-scrollbar {width:8px} #onlinechat .onlinechat-footer .chat__input textarea{direction:ltr} #onlinechat .onlinechat-footer .chat__input{direction:rtl} #onlinechat__button{position:fixed;bottom:-100px} #onlinechat__button span{position:absolute;background-size:cover;background-repeat:no-repeat;width:30px;height:30px;left:10px;top:10px} #onlinechat__button.active{bottom:30px;width:50px;height:50px;z-index:9999;border-radius:50%;cursor:pointer;box-shadow:0 0 15px rgb(0 0 0 / 50%), 0 0 15px rgb(0 0 0 / 30%)} #onlinechat__button.bottom_left {left:30px;} #onlinechat__button.bottom_right {right:30px;} #onlinechat__button .onlinechat_new_messages_count{animation:messages_count_animate .5s infinite alternate;background:red;position:absolute;padding:0px 8px;font-size:11px;display:inline;color:#fff;top:-5px;right:0;border-radius:50%;box-shadow:0 0 15px rgb(255 255 255 / 50%)} @keyframes messages_count_animate {0% {opacity:0}100% {opacity:1}} @media (max-width:767px) { #onlinechat.averaged{right:0!important;left:0!important;top:0!important;bottom:0!important;position:fixed!important;width:auto!important;height:auto!important} #onlinechat .onlinechat-header,#onlinechat .onlinechat-footer,#onlinechat{border-radius:0} } #onlinechat .onlinechat-header{background-color:var(--online_chat_background_color);color:var(--online_chat_text_color);background-image:url(image/back.svg);background-repeat:repeat-x} #onlinechat .onlinechat-footer .onlinechat__buttonsend{color:var(--online_chat_background_color)!important} #onlinechat .onlinechat__dialog .customer__message:after{background-color:var(--online_chat_background_color)} #onlinechat .onlinechat-body::-webkit-scrollbar-thumb {background-color:var(--online_chat_background_color);border:0px solid var(--online_chat_background_color)} #onlinechat .onlinechat-footer .chat__input::-webkit-scrollbar-thumb {background-color:var(--online_chat_background_color);border:0px solid var(--online_chat_background_color)} #onlinechat__button{background-color:var(--online_chat_background_color)} #onlinechat_mask.active{position:absolute;width:100%;height:100%;background:#00000052;z-index:100} #onlinechat_mask.active .onlinechat_loading{position:absolute;top:50%;left:50%;width:20px;height:20px;transform:translate(-50%, -50%)} #onlinechat_mask.active .onlinechat_loading .onlinechat_dot{position:absolute;border-radius:50%;left:1px;top:1px;width:18px;height:18px;background:var(--online_chat_background_color);animation:spin 2.5s 0s infinite both} #onlinechat_mask.active .onlinechat_loading .onlinechat_dot2{position:absolute;border-radius:50%;width:20px;height:20px;background:var(--online_chat_background_color);animation:spin2 2.5s 0s infinite both} @media (min-width:768px) { #onlinechat__button.active::before,#onlinechat__button.active::after{content:'';position:absolute;border:2px solid var(--online_chat_background_color);left:-20px;opacity:0;right:-20px;top:-20px;bottom:-20px;border-radius:50%;animation:pulse 2.5s linear infinite} #onlinechat__button.active::after{animation-delay:1.25s} } @media (max-height:519px) AND (min-width:768px) { #onlinechat.averaged{inset:unset!important;height:100%!important;bottom:0!important;right:0!important;left:calc(100% - 400px)!important} #onlinechat{border-radius:10px 0 0 10px} #onlinechat .onlinechat-header{border-radius:0} #onlinechat .onlinechat-footer{border-radius:0} } @keyframes spin { 0%, 100% { box-shadow:0 0 0 var(--online_chat_background_color), 0 0 0 var(--online_chat_background_color), 0 0 0 var(--online_chat_background_color), 0 0 0 var(--online_chat_background_color), 0 0 0 var(--online_chat_background_color), 0 0 0 var(--online_chat_background_color), 0 0 0 var(--online_chat_background_color), 0 0 0 var(--online_chat_background_color); } 50% { transform:rotate(180deg); } 25%, 75% { box-shadow:28px 0 0 var(--online_chat_background_color), -28px 0 0 var(--online_chat_background_color), 0 28px 0 var(--online_chat_background_color), 0 -28px 0 var(--online_chat_background_color), 20px -20px 0 var(--online_chat_background_color), 20px 20px 0 var(--online_chat_background_color), -20px -20px 0 var(--online_chat_background_color), -20px 20px 0 var(--online_chat_background_color); } 100% { transform:rotate(360deg); box-shadow:0 0 0 var(--online_chat_background_color), 0 0 0 var(--online_chat_background_color), 0 0 0 var(--online_chat_background_color), 0 0 0 var(--online_chat_background_color), 0 0 0 var(--online_chat_background_color), 0 0 0 var(--online_chat_background_color), 0 0 0 var(--online_chat_background_color), 0 0 0 var(--online_chat_background_color); } } @keyframes spin2 { 0%, 100% { box-shadow:0 0 0 var(--online_chat_background_color), 0 0 0 var(--online_chat_background_color), 0 0 0 var(--online_chat_background_color), 0 0 0 var(--online_chat_background_color), 0 0 0 var(--online_chat_background_color), 0 0 0 var(--online_chat_background_color), 0 0 0 var(--online_chat_background_color), 0 0 0 var(--online_chat_background_color); } 50% { transform:rotate(-180deg); } 25%, 75% { box-shadow:52px 0 0 var(--online_chat_background_color), -52px 0 0 var(--online_chat_background_color), 0 52px 0 var(--online_chat_background_color), 0 -52px 0 var(--online_chat_background_color), 38px -38px 0 var(--online_chat_background_color), 38px 38px 0 var(--online_chat_background_color), -38px -38px 0 var(--online_chat_background_color), -38px 38px 0 var(--online_chat_background_color); background:transparent; } 100% { transform:rotate(-360deg); box-shadow:0 0 0 var(--online_chat_background_color), 0 0 0 var(--online_chat_background_color), 0 0 0 var(--online_chat_background_color), 0 0 0 var(--online_chat_background_color), 0 0 0 var(--online_chat_background_color), 0 0 0 var(--online_chat_background_color), 0 0 0 var(--online_chat_background_color), 0 0 0 var(--online_chat_background_color); } } @keyframes pulse { 0% { transform: scale(0.5); opacity: 0; } 50% { opacity: 1; } 100% { transform: scale(1.0); opacity: 0; } } #onlinechat .pre__gpt__loader{ display: block; position: relative; height: 35px; width: 80px; } #onlinechat .gpt__loader{ width: 4px; height: 4px; border-radius: 50%; display: block; margin: 0 auto; position: absolute; left: calc(50% - 4px); top: calc(50% - 2px); z-index: 2; box-sizing: border-box; animation: gptanimloader 1s linear infinite alternate;} @keyframes gptanimloader {0% {box-shadow:-16px -8px ,-6px 0 ,6px 0 ,16px 0} 33% {box-shadow:-16px 0px ,-6px -8px ,6px 0 ,16px 0} 66% {box-shadow:-16px 0px ,-6px 0 ,6px -8px ,16px 0} 100%{box-shadow:-16px 0 ,-6px 0 ,6px 0 ,16px -8px} }