.comment-box{width:var(--hope-sizes-full);border-radius:var(--hope-radii-xl);padding:var(--hope-space-4);background-color:#fff;box-shadow:var(--hope-shadows-lg)}.comment-title{margin-bottom:30px;font-size:1.5em;font-weight:600;line-height:1.25}.comment-input-box{flex:1 1 0%;padding-inline-start:var(--hope-space-5);padding-inline-end:var(--hope-space-5);padding-top:var(--hope-space-2);padding-bottom:var(--hope-space-2)}.comment-input-text{resize:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;width:100%;min-width:0px;outline:none;border:1px solid transparent;border-radius:var(--hope-radii-lg);background-color:var(--hope-colors-neutral3);padding-top:var(--hope-space-3);padding-bottom:var(--hope-space-3);padding-inline-start:var(--hope-space-3);padding-inline-end:var(--hope-space-3);color:var(--hope-colors-neutral12);font-size:var(--hope-fontSizes-base);line-height:var(--hope-lineHeights-base);transition:color .25s,border-color .25s,background-color .25s,box-shadow .25s}.comment-input-text:focus{box-shadow:unset;border-color:var(--hope-colors-info8)}.comment-input-buttom-box{display:flex;align-items:center;justify-content:flex-end;padding-top:var(--hope-space-3);padding-inline-start:var(--hope-space-5);padding-inline-end:var(--hope-space-5);padding-bottom:var(--hope-space-5)}.comment-button{height:var(--hope-sizes-10);padding-top:0;padding-bottom:0;padding-inline-start:var(--hope-space-4);padding-inline-end:var(--hope-space-4);font-size:var(--hope-fontSizes-base);border-radius:var(--hope-radii-lg);background-color:var(--hope-colors-info4);color:var(--hope-colors-info11);border:1px solid transparent}.comment-button:focus{outline:none}.comment-button:hover{transform:scale(1.01);background-color:#84858d2e}.comment-item{flex-direction:column;align-items:left;width:var(--hope-sizes-full);padding:var(--hope-space-2);border-radius:var(--hope-radii-lg);transition:.3s;transition-behavior:normal;transition-duration:.3s;transition-timing-function:ease;transition-delay:0s;transition-property:all}.comment-item:hover{transform:scale(1.01);background-color:#84858d2e}.comment-message-text{margin:0}.comment-message-user{font-size:1.25em;color:#000;margin:5px 0;overflow:hidden;text-overflow:ellipsis;text-wrap:nowrap}.comment-message-time{font-size:14px;color:#707070;margin:10px 0;padding:0 5px;overflow:hidden;text-overflow:ellipsis;text-wrap:nowrap}#bg{position:fixed;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:bottom;z-index:-1}