.chatbot{position:fixed;inset-block-end:max(12rem,env(safe-area-inset-bottom));inset-inline-end:max(1rem,env(safe-area-inset-right));z-index:20;color:rgb(var(--text-color));font:inherit}.chatbot__toggle{display:grid;place-items:center;inline-size:3.5rem;block-size:3.5rem;border:0;border-radius:999px;background:rgb(var(--text-color));color:rgb(var(--background));box-shadow:0 .75rem 2rem #0000002e;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.chatbot__toggle:hover{transform:translateY(-2px);box-shadow:0 1rem 2.25rem #00000038}.chatbot__toggle[aria-expanded=true] .chatbot__toggle-icon,.chatbot__toggle:not([aria-expanded=true]) .chatbot__toggle-close{display:none}.chatbot__panel{position:absolute;inset-block-end:calc(100% + .75rem);inset-inline-end:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;inline-size:min(23.75rem,calc(100vw - 2rem));block-size:min(35rem,calc(100vh - 7rem));overflow:hidden;border:1px solid rgb(var(--text-color) / 12%);border-radius:.5rem;background:rgb(var(--background));box-shadow:0 1.25rem 3.5rem #0000002e;color:rgb(var(--text-color));opacity:0;pointer-events:none;transform:translateY(.5rem);transition:opacity .2s ease,transform .2s ease,visibility .2s ease;visibility:hidden}.chatbot[open] .chatbot__panel{opacity:1;pointer-events:auto;transform:translateY(0);visibility:visible}.chatbot__panel[hidden]{display:none}.chatbot__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;border-block-end:1px solid rgb(var(--text-color) / 10%)}.chatbot__title{margin:0;font-weight:700}.chatbot__subtitle{margin:.125rem 0 0;color:rgb(var(--text-color) / 68%);font-size:.8125rem}.chatbot__reset{border:0;background:transparent;color:inherit;cursor:pointer;font-size:.8125rem;text-decoration:underline;text-underline-offset:.2em}.chatbot__view{min-block-size:0;overflow-y:auto;padding:1rem}.chatbot__view[hidden],.chatbot__composer[hidden],.chatbot__reset[hidden]{display:none}.chatbot__choices{display:grid;gap:.75rem}.chatbot__choice{display:flex;align-items:center;justify-content:space-between;gap:1rem;inline-size:100%;min-block-size:3.25rem;padding:.875rem 1rem;border:1px solid rgb(var(--text-color) / 14%);border-radius:.5rem;background:transparent;color:inherit;cursor:pointer;text-align:start;transition:border-color .2s ease,background .2s ease}.chatbot__choice:hover{border-color:rgb(var(--text-color));background:rgb(var(--text-color) / 4%)}.chatbot__messages{display:flex;flex-direction:column;gap:.625rem}.chatbot__message{max-inline-size:85%;padding:.625rem .75rem;border-radius:.5rem;font-size:.875rem;line-height:1.45;overflow-wrap:anywhere}.chatbot__message--bot{align-self:flex-start;background:rgb(var(--text-color) / 8%)}.chatbot__message--user{align-self:flex-end;background:rgb(var(--text-color));color:rgb(var(--background))}.chatbot__message--error{align-self:stretch;max-inline-size:100%;border:1px solid rgb(var(--error-text, 190 18 60) / 25%);background:rgb(var(--error-background, 255 241 242));color:rgb(var(--error-text, 190 18 60))}.chatbot__message--notice,.chatbot__message--contact{align-self:stretch;max-inline-size:100%;background:rgb(var(--text-color) / 6%)}.chatbot__contact-text{margin:0}.chatbot__contact-actions{display:flex;gap:.5rem;margin-block-start:.625rem}.chatbot__contact-action{display:grid;place-items:center;inline-size:2.25rem;block-size:2.25rem;border:1px solid rgb(var(--text-color) / 14%);border-radius:999px;background:rgb(var(--background));color:rgb(var(--text-color));font-weight:700;cursor:pointer}.chatbot__contact-action:hover{border-color:rgb(var(--text-color))}.chatbot__email-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.5rem}.chatbot__email-input{min-inline-size:0;block-size:2.5rem;padding:0 .75rem;border:1px solid rgb(var(--text-color) / 18%);border-radius:.5rem;background:rgb(var(--background));color:inherit}.chatbot__email-submit{min-inline-size:2.75rem;block-size:2.5rem;padding:0 .875rem;border:0;border-radius:.5rem;background:rgb(var(--text-color));color:rgb(var(--background));cursor:pointer}.chatbot__email-submit:disabled{cursor:not-allowed;opacity:.45}.chatbot__email-error{grid-column:1 / -1;margin:0;color:rgb(var(--error-text, 190 18 60));font-size:.8125rem}.chatbot__message--typing{display:inline-flex;align-items:center;gap:.25rem;min-block-size:2.375rem}.chatbot__message--typing span{inline-size:.375rem;block-size:.375rem;border-radius:999px;background:currentColor;opacity:.35;animation:chatbot-typing 1s infinite ease-in-out}.chatbot__message--typing span:nth-child(2){animation-delay:.15s}.chatbot__message--typing span:nth-child(3){animation-delay:.3s}@keyframes chatbot-typing{0%,80%,to{transform:translateY(0);opacity:.35}40%{transform:translateY(-.1875rem);opacity:.8}}.chatbot__composer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.5rem;padding:.75rem;border-block-start:1px solid rgb(var(--text-color) / 10%)}.chatbot__input{min-inline-size:0;block-size:2.75rem;padding:0 .875rem;border:1px solid rgb(var(--text-color) / 18%);border-radius:.5rem;background:transparent;color:inherit}.chatbot__input:focus{border-color:rgb(var(--text-color));outline:2px solid transparent}.chatbot__send{display:grid;place-items:center;inline-size:2.75rem;block-size:2.75rem;border:0;border-radius:.5rem;background:rgb(var(--text-color));color:rgb(var(--background));cursor:pointer}.chatbot__send:disabled{cursor:not-allowed;opacity:.45}@media screen and (max-width:699px){.chatbot{inset-inline:1rem;inset-block-end:max(5rem,env(safe-area-inset-bottom))}.chatbot__panel{inset-inline:0;inline-size:100%;block-size:min(32rem,calc(100vh - 7rem))}.chatbot__toggle{margin-inline-start:auto}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/component-chatbot.css.map */