.comments-area{margin-top:40px}.comments-area .comments-title{font-size:2rem;font-weight:700}.comment-toggle-wrap{display:flex;align-items:center;gap:8px;margin-bottom:20px;margin-top:40px}.comment-toggle-wrap span{font-size:1.2rem;font-weight:500;color:#222}.switch{position:relative;display:inline-block;width:44px;height:22px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:34px}.slider:before{position:absolute;content:"OFF";height:18px;width:18px;left:2px;bottom:2px;background-color:#fff;transition:.4s;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:500;color:#666}input:checked+.slider{background-color:var(--news)!important}input:checked+.slider:before{transform:translateX(22px);content:"ON";color:var(--news)!important}.comment-box{margin-top:20px}.comment-box .total-count{font-size:1.4rem;font-weight:500;margin-bottom:10px}.comment-box .total-count span{margin-left:0;font-size:1.4rem;font-weight:500}.comment-box .name-input{width:100%;height:40px;padding:12px 10px 8px;margin-bottom:0;border:1px solid #ddd;border-bottom:none;border-radius:2px 2px 0 0;background-color:#fff;color:#000;outline:none;-webkit-appearance:none;appearance:none;font-size:.8em}.comment-box .name-input::placeholder{color:#666}.comment-box .name-input:focus{border:1px solid #ddd;border-bottom:none;background-color:#f8f8f8}.comment-box .write-comment{position:relative;margin-bottom:16px}.comment-box .write-comment textarea{width:100%;height:120px;padding:16px 8px 58px;border:1px solid #ddd;border-radius:0 0 2px 2px;background-color:#fff;color:#222;resize:none;outline:none;font-size:.8em}.comment-box .write-comment textarea::placeholder{color:#666}.comment-box .write-comment textarea:focus{border-color:#ddd;background-color:#f8f8f8}.comment-box .write-comment .absolute-box{display:flex;justify-content:flex-end;align-items:flex-end;position:absolute;right:10px;bottom:15px;gap:12px;padding:0;background:transparent}.comment-box .write-comment .absolute-box span{color:#666;font-size:.9rem;font-weight:400}.comment-box .write-comment .absolute-box button{width:48px;height:28px;border:none;border-radius:2px;background-color:var(--news)!important;color:#fff;font-size:.9rem;font-weight:400;cursor:pointer;display:flex;align-items:center;justify-content:center;padding-left:3px;padding-right:1px;line-height:28px;text-align:center;letter-spacing:1px;transition:transform 0.2s ease,box-shadow 0.2s ease}.comment-box .write-comment .absolute-box button:hover{transform:translateY(-2px);box-shadow:0 2px 4px rgba(0,0,0,.1)}.comment-box .write-comment textarea::-webkit-scrollbar{width:4px}.comment-box .write-comment textarea::-webkit-scrollbar-thumb{height:10%;border-radius:10px;background-color:#3939394e}.comment-box .comment-list{list-style:none;padding:0;margin:20px 0 0}.comment-box .comment-list .comment{padding:14px 18px}.comment-box .comment-list .comment:not(:last-child){border-bottom:1px solid #e8ebf0}.comment-box .comment-metadata{display:flex;align-items:center;margin-bottom:8px}.comment-box .comment-metadata .comment-author{margin-right:10px}.comment-box .comment-metadata .comment-author.fn{color:#000;font-size:.9rem;font-weight:300}.comment-box .comment-metadata time{color:#999;font-size:.8rem;font-weight:300}.comment-box .comment-content{margin-top:8px}.comment-box .comment-content p{color:#222;font-size:.9rem;line-height:1.6;margin:0;word-break:break-all;font-weight:300}.comment-box.hidden{display:none}