.question-page {
    position: relative;
    overflow-x: clip;

    .problems-content {
        display: flex;
        gap: 32px;
        max-width: 1216px;
        margin: auto;
        padding: 0 16px;
    }

    .two-columns-layout {
        display: flex;
        gap: 32px;
        align-items: flex-start;
    }

    .content-main {
        flex: 1;
        max-width: 780px;
        min-width: 0;
    }

    .problems-content-wrapper {
        flex: 1 1 100%;
    }

    .question-page__title,
    .question-page__meta,
    .user-question {
        max-width: 738px;
        margin-left: 42px;
    }

    .timeline-record .timeline_text {
        margin: 4px 0 16px 0;
    }

    .question-rating-block {
        background-color: #F7F7F7;
        border-radius: 16px;
        padding: 16px 16px 16px 24px;
        margin-top: 24px;
    }

    .rt-star-rating {
        margin: 0;
    }

    .rt-star {
        width: 31px;
        height: 31px;
        margin-right: 2px;
        background-image: url("data:image/svg+xml,%3Csvg width='26' height='25' viewBox='0 0 26 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.2413 0.9747C11.7272 -0.32482 13.5653 -0.32482 14.0512 0.9747L16.2485 6.85082C16.4593 7.41459 16.9866 7.79775 17.588 7.82403L23.8555 8.09789C25.2415 8.15846 25.8096 9.90663 24.7238 10.7703L19.8143 14.6758C19.3432 15.0506 19.1418 15.6705 19.3026 16.2505L20.9789 22.2959C21.3496 23.6329 19.8625 24.7133 18.7056 23.9476L13.4741 20.4852C12.9722 20.153 12.3203 20.153 11.8184 20.4852L6.58689 23.9476C5.42993 24.7133 3.94285 23.6329 4.31357 22.2959L5.98987 16.2505C6.1507 15.6705 5.94926 15.0506 5.47823 14.6758L0.568685 10.7703C-0.517073 9.90663 0.0509415 8.15846 1.43702 8.09789L7.70452 7.82403C8.30584 7.79775 8.83322 7.41459 9.04403 6.85082L11.2413 0.9747Z' fill='%23DEDEDE'/%3E%3C/svg%3E");

        &.rt-star-hover {
            background-image: url("data:image/svg+xml,%3Csvg width='26' height='25' viewBox='0 0 26 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.2413 0.974212C11.7272 -0.325308 13.5653 -0.325308 14.0512 0.974212L16.2485 6.85033C16.4593 7.4141 16.9866 7.79727 17.588 7.82354L23.8555 8.09741C25.2415 8.15797 25.8096 9.90614 24.7238 10.7699L19.8143 14.6754C19.3432 15.0501 19.1418 15.67 19.3026 16.25L20.9789 22.2954C21.3496 23.6324 19.8625 24.7128 18.7056 23.9471L13.4741 20.4847C12.9722 20.1525 12.3203 20.1525 11.8184 20.4847L6.58689 23.9471C5.42993 24.7128 3.94285 23.6324 4.31357 22.2954L5.98987 16.25C6.1507 15.67 5.94926 15.0501 5.47823 14.6754L0.568685 10.7699C-0.517073 9.90614 0.0509415 8.15797 1.43702 8.09741L7.70452 7.82354C8.30584 7.79727 8.83322 7.4141 9.04403 6.85033L11.2413 0.974212Z' fill='%23FEC300'/%3E%3C/svg%3E");
        }

        &.rt-star-active {
            background-image: url("data:image/svg+xml,%3Csvg width='26' height='25' viewBox='0 0 26 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.2413 0.974212C11.7272 -0.325308 13.5653 -0.325308 14.0512 0.974212L16.2485 6.85033C16.4593 7.4141 16.9866 7.79727 17.588 7.82354L23.8555 8.09741C25.2415 8.15797 25.8096 9.90614 24.7238 10.7699L19.8143 14.6754C19.3432 15.0501 19.1418 15.67 19.3026 16.25L20.9789 22.2954C21.3496 23.6324 19.8625 24.7128 18.7056 23.9471L13.4741 20.4847C12.9722 20.1525 12.3203 20.1525 11.8184 20.4847L6.58689 23.9471C5.42993 24.7128 3.94285 23.6324 4.31357 22.2954L5.98987 16.25C6.1507 15.67 5.94926 15.0501 5.47823 14.6754L0.568685 10.7699C-0.517073 9.90614 0.0509415 8.15797 1.43702 8.09741L7.70452 7.82354C8.30584 7.79727 8.83322 7.4141 9.04403 6.85033L11.2413 0.974212Z' fill='%23FEC300'/%3E%3C/svg%3E");
        }
    }

    .rt-rating {
        display: flex;
        align-items: center;
    }

    .question-page__rating-title {
        font-size: 1rem;
        line-height: 1.375rem;
        letter-spacing: 0.2%;
        font-weight: 600;
    }

    .question-page__title {
        margin-bottom: 8px;
        font-size: 1.875rem;
        line-height: 2.625rem;
    }

    .question-page__header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-left: 0;
        max-width: 780px;
    }

    .timeline {
        width: 32%;
        flex: 1 1 320px;
        padding: 3% 0 0 32px;
        position: relative;
        display: flex;
        flex-direction: column;
        background-color: #F7F7F7;
    }

    .timeline::before {
        content: '';
        position: absolute;
        top: -6vh;
        bottom: 0;
        left: 0;
        right: -100vw;
        background-color: #F7F7F7;
        z-index: 0;
        pointer-events: none;
    }

    .timeline-header {
        position: relative;
        z-index: 1;
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .question-page__timeline {
        width: 100%;
        margin-left: 0;
        margin-top: 0;
    }

    .question-page__id-date {
        font-size: 0.875rem;
    }


    .timeline-title {
        font-size: 1.875rem;
        line-height: 2.625rem;
        font-weight: 400;
        margin: 0 0 24px;
    }

    .timeline-record-inner {
        display: flex;
        gap: 16px;
    }

    .timeline-record {
        padding: 0 0 40px;
        background: url(../../images/redesign/timeline-line.gif) repeat-y 24px top;
    }

    .timeline-record .icon {
        display: block;
        position: initial;
        min-width: 50px;
        height: 50px;
    }

    .timeline-record .icon.moderate {
        background-image: url('data:image/svg+xml;utf8,<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="24" cy="24" r="23" stroke="%23FEC300" stroke-width="2"/><path d="M24 30.9761V30.0907C24 27.2232 25.7712 25.7051 27.5423 24.4822C29.2713 23.3014 31 21.7834 31 19.0002C31 15.1207 27.8796 12 24 12C20.1204 12 17 15.1207 17 19.0002" stroke="%23FEC300" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M23.9854 35.9905H24.0233" stroke="%23FEC300" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    }

    .timeline-record .icon.progress {
        background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20id%3D%22Icon%20In%20Progress%22%3E%3Ccircle%20id%3D%22Oval%2071%20Copy%22%20cx%3D%2224%22%20cy%3D%2224%22%20r%3D%2223%22%20fill%3D%22%23F9F9F9%22%20stroke%3D%22%231A70C1%22%20stroke-width%3D%222%22%2F%3E%3Cpath%20id%3D%22Vector%22%20d%3D%22M24.0005%2010V27H38.0005%22%20stroke%3D%22%231A70C1%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
    }

    .timeline-record .icon.reject {
        background-image: url('data:image/svg+xml;utf8,<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="24" cy="24" r="23" fill="%23F9F9F9" stroke="%23FF0000" stroke-width="2"/><path d="M16 32L32 16" stroke="%23FF0000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M32 32L16 16" stroke="%23FF0000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    }

    .timeline-record .icon.close {
        opacity: 1;
        background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20id%3D%22Icon%20Succes%22%3E%3Ccircle%20id%3D%22Oval%2071%20Copy%22%20cx%3D%2224%22%20cy%3D%2224%22%20r%3D%2223%22%20fill%3D%22%23F9F9F9%22%20stroke%3D%22%2300A314%22%20stroke-width%3D%222%22%2F%3E%3Cpath%20id%3D%22Vector%22%20d%3D%22M12%2023.9999L19.9906%2031.9905L36%2016.0093%22%20stroke%3D%22%2300A314%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
    }

    .timeline-record .timeline_message {
        padding-left: 0;
    }

    .toggle-button {
        margin-top: 24px;
    }

    .user-question {
        padding-top: 20px;
    }

    .timeline-record .user-info .name {
        display: flex;
        justify-content: space-between;
        margin-top: 4px;
    }

    .timeline-record-inner {
        padding-bottom: 0;
        border-bottom: none;
    }

    .side-link-to-survey {
        display: flex;
        gap: 16px;
        margin-bottom: 80px;
        padding: 24px;
        background-color: #FFFFFF;
        border-radius: 16px;
        z-index: 9;
    }

    .waiting-block {
        background-color: #E8F1F9;
        border-radius: 16px;
        padding: 16px;
        margin: 0 0 24px 0;
    }

    .waiting-block--timeleft {

    }

    .waiting-block__container {
        width: 100%;
    }

    .waiting-block__content {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
    }

    .waiting-block__text-group {
        display: flex;
        flex-direction: column;
        gap: 2px;
    }

    .waiting-block__label {
        font-size: 0.75rem;
        color: var(--oi-gray);
        line-height: 1rem;
    }

    .waiting-block__days {
        font-size: 0.875rem;
        font-weight: 500;
        color: var(--text-primary);
        line-height: 1.25rem;
    }

    .waiting-block__number {
        font-weight: 700;
    }

    .waiting-block__icon {
        flex-shrink: 0;
        cursor: pointer;
    }
}

.problems-content > .container {
    max-width: 780px;
}

.timeline-record {
  position: relative;
  min-height: 75px;
  padding-bottom: 30px;
  padding-left: 132px;
  background: url("../../images/redesign/timeline-line.gif") repeat-y 34px top;
  font-size: 14px;
  line-height: 21px;
}

.timeline-record-inner {
    padding-bottom: 4px;
    border-bottom: 1px solid #dedede;
    padding-left: 0;
}

.one-case-page .timeline-record-inner {
    width: 100%;
}

.timeline-record-inner .timeline_message:has(.icon.closed),
.timeline-record-inner .timeline_message:has(.icon.solved) {
    padding-left: 0;
}

.timeline-record:first-of-type {
  padding-top: 0;
}

.timeline-record:last-of-type {
  background: none;
    padding: 0;
}

.problem-timeline {
    & .timeline-comment {
        margin-left: -191px;
    }
}

.timeline-record:last-of-type .timeline-record-inner {
  border-bottom: none;
}

.timeline-record:last-of-type .timeline_text {
  border-bottom: none;
}

.timeline-record .icon {
  position: absolute;
  left: -124px;
  top: 0;
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background: url("../../images/redesign/problem_bubble.png") no-repeat center center #f9f9f9;
  background-size: cover;
}

.timeline-record .icon.start {
  background-image: url("../../images/redesign/problem_veh.png");
}

.timeline-record .icon.closed {
  background-image: url("../../images/redesign/problem_ok.png");
}

.timeline-record .icon.solved {
  background-image: url("../../images/redesign/problem_ok.png");
}

.timeline-record .icon.answer {
  background-image: url("../../images/redesign/icon-answer.svg");
}

.timeline-record-inner .timeline_message {
    padding-left: 45px;
    width: 746px;
}

.timeline-record .timeline-attach {
    font-size: 0.875rem;
    color: var( --text-color-light-gray);
    margin-bottom: 4px;
}

.timeline-record .date {
  font-size: 0.8125rem;
  line-height: 0.875;
  color: #7e848c;
}

.timeline-record .timeline_text {
  margin: 12px 0 16px -46px;
}

.timeline-record .text.solved {
  font-size: 1.375rem;
  color: #2c7418;
    display: flex;
    height: 72px;
    align-items: center;
}

.timeline-record .text.closed {
  font-size: 1.375rem;
  color: #2c7418;
    display: flex;
    height: 72px;
    align-items: center;
}

.timeline-record .git-answer {
  display: block;
  padding-left: 45px;
  font-size: 0.875rem;
}

.timeline-record .access-request {
  display: block;
  padding: 10px 0;
}

.timeline-record .access-request.disabled {
  color: #898989;
}

.timeline-record.timeline-comment {
  background-image: none;
  padding-left: 0;
}

.timeline-record.timeline-comment .timeline_text {
  border-bottom: none;
}

.timeline-record .timeline-hint {
    font-size: 1rem;
    line-height: 1.625rem;
    margin-bottom: 24px;
}

.timeline-record .timeline-employer-hint {
  padding: 10px 20px;
  background-color: #FFF1C2;
  border-radius: 12px;
  width: 100%;
  margin-bottom: 12px;
}

.timeline-warning-in-progress-block .controls .data-form-changer.active .timeline-showform-link.employer {
    color: var(--text-secondary);
}

.timeline_message__title {
  margin-top: 0;
}

.timeline-record .timeline-employer-hint__title {
  font-size: 0.875rem;
  margin-bottom: 6px;
}

.timeline-record .timeline-employer-hint__text {
  margin: 0;
  font-size: 0.875rem;
  line-height: 1.4;
}

.timeline-record .timeline-showform-ico {
    color: var(--text-secondary);
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 1.75C17.6609 1.75 22.25 6.33908 22.25 12C22.25 17.6609 17.6609 22.25 12 22.25C6.33908 22.25 1.75 17.6609 1.75 12C1.75 6.33908 6.33908 1.75 12 1.75Z' stroke='%23FF0000' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16 8L8 16' stroke='%23FF0000' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16 16L8 8' stroke='%23FF0000' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center center;
    background-size: contain;

    &.icon-add {
        background: url("../../images/redesign/timeline-form-icons.gif") no-repeat -11px -11px;
    }
}



.timeline-record .timeline-showform-ico.icon-solve {
  background-position: -46px -11px;
}

.timeline-record .timeline-showform-ico.icon-close {
  background-position: -82px -11px;
}

.timeline-record .timeline-showform-link {
    display: inline-block;
    vertical-align: middle;
    font-weight: 500;
    font-size: 0.875rem;
}

.timeline-record .user-info .name {
  margin-left: 0;
  padding-left: 0;
}

.timeline-record .user-info .name,
.timeline-record .date {
  display: block;
}

.timeline-record .user-info .user-pic {
  position: absolute;
  left: -46px;
}

.timeline-warning-in-progress-block {
    padding-top: 4px;
    position: relative;
    margin-left: -40px;
    margin-top: -18px;
}

.timeline-warning-in-progress-block h3 {
  margin-bottom: 9px;
    margin-top: 10px;
}

.timeline-warning-in-progress-block .controls .data-form-changer {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #262e3a;
    font-size: 1rem;
    margin-right: 30px;
    text-decoration: none;
    position: relative;
    z-index: 2;
}

.controls-btn {
    display: flex;
}

.timeline-warning-in-progress-block .controls .data-form-changer:last-of-type {
  margin-right: 0;
}

.timeline-warning-in-progress-block .controls a.active,
.timeline-warning-in-progress-block .controls .data-form-changer.active {
  border-bottom: none;
}

.timeline-warning-in-progress-block .controls .timeline-showform-link {
    position: relative;
    border-bottom: 2px dotted #262e3a;

}

.timeline-warning-in-progress-block .controls .data-form-changer.active .timeline-showform-link,
.timeline-warning-in-progress-block .controls a.active .timeline-showform-link {
    color: #00A314;
    border-bottom: none;
}

.timeline-warning-in-progress-block .controls a.active .timeline-showform-link.angry {
    color: #fd5e5e;
    border-bottom: none;
}

.timeline-comment-form {
    z-index: 1;
}

.add_comment .rt-star {
    width: 28px;
    height: 28px;
    margin-right: 2px;
    background-image: url("data:image/svg+xml,%3Csvg width='26' height='25' viewBox='0 0 26 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.2413 0.9747C11.7272 -0.32482 13.5653 -0.32482 14.0512 0.9747L16.2485 6.85082C16.4593 7.41459 16.9866 7.79775 17.588 7.82403L23.8555 8.09789C25.2415 8.15846 25.8096 9.90663 24.7238 10.7703L19.8143 14.6758C19.3432 15.0506 19.1418 15.6705 19.3026 16.2505L20.9789 22.2959C21.3496 23.6329 19.8625 24.7133 18.7056 23.9476L13.4741 20.4852C12.9722 20.153 12.3203 20.153 11.8184 20.4852L6.58689 23.9476C5.42993 24.7133 3.94285 23.6329 4.31357 22.2959L5.98987 16.2505C6.1507 15.6705 5.94926 15.0506 5.47823 14.6758L0.568685 10.7703C-0.517073 9.90663 0.0509415 8.15846 1.43702 8.09789L7.70452 7.82403C8.30584 7.79775 8.83322 7.41459 9.04403 6.85082L11.2413 0.9747Z' fill='%23DEDEDE'/%3E%3C/svg%3E");

    &.rt-star-hover {
        background-image: url("data:image/svg+xml,%3Csvg width='26' height='25' viewBox='0 0 26 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.2413 0.974212C11.7272 -0.325308 13.5653 -0.325308 14.0512 0.974212L16.2485 6.85033C16.4593 7.4141 16.9866 7.79727 17.588 7.82354L23.8555 8.09741C25.2415 8.15797 25.8096 9.90614 24.7238 10.7699L19.8143 14.6754C19.3432 15.0501 19.1418 15.67 19.3026 16.25L20.9789 22.2954C21.3496 23.6324 19.8625 24.7128 18.7056 23.9471L13.4741 20.4847C12.9722 20.1525 12.3203 20.1525 11.8184 20.4847L6.58689 23.9471C5.42993 24.7128 3.94285 23.6324 4.31357 22.2954L5.98987 16.25C6.1507 15.67 5.94926 15.0501 5.47823 14.6754L0.568685 10.7699C-0.517073 9.90614 0.0509415 8.15797 1.43702 8.09741L7.70452 7.82354C8.30584 7.79727 8.83322 7.4141 9.04403 6.85033L11.2413 0.974212Z' fill='%23FEC300'/%3E%3C/svg%3E");
    }

    &.rt-star-active {
        background-image: url("data:image/svg+xml,%3Csvg width='26' height='25' viewBox='0 0 26 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.2413 0.974212C11.7272 -0.325308 13.5653 -0.325308 14.0512 0.974212L16.2485 6.85033C16.4593 7.4141 16.9866 7.79727 17.588 7.82354L23.8555 8.09741C25.2415 8.15797 25.8096 9.90614 24.7238 10.7699L19.8143 14.6754C19.3432 15.0501 19.1418 15.67 19.3026 16.25L20.9789 22.2954C21.3496 23.6324 19.8625 24.7128 18.7056 23.9471L13.4741 20.4847C12.9722 20.1525 12.3203 20.1525 11.8184 20.4847L6.58689 23.9471C5.42993 24.7128 3.94285 23.6324 4.31357 22.2954L5.98987 16.25C6.1507 15.67 5.94926 15.0501 5.47823 14.6754L0.568685 10.7699C-0.517073 9.90614 0.0509415 8.15797 1.43702 8.09741L7.70452 7.82354C8.30584 7.79727 8.83322 7.4141 9.04403 6.85033L11.2413 0.974212Z' fill='%23FEC300'/%3E%3C/svg%3E");
    }
}

 .rt-star-rating {
     display: flex;
     gap: 4px;
     align-items: center;
 }

.rt-star {
    width: 26px;
    height: 25px;
    cursor: pointer;
    transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    display: inline-block;
}

.rt-star:hover {
    transform: scale(1.15);
}

.rt-star svg {
    width: 100%;
    height: 100%;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    display: block;
}

.rt-star:hover svg {
    transform: scale(1.05);
}

.rt-star svg path {
    transition: fill 0.2s ease-in-out, stroke 0.2s ease-in-out;
}

.rt-star-active svg path,
.rt-star-hover svg path {
    fill: #FEC300 ;
    stroke: #FEC300 ;
}

@keyframes starPop {
    0% {
        transform: scale(0.8);
        opacity: 0;
    }
    80% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.rt-star-active {
    animation: starPop 0.3s ease-out;
}

.add_comment .timeline-achtung {
    position: absolute;
    right: -306px;
    top: 15px;
    z-index: 2;
    width: 293px;
    background-color: #FFF1C2;
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.25rem;
    padding: 20px;
    border-radius: 12px;
}

.achtung-icon {
  display: block;
  width: 32px;
  height: 32px;
  margin: auto auto 8px;
    background: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.3079 3.12161C14.822 2.8235 15.4057 2.6665 15.9999 2.6665C16.5942 2.6665 17.1779 2.8235 17.6919 3.12161C18.2049 3.4191 18.6304 3.84659 18.9255 4.36094L18.9273 4.3641L30.213 23.8574C30.5096 24.3712 30.6661 24.954 30.6666 25.5473C30.6671 26.1406 30.5117 26.7237 30.216 27.238C29.9202 27.7523 29.4945 28.1799 28.9815 28.478C28.4684 28.776 27.8861 28.9339 27.2928 28.936L27.2881 28.936H4.71175L4.70706 28.936C4.11375 28.9339 3.53141 28.776 3.01837 28.478C2.50533 28.1799 2.07962 27.7523 1.78387 27.238C1.48812 26.7237 1.33273 26.1406 1.33325 25.5473C1.33378 24.954 1.49021 24.3712 1.78687 23.8574L13.0725 4.3641L13.0744 4.36082C13.3695 3.84652 13.7949 3.41908 14.3079 3.12161ZM15.3836 5.69441L4.09626 25.1908C4.03345 25.2998 4.00003 25.4239 3.99992 25.5497C3.99981 25.6757 4.03281 25.7995 4.09562 25.9087C4.15843 26.018 4.24885 26.1088 4.3578 26.1721C4.46629 26.2351 4.58937 26.2686 4.71481 26.2694H27.285C27.4105 26.2686 27.5335 26.2351 27.642 26.1721C27.751 26.1088 27.8414 26.018 27.9042 25.9087C27.967 25.7995 28 25.6757 27.9999 25.5497C27.9998 25.4237 27.9666 25.2999 27.9036 25.1908L16.6129 5.68863C16.5511 5.58064 16.4618 5.49088 16.3542 5.42846C16.2466 5.36604 16.1243 5.33317 15.9999 5.33317C15.8755 5.33317 15.7533 5.36604 15.6456 5.42846C15.538 5.49088 15.4488 5.58063 15.387 5.68862L15.3836 5.69441Z' fill='%23262E3A'/%3E%3Cpath d='M16.0074 19.9998C15.2597 19.9998 14.8761 19.6163 14.8567 18.8491L14.6673 11.1437C14.6576 10.7747 14.7741 10.4688 15.0169 10.226C15.2694 9.98325 15.5947 9.86187 15.9928 9.86187C16.3812 9.86187 16.7017 9.98811 16.9542 10.2406C17.2164 10.4834 17.3426 10.7892 17.3329 11.1582L17.1144 18.8491C17.1047 19.6163 16.7357 19.9998 16.0074 19.9998Z' fill='%23262E3A'/%3E%3Ccircle cx='16.0001' cy='22.6668' r='1.33333' fill='%23262E3A'/%3E%3C/svg%3E") no-repeat 0 0;
}

.timeline_message .add_comment {
    display: none;
    margin-top: 24px;
    margin-left: -40px;
    width: 100%;
    background-color: #FFFFFF;
    padding: 16px 24px 24px;
    border-radius: 16px;

    & .angry-form-fields-group__caption {
        font-size: 0.75rem;
        letter-spacing: 0.1px;
        line-height: 1rem;
    }
}

.timeline_message .add_comment .textarea {
    width: 100%;
    min-height: 156px;
    padding: 8px;
    border: solid 2px #dedede;
    background-color: #fff;
    resize: vertical;
}

.upload-file-block {
  min-height: 0;
  margin-bottom: 10px;
}

.timeline_message .upload-file {
  color: #1a70c1;
  /* border-bottom: 1px dotted #1a70c1; */
  float: left;
  position: relative;
  margin: 6px 0 11px;
}

.timeline_message .upload-file input {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  opacity: 0;
  cursor: pointer;
  z-index: 2;
}

.timeline_message .add_comment .btn {
    font-size: 0.875rem;
    padding: 12px 24px;
    border-radius: 12px;
    margin-left: auto;
    margin-top: 24px;
}

.timeline_message .add_comment .btn-unstyled {
  font-weight: 600;
}

.timeline_message .add_comment .btn-link {
  color: #898989;
  padding: 0;
  border-bottom: 2px dotted #898989;
  font-weight: 400;
  margin: 7px 15px;
}

.timeline_message .add_comment .btn-link:hover {
  text-decoration: none;
}

.timeline_message .add_comment .comment-controls-block {
    white-space: nowrap;
    margin: 16px 0;
    display: flex;
    align-items: center;
    gap: 12px;
}

.comment-controls-block .rt-rating {
    display: flex;
    align-items: center;
    gap: 12px;
}

.timeline_message .file a:not(.delete) {
  display: inline-block;
  line-height: 20px;
  min-height: 20px;
  padding-left: 23px;
  margin: 10px 0;
  background: url("../../images/redesign/doc.gif") no-repeat left top;
}

.timeline-record .file_type {
  position: relative;
}

.timeline-record .files .file_type {
  margin-left: 0;
}

.timeline-record .file_type.plain:before {
  display: none;
}

.timeline-comment-action {
  position: relative;
}

.case-item .question-page__status {
    display: inline-block;
    position: relative;
    font-size: 1rem;
    color: #7e848c;
    border: 2px solid #7e848c;
    border-radius: 8px;
    padding: 8px 12px;
    margin-top: 12px;
}

.case-item .question-page__status:before {
    content: '';
    position: absolute;
    top: -7px;
    left: 50%;
    margin-left: -6px;
    width: 10px;
    height: 10px;
    border: solid #7e848c;
    border-width: 2px 0 0 2px;
    background: #fff;
    transform: rotate(45deg);
}

.case-item .question-page__status.question-page__status--red {
    color: rgb(240, 21, 22);
    border-color: rgb(240, 21, 22);
}

.case-item .question-page__status.question-page__status--red:before {
    border-color: rgb(240, 21, 22);
}

.case-item .question-page__status.question-page__status--gray {
    color: rgb(129, 144, 155);
    border-color: rgb(129, 144, 155);
}

.case-item .question-page__status.question-page__status--gray:before {
    border-color: rgb(129, 144, 155);
}

.case-item .question-page__status.question-page__status--blue {
    color: rgb(0, 189, 239);
    border-color: rgb(0, 189, 239);
}

.case-item .question-page__status.question-page__status--blue:before {
    border-color: rgb(0, 189, 239);
}

.timeline_message .add_comment .rt-title {
    display: inline-block;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.comment-controls-btn-wrapper {
    display: flex;
}

@media (max-width: 1200px) {
    .question-page {
        .rt-rating {
            flex-direction: column;
            gap: 24px;
        }
    }
}

@media (max-width: 1199px) {
  .timeline-record .timeline-employer-hint {
    position: static;
  }

  .timeline-record {
    padding: 30px 0 0 111px;
    background-position: 46px top;
  }

  .timeline-record .icon {
    top: -30px;
    left: -90px;
  }

  .timeline-record:first-of-type .icon {
    top: 0;
  }

  .timeline-record .timeline_text {
    margin: 12px 0 0;
    padding-left: 31px;
  }

  .timeline-record .waiting {
    line-height: 18px;
  }

  .timeline-record:last-of-type:after {
    display: none;
  }

  .timeline-record:after {
    content: '';
    width: 100%;
    height: 1px;
    background: #dedede;
  }

  .timeline-record:first-of-type:after {
    display: none;
  }

  .timeline-record.timeline-comment {
    padding-top: 21px;
  }

  .timeline-record-inner {
    border-bottom: none;
    padding-top: 9px;
  }

  .timeline-record .user-info-inner {
    padding-left: 30px;
  }

  .timeline-record .user-info .user-pic {
    position: absolute;
    top: -6px;
    left: -10px;
  }

  .add_comment .timeline-achtung {
    position: static;
    width: auto;
    margin: 11px 0 20px;
  }

  .achtung-icon {
    display: inline-block;
    vertical-align: top;
    margin-top: 4px;
    margin-right: 8px;
  }

  .acthung-text {
    display: inline-block;
    width: 91%;
    vertical-align: top;
  }
}

@media screen and (width <= 768px) {
    html {
        font-size: 16px;
    }

    .timeline-record {
        padding: 0 0 19px 40px;
        background-position: 14px top;

    .timeline-record {
        background: none;
        overflow-y: clip;
    }

    .timeline-record .icon {
        top: 0;
        left: -30px;
        width: 30px;
        height: 30px;
    }

    .timeline-record .user-info .user-pic {
        top: 0;
        left: 0;
    }

    .timeline-record .user-info-inner .date {
        text-align: left;
    }

    .timeline-record .user-info .name {
        top: -3px;
        margin-bottom: 5px;
        padding-left: 10px;
    }

    .timeline-record .timeline_text {
        margin-top: 7px;
        padding-left: 0;
        font-size: 14px;
        line-height: 21px;
    }

    .timeline_message .add_comment .btn {
      width: 100%;
    }

    .timeline-record-inner {
        padding: 0 0 15px;
    }

    .timeline-record .text.solved {
        font-size: 18px;
    }

    .timeline-warning-in-progress-block .controls a.active:after {
        bottom: -13px;
    }

    .timeline-record .timeline-showform-link {
        line-height: 20px;
    }

    .timeline_message .upload-file {
        margin-bottom: 18px;
    }

    .timeline_message .add_comment .rt-star-rating {
        padding-left: 0;
    }

    .timeline_message .add_comment {
        margin-left: -24px;
        padding: 12px;
        width: 110%;
    }

    .achtung-icon {
        display: flex;
        margin: 0 auto;
    }

    .timeline-comment-action {
        margin-top: 13px;
    }

    .acthung-text {
        display: inline-block;
        font-size: 0.8125rem;
        width: 87%;
        vertical-align: top;
    }

    .question-page {

        .crumbs {
            display: block;
            font-weight: 500;
        }

        .question-page__title,
        .question-page__meta,
        .user-question {
            width: 100%;
            flex: 1 1 100%;
            max-width: 100%;
            margin-left: 0;
        }

        .question-page__text {
            font-size: 1rem;
            line-height: 1.5rem;
        }

        .question-page__title {
            font-size: 1.625rem;
        }

        .question-page__id-date {
            font-size: 0.75rem;
        }

        .timeline-record-inner .timeline_message,
        .timeline {
            width: 100%;
        }

        .timeline {
            flex: 1 1 100%;
            padding: 0 0 40px;
        }

        .timeline-title {
            font-size: 1.625rem;
            line-height: 1.5rem;
        }

        .timeline::before {
            left: -6vw;
            top: 0;
        }

        .question-page__header {
            flex-direction: column;
            align-items: start;
            gap: 8px;
        }

        .question-page__title {
            margin: 16px 0 6px;
        }

        .problems-content {
            gap: 24px;
        }

        .timeline-header {
            margin-top: 24px;
        }

        .problems-content {
            flex-direction: column;
        }

        .user-question {
            padding: 16px 0 0;
            width: 100%;
        }

        .side-link-to-survey {
            width: 100%;
            margin-bottom: 0;
            padding: 16px;
        }

        .text-to-survey {
            width: 100% ;
            padding-left: 0;
            line-height: 1.25rem;
        }

        .timeline-record .user-info-inner,
        .timeline-record .user-info .name {
            padding: 0;
        }

        .rt-rating {
            gap: 16px;
        }

        .rt-star {
            width: 40px;
            height: 40px;
        }

        .question-rating-controls {
            flex-direction: column;
            gap: 2px;
            margin-left: 0;
        }

        .question-rating-block .js-send-answerRating {
            width: 100%;
        }
    }
}

@media (min-width: 768px) {
  .timeline_message .add_comment .rt-rating {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: auto;
    right: auto;
    margin-right: 19px;
  }

  .timeline_message .add_comment .rt-grey {
    display: inline-block;
    vertical-align: middle;
  }

  .timeline_message .add_comment .rt-star-rating {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 10px;
  }

  .upload-file-block {
    float: left;
    margin-bottom: 0;
  }

  .timeline-record {
    font-size: 1rem;
    line-height: 1.5;
  }
}

@media (max-width: 480px) {
    .acthung-text {
        width: 81%;
    }

    .achtung-icon {
        margin-right: 8px;
    }
}