body[template="check-in"] {
    background:var(--theme-light);
    color:var(--theme-dark);
}

body[template="check-in"] main {
    background:var(--theme-light);
    color:var(--theme-dark);
}

body[template="check-in"] .members-only .button {
    background:var(--theme-dark);
    color:var(--theme-light);
}
body[template="check-in"] .check-in-here {
    position:sticky;
    padding:16px 32px;
    color:var(--theme-light);
    bottom:0;
    background:var(--theme-dark);
    text-align:center;
    text-transform:uppercase;
    text-decoration: underline;
    font-size:14px;
}

body[template="check-in"] .location-list .list-item {
    border-bottom:1px solid var(--theme-light-1);
}

body[template="check-in"]  .title-bar {
    border-bottom:1px solid var(--theme-light-1);
}

body[template="check-in"] .a-checkin {
    padding:16px 32px;
    border-bottom:1px solid var(--theme-light-1);

    & .remove-checkin {
        display: flex;
        align-items: center;
        justify-content: center;
        & img {
            height:16px;
            margin-right:8px;
        }
    }
}
body[template="check-in"] .a-checkin p.caption {
    padding:8px 16px;
}

body[template="check-in"] .flex-between {
    display:flex;
    justify-content: space-between;
    margin-bottom:8px;
}

body[template="check-in"] .user {
    text-decoration:none;
}
body[template="check-in"] .user img {
    width:50px;
    border-radius:100px;
    margin-right:16px;
}
body[template="check-in"] .user p {
    display:flex;
    align-items: center;
}


body[template="check-in"] .members-only img {
    filter:brightness(0);
}

body[template="check-in"] .file-upload {
    padding:0;
}
body[template="check-in"] .file-upload input {
    display:none;
}
body[template="check-in"] .file-upload label {
    font-family:inherit;
    margin:0;
    padding:10px 32px;
    font-size:inherit;
}
