.vnn-birthday-comment-module{font-family:notosans-regular}.vnn-birthday-comment-module .comment-module{background-image:url(https://static.vnncdn.net/v1/icon/birthday-vnn/gui-loi-chuc.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;margin-top:50px}@media(max-width:767px){.vnn-birthday-comment-module .comment-module{margin-top:20px;padding:0 15px}}.vnn-birthday-comment-module .comment-module .comment__header{margin:0 auto;max-width:600px;padding:35px 0}.vnn-birthday-comment-module .comment-module .comment__header .comment__header-title{color:#c33;font-family:americana;font-size:39px;margin-bottom:30px;text-align:center}@media(max-width:767px){.vnn-birthday-comment-module .comment-module .comment__header .comment__header-title{font-size:30px;line-height:38px}}.vnn-birthday-comment-module .comment-module .comment__header .comment__header-actions{-webkit-box-pack:center;-ms-flex-pack:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content:center;margin-bottom:30px}@media(max-width:767px){.vnn-birthday-comment-module .comment-module .comment__header .comment__header-actions{row-gap:15px}}.vnn-birthday-comment-module .comment-module .comment__header .comment__header-actions button{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#f1e4d3;border:none;border-radius:15px;color:#2a2a2a;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:16px;padding-right:20px}.vnn-birthday-comment-module .comment-module .comment__header .comment__header-actions button:not(:last-child){margin-right:40px}@media(max-width:767px){.vnn-birthday-comment-module .comment-module .comment__header .comment__header-actions button:not(:last-child){margin-right:10px}}.vnn-birthday-comment-module .comment-module .comment__header .comment__header-actions button img{height:30px;margin-right:10px;-webkit-transition:.2s;transition:.2s;width:30px}.vnn-birthday-comment-module .comment-module .comment__header .comment__header-actions button:not(.actions_1):hover{background-color:#e5e5e5}.vnn-birthday-comment-module .comment-module .comment__header .comment__header-actions button:not(.actions_1):hover img{-webkit-transform:scale(1.2);transform:scale(1.2)}.vnn-birthday-comment-module .comment-module .comment__header .comment__header-actions button.actions_1{cursor:default}.vnn-birthday-comment-module .comment-module .comment__header .comment__header-actions button.actions_1 img{background-color:#8cad6e;border-radius:50%}.vnn-birthday-comment-module .comment-module .comment__header .comment__header-actions button.actions_2 img{background-color:#6575ad;border-radius:50%}.vnn-birthday-comment-module .comment-module .comment__header .comment__header-actions button.actions_3 img{background-color:#f0884d;border-radius:50%}.vnn-birthday-comment-module .comment-module .comment__header .comment__header-actions button.actions_4 img{background-color:#da5a57;border-radius:50%}.vnn-birthday-comment-module .comment__body{-webkit-column-gap:15px;-moz-column-gap:15px;column-gap:15px;margin:40px auto auto;max-width:1140px;padding:0 20px;row-gap:15px}@media(max-width:767px){.vnn-birthday-comment-module .comment__body{padding:0 15px}}.vnn-birthday-comment-module .comment__body .comment__box-wrapper{background-color:#fffdfa;border:1px solid #eddeca;border-radius:20px;-webkit-box-sizing:border-box;box-sizing:border-box;margin-bottom:30px;padding:35px 15px;position:relative}.vnn-birthday-comment-module .comment__body .comment__box-wrapper .comment__box-gift{background-color:#fffdfa;border:1px solid #ecdcc8;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;height:50px;left:50%;position:absolute;top:-24px;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:50px}.vnn-birthday-comment-module .comment__body .comment__box-wrapper .comment__box-gift img{margin:auto;width:44px}.vnn-birthday-comment-module .comment__body .comment__box-wrapper .comment__item{-ms-grid-columns:40px 10px 1fr;grid-gap:10px;display:-ms-grid;display:grid;gap:10px;grid-template-columns:40px 1fr}.vnn-birthday-comment-module .comment__body .comment__box-wrapper .comment__item .comment__item-avatar img{border-radius:50%;height:40px;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:40px}.vnn-birthday-comment-module .comment__body .comment__box-wrapper .comment__item .comment__item-avatar .info__shortname{background-color:#e5e7eb;border-radius:50%;color:#999;display:block;font-size:18px;height:40px;line-height:40px;text-align:center;width:40px}.vnn-birthday-comment-module .comment__body .comment__box-wrapper .comment__item .comment__item-content .username{color:#916831;font-family:notosans-bold;font-size:16px;margin-bottom:10px}.vnn-birthday-comment-module .comment__body .comment__box-wrapper .comment__item .comment__item-content .username span{color:#454545;font-family:notosans-regular;font-size:13px;margin-left:5px}.vnn-birthday-comment-module .comment__body .comment__box-wrapper .comment__item .comment__item-content .content{font-size:15px;line-height:20px;margin-bottom:15px}.vnn-birthday-comment-module .comment__body .comment__box-wrapper .comment__item .comment__item-content .group-action{display:-webkit-box;display:-ms-flexbox;display:flex}.vnn-birthday-comment-module .comment__body .comment__box-wrapper .comment__item .comment__item-content .group-action button{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:none;border:none;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:14px}.vnn-birthday-comment-module .comment__body .comment__box-wrapper .comment__item .comment__item-content .group-action button:not(:last-child){margin-right:10px}.vnn-birthday-comment-module .comment__body .comment__box-wrapper .comment__item .comment__item-content .group-action button img{height:15px;margin-right:2px;width:15px}.vnn-birthday-comment-module .comment__body .comment__box-wrapper .comment__item .comment__item-content .group-action .action__share{position:relative}.vnn-birthday-comment-module .comment__body .comment__box-wrapper .comment__item .comment__item-content .group-action .action__share:hover>.group-share{display:-webkit-box;display:-ms-flexbox;display:flex}.vnn-birthday-comment-module .comment__body .comment__box-wrapper .comment__item .comment__item-content .group-action .action__share .group-share{background-color:#fff;border:1px solid #ddd;border-radius:5px;display:-webkit-box;display:-ms-flexbox;display:flex;display:none;padding:5px 9px;position:absolute;top:100%;width:100%}.vnn-birthday-comment-module .comment__body .comment__box-wrapper .comment__item .comment__item-content .group-action .action__share .group-share a{height:20px;width:20px}.vnn-birthday-comment-module .comment__body .comment__box-wrapper .comment__item .comment__item-content .group-action .action__share .group-share a:first-child{margin-right:5px}.vnn-birthday-comment-module .comment__body .comment__box-wrapper .comment__item .comment__item-content .group-action .action__share .group-share a img{height:20px;width:20px}.vnn-birthday-comment-module .comment__body .comment__box-wrapper .comment__box-reply{margin-top:25px;padding-left:45px}.vnn-birthday-comment-module .comment__body .comment__box-wrapper .comment__box-reply .comment__item{margin-bottom:25px}.vnn-birthday-comment-module .comment__body .comment__box-wrapper .comment__box-reply .comment__item:last-child{margin-bottom:0}.vnn-birthday-comment-module .comment__body .comment__box-wrapper .reply__seemore{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:none;border:none;color:#d43838;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;font-family:notosans-medium;font-size:15px;margin-left:45px;margin-top:25px}.vnn-birthday-comment-module .comment__body .comment__box-wrapper .reply__seemore:hover{text-decoration:underline}.vnn-birthday-comment-module .comment__body .my-masonry-grid{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:-15px;width:auto}.vnn-birthday-comment-module .comment__body .my-masonry-grid_column{background-clip:padding-box;padding-left:15px}.vnn-birthday-comment-module .comment__body .my-masonry-grid_column>div{margin-bottom:30px}.vnn-birthday-comment-module .comment__seemore{-webkit-box-pack:center;-ms-flex-pack:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center;margin:auto auto 40px;max-width:1140px;padding:0 20px}.vnn-birthday-comment-module .comment__seemore button{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:none;border:1px solid #d43838;border-radius:20px;color:#d43838;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;font-family:notosans-bold;padding:7px 10px;text-transform:uppercase}.vnn-birthday-comment-module .comment__seemore button:disabled{background-color:#f1f1f1;border:1px solid #d9d9d9}.vnn-birthday-comment-module .comment__seemore .lds-dual-ring{display:inline-block;height:22px;width:22px}.vnn-birthday-comment-module .comment__seemore .lds-dual-ring:after{-webkit-animation:lds-dual-ring 1.2s linear infinite;animation:lds-dual-ring 1.2s linear infinite;border-color:#d43838 transparent;border-radius:50%;border-style:solid;border-width:2px;content:" ";display:block;height:15px;margin:0;width:15px}.vnn-birthday-comment-module .confettiEffect__wrapper{background:rgba(0,0,0,.502);bottom:0;left:0;position:fixed;right:0;top:0;z-index:100}.vnn-birthday-comment-module .confettiEffect__wrapper .confettiEffect__wrapper-title{left:50%;margin:auto;position:absolute;top:40%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:10000}@media(max-width:767px){.vnn-birthday-comment-module .confettiEffect__wrapper .confettiEffect__wrapper-title img{width:800px}}.vnn-birthday-comment-module .confettiEffect__wrapper .confettiEffect__wrapper-title area{cursor:pointer}.vnn-birthday-comment-module .confettiEffect__wrapper canvas{height:100%;width:100%}.arrow{border:solid #d43838;border-width:0 2px 2px 0;display:block;margin-bottom:3px;margin-left:7px;padding:3px;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.down{transform:rotate(45deg);-webkit-transform:rotate(45deg)}