.welcome {
    margin: 64px;
}

.welcome__title {
    font-size: x-large;
    padding: 8px;
}

.welcome__content {
    padding: 8px;
}

.historical {
    margin: 32px;
    border-radius: 8px;
}

.date-range-picker {
    margin-bottom: 16px;
}

/*
.date-range-picker > box:not(:last-child) {
    margin-bottom: 8px;
}
*/

.date-range-picker__date-field {
    margin: 8px;
}

.date-range-picker__search-button {
    margin: 8px;
}

.date-range-picker__range-button {
    margin: 8px;
}

.date-field__year {
    margin: 0px 4px 0px 0px;
}

.date-field__month {
    margin: 0px 4px 0px 4px;
}

.date-field__day {
    margin: 0px 0px 0px 4px;
}

.day-summary {
    padding: 8px;
}

.day-summary > *:not(:last-child) {
    margin-bottom: 8px;
}

.day-summary__date {
    font-size: x-large;
}

.day-summary__weight {
    margin: 4px;
}

.weight-view {
    padding: 8px;
    margin: 8px;
}

.step-view {
    padding: 8px;
    margin: 8px;
}

.about__content {
    padding: 32px;
}

.about label {
    margin-bottom: 16px;
}