:root{--comments-w:min(38vw,340px)}

hyvor-talk-comments{
position:fixed;
top:30px;
right:0;
z-index:112;
display:block;
width:var(--comments-w);
height:100vh;
padding:14px 0 24px 28px;
overflow:auto;
font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
transform:translateX(100%);
transition:transform .35s ease;
pointer-events:none;
--ht-color-text:#fd6b38;
--ht-color-accent:#fd6b38;
--ht-color-box:transparent;
--ht-color-input:#f6edcac7;
--ht-box-shadow:none;
--ht-box-border:none
}

body.comments-open hyvor-talk-comments{transform:translateX(0);pointer-events:auto}

.comments-toggle{
position:fixed;
top:14px;
right:0;
z-index:113;
display:flex;
align-items:center;
gap:8px;
padding:9px 12px 9px 14px;
border:1px solid rgba(246,237,202,.35);
border-right:0;
border-radius:14px 0 0 14px;
background:rgba(246,237,202,.38);
color:#fd6b38;
font:500 11px/1 ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
letter-spacing:.08em;
text-transform:uppercase;
cursor:pointer;
backdrop-filter:blur(5px);
-webkit-backdrop-filter:blur(5px);
transition:opacity .975s ease,background .3s ease
}

.comments-toggle:hover{background:rgba(246,237,202,.88)}
.comments-toggle-icon{position:relative;width:18px;height:18px;border-radius:50%;background:#fd6b38;flex:0 0 18px}
.comments-toggle-icon:after{content:"";position:absolute;left:5px;top:5px;width:6px;height:6px;border-top:1.5px solid #f6edca;border-right:1.5px solid #f6edca;transform:rotate(45deg);transition:transform .35s ease}
.comments-toggle[aria-expanded="true"] .comments-toggle-icon:after{transform:rotate(225deg)}

.comment-content{padding:25px 16px 11px!important}
.user-name{bottom:-30px!important;position:relative!important;left:15px!important;font-size:11px!important;font-weight:normal!important;color:rgba(102,163,95,.82)!important}
.guest-form{padding:4px 0!important}
.comment .comment-inside:focus,.comment .comment-inside:focus-visible{border:none!important}

@media(max-width:700px){
:root{--comments-w:100vw}

hyvor-talk-comments{
top:0;
width:100%;
height:100%;
padding:54px 0 18px 22px;
visibility:hidden;
background:transparent;
backdrop-filter:none;
-webkit-backdrop-filter:none;
transition:transform .35s ease,visibility 0s .35s
}

body.comments-open hyvor-talk-comments{
visibility:visible;
background:rgba(102,163,95,.12);
backdrop-filter:blur(8px);
-webkit-backdrop-filter:blur(8px);
transition:transform .35s ease,visibility 0s
}

.comments-toggle,.comments-toggle[aria-expanded="true"]{right:0;top:12px}
}