.changers-short {
    margin: 15px 0;
    padding: 10px;
    background-color: #ffffff;
    border-radius: 10px;
    clear: both;
}

.changers-short--default {
    border: 1px solid #F6F5F6;
}

.changers-short--dark {
    background-color: #3F3C4D;
}

.changers-short__header {
    display: none
}

.changers-short__items {
    display: flex;
    flex-direction: column;
}

.changers-short__item {
    display: flex;
    flex-direction: column;
    padding-top: 10px;
    position: relative;
}

.changers-short__item:not(:last-child) {
    padding-bottom: 10px;
    border-bottom: 1px solid #F6F5F6;
}

.changers-short--dark .changers-short__item:not(:last-child) {
    border-bottom: 1px solid rgba(246, 245, 246, 0.2);
}

.changers-short__item-label {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    height: 12px;
    padding: 0 3px;
    font-size: 10px;
    line-height: 10px;
    font-weight: bold;
    text-transform: uppercase;
    white-space: nowrap;
    color: #ffffff;
    background-color: #22CA28;
}

.changers-short__item-label--not-recommend {
    background-color: #E32C13;
}

.changers-short__item-label--not-recommend:before {
    content: "";
    flex-shrink: 0;
    display: block;
    width: 10px;
    height: 10px;
    margin-right: 5px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg width='9' height='10' viewBox='0 0 9 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.57747 5.781C8.56973 5.79814 8.56609 5.81173 8.55661 5.83036C8.42355 6.09095 8.43584 6.37814 8.56062 6.6192C8.56162 6.62151 8.56317 6.62373 8.5639 6.62579C8.56973 6.63675 8.57428 6.64812 8.58048 6.65859C8.5955 6.6848 8.60051 6.71232 8.60133 6.73993C8.71555 7.10757 8.61791 7.51831 8.29785 7.80771C7.9247 8.14552 7.36976 8.21145 6.92001 8.01473L6.91992 8.59053V9.5272C6.91992 9.6134 6.84278 9.69968 6.7476 9.72012L6.2302 9.83146C6.13466 9.85206 6.05733 9.79882 6.05733 9.71254V9.21494C6.05733 9.12874 5.98019 9.05902 5.88501 9.05902C5.78947 9.05902 5.71233 9.12883 5.71233 9.21494V9.37086L5.71224 9.83937C5.71224 9.92573 5.63509 9.99545 5.53992 9.99545H4.84965C4.75456 9.99553 4.67724 9.92573 4.67724 9.83937V9.21493C4.67724 9.12873 4.60009 9.05901 4.50455 9.05901C4.40929 9.05901 4.33214 9.12873 4.33214 9.21493V9.83937C4.33214 9.92573 4.255 9.99545 4.15982 9.99545L3.46955 9.99553C3.37401 9.99553 3.29687 9.92573 3.29687 9.83945V9.21493C3.29687 9.12873 3.21973 9.05901 3.12455 9.05901C3.02919 9.05901 2.95214 9.12873 2.95214 9.21493V9.71244C2.95214 9.79881 2.875 9.85205 2.77946 9.83136L2.26186 9.72002C2.16632 9.69959 2.08918 9.61306 2.08918 9.5271V9.05894L2.08909 8.59052V8.0148C1.63944 8.21152 1.08496 8.14534 0.711625 7.80746C0.391752 7.51803 0.294128 7.10746 0.40833 6.73968C0.409058 6.71207 0.414068 6.68454 0.429005 6.65834C0.435198 6.64787 0.439661 6.6365 0.445581 6.62554C0.44631 6.62348 0.447858 6.62133 0.449042 6.61894C0.57382 6.37789 0.585478 6.09069 0.45305 5.8301C0.442667 5.80983 0.43875 5.79483 0.43028 5.77596C0.167159 5.2622 0.0187988 4.68929 0.0187988 4.08085C0.0187077 1.82959 2.02736 0.00427246 4.50457 0.00427246C6.98213 0.00427246 8.99081 1.8295 8.99081 4.08085C8.99081 4.69077 8.84226 5.26626 8.57758 5.78081L8.57747 5.781ZM4.15978 5.31216C4.15978 4.79479 3.696 4.37549 3.12441 4.37549H2.77931C2.0169 4.37549 1.39921 4.93456 1.39921 5.62441V5.93667C1.39921 6.45389 1.86262 6.87351 2.43405 6.87351L2.77933 6.87342C3.54156 6.87342 4.15971 6.3141 4.15971 5.62441L4.15978 5.31216ZM4.50642 6.87408C4.50296 6.87375 4.50023 6.87342 4.49731 6.87342C4.49422 6.87342 4.49176 6.87408 4.48884 6.87408C4.41744 6.87408 4.34494 6.88504 4.27508 6.90935C4.11442 6.96465 4.0035 7.07516 3.95449 7.20437L3.68225 7.76296C3.56266 8.00869 3.70429 8.2922 3.99846 8.39587C4.17424 8.45767 4.36368 8.4402 4.51361 8.36513C4.66297 8.4374 4.84677 8.45487 5.01691 8.39653C5.30817 8.29615 5.44515 8.01513 5.3223 7.76881L5.0588 7.24039C5.01408 7.09798 4.89559 6.97296 4.72135 6.91174C4.65095 6.88669 4.57818 6.87515 4.50641 6.87408H4.50642ZM7.61025 5.62441C7.61025 4.93456 6.99238 4.37549 6.23015 4.37549H5.88487C5.31325 4.37549 4.84949 4.79479 4.84949 5.31216V5.62441C4.84949 6.3141 5.46765 6.87342 6.23006 6.87342H6.57516C7.14678 6.87342 7.61028 6.45378 7.61028 5.93659L7.61025 5.62441Z' fill='white'/%3E%3C/svg%3E%0A");
}

