.unia-comments {
    margin: 24px 0;
    color: #263238;
    font-size: 16px;
    line-height: 1.5;
}
.unia-comments > h2 {
    margin: 0 0 12px;
}
.unia-comments__list {
    display: grid;
    gap: 18px;
    margin: 16px 0 24px;
}
.unia-comments__thread {
    min-width: 0;
}
.unia-comments__item {
    border: 1px solid #d9dee4;
    border-radius: 6px;
    padding: 14px 16px;
    overflow-wrap: anywhere;
}
.unia-comments__replies {
    display: grid;
    gap: 8px;
    margin: 8px 0 0 24px;
    padding-left: 14px;
    border-left: 3px solid #dbeafe;
}
.unia-comments__item--reply {
    background: #f8fafc;
}
.unia-comments__seller {
    padding: 2px 8px;
    border-radius: 12px;
    background: #e8f3ff;
    color: #174ea6;
    font-size: .85em;
    font-weight: 700;
}
.unia-comments__reply-button,
.unia-comments__cancel-reply {
    border: 0;
    padding: 4px 0;
    background: transparent;
    color: #1f6feb;
    cursor: pointer;
    font: inherit;
}
.unia-comments__reply-context {
    padding: 8px 12px;
    border-left: 3px solid #1f6feb;
    background: #f1f7ff;
}
.unia-comments__reply-context[hidden] {
    display: none;
}
.unia-comments__cancel-reply {
    margin-left: 10px;
}
.unia-comments__meta {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 8px;
    margin-bottom: 8px;
}
.unia-comments__meta time {
    margin-left: auto;
    color: #667085;
    font-size: .9em;
}
.unia-comments__text {
    white-space: normal;
}
.unia-comments__form {
    display: grid;
    gap: 12px;
    max-width: 640px;
    margin-top: 0;
}
.unia-comments__identity {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));
    gap: 14px;
}
.unia-comments__field {
    min-width: 0;
}
.unia-comments__field label,
.unia-comments__field small {
    display: block;
}
.unia-comments__field label {
    margin-bottom: 6px;
}
.unia-comments__field small {
    margin-top: 6px;
}
.unia-comments__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
}
.unia-comments__form input[type="text"],
.unia-comments__form input[type="email"],
.unia-comments__form textarea {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #bfc8d3;
    border-radius: 4px;
    padding: 10px 12px;
    font: inherit;
}
.unia-comments__form textarea {
    resize: vertical;
}
.unia-comments__form small {
    color: #667085;
}
.unia-comments__notify {
    display: flex;
    align-items: flex-start;
    gap: 8px;
}
@media (max-width: 600px) {
    .unia-comments__replies {
        margin-left: 10px;
        padding-left: 10px;
    }
}
.unia-comments__form button {
    justify-self: start;
    padding: 9px 18px;
    cursor: pointer;
}
.unia-comments__trap {
    position: absolute;
    left: -10000px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}
