.sp-comments{background:#f6f6f6;border:1px solid #e0e0e0;border-radius:12px;max-width:800px;margin:0 auto;padding:20px;font-family:Satoshi Variable,-apple-system,BlinkMacSystemFont,sans-serif}.sp-form{border-bottom:1px solid #d0d0d0;flex-direction:row;gap:20px;margin-bottom:48px;padding-top:20px;padding-bottom:30px;display:flex}.sp-form2{width:100%;overflow:hidden}.sp-form3{width:fit-content}.sp-form-group{flex-direction:column;width:100%;margin-bottom:20px;display:flex}.sp-form label{letter-spacing:-.01em;color:#000;margin-bottom:8px;font-size:18px;font-weight:500;line-height:1.4;display:block}.sp-form input,.sp-form textarea{color:#000;background:#fff;border:1px solid #ebebeb;border-radius:12px;padding:16px 10px;font-family:Satoshi Variable,sans-serif;font-size:16px;line-height:1.4}.sp-form button{color:#fff;cursor:pointer;letter-spacing:-.01em;background:#01c573;border:1px solid #ffffff80;border-radius:8px;width:100%;margin-top:16px;padding:16px 24px;font-family:Satoshi Variable,sans-serif;font-size:18px;font-weight:500;line-height:1.4}.sp-form button:hover{background:#00b066}.sp-form button:disabled{cursor:not-allowed;background:#ccc}.sp-comments-list{margin-top:48px}.sp-comment{border-bottom:1px solid #d0d0d0;gap:20px;padding:20px 0;display:flex}.sp-comment:last-child{border-bottom:none}.sp-comment-header{align-items:center;gap:8px;margin-bottom:12px;display:flex}.sp-comment-author{letter-spacing:-.01em;color:#000;font-size:18px;font-weight:500;line-height:1.4}.sp-comment-date{color:#9e9e9e;letter-spacing:-.01em;font-size:16px;font-weight:200;line-height:1.4}.sp-comment-content{color:#000;letter-spacing:-.01em;margin:0;font-size:16px;font-weight:200;line-height:1.4}.sp-message{border-radius:8px;margin:12px 0;padding:12px;font-size:16px;line-height:1.4}.sp-message.success{color:#1b5e20;background:#e8f5e9}.sp-message.error{color:#b71c1c;background:#ffebee}.sp-load-more{color:#000;cursor:pointer;text-align:center;letter-spacing:-.01em;background:0 0;border:1px solid #ebebeb;border-radius:8px;width:100%;margin-top:24px;padding:12px;font-family:Satoshi Variable,sans-serif;font-size:16px;font-weight:500;line-height:1.4;display:block}.sp-load-more:hover{background:#f6f6f6}.sp-avatar{color:#000;letter-spacing:-.02em;background:#fff;border:1px solid #ebebeb;border-radius:81px;justify-content:center;align-items:center;min-width:70px;max-width:70px;min-height:70px;max-height:70px;font-family:Satoshi Variable,sans-serif;font-size:24px;font-weight:100;display:flex}.sp-sort{border:1px solid #d0d0d0;border-radius:8px;align-items:center;gap:0;width:fit-content;margin-bottom:24px;display:flex}.sp-sort-label{color:#363636;background:#ebebeb;border-top-left-radius:8px;border-bottom-left-radius:8px;align-items:center;gap:2px;min-height:30px;padding:4px;font-size:16px;display:flex}.sp-sort-value{color:#000;cursor:pointer;background:#fff;border-radius:0 8px 8px 0;align-items:center;gap:8px;min-height:30px;padding:4px 4px 4px 12px;font-size:16px;display:flex}.sp-reply{color:#363636;cursor:pointer;background:#fff;border:1px solid #ebebeb;border-radius:8px;align-items:center;margin-top:12px;padding:8px 16px;font-family:Satoshi Variable,sans-serif;font-size:14px;font-weight:500;display:inline-flex}.sp-reply:hover{background:#f6f6f6}.sp-total{color:#000;margin-bottom:10px;padding-bottom:20px;font-family:Clash Display,sans-serif;font-size:24px;font-weight:500;line-height:1.23}.sp-total-header{border-bottom:1px solid #d0d0d0;justify-content:space-between;align-items:end;display:flex}@media screen and (max-width:480px){.sp-total-header{flex-direction:column;align-items:flex-start;gap:16px}}