.dg-comments{--dg-black:#171717;--dg-soft:#f5f5f5;--dg-line:#e7e7e7;--dg-muted:#777;max-width:100%;margin:55px auto 20px;font-family:inherit}
.dg-comments *{box-sizing:border-box}
.dg-comments-heading{display:flex;align-items:flex-end;justify-content:space-between;border-bottom:2px solid var(--dg-black);padding-bottom:16px;margin-bottom:24px}
.dg-comments-kicker{font-size:11px;font-weight:800;letter-spacing:.2em;color:#777}
.dg-comments .comments-title{margin:4px 0 0!important;font-size:clamp(25px,4vw,38px)!important;line-height:1!important;letter-spacing:-.03em}
.dg-comments-bubble{font-size:27px}
.dg-comment-list,.dg-comment-list .children{list-style:none!important;margin:0!important;padding:0!important}
.dg-comment-list .children{margin-left:44px!important}
.dg-comment-card{margin:0 0 14px!important;padding:0!important}
.dg-comment-body{display:flex;gap:14px;padding:20px;background:#fff;border:1px solid var(--dg-line);border-radius:16px;box-shadow:0 7px 25px rgba(0,0,0,.035)}
.dg-comment-avatar{flex:0 0 52px}
.dg-comment-avatar img{display:block;width:52px;height:52px;border-radius:50%!important;object-fit:cover}
.dg-comment-main{flex:1;min-width:0}
.dg-comment-header{display:flex;gap:12px;justify-content:space-between;align-items:flex-start}
.dg-comment-author{font-weight:800;color:var(--dg-black);display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.dg-comment-author a{color:inherit!important;text-decoration:none!important}
.dg-member-pill{display:inline-flex;align-items:center;border-radius:999px;background:var(--dg-black);color:#fff!important;padding:4px 8px;font-size:9px!important;line-height:1!important;letter-spacing:.12em;font-weight:800;white-space:nowrap}
.dg-comment-date{font-size:11px;color:var(--dg-muted)!important;text-decoration:none!important;white-space:nowrap}
.dg-comment-text{font-size:15px;line-height:1.65;color:#333;margin-top:8px}
.dg-comment-text p:last-child{margin-bottom:0}
.dg-comment-actions{margin-top:12px}
.dg-comment-actions .comment-reply-link{display:inline-flex!important;align-items:center!important;padding:7px 11px!important;border-radius:999px!important;background:var(--dg-soft)!important;color:#222!important;text-decoration:none!important;font-size:10px!important;font-weight:800!important;letter-spacing:.08em!important;border:0!important}
.dg-awaiting{font-size:12px;font-weight:700;color:#956500;background:#fff8d9;padding:8px 10px;border-radius:8px}
.dg-comment-form-wrap{margin-top:28px;padding:26px;border-radius:18px;background:#f6f6f6;border:1px solid var(--dg-line)}
.dg-comment-form-wrap .comment-reply-title{margin:0 0 8px!important;font-size:24px!important;letter-spacing:-.02em}
.dg-comment-note,.dg-logged-in{font-size:12px;color:#777}
.dg-logged-in{display:flex;gap:7px;align-items:center;flex-wrap:wrap}
.dg-logged-in a{color:#555}
.dg-comment-editor{overflow:hidden;background:#fff;border:1px solid #ddd;border-radius:14px;transition:.2s}
.dg-comment-editor:focus-within{border-color:#999;box-shadow:0 0 0 3px rgba(0,0,0,.04)}
.dg-emoji-bar{display:flex;align-items:center;gap:3px;padding:9px 10px;border-bottom:1px solid #eee;overflow-x:auto;-webkit-overflow-scrolling:touch}
.dg-emoji-bar button{appearance:none!important;-webkit-appearance:none!important;border:0!important;background:transparent!important;box-shadow:none!important;padding:5px 7px!important;margin:0!important;min-width:0!important;width:auto!important;height:auto!important;line-height:1!important;font-size:20px!important;border-radius:8px!important;cursor:pointer!important;transform:none!important}
.dg-emoji-bar button:hover{background:#f1f1f1!important;transform:scale(1.12)!important}
.dg-comment-editor textarea#comment{display:block!important;width:100%!important;min-height:140px!important;margin:0!important;padding:15px!important;border:0!important;outline:0!important;box-shadow:none!important;background:#fff!important;resize:vertical;color:#222!important;font:inherit!important;line-height:1.55!important}
.dg-comment-form-wrap .comment-form-author input,.dg-comment-form-wrap .comment-form-email input,.dg-comment-form-wrap .comment-form-url input{width:100%;border:1px solid #ddd;border-radius:10px;padding:12px;background:#fff}
.dg-comment-form-wrap .form-submit{margin:15px 0 0}
.dg-comment-form-wrap .submit{appearance:none!important;border:0!important;border-radius:999px!important;background:#171717!important;color:#fff!important;padding:13px 22px!important;font-size:12px!important;letter-spacing:.1em!important;font-weight:800!important;cursor:pointer!important;width:auto!important}
.dg-comment-form-wrap .submit:hover{opacity:.85}
.dg-comments .comment-navigation{margin:20px 0}
@media(max-width:700px){
 .dg-comments{margin-top:38px}
 .dg-comments-heading{align-items:center}
 .dg-comment-body{padding:15px;gap:10px;border-radius:13px}
 .dg-comment-avatar{flex-basis:42px}.dg-comment-avatar img{width:42px;height:42px}
 .dg-comment-header{display:block}
 .dg-comment-date{display:inline-block;margin-top:3px}
 .dg-comment-list .children{margin-left:18px!important}
 .dg-comment-form-wrap{padding:17px;border-radius:14px}
 .dg-emoji-bar button{font-size:19px!important}
}


/* v1.1.0 — guaranteed emoji toolbar + comment likes */
.dg-comment-editor-injected{
    overflow:hidden;
    background:#fff;
    border:1px solid #ddd;
    border-radius:14px;
}
.dg-comment-editor-injected textarea#comment{
    border:0!important;
    border-radius:0!important;
}
.dg-emoji-bar{
    scrollbar-width:none;
}
.dg-emoji-bar::-webkit-scrollbar{display:none}
.dg-emoji-bar button{
    flex:0 0 auto!important;
}
.dg-comment-actions{
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;
}
.dg-like-button{
    appearance:none!important;
    -webkit-appearance:none!important;
    display:inline-flex!important;
    align-items:center!important;
    gap:5px!important;
    min-width:0!important;
    width:auto!important;
    height:auto!important;
    margin:0!important;
    padding:7px 11px!important;
    border:0!important;
    border-radius:999px!important;
    background:#f5f5f5!important;
    color:#222!important;
    box-shadow:none!important;
    font-size:10px!important;
    line-height:1!important;
    font-weight:800!important;
    letter-spacing:.07em!important;
    cursor:pointer!important;
    transform:none!important;
}
.dg-like-heart{
    font-size:16px;
    line-height:1;
    letter-spacing:0;
}
.dg-like-count{
    display:inline-flex;
    min-width:14px;
    justify-content:center;
    color:#777;
    letter-spacing:0;
}
.dg-like-button:hover,
.dg-like-button.is-liked{
    background:#171717!important;
    color:#fff!important;
}
.dg-like-button.is-liked .dg-like-heart::before{content:""}
.dg-like-button.is-liked .dg-like-heart{font-size:0}
.dg-like-button.is-liked .dg-like-heart::after{
    content:"♥";
    font-size:16px;
    color:#ff5b72;
}
.dg-like-button.is-liked .dg-like-count{color:#fff}
.dg-like-button.is-loading{opacity:.55;pointer-events:none}
@media(max-width:700px){
    .dg-emoji-bar{padding:8px!important;gap:1px!important}
    .dg-emoji-bar button{font-size:20px!important;padding:6px!important}
    .dg-like-button{padding:7px 10px!important}
}


/* v1.2.0 — GIF comments */
.dg-emoji-divider{
    flex:0 0 1px;
    align-self:stretch;
    background:#e5e5e5;
    margin:2px 5px;
}
.dg-gif-toggle{
    flex:0 0 auto!important;
    appearance:none!important;
    -webkit-appearance:none!important;
    border:0!important;
    background:#171717!important;
    color:#fff!important;
    font-size:10px!important;
    font-weight:900!important;
    letter-spacing:.08em!important;
    line-height:1!important;
    padding:7px 10px!important;
    border-radius:7px!important;
    width:auto!important;
    height:auto!important;
    min-width:0!important;
    box-shadow:none!important;
    cursor:pointer!important;
}
.dg-gif-panel{
    padding:10px;
    border-bottom:1px solid #eee;
    background:#fafafa;
}
.dg-gif-panel[hidden]{display:none!important}
.dg-gif-panel-inner{
    display:flex;
    gap:7px;
    align-items:center;
}
.dg-gif-url{
    flex:1;
    min-width:0;
    height:38px!important;
    padding:0 11px!important;
    border:1px solid #d9d9d9!important;
    border-radius:8px!important;
    background:#fff!important;
    box-shadow:none!important;
    font-size:12px!important;
}
.dg-gif-insert{
    appearance:none!important;
    -webkit-appearance:none!important;
    height:38px!important;
    padding:0 12px!important;
    border:0!important;
    border-radius:8px!important;
    background:#171717!important;
    color:#fff!important;
    font-size:9px!important;
    font-weight:900!important;
    letter-spacing:.08em!important;
    cursor:pointer!important;
    width:auto!important;
    min-width:0!important;
    box-shadow:none!important;
}
.dg-gif-help{
    margin:7px 0 0!important;
    font-size:10px!important;
    line-height:1.35!important;
    color:#888!important;
}
.dg-gif-preview{
    margin-top:9px;
    max-width:250px;
    max-height:180px;
    overflow:hidden;
    border-radius:8px;
    background:#111;
}
.dg-gif-preview[hidden]{display:none!important}
.dg-gif-preview img{
    display:block;
    width:100%;
    height:auto;
    max-height:180px;
    object-fit:contain;
}
.dg-comment-gif-wrap{
    display:block;
    margin:10px 0 4px;
}
.dg-comment-gif{
    display:block;
    width:auto;
    max-width:min(100%,420px)!important;
    max-height:420px;
    object-fit:contain;
    border-radius:12px;
    background:#111;
}
@media(max-width:700px){
    .dg-gif-panel-inner{
        display:grid;
        grid-template-columns:1fr auto;
    }
    .dg-gif-preview{
        max-width:100%;
    }
    .dg-comment-gif{
        max-width:100%!important;
        max-height:360px;
    }
}

/* 1.2.1 Kadence-safe GIF panel visibility */
.dg-comment-editor .dg-gif-panel.is-open{
 display:block!important;
 visibility:visible!important;
 opacity:1!important;
 position:relative!important;
 z-index:5!important;
 width:100%!important;
 height:auto!important;
 overflow:visible!important;
}
.dg-comment-editor .dg-gif-panel.is-open .dg-gif-panel-inner{
 display:flex!important;
}
@media(max-width:700px){
 .dg-comment-editor .dg-gif-panel.is-open .dg-gif-panel-inner{
   display:grid!important;
   grid-template-columns:minmax(0,1fr) auto!important;
 }
}

/* v1.2.2 — GIF URL row is always visible; no toggle dependency */
.dg-comment-editor .dg-gif-panel.dg-gif-panel-always{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  position:relative!important;
  width:100%!important;
  height:auto!important;
  overflow:visible!important;
  padding:10px!important;
  border-bottom:1px solid #eee!important;
  background:#fafafa!important;
}
.dg-comment-editor .dg-gif-panel.dg-gif-panel-always .dg-gif-panel-inner{
  display:flex!important;
  visibility:visible!important;
}
.dg-comment-editor .dg-gif-panel.dg-gif-panel-always .dg-gif-url{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
}
.dg-comment-editor .dg-gif-panel.dg-gif-panel-always .dg-gif-insert{
  display:inline-flex!important;
  visibility:visible!important;
  opacity:1!important;
  align-items:center!important;
  justify-content:center!important;
}
@media(max-width:700px){
  .dg-comment-editor .dg-gif-panel.dg-gif-panel-always .dg-gif-panel-inner{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
  }
}


/* v1.2.4 — mobile fit: keep the entire comment composer inside the viewport */
.dg-comment-form-wrap,
.dg-comment-form-wrap form,
.dg-comment-form-wrap .comment-form,
.dg-comment-form-wrap .dg-comment-editor,
.dg-comment-form-wrap .dg-comment-editor-injected,
.dg-comment-form-wrap textarea#comment,
.dg-comment-form-wrap .dg-gif-panel,
.dg-comment-form-wrap .dg-gif-panel-inner{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
}
.dg-comment-form-wrap{
    overflow:hidden!important;
}
.dg-comment-editor{
    overflow:hidden!important;
}
.dg-emoji-bar{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
}

@media(max-width:700px){
    .dg-comment-form-wrap{
        padding:14px!important;
    }

    /* Show every emoji without requiring the user to discover horizontal scroll. */
    .dg-emoji-bar{
        display:flex!important;
        flex-wrap:wrap!important;
        overflow:visible!important;
        gap:3px!important;
        padding:8px!important;
    }
    .dg-emoji-bar button{
        flex:0 0 auto!important;
        font-size:19px!important;
        padding:5px!important;
    }
    .dg-emoji-divider{
        display:none!important;
    }
    .dg-gif-toggle{
        margin-left:2px!important;
    }

    /* GIF controls also stay inside narrow phones. */
    .dg-comment-editor .dg-gif-panel.dg-gif-panel-always .dg-gif-panel-inner{
        display:grid!important;
        grid-template-columns:minmax(0,1fr)!important;
        gap:7px!important;
    }
    .dg-gif-url,
    .dg-gif-insert{
        width:100%!important;
        max-width:100%!important;
        min-width:0!important;
    }
    .dg-gif-insert{
        min-height:40px!important;
    }

    .dg-comment-editor textarea#comment{
        width:100%!important;
        max-width:100%!important;
        min-width:0!important;
        min-height:150px!important;
    }
}


/* v1.3.0 — intuitive PHOTO / GIF link attachments */
.dg-media-toggle{
    flex:0 0 auto!important;
    appearance:none!important;
    -webkit-appearance:none!important;
    display:inline-flex!important;
    align-items:center!important;
    gap:5px!important;
    border:0!important;
    background:#171717!important;
    color:#fff!important;
    font-size:10px!important;
    font-weight:900!important;
    letter-spacing:.06em!important;
    line-height:1!important;
    padding:8px 11px!important;
    border-radius:999px!important;
    width:auto!important;
    height:auto!important;
    min-width:0!important;
    box-shadow:none!important;
    cursor:pointer!important;
    white-space:nowrap!important;
}
.dg-media-toggle:hover{opacity:.82!important;transform:none!important}

.dg-media-panel{
    width:100%!important;
    padding:12px!important;
    border-bottom:1px solid #eee!important;
    background:#fafafa!important;
}
.dg-media-panel[hidden]{display:none!important}
.dg-media-panel-title{
    margin:0 0 8px!important;
    color:#222!important;
    font-size:10px!important;
    line-height:1!important;
    font-weight:900!important;
    letter-spacing:.12em!important;
}
.dg-media-panel-inner{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:7px!important;
    align-items:center!important;
    width:100%!important;
    min-width:0!important;
}
.dg-media-url{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    height:40px!important;
    margin:0!important;
    padding:0 12px!important;
    border:1px solid #d6d6d6!important;
    border-radius:10px!important;
    background:#fff!important;
    color:#222!important;
    box-shadow:none!important;
    font-size:12px!important;
}
.dg-media-add{
    appearance:none!important;
    -webkit-appearance:none!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    height:40px!important;
    width:auto!important;
    min-width:70px!important;
    margin:0!important;
    padding:0 14px!important;
    border:0!important;
    border-radius:10px!important;
    background:#171717!important;
    color:#fff!important;
    box-shadow:none!important;
    font-size:10px!important;
    font-weight:900!important;
    letter-spacing:.08em!important;
    cursor:pointer!important;
}
.dg-media-live-preview{
    margin-top:9px!important;
    width:min(100%,260px)!important;
    max-height:190px!important;
    overflow:hidden!important;
    border-radius:10px!important;
    background:#111!important;
}
.dg-media-live-preview[hidden]{display:none!important}
.dg-media-live-preview img{
    display:block!important;
    width:100%!important;
    max-height:190px!important;
    object-fit:contain!important;
}
.dg-media-status{
    min-height:0!important;
    margin:7px 0 0!important;
    color:#4b6b45!important;
    font-size:10px!important;
    line-height:1.3!important;
    font-weight:700!important;
}
.dg-media-status:empty{display:none!important}
.dg-media-status.is-error{color:#a43434!important}
.dg-media-help{
    margin:6px 0 0!important;
    color:#888!important;
    font-size:10px!important;
    line-height:1.35!important;
}
.dg-media-attachments{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:8px!important;
    padding:10px!important;
    border-bottom:1px solid #eee!important;
    background:#fff!important;
}
.dg-media-attachments[hidden]{display:none!important}
.dg-media-attachment{
    position:relative!important;
    display:grid!important;
    grid-template-columns:54px minmax(0,1fr) 28px!important;
    align-items:center!important;
    gap:9px!important;
    width:min(100%,265px)!important;
    min-width:0!important;
    padding:6px!important;
    border:1px solid #e4e4e4!important;
    border-radius:11px!important;
    background:#f8f8f8!important;
}
.dg-media-thumb{
    width:54px!important;
    height:54px!important;
    overflow:hidden!important;
    border-radius:8px!important;
    background:#111!important;
}
.dg-media-thumb img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
}
.dg-media-added{
    min-width:0!important;
    color:#222!important;
    line-height:1.15!important;
}
.dg-media-added strong{
    display:block!important;
    font-size:9px!important;
    font-weight:900!important;
    letter-spacing:.06em!important;
}
.dg-media-added span{
    display:block!important;
    margin-top:3px!important;
    color:#777!important;
    font-size:9px!important;
}
.dg-media-remove{
    appearance:none!important;
    -webkit-appearance:none!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:28px!important;
    height:28px!important;
    min-width:28px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:50%!important;
    background:#e8e8e8!important;
    color:#333!important;
    box-shadow:none!important;
    font-size:18px!important;
    line-height:1!important;
    cursor:pointer!important;
}
.dg-media-remove:hover{background:#171717!important;color:#fff!important}

.dg-comment-media-wrap{
    display:block!important;
    margin:10px 0 4px!important;
}
.dg-comment-media{
    display:block!important;
    width:auto!important;
    max-width:min(100%,420px)!important;
    max-height:420px!important;
    object-fit:contain!important;
    border-radius:12px!important;
    background:#111!important;
}

@media(max-width:700px){
    .dg-media-toggle{font-size:9px!important;padding:8px 10px!important}
    .dg-media-panel{padding:10px!important}
    .dg-media-panel-inner{grid-template-columns:minmax(0,1fr) 64px!important}
    .dg-media-add{min-width:64px!important;padding:0 9px!important}
    .dg-media-attachments{padding:8px!important}
    .dg-media-attachment{width:100%!important}
    .dg-comment-media{max-width:100%!important;max-height:360px!important}
}

/* v1.3.1 — composer below textarea + obvious PHOTO/GIF attachment card */
.dg-comment-editor{
    display:flex!important;
    flex-direction:column!important;
}
.dg-comment-editor textarea#comment{
    order:1!important;
    min-height:170px!important;
}
.dg-media-attachments{
    order:2!important;
}
.dg-comment-tools{
    order:3!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    width:100%!important;
    padding:9px 10px!important;
    border-top:1px solid #eee!important;
    background:#fff!important;
}
.dg-comment-tools .dg-emoji-bar{
    flex:1 1 auto!important;
    display:flex!important;
    align-items:center!important;
    gap:2px!important;
    min-width:0!important;
    padding:0!important;
    border:0!important;
    overflow-x:auto!important;
    flex-wrap:nowrap!important;
    background:transparent!important;
}
.dg-comment-tools .dg-emoji-bar button[data-emoji]{
    flex:0 0 auto!important;
    padding:5px 6px!important;
    font-size:19px!important;
    background:transparent!important;
}
.dg-comment-tools .dg-media-toggle{
    flex:0 0 auto!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    min-height:36px!important;
    padding:0 13px!important;
    border:1px solid #171717!important;
    border-radius:999px!important;
    background:#171717!important;
    color:#fff!important;
    font-size:10px!important;
    font-weight:900!important;
    letter-spacing:.07em!important;
    line-height:1!important;
    white-space:nowrap!important;
    box-shadow:none!important;
}
.dg-comment-tools .dg-media-toggle:hover{
    background:#333!important;
    border-color:#333!important;
    opacity:1!important;
}
.dg-media-panel{
    order:4!important;
    width:calc(100% - 20px)!important;
    margin:0 10px 10px!important;
    padding:13px!important;
    border:1px solid #dedede!important;
    border-radius:12px!important;
    background:#f7f7f7!important;
}
.dg-media-panel[hidden]{display:none!important}
.dg-media-panel-head{
    display:flex!important;
    align-items:flex-start!important;
    justify-content:space-between!important;
    gap:12px!important;
    margin-bottom:10px!important;
}
.dg-media-panel-head strong{
    display:block!important;
    color:#171717!important;
    font-size:11px!important;
    font-weight:900!important;
    letter-spacing:.08em!important;
}
.dg-media-panel-head span{
    display:block!important;
    margin-top:3px!important;
    color:#777!important;
    font-size:10px!important;
    line-height:1.35!important;
}
.dg-media-panel-close{
    flex:0 0 28px!important;
    width:28px!important;
    height:28px!important;
    min-width:28px!important;
    padding:0!important;
    border:0!important;
    border-radius:50%!important;
    background:#e7e7e7!important;
    color:#222!important;
    font-size:18px!important;
    line-height:1!important;
    cursor:pointer!important;
}
.dg-media-panel-inner{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:8px!important;
}
.dg-media-url{
    height:42px!important;
    border:1px solid #ccc!important;
    border-radius:9px!important;
    background:#fff!important;
}
.dg-media-add{
    min-width:84px!important;
    height:42px!important;
    border-radius:9px!important;
    background:#171717!important;
    color:#fff!important;
}
.dg-media-live-preview{
    width:min(100%,320px)!important;
    max-height:220px!important;
    margin-top:10px!important;
    border-radius:10px!important;
}
.dg-media-live-preview img{max-height:220px!important}
.dg-media-status{margin:8px 0 0!important}

.dg-media-attachments{
    width:100%!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    padding:10px!important;
    border-top:1px solid #eee!important;
    border-bottom:0!important;
    background:#fff!important;
}
.dg-media-attachments[hidden]{display:none!important}
.dg-media-attachment{
    display:grid!important;
    grid-template-columns:78px minmax(0,1fr) 34px!important;
    align-items:center!important;
    gap:12px!important;
    width:100%!important;
    max-width:none!important;
    padding:8px!important;
    border:2px solid #171717!important;
    border-radius:13px!important;
    background:#f8f8f8!important;
    box-shadow:0 4px 16px rgba(0,0,0,.06)!important;
}
.dg-media-thumb{
    width:78px!important;
    height:78px!important;
    border-radius:9px!important;
}
.dg-media-added{
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    min-width:0!important;
}
.dg-media-check{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 28px!important;
    width:28px!important;
    height:28px!important;
    border-radius:50%!important;
    background:#171717!important;
    color:#fff!important;
    font-size:15px!important;
    font-weight:900!important;
}
.dg-media-added strong{
    display:block!important;
    color:#171717!important;
    font-size:11px!important;
    font-weight:900!important;
    letter-spacing:.06em!important;
}
.dg-media-added span:not(.dg-media-check){
    display:block!important;
    margin-top:4px!important;
    color:#666!important;
    font-size:10px!important;
}
.dg-media-remove{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    background:#e5e5e5!important;
}

/* Old 1.2 GIF UI must never compete with the new PHOTO/GIF composer. */
.dg-comment-editor > .dg-gif-panel,
.dg-comment-editor .dg-gif-toggle,
.dg-comment-editor .dg-emoji-divider{display:none!important}

@media(max-width:700px){
    .dg-comment-editor textarea#comment{min-height:160px!important}
    .dg-comment-tools{
        display:grid!important;
        grid-template-columns:1fr!important;
        gap:7px!important;
        padding:8px!important;
    }
    .dg-comment-tools .dg-emoji-bar{
        width:100%!important;
        overflow-x:auto!important;
    }
    .dg-comment-tools .dg-media-toggle{
        width:100%!important;
        min-height:40px!important;
    }
    .dg-media-panel{
        width:calc(100% - 16px)!important;
        margin:0 8px 8px!important;
        padding:10px!important;
    }
    .dg-media-panel-inner{
        grid-template-columns:minmax(0,1fr) 78px!important;
    }
    .dg-media-attachment{
        grid-template-columns:62px minmax(0,1fr) 32px!important;
        gap:8px!important;
        padding:7px!important;
    }
    .dg-media-thumb{width:62px!important;height:62px!important}
    .dg-media-added{gap:7px!important}
    .dg-media-check{flex-basis:24px!important;width:24px!important;height:24px!important}
}