
.exchange-container {
    /*border: 1px solid var(--exchange-border);*/
    border-radius: 8px;
    padding: 8px;
}

.exchange__positions {
    /*padding: 5px;*/
}

.exchange__positions-item {
    /*margin: auto;*/
    /*padding: 3px;*/
}

.exchange__positions-item-info {
    border: 1px solid rgba(0, 0, 0, 0)!important;
    /*box-shadow: -3px -3px 5px rgba(0, 0, 0, 0.2);*/
    border-radius: 3px;
    padding: 4px 7px;
}

.exchange_popular {
    color: #dfe7e7;
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: -3px 3px 5px rgba(0, 0, 0, 0.2);
    padding-left: 5px;
}

.exchange_popular-inner {
    /*border: 1px solid var(--exchange-border);*/
    padding: 12px;
}

.cards-exc .card {
    color: #b1ced6;
    /*font-weight: lighter;*/
    background-color: rgba(27, 29, 43, 0.0);
    border: 0 solid;
    border-radius: 12px;
}

.cards-exc .card:hover {
    background: linear-gradient(135deg, rgba(69, 62, 102, 0.3), rgba(68, 110, 102, 0.2), rgba(0, 0, 0, 0.7));
    cursor: pointer;
}

.minecraft-item-image {
    image-rendering: pixelated;
}

.card-shop-priorities {
    padding: 11px;
    background: rgba(255, 255, 255, 0.05)!important;
    border-radius: 12px!important;
}

.card-shop-priorities .card-title{
    color: #b1ced6;
}

.cards-exc .card:hover .minecraft-card-item{
    background: none;
}

.minecraft-card-item {
    image-rendering: pixelated;
    min-width: 10px;
    width: 70px;
    max-height: 70px;
    padding: 11px;
    background: linear-gradient(135deg, rgba(69, 62, 102, 0.3), rgba(68, 110, 102, 0.2), rgba(0, 0, 0, 0.7));
    border-radius: 12px;
    /*height: 40px;*/
}

.minecraft-card-item-price {
    image-rendering: pixelated;
    min-width: 20px;
    width: 20px;
    max-height: 20px;
}

.card-exchange .card {
    color: #dfe7e7;
    font-weight: lighter;
    background-color: rgba(0, 0, 0, 0.1);
    border: 0 solid;
    box-shadow: -3px 3px 5px rgba(0, 0, 0, 0.2);
}

.list-complete-item {
    transition: all 1.1s ease;
    display: inline-block;
    margin-right: 10px;
}

.list-complete-enter-from,
.list-complete-leave-to {
    opacity: 0;
    transform: translateY(30px);
}

.list-complete-leave-active {
    position: absolute;
}