.changers-short__item-label--editor-choice {
    background-color: #7567D1;
}

.changers-short__item-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    margin-right: 10px;
}

.changers-short__item-logo-placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    font-size: 24px;
    font-weight: bold;
    color: #9997A4;
    background-color: #5C5A68;
    border-radius: 50%;
    cursor: default;
}

.changers-short__item-main {
    display: flex;
    align-items: center;
}

.changers-short__item--has-label .changers-short__item-main {
    margin-top: 10px;
}

.changers-short__item-name {
    font-size: 16px;
    line-height: 19px;
    font-weight: 500;
    word-break: break-word;
    color: #000000;
}

.changers-short--dark .changers-short__item-name {
    color: #ffffff;
}

.changers-short__item-props {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 10px;
}

.changers-short__item-prop {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.changers-short__item-prop:after {
    content: "";
    display: block;
    flex-grow: 1;
    height: 1px;
    margin-bottom: 4px;
    background-image: linear-gradient(to right, #808080 33%, rgba(255, 255, 255, 0) 0%);
    background-position: bottom;
    background-size: 3px 1px;
    background-repeat: repeat-x;
}

.changers-short__item-prop-label {
    margin-right: 5px;
    font-size: 14px;
    line-height: 18px;
}

.changers-short--dark .changers-short__item-prop-label {
    color: #B1B1B1
}

.changers-short__item-prop-value {
    order: 1;
    margin-left: 5px;
    font-size: 16px;
    line-height: 18px;
    font-weight: 500;
    white-space: nowrap;
}

.changers-short--dark .changers-short__item-prop-value {
    color: #ffffff;
}

.changers-short__item-prop-value[data-before]:before {
    content: attr(data-before);
    display: inline-block;
    margin-right: 3px;
}

.changers-short--dark .changers-short__item-prop-value[data-before]:before {
    color: #BEBEBE;
}

.changers-short__item-reviews {
    padding: 0 3px;
    font-size: 13px;
    line-height: 21px;
    background-color: rgba(0, 182, 127, 0.10);
    border-radius: 5px;
}

.changers-short--dark .changers-short__item-reviews {
    background: rgba(76, 209, 169, 0.30);
}

.changers-short__item-buttons {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 10px;
}

.changers-short__item-button {
    width: 50%;
    height: 32px;
    padding: 0;
    font-size: 14px;
    line-height: 16px;
}

.changers-short__item-button--go {
    z-index: 1;
}

/*** Responsive ***/

@media (min-width: 360px) {

    .changers-short {
        padding: 15px;
    }
}

@media (min-width: 768px) {

    .changers-short__header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 20px;
        padding-bottom: 10px;
        border-bottom: 1px solid #F6F5F6;
    }

    .changers-short--dark .changers-short__header {
        border-bottom: 1px solid rgba(246, 245, 246, 0.2);
    }

    .changers-short__cell {
        display: flex;
        align-items: center;
        font-size: 14px;
        line-height: 24px;
        font-weight: bold;
    }

    .changers-short--dark .changers-short__cell {
        color: #ffffff;
    }

    .changers-short__cell--main {
        width: 144px;
        flex-shrink: 0;
    }

    .changers-short__cell--props {
        justify-content: space-around;
        width: 100%;
        gap: 20px;
    }

    .changers-short__cell--reviews {
        width: 64px;
    }

    .changers-short__cell--pairs {
        width: 100px;
    }

    .changers-short__cell--reserve {
        width: 120px;
    }

    .changers-short__cell--buttons {
        flex-shrink: 0;
        width: 170px;
    }

    .changers-short__item {
        flex-direction: row;
        align-items: center;
        gap: 20px;
    }

    .changers-short__item-main {
        width: 144px;
        flex-shrink: 0;
    }

    .changers-short__item-info {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }

    .changers-short__item-name {
        margin-right: 10px;
    }

    .changers-short__item-props {
        flex-direction: row;
        justify-content: space-around;
        gap: 20px;
        width: 100%;
        margin: 0;
    }

    .changers-short__item-prop {
        align-items: center;
        justify-content: flex-start;
    }

    .changers-short__item-prop:after {
        display: none;
    }

    .changers-short__item-prop--reviews {
        width: 64px;
    }

    .changers-short__item-prop--pairs {
        width: 100px;
    }

    .changers-short__item-prop--reserve {
        width: 120px;
    }

    .changers-short__item-prop-label {
        display: none
    }

    .changers-short__item-prop-value {
        margin: 0;
    }

    .changers-short__item-buttons {
        flex-shrink: 0;
        width: 170px;
    }
}

@media (min-width: 1024px) {

    .changers-short__cell--main {
        width: 180px;
    }

    .changers-short__item-main {
        width: 180px;
    }
}

@media (min-width: 1280px) {

    .changers-short {
        margin: 30px 0;
    }
}