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

.container {
    display: flex;
    flex-direction: column;

    .header {
        display: flex;
        justify-content: space-between;
        height: 58px;

        .left-side {
            display: inline-flex;
            align-items: center;
            margin-inline-start: 30px;

            .icon {
                margin-inline-end: 10px;
            }

            .title {
                font-family: $duda-title-font;
                font-size: 16px;
                font-weight: bold;
                padding-block-start: 0;
                padding-inline-end: 0;
                padding-block-end: 0;
                padding-inline-start: 0;
            }
        }

        .right-side {
            display: inline-flex;
            align-items: center;
            margin-inline-end: 30px;
        }
    }

    .disabled {
        opacity: 0.5;
    }

    .divider {
        margin-block-start: 0;
        margin-inline-end: 0;
        margin-block-end: 0;
        margin-inline-start: 0;
        border-color: #e4e4e4;
    }
}