html.khd-ba-modal-open,body.khd-ba-modal-open{overflow:hidden!important;overscroll-behavior:none!important}
.khd-ba-comments.is-modal{
position:fixed!important;inset:0!important;z-index:2147483000!important;
display:grid!important;place-items:center!important;margin:0!important;padding:12px!important;
background:rgba(2,6,23,.72)!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;
overflow:hidden!important;isolation:isolate!important;transform:none!important;
}
.khd-ba-comments.is-modal::before{display:none!important}
.khd-ba-phone-shell{
width:min(430px,100%)!important;height:min(880px,calc(100dvh - 24px))!important;
display:grid!important;grid-template-rows:auto auto auto minmax(0,1fr) auto!important;
grid-template-areas:"head" "reply" "summary" "list" "form"!important;
overflow:hidden!important;background:#fff!important;border:1px solid rgba(255,255,255,.55)!important;
border-radius:30px!important;box-shadow:0 35px 100px rgba(0,0,0,.48),0 0 0 1px rgba(15,23,42,.1)!important;
animation:khdBaPhoneIn .28s cubic-bezier(.2,.85,.3,1)!important;
position:relative!important;z-index:1!important;
}
@keyframes khdBaPhoneIn{from{opacity:0;transform:translateY(28px) scale(.965)}to{opacity:1;transform:none}}
.khd-ba-phone-shell>.khd-ba-comments-modal-head{grid-area:head!important;display:flex!important;position:relative!important;inset:auto!important;width:100%!important;border-radius:0!important;padding:16px 17px 13px!important;background:rgba(255,255,255,.96)!important;border-bottom:1px solid #e8edf4!important;box-shadow:none!important}
.khd-ba-phone-shell>.khd-ba-comments-modal-head::before{content:"";position:absolute;top:7px;left:50%;transform:translateX(-50%);width:38px;height:4px;border-radius:99px;background:#cbd5e1}
.khd-ba-phone-shell>.khd-ba-replying{grid-area:reply!important;width:100%!important;margin:0!important;padding:8px 14px!important;border-radius:0!important}
.khd-ba-phone-shell>.khd-ba-comments-summary{grid-area:summary!important;width:100%!important;margin:0!important;padding:9px 15px!important;border-top:0!important;border-bottom:1px solid #eef2f7!important;background:#fff!important}
.khd-ba-phone-shell>.khd-ba-comment-list{grid-area:list!important;width:100%!important;min-height:0!important;max-height:none!important;height:auto!important;overflow-y:auto!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important;margin:0!important;padding:14px 13px 22px!important;border-radius:0!important;background:#fff!important;scrollbar-width:thin!important}
.khd-ba-phone-shell>.khd-ba-comment-form{grid-area:form!important;position:relative!important;inset:auto!important;width:100%!important;margin:0!important;padding:11px 12px calc(11px + env(safe-area-inset-bottom))!important;border-top:1px solid #e5eaf1!important;background:rgba(255,255,255,.98)!important;box-shadow:0 -8px 24px rgba(15,23,42,.06)!important}
.khd-ba-phone-shell>.khd-ba-comment-form textarea{font-size:16px!important;max-height:110px!important;resize:none!important}
.khd-ba-phone-shell .khd-ba-comments-close{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;display:grid!important;place-items:center!important;background:#eef2f7!important}
.khd-ba-phone-shell .khd-ba-comment-bubble{max-width:100%!important;overflow:hidden!important}
.khd-ba-phone-shell .khd-ba-comment-text{overflow-wrap:anywhere!important;word-break:break-word!important}
.khd-ba-phone-shell .khd-ba-replies{max-width:calc(100% - 20px)!important;margin-inline-start:24px!important}
@media(max-width:480px){
.khd-ba-comments.is-modal{padding:0!important;place-items:stretch!important;background:#fff!important}
.khd-ba-phone-shell{width:100%!important;height:100dvh!important;max-height:none!important;border-radius:0!important;border:0!important;box-shadow:none!important}
.khd-ba-phone-shell>.khd-ba-comments-modal-head{padding-top:calc(17px + env(safe-area-inset-top))!important}
}
@media(min-width:481px) and (max-height:720px){
.khd-ba-comments.is-modal{padding:6px!important}
.khd-ba-phone-shell{height:calc(100dvh - 12px)!important;border-radius:22px!important}
}
@media(prefers-reduced-motion:reduce){.khd-ba-phone-shell{animation:none!important}}