.tp-ra-chat{position:fixed;inset-inline-end:20px;inset-block-end:calc(20px + env(safe-area-inset-bottom));z-index:90;display:flex;flex-direction:column-reverse;align-items:flex-end;gap:.75rem;font-size:.9375rem;line-height:1.45}body:has(tp-mobile-nav[data-open=true]) .tp-ra-chat,body[data-search-open=true] .tp-ra-chat{display:none}@media(max-width:989px){body:has(.tp-collection__sidebar[aria-hidden=false]) .tp-ra-chat{display:none}}body:has(tp-sticky-atc:not([hidden])) .tp-ra-chat{inset-block-end:calc(var(--tp-sticky-atc-height, 76px) + 12px + env(safe-area-inset-bottom))}@media(min-width:481px){body:has(tp-sticky-atc:not([hidden])) .tp-ra-chat__panel{block-size:min(480px,calc(100dvh - 120px - var(--tp-sticky-atc-height, 76px) - 12px))}}.tp-ra-chat__toggle{display:inline-flex;align-items:center;gap:.5rem;min-block-size:44px;padding:.625rem 1.25rem;border:1px solid var(--color-primary-button-border);border-radius:999px;background:var(--color-primary-button-background);color:var(--color-primary-button-text);font:inherit;font-weight:var(--tp-weight-ui);cursor:pointer;box-shadow:0 4px 14px #00000040}.tp-ra-chat__toggle.is-unread{outline:3px solid var(--color-accent);outline-offset:2px}@media(prefers-reduced-motion:no-preference){.tp-ra-chat__toggle.is-unread{animation:tp-ra-chat-pulse 1.4s ease-in-out 3}}@keyframes tp-ra-chat-pulse{50%{outline-offset:5px}}.tp-ra-chat__icon{flex:0 0 auto}.tp-ra-chat__panel{display:flex;flex-direction:column;inline-size:min(360px,calc(100vw - 40px));block-size:min(480px,calc(100dvh - 120px));overflow:hidden;background:var(--color-background);color:var(--color-foreground);border:1px solid var(--color-border);border-radius:var(--tp-radius-md);box-shadow:0 10px 40px #0003}.tp-ra-chat__head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.25rem .25rem .25rem .875rem;border-block-end:1px solid var(--color-border)}.tp-ra-chat__title{margin:0;font-weight:var(--tp-weight-strong)}.tp-ra-chat__close{display:inline-grid;place-items:center;inline-size:44px;block-size:44px;padding:0;border:0;background:none;color:inherit;cursor:pointer}.tp-ra-chat__log{flex:1;display:flex;flex-direction:column;gap:.5rem;padding:.75rem;overflow-y:auto}.tp-ra-chat__msg{max-inline-size:85%;padding:.5rem .6875rem;border-radius:12px;white-space:pre-wrap;overflow-wrap:anywhere}.tp-ra-chat__msg--you{align-self:flex-end;background:var(--color-primary-button-background);color:var(--color-primary-button-text);border-end-end-radius:3px}.tp-ra-chat__msg--them{align-self:flex-start;background:color-mix(in srgb,var(--color-foreground) 8%,transparent);color:var(--color-foreground);border-end-start-radius:3px}.tp-ra-chat__msg-photo{display:block;margin:0;padding:0;border:0;background:none;color:inherit;cursor:zoom-in}.tp-ra-chat__msg-photo:not(.is-loaded){min-block-size:120px}.tp-ra-chat__msg-photo img{display:block;max-inline-size:100%;max-block-size:220px;border-radius:var(--tp-radius-md);object-fit:contain}.tp-ra-chat__msg-placeholder{display:block;margin:0;padding:0;border:0;background:none;color:inherit;font:inherit;font-style:italic;opacity:.75}.tp-ra-chat__msg-placeholder[role=button],button.tp-ra-chat__msg-placeholder{text-decoration:underline;cursor:pointer}.tp-ra-chat__msg-placeholder[aria-busy=true],button.tp-ra-chat__msg-placeholder{min-block-size:120px}.tp-ra-chat__notice{margin:0;padding:.5rem .75rem;border-block-start:1px solid var(--color-border);background:color-mix(in srgb,var(--color-foreground) 5%,transparent);font-size:.8125rem;font-weight:var(--tp-weight-ui)}.tp-ra-chat__notice:empty{padding:0;border:0}.tp-ra-chat__form{display:flex;flex-direction:column;gap:.5rem;padding:.625rem;border-block-start:1px solid var(--color-border);min-block-size:0;overflow-y:auto}.tp-ra-chat__contact{display:flex;flex-direction:column;gap:.375rem}.tp-ra-chat__field{padding:.5rem;border:1px solid var(--color-border);border-radius:var(--tp-radius-sm);background:var(--color-background);color:var(--color-foreground);font:inherit;font-size:16px;font-weight:var(--tp-weight-ui)}.tp-ra-chat__add-email{align-self:flex-start;min-block-size:24px;padding:0;border:0;background:none;color:inherit;font:inherit;font-size:.75rem;font-weight:var(--tp-weight-ui);text-decoration:underline;cursor:pointer}.tp-ra-chat__row{display:flex;gap:.5rem}.tp-ra-chat__input{flex:1;min-inline-size:0;resize:none}.tp-ra-chat__send{padding:0 1rem;min-block-size:44px;border:1px solid var(--color-primary-button-border);border-radius:var(--tp-radius-sm);background:var(--color-primary-button-background);color:var(--color-primary-button-text);font:inherit;font-weight:var(--tp-weight-ui);cursor:pointer}.tp-ra-chat__send[disabled]{opacity:.5;cursor:default}.tp-ra-chat__attach{display:inline-grid;place-items:center;inline-size:44px;min-block-size:44px;padding:0;border:1px solid var(--color-border);border-radius:var(--tp-radius-sm);background:none;color:inherit;cursor:pointer}.tp-ra-chat__attach[disabled]{opacity:.5;cursor:default}.tp-ra-chat__preview{position:relative;display:flex;align-items:center;align-self:flex-start;inline-size:64px;block-size:64px}.tp-ra-chat__preview-img{inline-size:64px;block-size:64px;border-radius:var(--tp-radius-sm);object-fit:cover}.tp-ra-chat__preview-remove:after{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px}.tp-ra-chat__preview-remove{position:absolute;inset-block-start:-8px;inset-inline-end:-8px;display:inline-grid;place-items:center;inline-size:24px;block-size:24px;padding:0;border:1px solid var(--color-border);border-radius:999px;background:var(--color-background);color:var(--color-foreground);font-size:.75rem;line-height:1;cursor:pointer}.tp-ra-chat__spinner{display:none;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;inline-size:24px;block-size:24px;border:3px solid rgb(255 255 255 / .5);border-block-start-color:#fff;border-radius:50%;filter:drop-shadow(0 0 2px rgb(0 0 0 / .6))}.tp-ra-chat__preview.is-sending .tp-ra-chat__spinner{display:block}@media(prefers-reduced-motion:no-preference){.tp-ra-chat__preview.is-sending .tp-ra-chat__spinner{animation:tp-ra-chat-spin .8s linear infinite}}@keyframes tp-ra-chat-spin{to{transform:rotate(360deg)}}.tp-ra-chat__count{margin:0;font-size:.75rem;text-align:end}.tp-ra-chat__count.is-over{font-weight:var(--tp-weight-strong)}.tp-ra-chat__panel.is-dragover{outline:2px dashed currentColor;outline-offset:-6px}.tp-ra-chat__viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:91;display:grid;grid-template:minmax(0,1fr) / minmax(0,1fr);place-items:center;padding:1rem;background:#000000d9}.tp-ra-chat__viewer-img{inline-size:auto;block-size:auto;max-inline-size:100%;max-block-size:100%;object-fit:contain}.tp-ra-chat__viewer-close{position:absolute;inset-block-start:.5rem;inset-inline-end:.5rem;display:inline-grid;place-items:center;inline-size:44px;block-size:44px;padding:0;border:0;border-radius:999px;background:#00000080;color:#fff;font-size:1.25rem;cursor:pointer}.tp-ra-chat :focus-visible{outline:2px solid var(--color-foreground);outline-offset:2px}.tp-ra-chat__viewer :focus-visible{outline-color:#fff}.tp-ra-chat__msg--you :focus-visible{outline-color:var(--color-primary-button-text)}@media(max-width:480px){.tp-ra-chat{inset-inline-end:12px;inset-block-end:calc(12px + env(safe-area-inset-bottom))}.tp-ra-chat__panel{position:fixed;inset-inline:0;inset-block-end:0;inline-size:100%;block-size:min(80dvh,560px);padding-block-end:env(safe-area-inset-bottom);border-radius:var(--tp-radius-md) var(--tp-radius-md) 0 0}}
/*# sourceMappingURL=/cdn/shop/t/63/assets/tp-ra-chat.css.map */