@charset "UTF-8";.ai__messages-list{flex:1;overflow-y:auto;overflow-x:hidden;position:relative}.ai__messages-list>div{display:flex;padding:1.6rem;flex-direction:column;gap:1.6rem;align-self:stretch}.ai__message-item{display:flex;flex-direction:column}.ai__block-bot{display:flex;gap:8px;width:100%;max-width:100%}.ai__avatar-hole{display:flex;width:50px;height:50px;justify-content:center;align-items:center;gap:10px;border-radius:80px}.ai__message-block{display:flex}.ai__message-block.ai__bot{align-items:flex-start;gap:8px;max-width:100%}.ai__message-block.ai__user{justify-content:flex-end;align-items:flex-end}.ai__block{display:flex;gap:8px;width:100%;max-width:100%}.ai__message{display:flex;flex-direction:column;font-style:normal;font-weight:400;line-height:normal}.ai__message.ai__user{align-items:stretch;background:var(--terciary-color);color:#333;max-width:calc(100% - 68px);min-width:none;padding:16px;border-radius:15px 0 15px 15px}.ai__message.ai__user .ai__inner-html{overflow-wrap:break-word}.ai__message.ai__user .ai__inner-html p{word-wrap:break-word}.ai__message.ai__user .ai__bot-time-container{display:flex;flex-direction:row;align-items:flex-end;justify-content:center}.ai__message.ai__user .ai__bot-time-container-time{color:gray;font-size:.8rem}.ai__message.ai__bot{background:#f6f6f6;border-radius:0 15px 15px;color:#333;min-width:0;padding:12px}.ai__message.ai__bot.ai__feedback{background:#f7fbf7}.ai__message.ai__bot .ai__bot-time-container{display:flex;flex-direction:row;align-items:flex-end;justify-content:center}.ai__message.ai__bot .ai__bot-time-container-time{color:gray;font-size:.8rem}.ai__message a{color:var(--primary-color);font-weight:700}.ai__message a:hover{color:color-mix(in srgb,var(--primary-color) 45%,black)}.ai__markdown-text p{margin-block-start:0em;margin-block-end:0em;word-wrap:break-word}.ai__markdown-text p~p{margin-top:.8rem}.ai__options-container{display:flex;flex-wrap:wrap;gap:.5rem;height:100%;margin:.5rem .5rem .2rem 0;z-index:1}.ai__options-container.row{flex-direction:row}.ai__rate{display:flex;flex-grow:1}.ai__avatar-container{width:50px}.ai__globe{border-radius:100%;background:var(--primary-color)}.ai__globe img{border-radius:0;height:26px;width:26px}.ai__globe,.ai__hole{align-items:center;border-radius:80px;display:flex;gap:10px;height:50px;justify-content:center;width:50px}.ai__time{align-items:end;display:flex;justify-content:end}.ai__time>div{font-size:12px;font-style:normal;font-weight:400;line-height:normal}.ai__accordion{border:solid 1px #ddd;border-radius:.5rem}.ai__accordion__intro{margin:10px}.ai__accordion button{background-color:#efefef;border:0;border-bottom:solid 1px #ddd;color:#555;display:flex;flex-direction:column;font-weight:600;gap:.2rem;padding:.8rem 1.5rem;text-align:left;width:100%}.ai__accordion button:last-child{border-bottom:0;border-radius:0 0 .5rem .5rem}.ai__accordion button:hover{background-color:#eaeaea;color:#444}.ai__accordion button.info{border-top:solid 1px #ddd;background-color:#fff}.ai__accordion button.info:hover{background-color:#eee}.ai__accordion ul{margin:0;padding:1rem 1rem 1rem 3rem}.ai__accordion__subtitle{color:#888;font-weight:300}.ai__accordion details{border:1px solid #ccc;border-radius:5px;margin:5px 0;padding:10px;transition:all .3s ease-in-out}.ai__accordion details summary{cursor:pointer;font-weight:700;display:flex;justify-content:space-between;align-items:center}.ai__accordion details summary:after{content:"▶";color:inherit;transition:transform .3s ease-in-out}.ai__accordion details summary .ai__accordion__summary{display:flex;flex-direction:column}.ai__accordion details[open]>summary:after{transform:rotate(90deg)}.ai__accordion details[open]>div{max-height:500px;overflow:hidden;transition:max-height .5s ease-in-out}.ai__accordion details>div{max-height:0;overflow:hidden;transition:max-height .5s ease-in-out}.ai__accordion details details{margin-left:15px;border-left:3px solid #ddd;padding-left:10px}.ai__message__image img{width:85%;border-radius:15px;margin:.5em}.ai__dropdown{box-shadow:none;width:100%}.ai__dropdown-item{margin:.5rem 0}.ai__dropdown-item-main{margin:.5rem 0;padding:.3rem;border-radius:.2rem;border:solid grey 1px;cursor:pointer}.ai__dropdown-item-main-label{display:flex;align-items:center;justify-content:space-between;font-weight:600}.ai__dropdown-item-main-label-arrow{margin-right:10px}.ai__dropdown-item-main-info{margin:.5rem 0}.ai__dropdown-content{padding-left:1rem}.ai__postback-buttons__container{margin:.5rem 0}.ai__rating-card{border:solid 1px #ddd;border-radius:.4rem;margin:auto;padding:1rem}.ai__rating-card h2{color:var(--primary-color);font-size:1.2rem;margin:0;text-align:center}.ai__text-buttons__container,.ai__url-button__container{margin:.5rem 0}.ai__messages-list>div.ai__rating{display:flex;flex-direction:column;align-items:center;gap:.3rem;justify-content:center;text-align:center;font-weight:600}.ai__messages-list>div.ai__rating p{font-weight:700;margin-top:-2.5em;margin-bottom:5px;text-align:center}.ai__messages-list>div.ai__rating button{background-color:transparent;border:0;box-shadow:none;color:color-mix(in srgb,var(--secondary-color, #087021) 80%,white);height:auto;min-height:2rem;padding:.4rem .8rem}.ai__messages-list>div.ai__rating button:where(.css-dev-only-do-not-override-1kuana8).ant-btn-default:not(:disabled):hover{border-color:color-mix(in srgb,var(--secondary-color, #0B4C1A) 80%,black);color:color-mix(in srgb,var(--secondary-color, #0B4C1A) 80%,black)}.ai__messages-list>div.ai__rating button.ai__hand-button{border:solid 1px color-mix(in srgb,var(--secondary-color, #087021) 80%,white);margin:0 .5rem}.ai__messages-list>div.ai__rating button.ai__hand-down-option{width:90%}.ai__messages-list>div.ai__rating-thanks{margin-top:-5em;width:300px;min-width:21.97em}.ai__messages-list>div.ai__rating textarea{margin-bottom:1rem}@media screen and (max-width: 850px){.ai__rating-thanks{min-width:21em}}@media screen and (max-width: 450px){.ai__rating-thanks{min-width:1em;width:90%}}.ai__loading{background-color:var(--antd-blue-1);align-items:flex-start;border-radius:.8rem;display:flex;gap:.2rem;height:1rem;padding:.3rem .5rem .9rem}@keyframes ai__loading-first{0%{margin-top:.2rem}16%{margin-top:0}33%{margin-top:.2rem}}@keyframes ai__loading-second{33%{margin-top:.2rem}49%{margin-top:0}66%{margin-top:.2rem}}@keyframes ai__loading-third{66%{margin-top:.2rem}82%{margin-top:0}to{margin-top:.2rem}}.ai__loading__default{background-color:var(--antd-blue-1);align-items:flex-start;border-radius:.8rem;display:flex;gap:.2rem;height:1rem;padding:.3rem .5rem .9rem}.ai__loading__default span{animation:ai__loading-second 1s infinite linear;background-color:var(--antd-blue-4);border-radius:50%;display:block;height:.5rem;margin-top:.2rem;width:.5rem}.ai__loading__default span:first-child{animation:ai__loading-first 1s infinite linear}.ai__loading__default span:last-child{animation:ai__loading-third 1s infinite linear}@keyframes ai__loading-pulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.2);opacity:1}}.ai__loading__pulse{display:flex;gap:.2rem}.ai__loading__pulse span{display:inline-block;width:10px;height:10px;background-color:#3498db;border-radius:50%;animation:ai__loading-pulse 1.2s infinite ease-in-out}.ai__loading__pulse span:nth-child(1){animation-delay:0s}.ai__loading__pulse span:nth-child(2){animation-delay:.2s}.ai__loading__pulse span:nth-child(3){animation-delay:.4s}@keyframes ai__loading-wave{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.ai__loading__wave{gap:.2rem;display:flex}.ai__loading__wave span{display:inline-block;width:10px;height:10px;background-color:#3498db;border-radius:50%;animation:ai__loading-wave 1s infinite ease-in-out}.ai__loading__wave span:nth-child(1){animation-delay:0s}.ai__loading__wave span:nth-child(2){animation-delay:.2s}.ai__loading__wave span:nth-child(3){animation-delay:.4s}@keyframes ai__loading-fade{0%,to{opacity:.3}50%{opacity:1}}.ai__loading__fade{display:flex;gap:.2rem}.ai__loading__fade span{display:inline-block;width:10px;height:10px;background-color:#3498db;border-radius:50%;animation:ai__loading-fade 1.2s infinite ease-in-out}.ai__loading__fade span:nth-child(1){animation-delay:0s}.ai__loading__fade span:nth-child(2){animation-delay:.2s}.ai__loading__fade span:nth-child(3){animation-delay:.4s}@keyframes flip{0%,80%,to{transform:rotateX(0);opacity:.6}40%{transform:rotateX(180deg);opacity:1}}.ai__loading__flip{display:flex;gap:5px}.ai__loading__flip span{width:10px;height:10px;background-color:#3498db;border-radius:50%;transform-origin:center;transform:scale(1);animation:flip 1.5s infinite ease-in-out}.ai__loading__flip span:nth-child(1){animation-delay:0s}.ai__loading__flip span:nth-child(2){animation-delay:.5s}.ai__loading__flip span:nth-child(3){animation-delay:1s}.ai__send-button{transform:rotate(-25deg)}.ai__window-chat{background-color:#fff;border-radius:1rem 1rem 0 0;bottom:0;box-shadow:0 0 5px #666;display:flex;flex-direction:column;height:96%;overflow:hidden;position:fixed;right:3vw;transition:all .5s cubic-bezier(.68,-.55,.265,1.55);visibility:visible;opacity:1;width:48%;z-index:999999}.ai__window-chat:has(.ai__avatar){border-radius:0 2.9rem 0 0;width:auto}.ai__window-chat--minimized{opacity:0;visibility:hidden;pointer-events:none}.ai__window-chat-app{border-radius:0;box-shadow:none;height:100%;left:0;max-height:initial;max-width:initial;position:initial;top:0}.ai__window-chat.ai__shrink{height:50%;top:50%}.ai__window-chat .ai__text-button,.ai__window-chat .ai__url-button,.ai__window-chat .ai__postback-button{white-space:break-spaces;height:auto;padding:.2rem}.ai__chat{display:flex;flex-flow:column;flex-grow:1;min-height:0}.ai__form{display:contents;width:100%;height:20%}.ai__form .ai__input-container{align-items:center;background-color:#f6f6f6;border-radius:24px;display:flex;height:auto;flex-direction:row;margin:.4rem .8rem}.ai__form .ai__input-container-frame{margin-right:8px}.ai__form input,.ai__form textarea{font-size:13px;font-family:Arial;font-weight:400;outline:none;border:none;background-color:inherit;flex:1;resize:none;height:auto;padding:15px;border-radius:24px;color:#000}.ai__form input:disabled,.ai__form textarea:disabled{background-color:transparent}.ai__form input::-webkit-input-placeholder,.ai__form textarea::-webkit-input-placeholder{font-size:13px;font-weight:400;font-family:Arial;color:#6e6e6e;font-style:italic;opacity:1}.ai__form input::-moz-placeholder,.ai__form textarea::-moz-placeholder{font-size:13px;font-weight:400;font-family:Arial;font-style:italic;color:#6e6e6e;opacity:1}.ai__form input:-ms-input-placeholder,.ai__form textarea:-ms-input-placeholder{font-size:13px;font-weight:400;font-family:Arial;font-style:italic;color:#6e6e6e;opacity:1}.ai__form input:-moz-placeholder,.ai__form textarea:-moz-placeholder{font-size:13px;font-weight:400;font-family:Arial;font-style:italic;color:#6e6e6e;opacity:1}.ai__form input::placeholder,.ai__form textarea::placeholder{font-size:13px;font-weight:400;font-family:Arial;font-style:italic;color:#6e6e6e;opacity:1}.ai__form input:disabled::placeholder,.ai__form textarea:disabled::placeholder{color:#b2b2b2}.ai__form input:hover,.ai__form textarea:hover{background-color:transparent}.ai__form input:focus,.ai__form textarea:focus{background-color:transparent;border:none;box-shadow:none}.ai__form .ai__word-counter{display:flex;justify-content:end;margin-right:15px}.ai__form .ai__word-counter--warning{color:var(--alert-color)}.ai__form .ai__word-counter>div{color:#8d8d8d;text-align:center;font-family:arial;font-size:10.5px;font-style:normal;font-weight:400;line-height:normal}@keyframes naturalswing{0%{transform:rotate(0);animation-timing-function:ease-in}25%{transform:rotate(45deg)}50%{transform:rotate(0);animation-timing-function:ease-out}75%{transform:rotate(-25deg)}to{transform:rotate(0)}}.ai__maintenance{position:absolute;z-index:1000;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.ai__maintenance--active{flex:1;overflow-y:auto;overflow-x:hidden;position:relative}.ai__maintenance-wrapper{padding:20px;background-color:#fffc;top:0;right:0;bottom:0;left:0;width:100%;text-align:center}.ai__maintenance-wrapper-working{color:green;font-size:90px;transform-origin:70% 30%}.ai__maintenance-wrapper-working:hover{animation:naturalswing 1.5s ease-in infinite}.ai__maintenance-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff80;z-index:-1}@keyframes wave-animation{0%{width:40px;height:40px;opacity:.7}to{width:120px;height:120px;opacity:0}}.av-audio-recording-overlay{pointer-events:none;position:absolute;top:0;left:0;right:0;bottom:0;background-color:#80808080;display:flex;justify-content:center;align-items:center;z-index:9999999}.av-audio-recording-overlay-content{background-color:var(--antd-red);border-radius:50%;display:flex;justify-content:center;box-shadow:0 4px 8px #0003;width:50px;height:50px}.av-audio-recording-overlay-content:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#ffffff80;border-radius:50%;animation:wave-animation 1.8s infinite ease-out}.ai__global-feedback{background-color:#ddd;color:var(--primary-color);container-type:inline-size;display:flex;gap:.5rem;justify-content:center;padding:.8rem}.ai__global-feedback-label{display:none;font-weight:600;font-size:1.3rem}@container (min-width: 30rem){.ai__global-feedback-label{display:initial}}.ai__stars{display:flex;direction:rtl;gap:.2rem;height:1.5rem;justify-content:left;text-align:left;width:9rem}.ai__stars>button{background-color:transparent;border:0;color:var(--primary-color);flex-shrink:0;font-size:1.5rem;outline:none;width:1.8rem}.ai__stars>button:hover~button,.ai__stars>button:hover,.ai__stars>button.selected~button,.ai__stars>button.selected{color:#fabd00;cursor:pointer;font-size:1.8rem}.ai__minimized{bottom:0;position:fixed;right:2rem;width:30%;border-radius:.7rem .7rem 0 0;background-color:#7fffd4;color:#fff;display:flex;flex-direction:column}.ai__minimized-button{align-items:center;border:0;cursor:pointer;display:flex;gap:.3rem;justify-content:center;padding:.5rem}.ai__minimized-button img{border-radius:0;flex-shrink:0;width:2rem}.ai__minimized-button p{flex:1 0 0;color:#fff;font-size:18px;font-style:normal;line-height:normal;margin:0}@media screen and (max-width: 684px){.ai__minimized-button p{font-size:15px}}.ai__minimized-button:hover{background:color-mix(in srgb,var(--primary-color) 60%,black)}.ai__window-toolbar{align-items:center;align-self:stretch;background:var(--primary-color);display:flex;gap:10px;padding:1rem .5rem 1rem 1rem}.ai__window-toolbar:has(.ai__avatar-icon){padding-left:7rem}.ai__window-toolbar.ai__avatar{width:363px;height:130.421px;padding:0;flex-shrink:0;background:#fff;background-image:url(/assets/toolbar_arc.svg);background-repeat:no-repeat;align-items:initial;gap:0px}.ai__window-toolbar.ai__avatar>img{margin-left:-62px;margin-top:-38px;width:154px;height:130px}.ai__window-toolbar.ai__avatar .ai__window-toolbar__title-container{display:initial;margin-top:22px}.ai__window-toolbar.ai__avatar h2{font-size:20px;font-weight:400}.ai__window-toolbar.ai__avatar .ai__window-toolbar__actions{margin-top:22px;margin-right:16px;align-items:initial}.ai__window-toolbar>img{width:18px;height:18px;border-radius:0}.ai__window-toolbar>img.ai__avatar-icon{border-radius:50%;height:auto;left:1rem;position:absolute;top:0;width:5rem;z-index:10}.ai__window-toolbar__title-container{display:flex;border:none;flex:1;height:100%;flex-direction:column;justify-content:space-around}.ai__window-toolbar h2{container-type:inline-size;font-size:1.2rem;font-style:normal;font-weight:500;line-height:normal;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai__window-toolbar__actions{display:flex;align-items:center;gap:0}.ai__window-toolbar__actions .ant-btn:disabled{border-color:transparent;background:transparent}

@keyframes streamingDots {
  0% {
    content: "⠄";
  } /* ❱ ✀⚿*/
  33% {
    content: "⠄⠄";
  } /* ❯ */
  66% {
    content: "⠄⠄⠄";
  } /* ❭ */
  100% {
    content: "";
  } /* Vuelve al inicio */
}
#av-widget {
  --ai-primary-color: #285AFF;
  --ai-secondary-color: #ED0000;
}
#av-widget .ai__minimized {
  z-index: 1000;
  aspect-ratio: 1/1;
  border-radius: 50%;
  bottom: 2rem;
  box-shadow: 0px 6px 16px rgba(55, 70, 73, 0.5);
  position: fixed;
  width: 5.4rem !important;
}
#av-widget .ai__minimized > button {
  background: var(--ai-primary-color);
  border-radius: 50%;
  height: 100%;
  width: 100%;
}
#av-widget .ai__minimized > button p {
  display: none;
}
#av-widget .ai__messages-list button {
  border: solid 2px var(--ai-secondary-color);
  border-radius: 30px;
  color: var(--ai-secondary-color);
  font-size: 14px;
  font-weight: 700;
  padding: 10px 16px;
  margin: 6px 0;
}
#av-widget .ai__messages-list button:first-child {
  margin-top: 0;
}
#av-widget .ai__messages-list button:last-child {
  margin-bottom: 0;
}
#av-widget .ai__messages-list button:disabled {
  background: transparent;
  border-color: color-mix(in srgb, var(--ai-secondary-color) 40%, #FFFFFF);
  color: color-mix(in srgb, var(--ai-secondary-color) 40%, #FFFFFF);
  cursor: not-allowed;
}
#av-widget .ai__messages-list button:disabled svg {
  fill: color-mix(in srgb, var(--ai-secondary-color) 40%, #FFFFFF);
}
#av-widget .ai__messages-list > div {
  gap: unset !important;
}
#av-widget .ai__messages-list > div .ai__message-item {
  margin-bottom: 12px;
}
#av-widget .ai__messages-list .ai__loading {
  background-color: transparent;
}
#av-widget {
  /* Selecciona el primer mensaje *solo si después viene otro con rating* */
  /* PRIMER mensaje si el siguiente es rating */
}
#av-widget .ai__message-item:has(+ .ai__message-item .ai__message--custom_rating) {
  padding: 12px 12px 0 12px;
  margin-bottom: 0px;
  border-radius: 12px 12px 0 0;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  background-color: #fff;
}
#av-widget .ai__message-item:has(+ .ai__message-item .ai__message--custom_rating) .ai__message {
  box-shadow: none;
  border-radius: 0;
  background-color: transparent;
}
#av-widget {
  /* SEGUNDO mensaje (rating) -> aplica el fondo también a su contenedor */
}
#av-widget .ai__message-item:has(.ai__message--custom_rating) {
  margin-top: -15px;
  padding: 0 12px 12px 12px;
  border-radius: 0 0 12px 12px;
  box-shadow: 0 6px 6px rgba(0, 0, 0, 0.16);
  background-color: #fff;
}
#av-widget .ai__message-item:has(.ai__message--custom_rating) .ai__message {
  padding: 0 12px 0 12px;
}
#av-widget .ai__message {
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}
#av-widget .ai__message.ai__message--text_button {
  box-shadow: none;
  padding: 0;
}
#av-widget .ai__message.ai__message--text_button .ai__bot-time-container {
  display: none;
}
#av-widget .ai__message__BTN-GRID .ai__options-container .ai__text-buttons__container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}
#av-widget .ai__message__BTN-GRID .ai__options-container .ai__text-buttons__container button {
  min-width: 50%;
  margin: 0;
}
#av-widget .ai__message.ai__user {
  background-color: #EEFCF8;
  border-radius: 24px 0 24px 24px;
}
#av-widget .ai__message.ai__bot {
  background-color: #FFFFFF;
  border-radius: 0 24px 24px;
}
#av-widget .ai__text-buttons__container {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
}
#av-widget .ai__bot-time-container {
  justify-content: flex-end;
  margin-top: 8px;
}
#av-widget .ai__window-chat {
  border-radius: 0;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
}
#av-widget .ai__window-chat .ai__window-toolbar .ai__window-toolbar__title-container h2 {
  color: white;
  font-size: 1.2rem;
  font-weight: 600;
}
#av-widget .ai__window-chat .ai__window-toolbar img {
  border-radius: 0%;
  width: 40px;
  height: 40px;
  top: unset;
}
#av-widget .ai__window-chat .ai__chat {
  background-color: #fff;
}
#av-widget .ai__window-chat .ai__chat .ai__messages-list > div {
  gap: 0.7rem;
}
#av-widget .ai__window-chat.ai__shrink {
  height: 60%;
  top: 37%;
}

