* {
    font-family: -apple-system;
    -webkit-user-select: none;
}

.v-center {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.v-center[hidden] {
    display: none;
}

.text-center {
    text-align: center;
}

.title-1 {
    font: -apple-system-title1;
}

.title-2 {
    font: -apple-system-title2;
}

.title-3 {
    font: -apple-system-title3;
}

.heading-3,.heading-4, .heading-5 {
    color: rgba(60, 60, 67, 0.6);
}

.heading-3 {
    font: -apple-system-subheadline;
}

.heading-4 {
    font: -apple-system-footnote;
}

.heading-5 {
    font: -apple-system-caption1;
}

.bold {
    font-weight: 700;
}

.button-primary {
    background-color: rgb(0, 122, 255);
    color: rgb(255, 255, 255);
    border-radius: 12px;
    border: none;
    font: -apple-system-body;
    position: relative;
    padding: 12px 22px 12px 18px;
    text-align: center;
}

.button-primary[disabled] {
    background-color: rgb(142, 142, 147);
    cursor: default;
    opacity: 0.5;
}

.table {
    display: flex;    
    flex-direction: column;
}

.table-cell-content {
    display: flex;
    align-items: center;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgb(221, 221, 221);
    margin-left: 14px;
    padding: 12px 0;
    padding-right: 14px;
}

.table-cell {
    background-color: rgb(255, 255, 255);
}

.table-cell:first-child {
    border-top-left-radius: 14px;
    border-top-right-radius: 14px;
}

.table-cell:last-child {
    border-bottom-left-radius: 14px;
    border-bottom-right-radius: 14px;
}

.table-cell:first-child .table-cell-content {
    padding-top: 14px;
}

.table-cell:last-child .table-cell-content {
    border-bottom-width: 0;
    padding-bottom: 14px;
}


@media (prefers-color-scheme: dark) {

    .heading-3,.heading-4,.heading-5 {
        color: rgba(235, 235, 245, 0.6);
    }

    .button-primary {
        background-color: rgb(10, 132, 255);
    }

    .button-primary[disabled] {
        background-color: rgb(174, 174, 178);
    }

    .table-cell {
        background-color: rgb(44, 44, 46);
    }

    .table-cell-content {
        border-bottom-color: rgba(235, 235, 245, 0.19);
    }

}