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

* {
    font-family: 'Comme', sans-serif;
}

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

.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: rgb(121, 27, 4);
}

/*Vault*/

.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'
}

/*form-checkout*/

#form-checkout {
    display: flex;
    flex-direction: column;
    max-width: 600px;
    margin: auto;
  }

  .container {
    height: 25px;
    display: inline-block;
    border: 1px solid rgb(200, 200, 200);
    border-radius: 2px;
    padding: 1px 2px;
  }
  
  
.king {
    position: absolute;
    top: -324px;
    z-index: 2;
    left: 883px;
}

.king .border {
    width: 209px;
    height: 255px;
    background: url("../images/rei_pvp.png") center /cover;
    z-index: 3;
    border: none;
    position: absolute;
}

.king .info {
    top: 84px;
    left: 42px;
    position: absolute;
    text-align: center;
    font-size: 13px;
}


.king .info img {
    width: 126px;
    height: 126px;
    background: #fff;
    top: 0;
    left: 0;
    z-index: 2;
    position: absolute;
    text-align: center;
    font-size: 13px;
}

.king .info p {
    z-index: 5;
    top: 114px;
    color: #fff;
    text-align: center;
    width: 121px;
    position: relative;
    font-size: 11px;
}

.king .info p:last-child {
    margin-top: 10px;
    background: #27241f;
    border-radius: 5px;
}