:where(body){--dekode-library--chatbase-main:var(--wp--custom--dekode-library--chatbase--color--main,#adc2ee);--dekode-library--chatbase-shade:var(--wp--custom--dekode-library--chatbase--color--shade,#dae2f3);--dekode-library--chatbase-error:var(--wp--custom--dekode-library--chatbase--color--error,red);--dekode-library--chatbase-border-input:var(--wp--custom--dekode-library--chatbase--color--border-input,#828282);--dekode-library--chatbase-beige:var(--wp--custom--dekode-library--chatbase--color--beige,#ebeaea)}div.wp-block-dekode-library-chatbase-search{& ol.messages{display:flex;flex-direction:column;gap:18px;list-style:none;margin:0;&:has(li){margin-bottom:18px}& li.message{animation:slide-in .3s ease-out forwards;border-radius:.75rem;font-size:var(--wp--preset--font-size--medium);max-width:100%;padding:18px;width:-moz-fit-content;width:fit-content;word-break:break-word;&:not(.loading-indicator)>*{margin:18px 0 0;&:first-child{margin-top:0}}&.from-assistant{background-color:var(--dekode-library--chatbase-shade)}&.from-user{align-self:flex-end;background-color:var(--dekode-library--chatbase-beige)}}}& form{& label{font-size:var(--wp--preset--font-size--large);position:relative;& input{border:1px solid var(--dekode-library--chatbase-border-input);border-radius:50px;box-sizing:border-box;font-size:inherit;padding:.5em 2em .5em 1em;width:100%;&[disabled]{border-color:var(--dekode-library--chatbase-border-input);& button{cursor:not-allowed}}}& button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27%3E%3Cpath fill=%27currentColor%27 d=%27M7.2 9.6 12 4.8l4.8 4.8-1.275 1.274L12.9 8.25V19.2h-1.8V8.25l-2.625 2.625z%27/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:1.5rem;border:none;border-radius:50%;bottom:0;cursor:pointer;height:3em;position:absolute;right:1.5em;top:50%;transform:translateY(-50%);width:3em;&:disabled{opacity:.5;pointer-events:none}&:hover{background-color:var(--dekode-library--chatbase-shade)}&:active{background-color:var(--dekode-library--chatbase-main)}}}& p.terms-text{font-size:var(--wp--preset--font-size--small);margin:20px 0 0}& p.error-message{color:var(--dekode-library--chatbase-error)}}& .loading-indicator{align-items:center;background-color:var(--dekode-library--chatbase-shade);border-radius:50px;display:flex;flex-direction:row;gap:.25rem;justify-content:center;padding:15px;& span{animation:chat-dot-bounce 1s infinite both;background-color:var(--dekode-library--chatbase-main);border-radius:50%;display:inline-block;height:.5rem;width:.5rem}& span:nth-child(2){animation-delay:.2s}& span:nth-child(3){animation-delay:.4s}&.during-app-init{width:3.5em}}& button.end-chat-button{--icon-outer-size:clamp(2.5rem,2rem + 1.5625vw,3rem);align-items:center;background-color:var(--dekode-library--chatbase-shade);border-color:transparent;border-radius:50%;cursor:pointer;display:flex;grid-area:icon;height:var(--icon-outer-size);justify-content:center;margin:0 0 2rem auto;width:var(--icon-outer-size);&:hover{background-color:var(--dekode-library--chatbase-main)}}& .continue-chat-toggle{--background:var(--dekode-library--chatbase-shade);--chip:1.25rem;--line:1px;--border:var(--dekode-library--chatbase-main);--bullet:calc(var(--chip) - var(--line)*4);--bullet-radius:var(--chip)}& .continue-chat-toggle input[type=checkbox]:is(.components-form-toggle__input){-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:var(--line) solid var(--dekode-library--chatbase-border-input);border-radius:var(--bullet-radius);box-sizing:border-box;color:var(--foreground);cursor:pointer;display:inline-flex;flex:0 0 calc(var(--chip)*2 - var(--line)*2);height:var(--chip);margin:0;padding:var(--line)!important;position:relative;transition:all .25s ease;width:calc(var(--chip)*2 - var(--line)*2);&:before{background:var(--dekode-library--chatbase-border-input);border-radius:var(--bullet-radius);content:" ";display:flex;height:var(--bullet);left:var(--line);position:absolute;top:var(--line);transition:all .5s ease;width:var(--bullet)}&:focus,&:focus-visible{outline:1px auto highlight;outline:1px auto -webkit-focus-ring-color}&:checked{background:var(--dekode-library--chatbase-main);border-color:var(--dekode-library--chatbase-shade);&:before{background:currentcolor;content:"";height:var(--bullet);inset:0;left:calc(var(--bullet)*1 + var(--line)*3);-webkit-mask:unset;mask:unset;position:absolute;top:var(--line);width:var(--bullet)}}}}@keyframes chat-dot-bounce{0%,80%,to{opacity:.75;transform:translateY(0)}40%{opacity:1;transform:translateY(-.4rem)}}@keyframes slide-in{0%{opacity:0;transform:translateY(-15%)}to{opacity:1;transform:translateY(0)}}