.cha-clip{appearance:none;color:var(--ds-muted);cursor:pointer;height:2.25rem;transition:background-color var(--ds-hover-ms) var(--ds-ease), color var(--ds-hover-ms) var(--ds-ease);background:0 0;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;width:2.25rem;margin:0;padding:0;display:inline-flex}.cha-clip:hover{background:var(--ds-hover);color:var(--ds-link)}.cha-clip:focus-visible{outline:2px solid var(--ds-focus);outline-offset:1px}.cha-clip[aria-disabled=true]{cursor:not-allowed;opacity:.45}.cha-clip[aria-disabled=true]:hover{color:var(--ds-muted);background:0 0}.cha-input{display:none}.cha-tray{gap:.5rem;max-width:720px;margin:0 auto .65rem;display:grid}.cha-list{flex-wrap:wrap;gap:.5rem;margin:0;padding:0 .35rem;list-style:none;display:flex}.cha-chip{background:var(--ds-surface);border:1px solid var(--ds-hair);box-shadow:var(--ds-shadow-card);box-sizing:border-box;min-width:10.5rem;max-width:15.75rem;height:3.25rem;transition:border-color var(--ds-hover-ms) var(--ds-ease);border-radius:12px;align-items:center;gap:.6rem;padding:0 2.1rem 0 .45rem;display:flex;position:relative;overflow:hidden}.cha-chip:hover{border-color:var(--ds-line)}.cha-chip[data-state=upload-failed]{border-color:color-mix(in srgb, var(--ds-danger) 38%, transparent)}.cha-chip[data-state=read-failed]{border-color:color-mix(in srgb, var(--ds-warn) 34%, transparent)}.cha-thumb{object-fit:cover;border-radius:8px;flex:none;width:2.25rem;height:2.25rem;display:block}.cha-badge{background:var(--ds-tint);color:var(--ds-text-2);border-radius:8px;flex:none;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;display:inline-flex}.cha-badge-t{font-family:var(--ds-body);letter-spacing:.04em;font-size:.6rem;font-weight:600;line-height:1}.cha-badge[data-kind=pdf]{background:var(--ds-danger-wash);color:var(--ds-danger)}.cha-badge[data-kind=sheet]{background:var(--ds-ok-wash);color:var(--ds-ok)}.cha-badge:is([data-kind=doc],[data-kind=text]){background:var(--ds-cta-wash-2);color:var(--ds-link-on-wash)}.cha-badge[data-kind=slides]{background:var(--ds-warn-wash);color:var(--ds-warn)}.cha-badge:is([data-kind=code],[data-kind=image]){background:color-mix(in srgb, var(--ds-accent) 14%, transparent);color:var(--ds-link-on-wash)}.cha-text{row-gap:.12rem;min-width:0;line-height:1.25;display:grid}.cha-name{color:var(--ds-text);text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;font-weight:500;overflow:hidden}.cha-meta{color:var(--ds-muted);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;gap:.3rem;min-width:0;font-size:.72rem;display:flex;overflow:hidden}.cha-meta>svg{flex:none}.cha-meta-t{text-overflow:ellipsis;min-width:0;overflow:hidden}.cha-sep{flex:none}.cha-chip:is([data-state=upload-failed],[data-state=read-failed],[data-state=as-text]){max-width:19.5rem}.cha-chip:is([data-state=upload-failed],[data-state=read-failed]) .cha-meta{color:var(--ds-text-2)}.cha-ic{flex:none;display:inline-flex}.cha-ic[data-tone=danger]{color:var(--ds-danger)}.cha-ic[data-tone=warn]{color:var(--ds-warn)}.cha-ic[data-tone=text]{color:var(--ds-link)}.cha-chip[data-state=as-text] .cha-meta{color:var(--ds-text-2)}.cha-retry{appearance:none;color:var(--ds-link);cursor:pointer;font-family:var(--ds-body);background:0 0;border:0;border-radius:3px;flex:none;align-items:center;gap:.2rem;margin:0;padding:0;font-size:.72rem;font-weight:500;display:inline-flex}.cha-retry:hover{color:var(--ds-link-hover);text-underline-offset:2px;text-decoration:underline}.cha-retry:focus-visible{outline:2px solid var(--ds-focus);outline-offset:2px}.cha-x{appearance:none;background:var(--ds-surface);border:1px solid var(--ds-hair);color:var(--ds-text-2);cursor:pointer;opacity:0;height:1.4rem;transition:opacity .12s var(--ds-ease), background-color var(--ds-hover-ms) var(--ds-ease), color var(--ds-hover-ms) var(--ds-ease);border-radius:50%;justify-content:center;align-items:center;width:1.4rem;margin:0;padding:0;display:inline-flex;position:absolute;top:50%;right:.45rem;transform:translateY(-50%)}.cha-chip:is(:hover,:focus-within) .cha-x,.cha-chip:is([data-state=upload-failed],[data-state=read-failed],[data-state=as-text]) .cha-x{opacity:1}.cha-x:hover{background:var(--ds-danger-wash);color:var(--ds-danger);border-color:#0000}.cha-x:focus-visible{opacity:1;outline:2px solid var(--ds-focus);outline-offset:1px}@media (hover:none){.cha-x{opacity:1}}.cha-bar{background:var(--ds-accent);height:2px;transform:scaleX(var(--cha-p,0));transform-origin:0;position:absolute;bottom:0;left:0;right:0}.cha-bar[data-indet="1"],.cha-bar[data-reading="1"]{opacity:.55;transform:none}.cha-spin{border:1.5px solid var(--ds-hair);border-top-color:var(--ds-accent);box-sizing:border-box;border-radius:50%;flex:none;width:10px;height:10px}@media (prefers-reduced-motion:no-preference){.cha-bar{transition:transform .2s var(--ds-ease)}.cha-bar:is([data-indet="1"],[data-reading="1"]){animation:cha-read 1.3s var(--ds-ease-inout) infinite;opacity:1;transform-origin:0}.cha-spin{animation:.8s linear infinite cha-spin}.cha-chip{animation:cha-in .22s var(--ds-ease) both}}@keyframes cha-read{0%{transform:translate(-100%)scaleX(.4)}to{transform:translate(100%)scaleX(.4)}}@keyframes cha-spin{to{transform:rotate(360deg)}}@keyframes cha-in{0%{opacity:0;transform:translateY(4px)scale(.98)}}@container cht-dock (width<=34rem){.cha-list{-webkit-mask-image:linear-gradient(to right, var(--ds-text) calc(100% - 1.6rem), transparent);-webkit-mask-image:linear-gradient(to right, var(--ds-text) calc(100% - 1.6rem), transparent);mask-image:linear-gradient(to right, var(--ds-text) calc(100% - 1.6rem), transparent);overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;flex-wrap:nowrap;padding-bottom:2px;padding-right:1.6rem;scroll-padding-inline:.35rem;overflow-x:auto}.cha-list::-webkit-scrollbar{display:none}.cha-chip{scroll-snap-align:start;flex:none;max-width:13.5rem}}.cha-hint{background:color-mix(in srgb, var(--ds-surface) 88%, transparent);border:1px solid var(--ds-hair);border-radius:var(--ds-r-pop);color:var(--ds-text-2);align-items:flex-start;gap:.5rem;margin:0 .35rem;padding:.5rem .75rem;font-size:.8rem;line-height:1.4;display:flex}.cha-hint>svg{color:var(--ds-link);flex:none;margin-top:.1rem}.cha-hint[data-tone=warn]>svg{color:var(--ds-warn)}@media (prefers-reduced-motion:no-preference){.cha-hint{animation:cha-in .22s var(--ds-ease) both}}.cha-notice{background:var(--ds-warn-wash);border-radius:var(--ds-r-pop);color:var(--ds-warn);align-items:flex-start;gap:.5rem;margin:0 .35rem;padding:.5rem .5rem .5rem .75rem;font-size:.8rem;line-height:1.4;display:flex}.cha-notice>svg{flex:none;margin-top:.1rem}.cha-notice-t{flex:1;min-width:0}.cha-notice-x{appearance:none;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;width:1.3rem;height:1.3rem;margin:0;padding:0;display:inline-flex}.cha-notice-x:hover{background:color-mix(in srgb, var(--ds-warn) 12%, transparent)}.cha-notice-x:focus-visible{outline:2px solid var(--ds-focus);outline-offset:1px}.cha-drop{-webkit-backdrop-filter:blur(6px)saturate(1.1);backdrop-filter:blur(6px)saturate(1.1);background:color-mix(in srgb, var(--ds-surface) 68%, transparent);opacity:0;pointer-events:none;transition:opacity .14s var(--ds-ease-in), visibility 0s linear .14s;visibility:hidden;z-index:30;position:absolute;inset:0}.cha-drop[data-on="1"]{opacity:1;transition:opacity .16s var(--ds-ease), visibility 0s;visibility:visible}.cha-drop-in{border:2px dashed color-mix(in srgb, var(--ds-accent) 60%, transparent);box-sizing:border-box;text-align:center;border-radius:20px;align-content:center;justify-items:center;row-gap:.35rem;display:grid;position:absolute;inset:1.1rem}.cha-drop-ic{background:var(--ds-cta-wash-2);color:var(--ds-link);border-radius:50%;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;margin-bottom:.55rem;display:inline-flex}.cha-drop-h{color:var(--ds-text);font-family:var(--ds-display);font-variation-settings:var(--ds-t-h3);letter-spacing:var(--ds-h3-track);margin:0;font-size:1.2rem;font-weight:600}.cha-drop-s{color:var(--ds-muted);margin:0;font-size:.84rem}@media (prefers-reduced-motion:no-preference){.cha-drop-in{transition:transform .22s var(--ds-ease);transform:scale(.985)}.cha-drop[data-on="1"] .cha-drop-in{transform:none}.cha-drop[data-on="1"] .cha-drop-ic{animation:cha-lift 1.6s var(--ds-ease-inout) infinite}}@keyframes cha-lift{50%{transform:translateY(-3px)}}.cha-sent{flex-wrap:wrap;justify-content:flex-end;gap:.4rem;max-width:min(80%,34rem);margin:0;padding:0;list-style:none;display:flex}.cha-sent-chip{background:color-mix(in srgb, var(--ds-surface) 88%, transparent);border:1px solid var(--ds-hair);box-sizing:border-box;border-radius:9px;align-items:center;gap:.45rem;min-width:0;max-width:100%;height:2rem;padding:0 .7rem 0 .28rem;font-size:.76rem;display:inline-flex}.cha-sent-name{color:var(--ds-text-2);text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.cha-sent-meta{color:var(--ds-muted);font-variant-numeric:tabular-nums;flex:none}.cha-sent-chip[data-state=unread]{background:var(--ds-warn-wash);border-color:color-mix(in srgb, var(--ds-warn) 40%, transparent)}.cha-sent-chip[data-state=unread] .cha-sent-meta{color:var(--ds-warn)}.cha-thumb[data-small="1"],.cha-badge[data-small="1"]{border-radius:6px;width:1.45rem;height:1.45rem}@media (width<=760px){.cha-chip{height:3.6rem}.cha-name,.cha-meta,.cha-retry{font-size:.875rem}.cha-sep{display:none}.cha-retry{margin-left:.2rem}.cha-list .cha-chip:is([data-state=upload-failed],[data-state=read-failed],[data-state=as-text]){max-width:min(21rem,100vw - 4rem)}.cha-hint,.cha-notice{font-size:.875rem}.cha-notice-x{width:2.75rem;height:2.75rem;margin:-.6rem -.35rem -.6rem 0}.cha-x{width:1.75rem;height:1.75rem}.cha-x:after,.cha-retry:after{content:"";position:absolute}.cha-x:after{inset:-8px -4px -8px -12px}.cha-retry{position:relative}.cha-retry:after{inset:-14px -6px}.cha-sent-chip{height:2.25rem;font-size:.875rem}.cha-sent{max-width:88%}.cha-drop-in{padding:1rem;inset:.75rem}.cha-drop-s{font-size:.875rem}}@media (prefers-reduced-motion:reduce){.cha-drop,.cha-drop *,.cha-chip,.cha-bar{transition-duration:0s!important;animation:none!important}}
