.field {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    padding: 0.5rem;
    gap: 0.5rem;

    .field-text {
        font-weight: bold;
    }

    .field-description {
        font-size: 0.8rem;
    }

    .field-container {
        width: 100%;
    }
}

.switch {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    overflow: hidden;

    .switch-button {
        text-align: center;
        flex-grow: 1;
        width: 0%;
        min-width: min-content;

        .switch-button-text {
            width: 100%;
        }
    }
}