.ai__window-toolbar__actions button:nth-child(2) {
  display: none;
}

.ai__minimized-button img {
  width: 3rem;
}

.ai__form .ai__input-container {
  border: 1px solid #C4CDD5;
  border-radius: 8px;
  background-color: #fff;
  padding: 0.5rem;
}
.ai__form .ai__input-container textarea {
  background-color: transparent;
  font-size: 14px;
}

/* Teléfonos medianos y grandes (481px - 768px) */
@media (min-width: 481px) {
  #av-widget .ai__window-chat {
    font-size: 16px;
  }
}
/* Tablets y pantallas pequeñas (769px - 1024px) */
@media (min-width: 769px) {
  #av-widget .ai__window-chat {
    border-radius: 1rem 1rem 1rem 1rem;
    bottom: 2rem;
    font-size: inherit;
    height: 90%;
    right: 2rem;
    left: auto;
    top: auto;
    width: 30%;
  }
  .ai__window-toolbar__actions button:nth-child(2) {
    display: initial;
  }
}
/*
    Ant Design theme CSS variables
    No Editar manualmente
    Archivo generado automáticamente por `generate_css_vars.mjs`
*/
.av-antd-theme {
  --antd-blue: #1677FF;
  --antd-purple: #722ED1;
  --antd-cyan: #13C2C2;
  --antd-green: #52C41A;
  --antd-magenta: #EB2F96;
  --antd-pink: #EB2F96;
  --antd-red: #F5222D;
  --antd-orange: #FA8C16;
  --antd-yellow: #FADB14;
  --antd-volcano: #FA541C;
  --antd-geekblue: #2F54EB;
  --antd-gold: #FAAD14;
  --antd-lime: #A0D911;
  --antd-colorPrimary: #b00d28;
  --antd-colorSuccess: #5fcc29;
  --antd-colorWarning: #cc9629;
  --antd-colorError: #cc292c;
  --antd-colorInfo: #b00d28;
  --antd-colorLink: #b00d28;
  --antd-colorTextBase: #000;
  --antd-colorBgBase: #fff;
  --antd-fontFamily: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
'Noto Color Emoji';
  --antd-fontFamilyCode: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
  --antd-fontSize: 14;
  --antd-lineWidth: 1;
  --antd-lineType: solid;
  --antd-motionUnit: 0.1;
  --antd-motionBase: 0;
  --antd-motionEaseOutCirc: cubic-bezier(0.08, 0.82, 0.17, 1);
  --antd-motionEaseInOutCirc: cubic-bezier(0.78, 0.14, 0.15, 0.86);
  --antd-motionEaseOut: cubic-bezier(0.215, 0.61, 0.355, 1);
  --antd-motionEaseInOut: cubic-bezier(0.645, 0.045, 0.355, 1);
  --antd-motionEaseOutBack: cubic-bezier(0.12, 0.4, 0.29, 1.46);
  --antd-motionEaseInBack: cubic-bezier(0.71, -0.46, 0.88, 0.6);
  --antd-motionEaseInQuint: cubic-bezier(0.755, 0.05, 0.855, 0.06);
  --antd-motionEaseOutQuint: cubic-bezier(0.23, 1, 0.32, 1);
  --antd-borderRadius: 6;
  --antd-sizeUnit: 4;
  --antd-sizeStep: 4;
  --antd-sizePopupArrow: 16;
  --antd-controlHeight: 32;
  --antd-zIndexBase: 0;
  --antd-zIndexPopupBase: 1000;
  --antd-opacityImage: 1;
  --antd-wireframe: false;
  --antd-motion: true;
  --antd-blue-1: #e6f4ff;
  --antd-blue1: #e6f4ff;
  --antd-blue-2: #bae0ff;
  --antd-blue2: #bae0ff;
  --antd-blue-3: #91caff;
  --antd-blue3: #91caff;
  --antd-blue-4: #69b1ff;
  --antd-blue4: #69b1ff;
  --antd-blue-5: #4096ff;
  --antd-blue5: #4096ff;
  --antd-blue-6: #1677ff;
  --antd-blue6: #1677ff;
  --antd-blue-7: #0958d9;
  --antd-blue7: #0958d9;
  --antd-blue-8: #003eb3;
  --antd-blue8: #003eb3;
  --antd-blue-9: #002c8c;
  --antd-blue9: #002c8c;
  --antd-blue-10: #001d66;
  --antd-blue10: #001d66;
  --antd-purple-1: #f9f0ff;
  --antd-purple1: #f9f0ff;
  --antd-purple-2: #efdbff;
  --antd-purple2: #efdbff;
  --antd-purple-3: #d3adf7;
  --antd-purple3: #d3adf7;
  --antd-purple-4: #b37feb;
  --antd-purple4: #b37feb;
  --antd-purple-5: #9254de;
  --antd-purple5: #9254de;
  --antd-purple-6: #722ed1;
  --antd-purple6: #722ed1;
  --antd-purple-7: #531dab;
  --antd-purple7: #531dab;
  --antd-purple-8: #391085;
  --antd-purple8: #391085;
  --antd-purple-9: #22075e;
  --antd-purple9: #22075e;
  --antd-purple-10: #120338;
  --antd-purple10: #120338;
  --antd-cyan-1: #e6fffb;
  --antd-cyan1: #e6fffb;
  --antd-cyan-2: #b5f5ec;
  --antd-cyan2: #b5f5ec;
  --antd-cyan-3: #87e8de;
  --antd-cyan3: #87e8de;
  --antd-cyan-4: #5cdbd3;
  --antd-cyan4: #5cdbd3;
  --antd-cyan-5: #36cfc9;
  --antd-cyan5: #36cfc9;
  --antd-cyan-6: #13c2c2;
  --antd-cyan6: #13c2c2;
  --antd-cyan-7: #08979c;
  --antd-cyan7: #08979c;
  --antd-cyan-8: #006d75;
  --antd-cyan8: #006d75;
  --antd-cyan-9: #00474f;
  --antd-cyan9: #00474f;
  --antd-cyan-10: #002329;
  --antd-cyan10: #002329;
  --antd-green-1: #f6ffed;
  --antd-green1: #f6ffed;
  --antd-green-2: #d9f7be;
  --antd-green2: #d9f7be;
  --antd-green-3: #b7eb8f;
  --antd-green3: #b7eb8f;
  --antd-green-4: #95de64;
  --antd-green4: #95de64;
  --antd-green-5: #73d13d;
  --antd-green5: #73d13d;
  --antd-green-6: #52c41a;
  --antd-green6: #52c41a;
  --antd-green-7: #389e0d;
  --antd-green7: #389e0d;
  --antd-green-8: #237804;
  --antd-green8: #237804;
  --antd-green-9: #135200;
  --antd-green9: #135200;
  --antd-green-10: #092b00;
  --antd-green10: #092b00;
  --antd-magenta-1: #fff0f6;
  --antd-magenta1: #fff0f6;
  --antd-magenta-2: #ffd6e7;
  --antd-magenta2: #ffd6e7;
  --antd-magenta-3: #ffadd2;
  --antd-magenta3: #ffadd2;
  --antd-magenta-4: #ff85c0;
  --antd-magenta4: #ff85c0;
  --antd-magenta-5: #f759ab;
  --antd-magenta5: #f759ab;
  --antd-magenta-6: #eb2f96;
  --antd-magenta6: #eb2f96;
  --antd-magenta-7: #c41d7f;
  --antd-magenta7: #c41d7f;
  --antd-magenta-8: #9e1068;
  --antd-magenta8: #9e1068;
  --antd-magenta-9: #780650;
  --antd-magenta9: #780650;
  --antd-magenta-10: #520339;
  --antd-magenta10: #520339;
  --antd-pink-1: #fff0f6;
  --antd-pink1: #fff0f6;
  --antd-pink-2: #ffd6e7;
  --antd-pink2: #ffd6e7;
  --antd-pink-3: #ffadd2;
  --antd-pink3: #ffadd2;
  --antd-pink-4: #ff85c0;
  --antd-pink4: #ff85c0;
  --antd-pink-5: #f759ab;
  --antd-pink5: #f759ab;
  --antd-pink-6: #eb2f96;
  --antd-pink6: #eb2f96;
  --antd-pink-7: #c41d7f;
  --antd-pink7: #c41d7f;
  --antd-pink-8: #9e1068;
  --antd-pink8: #9e1068;
  --antd-pink-9: #780650;
  --antd-pink9: #780650;
  --antd-pink-10: #520339;
  --antd-pink10: #520339;
  --antd-red-1: #fff1f0;
  --antd-red1: #fff1f0;
  --antd-red-2: #ffccc7;
  --antd-red2: #ffccc7;
  --antd-red-3: #ffa39e;
  --antd-red3: #ffa39e;
  --antd-red-4: #ff7875;
  --antd-red4: #ff7875;
  --antd-red-5: #ff4d4f;
  --antd-red5: #ff4d4f;
  --antd-red-6: #f5222d;
  --antd-red6: #f5222d;
  --antd-red-7: #cf1322;
  --antd-red7: #cf1322;
  --antd-red-8: #a8071a;
  --antd-red8: #a8071a;
  --antd-red-9: #820014;
  --antd-red9: #820014;
  --antd-red-10: #5c0011;
  --antd-red10: #5c0011;
  --antd-orange-1: #fff7e6;
  --antd-orange1: #fff7e6;
  --antd-orange-2: #ffe7ba;
  --antd-orange2: #ffe7ba;
  --antd-orange-3: #ffd591;
  --antd-orange3: #ffd591;
  --antd-orange-4: #ffc069;
  --antd-orange4: #ffc069;
  --antd-orange-5: #ffa940;
  --antd-orange5: #ffa940;
  --antd-orange-6: #fa8c16;
  --antd-orange6: #fa8c16;
  --antd-orange-7: #d46b08;
  --antd-orange7: #d46b08;
  --antd-orange-8: #ad4e00;
  --antd-orange8: #ad4e00;
  --antd-orange-9: #873800;
  --antd-orange9: #873800;
  --antd-orange-10: #612500;
  --antd-orange10: #612500;
  --antd-yellow-1: #feffe6;
  --antd-yellow1: #feffe6;
  --antd-yellow-2: #ffffb8;
  --antd-yellow2: #ffffb8;
  --antd-yellow-3: #fffb8f;
  --antd-yellow3: #fffb8f;
  --antd-yellow-4: #fff566;
  --antd-yellow4: #fff566;
  --antd-yellow-5: #ffec3d;
  --antd-yellow5: #ffec3d;
  --antd-yellow-6: #fadb14;
  --antd-yellow6: #fadb14;
  --antd-yellow-7: #d4b106;
  --antd-yellow7: #d4b106;
  --antd-yellow-8: #ad8b00;
  --antd-yellow8: #ad8b00;
  --antd-yellow-9: #876800;
  --antd-yellow9: #876800;
  --antd-yellow-10: #614700;
  --antd-yellow10: #614700;
  --antd-volcano-1: #fff2e8;
  --antd-volcano1: #fff2e8;
  --antd-volcano-2: #ffd8bf;
  --antd-volcano2: #ffd8bf;
  --antd-volcano-3: #ffbb96;
  --antd-volcano3: #ffbb96;
  --antd-volcano-4: #ff9c6e;
  --antd-volcano4: #ff9c6e;
  --antd-volcano-5: #ff7a45;
  --antd-volcano5: #ff7a45;
  --antd-volcano-6: #fa541c;
  --antd-volcano6: #fa541c;
  --antd-volcano-7: #d4380d;
  --antd-volcano7: #d4380d;
  --antd-volcano-8: #ad2102;
  --antd-volcano8: #ad2102;
  --antd-volcano-9: #871400;
  --antd-volcano9: #871400;
  --antd-volcano-10: #610b00;
  --antd-volcano10: #610b00;
  --antd-geekblue-1: #f0f5ff;
  --antd-geekblue1: #f0f5ff;
  --antd-geekblue-2: #d6e4ff;
  --antd-geekblue2: #d6e4ff;
  --antd-geekblue-3: #adc6ff;
  --antd-geekblue3: #adc6ff;
  --antd-geekblue-4: #85a5ff;
  --antd-geekblue4: #85a5ff;
  --antd-geekblue-5: #597ef7;
  --antd-geekblue5: #597ef7;
  --antd-geekblue-6: #2f54eb;
  --antd-geekblue6: #2f54eb;
  --antd-geekblue-7: #1d39c4;
  --antd-geekblue7: #1d39c4;
  --antd-geekblue-8: #10239e;
  --antd-geekblue8: #10239e;
  --antd-geekblue-9: #061178;
  --antd-geekblue9: #061178;
  --antd-geekblue-10: #030852;
  --antd-geekblue10: #030852;
  --antd-gold-1: #fffbe6;
  --antd-gold1: #fffbe6;
  --antd-gold-2: #fff1b8;
  --antd-gold2: #fff1b8;
  --antd-gold-3: #ffe58f;
  --antd-gold3: #ffe58f;
  --antd-gold-4: #ffd666;
  --antd-gold4: #ffd666;
  --antd-gold-5: #ffc53d;
  --antd-gold5: #ffc53d;
  --antd-gold-6: #faad14;
  --antd-gold6: #faad14;
  --antd-gold-7: #d48806;
  --antd-gold7: #d48806;
  --antd-gold-8: #ad6800;
  --antd-gold8: #ad6800;
  --antd-gold-9: #874d00;
  --antd-gold9: #874d00;
  --antd-gold-10: #613400;
  --antd-gold10: #613400;
  --antd-lime-1: #fcffe6;
  --antd-lime1: #fcffe6;
  --antd-lime-2: #f4ffb8;
  --antd-lime2: #f4ffb8;
  --antd-lime-3: #eaff8f;
  --antd-lime3: #eaff8f;
  --antd-lime-4: #d3f261;
  --antd-lime4: #d3f261;
  --antd-lime-5: #bae637;
  --antd-lime5: #bae637;
  --antd-lime-6: #a0d911;
  --antd-lime6: #a0d911;
  --antd-lime-7: #7cb305;
  --antd-lime7: #7cb305;
  --antd-lime-8: #5b8c00;
  --antd-lime8: #5b8c00;
  --antd-lime-9: #3f6600;
  --antd-lime9: #3f6600;
  --antd-lime-10: #254000;
  --antd-lime10: #254000;
  --antd-colorText: rgba(0,0,0,0.88);
  --antd-colorTextSecondary: rgba(0,0,0,0.65);
  --antd-colorTextTertiary: rgba(0,0,0,0.45);
  --antd-colorTextQuaternary: rgba(0,0,0,0.25);
  --antd-colorFill: rgba(0,0,0,0.15);
  --antd-colorFillSecondary: rgba(0,0,0,0.06);
  --antd-colorFillTertiary: rgba(0,0,0,0.04);
  --antd-colorFillQuaternary: rgba(0,0,0,0.02);
  --antd-colorBgSolid: rgb(0,0,0);
  --antd-colorBgSolidHover: rgba(0,0,0,0.75);
  --antd-colorBgSolidActive: rgba(0,0,0,0.95);
  --antd-colorBgLayout: #f5f5f5;
  --antd-colorBgContainer: #ffffff;
  --antd-colorBgElevated: #ffffff;
  --antd-colorBgSpotlight: rgba(0,0,0,0.85);
  --antd-colorBgBlur: transparent;
  --antd-colorBorder: #d9d9d9;
  --antd-colorBorderSecondary: #f0f0f0;
  --antd-colorPrimaryBg: #f0d8d8;
  --antd-colorPrimaryBgHover: #e3a1a3;
  --antd-colorPrimaryBorder: #d6767c;
  --antd-colorPrimaryBorderHover: #c94f5b;
  --antd-colorPrimaryHover: #bd2b3f;
  --antd-colorPrimaryActive: #8a031e;
  --antd-colorPrimaryTextHover: #bd2b3f;
  --antd-colorPrimaryText: #b00d28;
  --antd-colorPrimaryTextActive: #8a031e;
  --antd-colorSuccessBg: #f7fff0;
  --antd-colorSuccessBgHover: #e9ffd6;
  --antd-colorSuccessBorder: #c6f2a5;
  --antd-colorSuccessBorderHover: #a3e677;
  --antd-colorSuccessHover: #a3e677;
  --antd-colorSuccessActive: #43a619;
  --antd-colorSuccessTextHover: #81d94e;
  --antd-colorSuccessText: #5fcc29;
  --antd-colorSuccessTextActive: #43a619;
  --antd-colorErrorBg: #fff2f0;
  --antd-colorErrorBgHover: #ffdbd6;
  --antd-colorErrorBgFilledHover: #f9cfcb;
  --antd-colorErrorBgActive: #f2aba5;
  --antd-colorErrorBorder: #f2aba5;
  --antd-colorErrorBorderHover: #e67d77;
  --antd-colorErrorHover: #d9504e;
  --antd-colorErrorActive: #a61920;
  --antd-colorErrorTextHover: #d9504e;
  --antd-colorErrorText: #cc292c;
  --antd-colorErrorTextActive: #a61920;
  --antd-colorWarningBg: #fffcf0;
  --antd-colorWarningBgHover: #fff7d6;
  --antd-colorWarningBorder: #f2e0a5;
  --antd-colorWarningBorderHover: #e6c877;
  --antd-colorWarningHover: #e6c877;
  --antd-colorWarningActive: #a67219;
  --antd-colorWarningTextHover: #d9af4e;
  --antd-colorWarningText: #cc9629;
  --antd-colorWarningTextActive: #a67219;
  --antd-colorInfoBg: #f0d8d8;
  --antd-colorInfoBgHover: #e3a1a3;
  --antd-colorInfoBorder: #d6767c;
  --antd-colorInfoBorderHover: #c94f5b;
  --antd-colorInfoHover: #c94f5b;
  --antd-colorInfoActive: #8a031e;
  --antd-colorInfoTextHover: #bd2b3f;
  --antd-colorInfoText: #b00d28;
  --antd-colorInfoTextActive: #8a031e;
  --antd-colorLinkHover: #c94f5b;
  --antd-colorLinkActive: #8a031e;
  --antd-colorBgMask: rgba(0,0,0,0.45);
  --antd-colorWhite: #fff;
  --antd-fontSizeSM: 12;
  --antd-fontSizeLG: 16;
  --antd-fontSizeXL: 20;
  --antd-fontSizeHeading1: 38;
  --antd-fontSizeHeading2: 30;
  --antd-fontSizeHeading3: 24;
  --antd-fontSizeHeading4: 20;
  --antd-fontSizeHeading5: 16;
  --antd-lineHeight: 1.5714285714285714;
  --antd-lineHeightLG: 1.5;
  --antd-lineHeightSM: 1.6666666666666667;
  --antd-fontHeight: 22;
  --antd-fontHeightLG: 24;
  --antd-fontHeightSM: 20;
  --antd-lineHeightHeading1: 1.2105263157894737;
  --antd-lineHeightHeading2: 1.2666666666666666;
  --antd-lineHeightHeading3: 1.3333333333333333;
  --antd-lineHeightHeading4: 1.4;
  --antd-lineHeightHeading5: 1.5;
  --antd-sizeXXL: 48;
  --antd-sizeXL: 32;
  --antd-sizeLG: 24;
  --antd-sizeMD: 20;
  --antd-sizeMS: 16;
  --antd-size: 16;
  --antd-sizeSM: 12;
  --antd-sizeXS: 8;
  --antd-sizeXXS: 4;
  --antd-controlHeightSM: 24;
  --antd-controlHeightXS: 16;
  --antd-controlHeightLG: 40;
  --antd-motionDurationFast: 0.1s;
  --antd-motionDurationMid: 0.2s;
  --antd-motionDurationSlow: 0.3s;
  --antd-lineWidthBold: 2;
  --antd-borderRadiusXS: 2;
  --antd-borderRadiusSM: 4;
  --antd-borderRadiusLG: 8;
  --antd-borderRadiusOuter: 4;
  --antd-colorFillContent: rgba(0,0,0,0.06);
  --antd-colorFillContentHover: rgba(0,0,0,0.15);
  --antd-colorFillAlter: rgba(0,0,0,0.02);
  --antd-colorBgContainerDisabled: rgba(0,0,0,0.04);
  --antd-colorBorderBg: #ffffff;
  --antd-colorSplit: rgba(5,5,5,0.06);
  --antd-colorTextPlaceholder: rgba(0,0,0,0.25);
  --antd-colorTextDisabled: rgba(0,0,0,0.25);
  --antd-colorTextHeading: rgba(0,0,0,0.88);
  --antd-colorTextLabel: rgba(0,0,0,0.65);
  --antd-colorTextDescription: rgba(0,0,0,0.45);
  --antd-colorTextLightSolid: #fff;
  --antd-colorHighlight: #cc292c;
  --antd-colorBgTextHover: rgba(0,0,0,0.06);
  --antd-colorBgTextActive: rgba(0,0,0,0.15);
  --antd-colorIcon: rgba(0,0,0,0.45);
  --antd-colorIconHover: rgba(0,0,0,0.88);
  --antd-colorErrorOutline: rgba(255,38,5,0.06);
  --antd-colorWarningOutline: rgba(255,205,5,0.06);
  --antd-fontSizeIcon: 12;
  --antd-lineWidthFocus: 3;
  --antd-controlOutlineWidth: 2;
  --antd-controlInteractiveSize: 16;
  --antd-controlItemBgHover: rgba(0,0,0,0.04);
  --antd-controlItemBgActive: #f0d8d8;
  --antd-controlItemBgActiveHover: #e3a1a3;
  --antd-controlItemBgActiveDisabled: rgba(0,0,0,0.15);
  --antd-controlTmpOutline: rgba(0,0,0,0.02);
  --antd-controlOutline: rgba(161,11,11,0.16);
  --antd-fontWeightStrong: 600;
  --antd-opacityLoading: 0.65;
  --antd-linkDecoration: none;
  --antd-linkHoverDecoration: none;
  --antd-linkFocusDecoration: none;
  --antd-controlPaddingHorizontal: 12;
  --antd-controlPaddingHorizontalSM: 8;
  --antd-paddingXXS: 4;
  --antd-paddingXS: 8;
  --antd-paddingSM: 12;
  --antd-padding: 16;
  --antd-paddingMD: 20;
  --antd-paddingLG: 24;
  --antd-paddingXL: 32;
  --antd-paddingContentHorizontalLG: 24;
  --antd-paddingContentVerticalLG: 16;
  --antd-paddingContentHorizontal: 16;
  --antd-paddingContentVertical: 12;
  --antd-paddingContentHorizontalSM: 16;
  --antd-paddingContentVerticalSM: 8;
  --antd-marginXXS: 4;
  --antd-marginXS: 8;
  --antd-marginSM: 12;
  --antd-margin: 16;
  --antd-marginMD: 20;
  --antd-marginLG: 24;
  --antd-marginXL: 32;
  --antd-marginXXL: 48;
  --antd-boxShadow: 
      0 6px 16px 0 rgba(0, 0, 0, 0.08),
      0 3px 6px -4px rgba(0, 0, 0, 0.12),
      0 9px 28px 8px rgba(0, 0, 0, 0.05)
    ;
  --antd-boxShadowSecondary: 
      0 6px 16px 0 rgba(0, 0, 0, 0.08),
      0 3px 6px -4px rgba(0, 0, 0, 0.12),
      0 9px 28px 8px rgba(0, 0, 0, 0.05)
    ;
  --antd-boxShadowTertiary: 
      0 1px 2px 0 rgba(0, 0, 0, 0.03),
      0 1px 6px -1px rgba(0, 0, 0, 0.02),
      0 2px 4px 0 rgba(0, 0, 0, 0.02)
    ;
  --antd-screenXS: 480;
  --antd-screenXSMin: 480;
  --antd-screenXSMax: 575;
  --antd-screenSM: 576;
  --antd-screenSMMin: 576;
  --antd-screenSMMax: 767;
  --antd-screenMD: 768;
  --antd-screenMDMin: 768;
  --antd-screenMDMax: 991;
  --antd-screenLG: 992;
  --antd-screenLGMin: 992;
  --antd-screenLGMax: 1199;
  --antd-screenXL: 1200;
  --antd-screenXLMin: 1200;
  --antd-screenXLMax: 1599;
  --antd-screenXXL: 1600;
  --antd-screenXXLMin: 1600;
  --antd-boxShadowPopoverArrow: 2px 2px 5px rgba(0, 0, 0, 0.05);
  --antd-boxShadowCard: 
      0 1px 2px -2px rgba(0,0,0,0.16),
      0 3px 6px 0 rgba(0,0,0,0.12),
      0 5px 12px 4px rgba(0,0,0,0.09)
    ;
  --antd-boxShadowDrawerRight: 
      -6px 0 16px 0 rgba(0, 0, 0, 0.08),
      -3px 0 6px -4px rgba(0, 0, 0, 0.12),
      -9px 0 28px 8px rgba(0, 0, 0, 0.05)
    ;
  --antd-boxShadowDrawerLeft: 
      6px 0 16px 0 rgba(0, 0, 0, 0.08),
      3px 0 6px -4px rgba(0, 0, 0, 0.12),
      9px 0 28px 8px rgba(0, 0, 0, 0.05)
    ;
  --antd-boxShadowDrawerUp: 
      0 6px 16px 0 rgba(0, 0, 0, 0.08),
      0 3px 6px -4px rgba(0, 0, 0, 0.12),
      0 9px 28px 8px rgba(0, 0, 0, 0.05)
    ;
  --antd-boxShadowDrawerDown: 
      0 -6px 16px 0 rgba(0, 0, 0, 0.08),
      0 -3px 6px -4px rgba(0, 0, 0, 0.12),
      0 -9px 28px 8px rgba(0, 0, 0, 0.05)
    ;
  --antd-boxShadowTabsOverflowLeft: inset 10px 0 8px -8px rgba(0, 0, 0, 0.08);
  --antd-boxShadowTabsOverflowRight: inset -10px 0 8px -8px rgba(0, 0, 0, 0.08);
  --antd-boxShadowTabsOverflowTop: inset 0 10px 8px -8px rgba(0, 0, 0, 0.08);
  --antd-boxShadowTabsOverflowBottom: inset 0 -10px 8px -8px rgba(0, 0, 0, 0.08);
}
.protec-datos {
    align-items: center;
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 5px;
    bottom: 0;
    justify-content: flex-start;
    left: 0;
    overflow: auto;
    padding: 20px;
    position: absolute;
    right: 0;
    top: 10px;

    h4 {
        font-size: 1.5em;
        margin-bottom: 10px;
    }

    p {
        font-size: 1em;
        line-height: 1.5;
        margin-bottom: 10px;
    }
}
#av-widget{
    .ai__message {

        &.ai__message--custom_rating {
            box-shadow: none;
            padding: 0;

            .ai__bot-time-container {
                display: none;
            }

            p {
                border-radius: 0 24px 24px;
                box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
                padding: 12px 18px;
            }

            .ai__rating-buttons {
                display: flex;
                flex-direction: row;
                gap: 0;

                button {
                    align-items: center;
                    background-color: transparent;
                    display: flex;
                    border: none;
                    margin: 0;
                    padding: 4px 20px 4px 20px;
                    cursor: pointer;
                    &:hover {
                        background-color: color-mix(in srgb, var(--ai-secondary-color) 10%, white);
                    }
                    svg {
                        fill: var(--ai-secondary-color);
                    }

                    &.ai__button-selected {
                        background-color: var(--ai-secondary-color);
                        color: #fff;
                        svg {
                            fill: #fff;
                        }

                        &:disabled {
                            background-color: color-mix(in srgb, var(--ai-secondary-color) 50%, white);
                            svg {
                                fill: #fff;
                            }
                        }
                    }
                    &:disabled {
                        svg {
                            fill: color-mix(in srgb, var(--ai-secondary-color) 50%, white);
                        }
                    }
                }
            }
        }
    }
}
