@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500&display=swap');

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    outline: none;
    border: none;
    position: relative;
    font-family: 'Inter', sans-serif;
    text-decoration: none;
    list-style: none;
}

body {
    background: #04061c;
}

.details .informations {
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .8);
    padding: 1rem;
    z-index: 9999;
    text-align: center;
    display: none;
}
.market-item .details .image.c {
    background-color: #9C9EA1
}
.informations p.c,
.vault a .preview p.c {

}
.informations p.e,
.vault a .preview p.e {
    color: #19ff80;
}
.informations p.c,
.informations p.e,
.informations p.r,
.vault a .preview p.c,
.vault a .preview p.e,
.vault a .preview p.r {
    padding: 5px
}

.details .image.r {
    background-color: #7C956F
}

.informations p.r,
.vault a .preview p.r {
    background-color: #458922
}

.name {
    color: #fff
}

.preview p {
    color: #fff;
    font-size: 12px;
    padding: 1px 0;
    margin: 0 !important
}

.preview p.blue {
    color: #7fb2ff
}

.preview p.yellow {
    color: #e1ce59
}

.preview p.gray {
    color: #a5a5a5
}

.preview p.green {
    color: #7cf677
}

.preview p.purple {
    color: #e077f6
}

.preview p.bred {
    color: #fff;
    background-color: #791b04
}

.vault {
    width: 260px;
    height: 484px
}

.vault a .preview {
    position: fixed;
    background: #000000e3;
    padding: 8px;
    text-align: center;
    border-radius: 1px;
    display: none;
    z-index: 99;
    font-family: 'Verdana'
}

