@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Roboto-Medium';
    src: url("fonts/Roboto-Medium.ttf") format('truetype');
}

:root {
    --md-ref-typeface-brand: 'Roboto';
    --md-icon-font: 'Material Symbols Rounded';
    --md-list-container-color: var(--md-sys-color-surface-container-lowest);
    --md-sys-typescale-label-medium-size: 14px;
    --md-sys-typescale-label-medium-line-height: 20px;
    --md-sys-typescale-label-medium-weight: 500;
}


.group_title {
    font-family: 'Roboto-Medium', sans-serif;
    font-size: var(--md-sys-typescale-label-medium-size);
    line-height: var(--md-sys-typescale-label-medium-line-height);
    font-weight: var(--md-sys-typescale-label-medium-weight);
    color: var(--md-sys-color-on-surface-variant);
    margin-top: 30px;
}

body {
    background-color: var(--md-sys-color-background);
    font-family: 'Roboto', sans-serif;
    color: var(--md-sys-color-on-surface);
}

h2, h1 {
    font-family: Roboto-Medium, sans-serif;
    font-weight: 500;
}

h2 {
    margin-bottom: 0;
}

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

.card {
    padding: 20px;
    border: var(--md-sys-color-outline-variant) solid 1px;
    border-radius: 10px;
    background-color: var(--md-sys-color-surface-container-lowest);
    width: 820px;
}

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

.form_container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 15px;
    grid-row-gap: 25px;
}

.form_container md-divider {
    grid-column: 1 / 3;
}

md-outlined-text-field {
    width: 100%;
}

.form_container md-outlined-select {
    width: 100%;
}

.settings_group_container {
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: center;
}

.switchers_wrapper {
    display: flex;
    align-items: center;
    gap: 15px;
    grid-column: 1 / 3;
}

.save_button_wrapper {
    grid-column: 2;
    display: flex;
    justify-content: end;
}

.add-gift-dish-form {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
    margin-bottom: 25px;
}

.delete-button-icon {
    color: var(--md-sys-color-outline);
}

.add-organization-form {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-bottom: 25px;
}

.organization_name_block {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
}

.cooking_sections {
    display: flex;
    flex-direction: column;
    align-items: start;
}

.cooking_sections md-chip-set{
    flex-wrap: wrap;
    margin-top: 15px;
}

.organization_row {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}

.cooking_sections_cell {
    display: flex;
    justify-content: space-around;
}

.delete_organization_button {
    display: flex;
    justify-content: end;
}

md-list-item {
    padding-left: 0;
}

.gift-dish-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}