/* 카카오톡 공식 앱 아이콘 원본, 홈페이지 전환 값. */
.kakao-chat{position:fixed;right:var(--gutter);bottom:calc(var(--gutter) + 38px + 8px + env(safe-area-inset-bottom));z-index:50;display:inline-flex;align-items:center;justify-content:center;height:75.6px;width:75.6px;padding:0;border-radius:8px;background:transparent;color:#191919;font:600 13px/1 var(--kr);text-decoration:none;white-space:nowrap;transition:transform .4s var(--ease,cubic-bezier(.16,1,.3,1)),translate .4s var(--ease,cubic-bezier(.16,1,.3,1));animation:kakao-chat-enter .4s var(--ease,cubic-bezier(.16,1,.3,1)) backwards;-webkit-tap-highlight-color:transparent}
.kakao-chat img{display:block;width:100%;height:100%;flex:none}
.kakao-chat:focus-visible{outline:2px solid #191919;outline-offset:3px;box-shadow:0 0 0 5px #FEE500}
@media(hover:hover) and (pointer:fine){.kakao-chat:hover{transform:scale(1.03)}}
/* 데스크톱은 오른쪽 목차 줄(26px) 바로 옆(24px)까지 붙인다(james 10-21 "오른쪽으로 옮기라"). 스크롤 중 잠깐 뜨는 목차 이름표가 버튼 위에 겹쳐 보이지 않게 목차 줄(z 70)보다 위에 둔다. */
@media(min-width:900px){html.has-sbar .kakao-chat{right:24px;z-index:71}}
body.is-loading .kakao-chat,body.mn-open .kakao-chat,body:has(.hq-dlg) .kakao-chat,body:has(.lb:not([hidden])) .kakao-chat{visibility:hidden;pointer-events:none;animation:none}
@media(max-width:899px){.kakao-chat{height:53.2px;width:53.2px}body:has(.mbar) .kakao-chat{bottom:calc(67px + var(--gutter) + env(safe-area-inset-bottom))}.kakao-chat.is-contact-visible,body:has(input:focus,textarea:focus,select:focus,[contenteditable]:not([contenteditable="false"]):focus) .kakao-chat{visibility:hidden;pointer-events:none}}
@keyframes kakao-chat-enter{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}
@media(prefers-reduced-motion:reduce){.kakao-chat{animation:none;transition:none;translate:none!important}.kakao-chat:hover{transform:none}}