.hb-comment-drawer_overlay{position:fixed;background:rgb(var(--backdrop-color-rgb) / var(--backdrop-opacity));width:100%;height:100%;top:0;left:0;z-index:8;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .35s ease,visibility .35s ease}.is-open .hb-comment-drawer_overlay{visibility:visible;opacity:1;pointer-events:auto}.hb-comment-drawer{position:fixed;background:#fff;right:-110%;z-index:9;top:0;height:100vh;width:100%;max-width:540px;border-radius:16px 0 0 16px;background:#f7f1e9;transition:right .35s ease}.comment-header .h3{font-size:32px;line-height:36px;letter-spacing:0px;color:#332d27;margin-bottom:0;font-weight:500}.hb-comment-drawer .comment-header{padding:19px 36px 24px 40px;border-bottom:1.5px solid #332D2726;gap:24px;display:flex;justify-content:space-between;align-items:center}.hb-comment-drawer .comment-body{padding:32px 40px}.is-open .hb-comment-drawer{right:0}.hb-comment-drawer .blog-post-comments__form-container{margin-top:0}.hb-comment-drawer .close-btn svg{width:24px;height:24px;cursor:pointer}.hb-comment-drawer .blog-post-comments-container{height:100%;overflow-y:auto}.hb-comment-drawer .blog-post-comments-container::-webkit-scrollbar{display:none}.hb-comment-drawer .blog-post-comments-container{-ms-overflow-style:none;scrollbar-width:none}.hb-comment-drawer .blog-post-comments__form-input:focus-visible{outline:unset}.comment-body input{font-family:Circular Std;font-weight:700;font-style:Bold;font-size:16px;line-height:18px;letter-spacing:-.01em;color:var(--theme-color);outline-color:var(--theme-color);outline:none;background-color:transparent;min-height:58px}.comment-body .blog-post-comments__form{width:100%;grid-template-columns:1fr 1fr;box-sizing:border-box;display:flex;flex-wrap:wrap}.comment-body textarea{font-family:Circular Std;font-weight:700;font-style:Bold;font-size:16px;line-height:18px;letter-spacing:-.01em;color:var(--theme-color);outline-color:var(--theme-color);outline:none;background-color:transparent}@media screen and (max-width:540px){.hb-comment-drawer{padding:0;width:100%;max-width:100%;border-radius:0}.hb-comment-drawer .comment-header,.hb-comment-drawer .comment-body{padding:20px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/hb-comment.css.map */