.short-exchange-mobile {
    display: flex;
    flex-direction: column;
    margin: 30px 0;
    clear: both;
}

.short-exchange-mobile__col:not(:last-child) {
    margin-bottom: 30px;
}

.short-exchange-mobile__title {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 24px;
}

.short-exchange-mobile__title:before {
    content: "";
    flex-shrink: 0;
    display: block;
    width: 24px;
    height: 24px;
    margin-right: 5px;
    background-repeat: no-repeat;
    background-position: center;
}

.short-exchange-mobile__title--ios:before {
    background-image: 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='M8.6839 24C5.11197 23.9794 2.15735 16.6879 2.15735 12.9745C2.15735 6.90869 6.70774 5.58072 8.46143 5.58072C9.25174 5.58072 10.0956 5.89108 10.84 6.16572C11.3605 6.3573 11.8988 6.55506 12.1982 6.55506C12.3774 6.55506 12.7997 6.38683 13.1725 6.23922C13.9676 5.92267 14.9571 5.52925 16.1093 5.52925C16.1113 5.52925 16.1141 5.52925 16.1161 5.52925C16.9765 5.52925 19.5851 5.71806 21.1534 8.07325L21.5207 8.6253L20.992 9.02425C20.2367 9.59416 18.8586 10.6338 18.8586 12.693C18.8586 15.132 20.4193 16.0699 21.1691 16.5211C21.5001 16.7202 21.8427 16.9255 21.8427 17.3746C21.8427 17.6678 19.5026 23.9636 16.1044 23.9636C15.2729 23.9636 14.6852 23.7137 14.1667 23.4932C13.6421 23.2701 13.1896 23.0778 12.4419 23.0778C12.0628 23.0778 11.5835 23.257 11.0761 23.4473C10.3827 23.7061 9.59782 24 8.70724 24H8.6839Z' fill='%23999999'/%3E%3Cpath d='M8.6839 24C5.11197 23.9794 2.15735 16.6879 2.15735 12.9745C2.15735 6.90869 6.70774 5.58072 8.46143 5.58072C9.25174 5.58072 10.0956 5.89108 10.84 6.16572C11.3605 6.3573 11.8988 6.55506 12.1982 6.55506C12.3774 6.55506 12.7997 6.38683 13.1725 6.23922C13.9676 5.92267 14.9571 5.52925 16.1093 5.52925C16.1113 5.52925 16.1141 5.52925 16.1161 5.52925C16.9765 5.52925 19.5851 5.71806 21.1534 8.07325L21.5207 8.6253L20.992 9.02425C20.2367 9.59416 18.8586 10.6338 18.8586 12.693C18.8586 15.132 20.4193 16.0699 21.1691 16.5211C21.5001 16.7202 21.8427 16.9255 21.8427 17.3746C21.8427 17.6678 19.5026 23.9636 16.1044 23.9636C15.2729 23.9636 14.6852 23.7137 14.1667 23.4932C13.6421 23.2701 13.1896 23.0778 12.4419 23.0778C12.0628 23.0778 11.5835 23.257 11.0761 23.4473C10.3827 23.7061 9.59782 24 8.70724 24H8.6839Z' fill='%23999999'/%3E%3Cpath d='M16.4693 0C16.5578 3.19106 14.2757 5.40487 11.9962 5.26603C11.6206 2.71945 14.2754 0 16.4693 0Z' fill='%23999999'/%3E%3Cpath d='M16.4693 0C16.5578 3.19106 14.2757 5.40487 11.9962 5.26603C11.6206 2.71945 14.2754 0 16.4693 0Z' fill='%23999999'/%3E%3C/svg%3E%0A");
}

