.kc-peek{display:none!important}.kc-sheet-open{display:none}.kc button{-webkit-tap-highlight-color:transparent}.kc .kc-textarea,.kc .kc-textarea:hover,.kc .kc-textarea:focus,.kc .kc-textarea:focus-visible,.kc .kc-textarea:active{outline:0!important;box-shadow:none!important;border:0!important;background:transparent!important;border-radius:0;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;caret-color:var(--kc-purple-bright);min-height:44px}.kc .kc-textarea::selection{background:#a855f773;color:#fff}.kc .kc-input-box{-webkit-tap-highlight-color:transparent}.kc-main{gap:0}.kc-feed{position:relative;border:1px solid var(--kc-line);border-radius:18px 18px 0 0;background:#00000047;overflow:hidden}.kc-scroll{display:flex;flex-direction:column;min-height:260px;max-height:min(560px,68vh);overflow-y:auto;overscroll-behavior:contain;padding:8px 10px}.kc-scroll>*{flex:none}.kc[data-state=ready] .kc-more-wrap{margin-top:auto}.kc-more-wrap{margin-top:0;padding:4px 0 8px}.kc-more-wrap:not(:has(.kc-load:not([hidden]))){padding:0}.kc[data-state=empty] .kc-empty,.kc[data-state=error] .kc-error{margin-top:auto;margin-bottom:auto}.kc-newpill{bottom:12px}.kc-composer{padding:12px;align-items:flex-end;border:1px solid var(--kc-line);border-top:0;border-radius:0 0 18px 18px;background:#ffffff09}.kc-emoji-panel{top:auto;bottom:calc(100% + 8px)}.kc-thread:last-child .kc-menu,.kc-thread:nth-last-child(2) .kc-menu{top:auto;bottom:100%;margin:0 0 4px}.kc-guest{align-items:center;gap:12px;padding:12px;background:#ffffff09;border:1px solid var(--kc-line);border-top:0;border-radius:0 0 18px 18px}.kc-guest:hover{background:var(--kc-purple-dim);border-color:var(--kc-line)}.kc-guest-text{display:flex;align-items:center;min-height:44px;padding:0 16px;border-radius:14px;border:1px solid var(--kc-line);background:#00000052;color:#8f88a6;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kc-guest-btn{display:flex;align-items:center;justify-content:center;min-height:44px;padding:0 20px;border-radius:14px;font-size:14px}.kc-replies{margin:0 0 8px 29px;padding:2px 0 2px 16px;border-left:2px solid rgba(168,85,247,.4)}.kc-item--reply{position:relative;margin:4px 0;padding:10px 12px;border-radius:14px;background:#a855f712;border:1px solid rgba(168,85,247,.13)}.kc-item--reply:before{content:"";position:absolute;left:-18px;top:24px;width:16px;height:2px;border-radius:2px;background:#a855f766}.kc-item--reply.kc-item--cont{padding-top:6px}.kc-item--reply.kc-item--cont:before{display:none}.kc-replyto{display:flex;align-items:center;gap:5px;margin:0 0 3px;font-size:12px;font-weight:600;color:var(--kc-muted)}.kc-replyto svg{flex:none;color:var(--kc-purple-bright)}.kc-replyto strong{font-weight:800;color:var(--kc-purple-bright)}.kc-dialog[open]{animation:kc-dlg-in .36s cubic-bezier(.16,1,.3,1) both}.kc-dialog[open]::backdrop{animation:kc-bd-in .3s ease both}.kc-dialog.is-closing{animation:kc-dlg-out .22s cubic-bezier(.4,0,1,1) both}.kc-dialog.is-closing::backdrop{animation:kc-bd-out .22s ease both}@keyframes kc-dlg-in{0%{opacity:0;transform:translateY(26px) scale(.93)}to{opacity:1;transform:none}}@keyframes kc-dlg-out{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(14px) scale(.96)}}@keyframes kc-bd-in{0%{opacity:0}to{opacity:1}}@keyframes kc-bd-out{0%{opacity:1}to{opacity:0}}.kc-dialog[open] .kc-dialog-body li{animation:kc-li-in .45s cubic-bezier(.16,1,.3,1) both}.kc-dialog[open] .kc-dialog-body li:nth-child(2){animation-delay:.05s}.kc-dialog[open] .kc-dialog-body li:nth-child(3){animation-delay:.1s}.kc-dialog[open] .kc-dialog-body li:nth-child(4){animation-delay:.15s}@keyframes kc-li-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media screen and (max-width:768px){.kc{width:auto;margin:var(--kc-mt-m,12px) 12px var(--kc-mb-m,24px);padding:16px 14px 14px;background:linear-gradient(180deg,#150f22 0%,var(--kc-bg) 60%);border:1px solid var(--kc-line);border-radius:22px;box-shadow:0 18px 44px -20px #000000d9}.kc .kc-panel{display:block}.kc-head{gap:12px;padding-bottom:14px}.kc-head-main{align-items:center;gap:12px}.kc-icon-wrap{width:44px;height:44px;border-radius:14px}.kc-title{font-size:18px}.kc-subtitle{font-size:13px}.kc-sheet-open{display:flex;flex:none;align-items:center;justify-content:center;width:42px;height:42px;padding:0;border:1px solid var(--kc-line-strong);border-radius:50%;background:var(--kc-surface);color:#fff;cursor:pointer}.kc-main{margin-top:14px}.kc-scroll{min-height:300px;max-height:min(64vh,560px)}.kc .kc-textarea{font-size:16px}.kc-composer{padding:10px}.kc-composer .kc-avatar-wrap{display:none}.kc-item{padding:12px 6px}.kc-replies{margin-left:25px;padding-left:14px}.kc-guest{flex-wrap:wrap;padding:12px}.kc-guest-text{flex:1 1 0;min-width:0;white-space:normal;padding:8px 14px;font-size:13px;line-height:1.35}.kc-guest-btn{flex:1 1 100%;width:100%}.kc.is-open .kc-panel{display:flex;bottom:auto;height:100dvh}.kc.is-open .kc-sheet-open{display:none}.kc.is-open .kc-head{padding:calc(20px + env(safe-area-inset-top)) 22px 16px;gap:14px}.kc.is-open .kc-main{padding:0;margin-top:0;gap:0}.kc.is-open .kc-feed{flex:1;min-height:0;display:flex;flex-direction:column;border:0;border-radius:0;background:none}.kc.is-open .kc-scroll{flex:1;min-height:0;max-height:none;padding:12px 20px}.kc.is-open .kc-item{padding:12px 8px}.kc.is-open .kc-item--reply{padding:10px 12px}.kc.is-open .kc-replies{margin-left:27px}.kc.is-open .kc-composer,.kc.is-open .kc-guest{margin:6px 16px calc(16px + env(safe-area-inset-bottom));border:1px solid var(--kc-line-strong);border-radius:20px;background:#171022}.kc.is-open .kc-composer{padding:12px}.kc.is-open .kc-guest{padding:12px 14px}.kc.is-open .kc-newpill{bottom:12px}}@media(prefers-reduced-motion:reduce){.kc-dialog,.kc-dialog::backdrop,.kc-dialog[open] .kc-dialog-body li{animation:none!important}}.kc-item{position:relative}.kc button.kc-replyto{appearance:none;-webkit-appearance:none;background:none;border:0;padding:2px 0;margin:0 0 3px;font:inherit;font-size:12px;font-weight:600;text-align:left;cursor:pointer;max-width:100%;border-radius:6px;-webkit-tap-highlight-color:transparent}.kc button.kc-replyto:hover strong,.kc button.kc-replyto:focus-visible strong{text-decoration:underline}.kc button.kc-replyto:focus-visible{outline:2px solid var(--kc-purple-bright);outline-offset:2px}.kc-item.is-flash{animation:kc-flash 1.8s ease-out}@keyframes kc-flash{0%,35%{background:#a855f747;box-shadow:0 0 0 2px #a855f78c}to{background:transparent;box-shadow:0 0 0 2px transparent}}.kc-item--reply.is-flash{animation-name:kc-flash-r}@keyframes kc-flash-r{0%,35%{background:#a855f752;box-shadow:0 0 0 2px #a855f78c}to{background:#a855f712;box-shadow:0 0 0 2px transparent}}.kc-item.is-pending{opacity:.6}.kc-date--pending{font-style:italic}.kc-item:not(.kc-item--reply):not(.kc-ghost){touch-action:pan-y}.kc-item.is-swiping{transform:translate(var(--kc-sw,0px));transition:none}.kc-item.is-swiping:after{content:"";position:absolute;left:-34px;top:50%;width:26px;height:26px;margin-top:-13px;border-radius:50%;background:var(--kc-purple-bright,#a855f7) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 14 4 9 9 4'/%3E%3Cpath d='M20 20v-7a4 4 0 0 0-4-4H4'/%3E%3C/svg%3E") center/14px no-repeat;opacity:var(--kc-swp,0);transform:scale(calc(.5 + var(--kc-swp,0) * .5))}.kc-item:not(.is-swiping){transition:transform .22s cubic-bezier(.2,.8,.2,1)}.kc-item.is-hearted:before{content:"";position:absolute;left:50%;top:50%;width:56px;height:56px;margin:-28px 0 0 -28px;pointer-events:none;z-index:3;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23a855f7' d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z'/%3E%3C/svg%3E") center/contain no-repeat;filter:drop-shadow(0 4px 14px rgba(168,85,247,.65));animation:kc-heart .7s cubic-bezier(.2,.8,.2,1) both}@keyframes kc-heart{0%{opacity:0;transform:scale(.3)}30%{opacity:1;transform:scale(1.15)}to{opacity:0;transform:scale(1.5) translateY(-14px)}}.kc .kc-reply-ctx{display:flex;align-items:center;gap:10px;margin:0 0 8px;padding:8px 8px 8px 12px;border-radius:12px;background:#a855f71a;border-left:3px solid var(--kc-purple-bright,#a855f7);animation:kc-ctx-in .22s ease-out}.kc .kc-reply-ctx[hidden]{display:none}.kc .kc-reply-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px;font-size:12px;font-weight:600;color:var(--kc-muted)}.kc .kc-reply-text strong{color:var(--kc-purple-bright,#a855f7);font-weight:800;font-size:13px}.kc .kc-reply-text em{font-style:normal;font-weight:500;color:#cfc8e6;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word}.kc .kc-reply-cancel{flex:none;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:0;background:#ffffff14;color:#fff;cursor:pointer}.kc .kc-reply-cancel:hover{background:#ffffff29}@keyframes kc-ctx-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.kc-toast .kc-toast-act{margin-left:8px;padding:4px 12px;border:0;border-radius:999px;background:var(--kc-purple-bright,#a855f7);color:#fff;font:inherit;font-weight:700;cursor:pointer}@media(prefers-reduced-motion:reduce){.kc-item.is-flash,.kc-item.is-hearted:before,.kc .kc-reply-ctx{animation:none!important}.kc-item{transition:none!important}}@media screen and (max-width:768px){.kc:not(.is-open) .kc-scroll{overflow-y:hidden;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 34px);mask-image:linear-gradient(to bottom,transparent 0,#000 34px)}.kc:not(.is-open) .kc-feed{cursor:pointer}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/koji-chat-v3.css.map */