.ct-comments {
    color: var(--theme-text-color)
}

@media(min-width: 690px) {
    .ct-has-avatar .ct-comment-content {
        padding-inline-start:70px
    }
}

.ct-comments-title {
    margin-bottom: 50px
}

@media(max-width: 689.98px) {
    .ct-comment-list .children {
        padding-inline-start:35px
    }
}

@media(min-width: 690px) {
    .ct-comment-list .children {
        padding-inline-start:70px
    }
}

.ct-comment-list .comment-respond {
    padding-bottom: 50px
}

@media(min-width: 690px) {
    .ct-comment-list .comment-respond {
        padding-inline-start:70px
    }
}

.ct-comment-inner {
    padding-block:50px;border-top: 1px solid var(--theme-border-color)
}

.ct-comment-inner:not(.ct-has-reply-form):hover .comment-reply-link {
    color: #fff;
    background: var(--theme-button-background-initial-color)
}

.ct-comment-inner:not(.ct-has-reply-form) .comment-reply-link:hover {
    background: var(--theme-button-background-hover-color)
}

.ct-comment-meta {
    position: relative;
    margin-bottom: 20px;
    --theme-link-initial-color: var(--theme-text-color)
}

@media(min-width: 690px) {
    .ct-comment-meta {
        display:flex;
        align-items: center
    }
}

.ct-comment-meta figure {
    position: absolute;
    inset-inline-start: 0;
    border-radius: 100%;
    max-width: var(--max-size, 50px);
    max-height: var(--max-size, 50px)
}

@media(max-width: 689.98px) {
    .ct-comment-meta figure {
        --max-size: 40px
    }
}

@media(min-width: 690px) {
    .ct-comment-meta figure {
        top:0
    }
}

@media(max-width: 689.98px) {
    .ct-has-avatar .ct-comment-meta {
        padding-inline-start:50px
    }
}

@media(min-width: 690px) {
    .ct-has-avatar .ct-comment-meta {
        padding-inline-start:70px
    }
}

.ct-comment-author {
    --theme-font-size: 16px;
    --theme-link-initial-color: currentColor;
    margin-bottom: 0
}

.ct-comment-meta-data {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-size: 11px;
    font-weight: 500;
    text-transform: uppercase
}

@media(min-width: 690px) {
    .ct-comment-meta-data {
        margin-inline-start:auto
    }
}

.ct-comment-meta-data .comment-edit-link:before,.ct-comment-meta-data .comment-reply-login:before {
    content: "/";
    margin-inline:3px}

@media(max-width: 689.98px) {
    .ct-comment-meta-data .comment-edit-link {
        display:none
    }
}

.ct-comment-meta-data .comment-reply-link {
    display: flex;
    align-items: center;
    height: 25px;
    padding: 0 10px;
    border-radius: 3px;
    margin-inline-start:var(--margin-inline-start, 20px);transition: color .12s cubic-bezier(0.455, 0.03, 0.515, 0.955),background .12s cubic-bezier(0.455, 0.03, 0.515, 0.955)
}

@media(max-width: 689.98px) {
    .ct-comment-meta-data .comment-reply-link {
        --margin-inline-start: auto
    }
}

#reply-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
    font-size: 16px
}

#cancel-comment-reply-link {
    padding: .5em .9em;
    font-size: 11px;
    font-weight: 500;
    text-transform: uppercase;
    border-radius: 3px;
    color: var(--theme-button-text-initial-color, #fff);
    background: var(--theme-button-background-initial-color)
}

#cancel-comment-reply-link:hover {
    color: var(--theme-button-text-hover-color, #fff);
    background: var(--theme-button-background-hover-color)
}

.comment-respond:not(:only-child) .comment-reply-title {
    padding-top: 40px;
    border-top: 1px solid var(--theme-border-color)
}

.comment-respond+.ct-comment-list {
    margin-top: 50px
}

.comment-form {
    display: grid;
    grid-column-gap: 20px;
    grid-row-gap: 1.5em;
    --theme-content-spacing: 0;
    --theme-link-initial-color: var(--theme-text-color)
}

@media(min-width: 690px) {
    .comment-form {
        grid-template-columns:repeat(2, 1fr)
    }

    .comment-form.has-website-field {
        grid-template-columns: repeat(3, 1fr)
    }

    .comment-form>* {
        grid-column: var(--grid-column, 1/-1)
    }

    .comment-form [class*=comment-form-field-input] {
        --grid-column: span 1
    }
}

.comment-form .logged-in-as,.comment-form .comment-notes {
    font-size: 13px
}

.comment-form .required {
    color: #c00
}

[class*=comment-form-field] label {
    display: flex;
    color: var(--theme-form-text-initial-color);
    margin-bottom: var(--has-classic-forms, 0.5em)
}

.has-labels-inside [class*=comment-form-field] {
    position: relative
}

.has-labels-inside [class*=comment-form-field] label {
    position: absolute;
    align-items: center;
    cursor: text;
    margin-bottom: 0;
    inset-inline-start: 0;
    height: var(--has-classic-forms, var(--theme-form-field-height, 40px));
    padding: var(--has-classic-forms, var(--theme-form-field-padding, 0 15px));
    transition: opacity .15s cubic-bezier(0.455, 0.03, 0.515, 0.955),visibility .15s cubic-bezier(0.455, 0.03, 0.515, 0.955),inset-inline-start .15s cubic-bezier(0.455, 0.03, 0.515, 0.955)
}

.has-labels-inside [class*=comment-form-field][class*=textarea] label {
    height: 40px;
    top: var(--has-classic-forms, 5px)
}

.has-labels-inside [class*=comment-form-field]:focus-within label,.has-labels-inside [class*=comment-form-field].ct-not-empty label {
    opacity: 0;
    visibility: hidden;
    inset-inline-start: 20px
}

.comment-form-cookies-consent+.gdpr-confirm-policy {
    margin-top: -1em
}

.no-comments {
    padding: 15px 20px;
    text-align: center;
    background: rgba(233,235,239,.5);
    border-radius: 2px
}

.ct-comments-navigation {
    display: flex;
    justify-content: space-between;
    padding-top: 15px;
    margin-bottom: 15px;
    border-top: 1px solid var(--theme-border-color)
}