.short-exchange-mobile__title--android:before {
    background-image: 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='M14.5051 23.9999C15.3076 23.9999 16.0074 23.3001 16.0074 22.4977V18.9893H17.0105C17.6124 18.9893 18.0135 18.588 18.0135 17.9862V7.96576H5.98621V17.9863C5.98621 18.5881 6.38745 18.9894 6.98928 18.9894H7.99245V22.4978C7.99245 23.3002 8.69205 24 9.49469 24C10.297 24 10.9968 23.3002 10.9968 22.4978V18.9894H13.003V22.4978C13.0029 23.3001 13.7027 23.9999 14.5051 23.9999Z' fill='%23A6D864'/%3E%3Cpath d='M20.519 17.9863C21.3214 17.9863 22.0211 17.2866 22.0211 16.4841V9.46735C22.0211 8.66912 21.3215 7.96576 20.519 7.96576C19.7164 7.96576 19.0167 8.66916 19.0167 9.46735V16.4841C19.0167 17.2865 19.7164 17.9863 20.519 17.9863Z' fill='%23A6D864'/%3E%3Cpath d='M3.48111 17.9863C4.28365 17.9863 4.98335 17.2866 4.98335 16.4841V9.46735C4.98335 8.66912 4.28374 7.96576 3.48111 7.96576C2.67866 7.96576 1.979 8.66916 1.979 9.46735V16.4841C1.97905 17.2865 2.67866 17.9863 3.48111 17.9863Z' fill='%23A6D864'/%3E%3Cpath d='M16.8098 0.151378C16.6093 -0.0504185 16.3107 -0.0504185 16.1102 0.151378L14.7649 1.49223L14.7028 1.5542C13.9051 1.15473 13.0107 0.955234 12.0147 0.953312C12.0098 0.953312 12.005 0.953171 12.0001 0.953171H11.9999C11.9949 0.953171 11.9902 0.953312 11.9852 0.953312C10.9893 0.955234 10.0949 1.15473 9.29724 1.5542L9.23503 1.49223L7.88968 0.151378C7.68901 -0.0504185 7.3906 -0.0504185 7.19007 0.151378C6.9894 0.352049 6.9894 0.649891 7.19007 0.850422L8.49146 2.15204C8.07212 2.43202 7.69187 2.77463 7.36121 3.16651C6.56959 4.10485 6.06461 5.32608 5.99519 6.64926C5.99453 6.66304 5.99317 6.67663 5.99256 6.69041C5.9883 6.78051 5.98633 6.87107 5.98633 6.96201H18.0136C18.0136 6.87112 18.0115 6.78056 18.0074 6.69041C18.0067 6.67663 18.0054 6.66304 18.0046 6.64926C17.9353 5.32608 17.4302 4.1048 16.6385 3.1666C16.308 2.77473 15.9276 2.43212 15.5083 2.15214L16.8098 0.850515C17.0105 0.649891 17.0105 0.352096 16.8098 0.151378ZM9.49285 5.21062C9.07786 5.21062 8.74139 4.8742 8.74139 4.45917C8.74139 4.04414 9.07782 3.70772 9.49285 3.70772C9.90783 3.70772 10.2443 4.04414 10.2443 4.45917C10.2443 4.8742 9.90783 5.21062 9.49285 5.21062ZM14.507 5.21062C14.0921 5.21062 13.7556 4.8742 13.7556 4.45917C13.7556 4.04414 14.092 3.70772 14.507 3.70772C14.922 3.70772 15.2585 4.04414 15.2585 4.45917C15.2585 4.8742 14.9221 5.21062 14.507 5.21062Z' fill='%23A6D864'/%3E%3C/svg%3E%0A");
}

.short-exchange-mobile__title--no:before {
    background-image: 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 fill-rule='evenodd' clip-rule='evenodd' d='M7.20344 4.47823L12.4986 9.794L17.8144 4.47823C19.2772 3.01536 21.4818 5.24057 20.019 6.70344L14.7238 11.9986L20.019 17.3144C21.4818 18.7772 19.2772 20.9818 17.8144 19.519L12.4986 14.2238L7.20344 19.519C5.74057 20.9818 3.51536 18.7772 4.97823 17.3144L10.294 11.9986L4.97823 6.70344C3.51536 5.24057 5.74057 3.01536 7.20344 4.47823Z' fill='%23E32C13'/%3E%3C/svg%3E%0A");
}

.short-exchange-mobile__list {
    display: flex;
    flex-direction: column;
}

.short-exchange-mobile__field {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.short-exchange-mobile__field:not(:last-child) {
    margin-bottom: 10px;
}

.short-exchange-mobile__field:after {
    content: "";
    flex-grow: 1;
    display: block;
    height: 1px;
    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;
}

.short-exchange-mobile__label {
    order: -1;
    margin-right: 5px;
    font-size: 14px;
    line-height: 18px;
    color: #808080;
}

.short-exchange-mobile__value {
    order: 1;
    margin-left: 5px;
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    text-align: right;
}

/*** Responsive ***/

@media (min-width: 768px) {

    .short-exchange-mobile {
        flex-direction: row;
        margin: 30px -15px;
    }

    .short-exchange-mobile__col {
        width: 50%;
        padding: 0 15px;
    }

    .short-exchange-mobile__col:not(:last-child) {
        margin-bottom: 0;
    }

    .short-exchange-mobile__list {
        padding-left: 29px;
    }

    .short-exchange-mobile__field {
        display: block;
    }

    .short-exchange-mobile__field:after {
        display: none;
    }

    .short-exchange-mobile__label {
        display: inline;
        margin: 0;
    }

    .short-exchange-mobile__label:after {
        content: ":";
    }

    .short-exchange-mobile__value {
        display: inline;
        margin: 0;
    }
}