@import "../styles/_variables.scss";

.main {
    padding: 10px $default-padding;
    flex: 1 0 auto;

    &.no-padding {
        padding-block-start: 0;
        padding-inline-end: 0;
        padding-block-end: 0;
        padding-inline-start: 0;
    }
}

.title {
    font-family: $duda-title-font;
    font-weight: bold;
    color: #607379;

    &.small {
        height: 15px;
        font-family: $duda-font;
        font-size: 12px;
    }
}

.add-item {
    flex: 0 0 auto;
    border-radius: 50%;
    background-color: $clickable-item;
    width: 35px;
    height: 35px;

    &.small {
        width: 22px;
        height: 22px;
    }
}