.unia-comments__notice {
    margin: 12px 0;
}
.unia-comments--legacy-usersite {
    --comments-surface: #f2f6fb;
    --comments-text: #243b53;
    --comments-muted: #4a6077;
    --comments-line: #b7c9dd;
    --comments-item: #f8fbff;
    --comments-reply: #e5eef8;
    --comments-accent: #094581;
    --comments-button: #094581;
    --comments-button-hover: #07345f;
    --comments-button-border: #094581;
    --comments-focus: #094581;
    --comments-shadow: 0 1px 5px rgba(0, 0, 0, .12);
    box-sizing: border-box;
    max-width: 100%;
    padding: 18px;
    border: 1px solid var(--comments-line);
    border-radius: 8px;
    background: var(--comments-surface);
    color: var(--comments-text);
    box-shadow: var(--comments-shadow);
}
.unia-comments--cvet001 {
    --comments-surface: #eaf3ff;
    --comments-text: #193a60;
    --comments-muted: #435e7a;
    --comments-line: #8eafd3;
    --comments-item: #f4f9ff;
    --comments-reply: #dceafa;
    --comments-accent: #235493;
    --comments-button: #235493;
    --comments-button-hover: #193f70;
    --comments-button-border: #235493;
    --comments-focus: #235493;
}
.unia-comments--cvet004d {
    --comments-surface: #fff2e8;
    --comments-text: #522b19;
    --comments-muted: #704838;
    --comments-line: #e7ad7f;
    --comments-item: #fff9f4;
    --comments-reply: #ffe3cf;
    --comments-accent: #a83a08;
    --comments-button: #a83a08;
    --comments-button-hover: #812b06;
    --comments-button-border: #a83a08;
    --comments-focus: #a83a08;
}
.unia-comments--cvet004l {
    --comments-surface: #fff6ed;
    --comments-text: #573622;
    --comments-muted: #725445;
    --comments-line: #ebb88e;
    --comments-item: #fffaf5;
    --comments-reply: #ffead8;
    --comments-accent: #a54512;
    --comments-button: #a54512;
    --comments-button-hover: #7d330d;
    --comments-button-border: #a54512;
    --comments-focus: #a54512;
}
.unia-comments--cvet005 {
    --comments-surface: #fff3f1;
    --comments-text: #51221f;
    --comments-muted: #704b48;
    --comments-line: #ceaaa5;
    --comments-item: #fff9f8;
    --comments-reply: #f8e2df;
    --comments-accent: #831710;
    --comments-button: #831710;
    --comments-button-hover: #64110c;
    --comments-button-border: #831710;
    --comments-focus: #831710;
}
.unia-comments--cvet006 {
    --comments-surface: rgba(30, 30, 30, .72);
    --comments-text: #fff;
    --comments-muted: #e5e5e5;
    --comments-line: rgba(255, 255, 255, .48);
    --comments-item: rgba(0, 0, 0, .18);
    --comments-reply: rgba(255, 255, 255, .1);
    --comments-accent: #f3f3f3;
    --comments-button: linear-gradient(180deg, #696969, #303030);
    --comments-button-hover: linear-gradient(180deg, #737373, #383838);
    --comments-button-border: #d2d2d2;
    --comments-focus: #ffe0a0;
    --comments-shadow: none;
}
.unia-comments--cvet007 {
    --comments-surface: #eff8ef;
    --comments-text: #243e27;
    --comments-muted: #48674c;
    --comments-line: #a3c7a5;
    --comments-item: #f8fcf8;
    --comments-reply: #ddf0de;
    --comments-accent: #055d07;
    --comments-button: #055d07;
    --comments-button-hover: #044905;
    --comments-button-border: #055d07;
    --comments-focus: #055d07;
}
.unia-comments--cvet008 {
    --comments-surface: #f4f4f6;
    --comments-text: #303047;
    --comments-muted: #55556b;
    --comments-line: #bcbcc8;
    --comments-item: #fbfbfc;
    --comments-reply: #e7e7ed;
    --comments-accent: #403d6a;
    --comments-button: #403d6a;
    --comments-button-hover: #302e50;
    --comments-button-border: #403d6a;
    --comments-focus: #403d6a;
}
.unia-comments.unia-comments--legacy-usersite > h2 {
    margin: 0 0 12px;
    padding: 0;
    color: var(--comments-text);
}
.unia-comments--legacy-usersite .unia-comments__identity {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr));
}
.unia-comments--legacy-usersite .unia-comments__field input[type="text"],
.unia-comments--legacy-usersite .unia-comments__field input[type="email"],
.unia-comments--legacy-usersite .unia-comments__form .unia-comments__field textarea {
    display: block;
    width: 100%;
    max-width: none;
    min-height: 42px;
    border-color: #7b8794;
    background: #fff;
    color: #263238;
}
.unia-comments--legacy-usersite .unia-comments__field input:focus,
.unia-comments--legacy-usersite .unia-comments__field textarea:focus,
.unia-comments--legacy-usersite .unia-comments__actions button[type="submit"]:focus {
    outline: 2px solid var(--comments-focus);
    outline-offset: 2px;
}
.unia-comments--legacy-usersite .unia-comments__notify input[type="checkbox"] {
    width: auto;
    flex: 0 0 auto;
}
.unia-comments--legacy-usersite .unia-comments__item {
    border-color: var(--comments-line);
    background: var(--comments-item);
}
.unia-comments--legacy-usersite .unia-comments__item--reply {
    background: var(--comments-reply);
}
.unia-comments--legacy-usersite .unia-comments__replies {
    border-left-color: var(--comments-line);
}
.unia-comments--legacy-usersite .unia-comments__reply-context {
    border-left-color: var(--comments-accent);
    background: var(--comments-reply);
    color: var(--comments-text);
}
.unia-comments--legacy-usersite .unia-comments__seller {
    background: var(--comments-reply);
    color: var(--comments-accent);
}
.unia-comments--legacy-usersite .unia-comments__reply-button,
.unia-comments--legacy-usersite .unia-comments__cancel-reply {
    color: var(--comments-accent);
}
.unia-comments--legacy-usersite .unia-comments__meta time,
.unia-comments--legacy-usersite .unia-comments__form small {
    color: var(--comments-muted);
}
.unia-comments--legacy-usersite .unia-comments__actions button[type="submit"] {
    min-height: 42px;
    border: 1px solid var(--comments-button-border);
    border-radius: 4px;
    background: var(--comments-button);
    color: #fff;
    font: inherit;
}
.unia-comments--legacy-usersite .unia-comments__actions button[type="submit"]:hover,
.unia-comments--legacy-usersite .unia-comments__actions button[type="submit"]:focus {
    background: var(--comments-button-hover);
}
@media (max-width: 600px) {
    .unia-comments--legacy-usersite {
        padding: 14px;
    }
}