#view-body-user {
    height: 40px;
}

#view-body-user-icon {
    width: 30px;
    height: 30px;
    border-radius: 15px;
}

.eventCard {
    margin-left: -10px;
    margin-right: -10px;
    width: 100%;
    max-width: 600px;
    padding: 10px;
    background: #F2F2F2;
    border-radius: 10px;
    overflow: hidden;
}

.eventCard-header-status {
    padding: 5px;
    background: gray;
    color: white;
    border-radius: 20px;
}

.eventCard-header-image-container {
    width: calc(100% + 20px);
    aspect-ratio: 16/9;
    margin-left: -10px;
    margin-right: -10px;
    margin-top: -10px;
    margin-bottom: 10px;
    overflow: hidden;
}

.eventCard-header-image {
    object-fit: cover;
    width: 100%;
}

.eventCard-body {
    transition: all 0.1s linear;
    height: 0px;
    margin-top: 0px;
    overflow: hidden;
}

.eventCard-body.open {
    margin-top: 10px;
}

.eventCard-body-qrcode {
    width: 100%;
    aspect-ratio: 1;
    background: #FFFFFF;
    border-radius: 10px;
}

.eventCard-body-qrcode canvas {
    width: 80%;
    aspect-ratio: 1;
    margin-top: auto;
    margin-left: auto;
    margin-bottom: auto;
    margin-right: auto;
}

.eventCard-body-loading {
    width: 100%;
    aspect-ratio: 1;
    border-radius: 10px;
}

.discord-login {
    background: #5865F2;
    border-radius: 10px;
    padding: 10px;
    color: #FFFFFF;
}

.discord-login-icon {
    height: 16px;
}

.add-to-apple-wallet {
    height: 50px;
    padding: 0px;
    border-radius: 0px;
    box-shadow: none;
    background: transparent;
}

.add-to-apple-wallet img {
    height: 100%;
}

.add-to-google-wallet {
    height: 50px;
    padding: 0px;
    border-radius: 0px;
    box-shadow: none;
    background: transparent;
}

.add-to-google-wallet img {
    height: 100%;
}

.eventCard-body-wallet-button {
    width: calc(100% - 10px);
}