/* START PAGE STYLE */
label.planOptions {
    display: block;
    width: 100%;

    margin: 0.5rem;
    border-radius: 8px;
    background-color: #f5f5f5;
    filter: drop-shadow(0.25rem 0.25rem var(--imagebox-shadow-blur) rgba(0,0,0,var(--imagebox-shadow-alpha)));

    cursor: pointer;

    /*height: 250px;*/
    padding: 1rem;
    display: flex;
    flex-direction: column;

    > div {
        > p:first-of-type {
            margin-top: 0;
        }
    }

    > input[type="radio"] {
        display: none;
        /*width: 100%;
        margin: 1rem 0 1rem 0;*/
    }
}
label.planOptionsUnspecific {
    > div {
        display: block;
    }
}

label.planOptions div.planOptionPrice {
    margin-top: auto;
    padding: 0 2rem 1rem 0;
    width: 100%;
    text-align: right;
    font-weight: bold;
    font-size: larger;
}
label.planOptions div.planOptionPrice span.planOptionPriceStar {
    font-weight: 300;
}

label.planOptions:has(input[type="radio"]:checked) {
    background-color: var(--accent-color);
    color: var(--secondary-text-color);
}

div.plansPart {
    > div:nth-child(1),
    > div:nth-child(2) {
        display: flex;
        > label:last-child {

        }
    }
    > div:last-of-type {
        display: flex;
        margin-bottom: 0.5rem;
    }
}

div.interestTable {
    display: flex;
    justify-content: space-evenly;
    align-items: stretch;
    align-content: stretch;
    padding: 1rem 2rem 1rem 2rem;

    > div {
        flex-grow: 1;
    }
}

div.formDoubleField {
    display: flex;
    margin-bottom: 1rem;

    > div {
        flex: 1 1 0;
    }
    > div:not(:first-child) {
        margin-left: 2rem;
    }
}

/* END PAGE STYLE */