.preset-list {
    
    display: inline-block;
    position: absolute;
    left: 170px;
    border: 1px solid #A7AEB8;
    border-radius: 4px;
    background-color: #FFF;

    &__header {
        z-index: 1997;
        position: relative;
        padding: 8px 16px;
        &::after {
            content: "";
            position: absolute;
            width: 100%;
            height: 16px;
            background: linear-gradient(180deg, #333c48 0%, rgba(51, 60, 72, 0.0001) 100%);
            left: 0;
            opacity: 0.12;
            top: 100%;
        }

        .el-button--primary {
            border: unset;
            font-weight: 500;
            box-shadow: none;
            &:hover {
                background-color: #CCE0F7;
                color: #0166D6;
            }
        }

        .el-button--text {
            font-weight: 500;
            font-size: 14px;
        }
    }

    &__body {
        background-color: #f9f9f9;
        //padding: 16px 16px 0 16px;
        height: 400px;
        border-radius: 4px;

        &::after {
            content: "";
            position: absolute;
            width: 100%;
            height: 16px;
            background: linear-gradient(0deg, #333c48 0%, rgba(51, 60, 72, 0.0001) 100%);
            opacity: 0.12;
            left: 0;
            bottom: 0;
        }

        .preset {
            display: flex;
            flex-direction: column;
            justify-content: center;
            width: 300px;
            background-color: #FFF;
            border: 1px solid #ECECEC;
            border-radius: 4px;
            padding: 12px;
            margin-bottom: 8px;
            cursor: pointer;

            &:first-child {
                margin-top: 16px;
            }

            &:last-child {
                margin-bottom: 16px;
            }
        
            &:hover {
                border: 1px solid #0166D6;
                background-color: #E1EFFF;
            }

            &--selected {
                border: 1px solid #0166D6;
            }
        }
    }

    .sortable-chosen {
        background-color: #E1EFFF !important;
    }

}

#preset-drawer {

    .el-radio__label {
        display: flex;
        align-items: center;
    }

    .el-radio__input {
        display: flex;
    }

    .el-checkbox {
        
        font-weight: 400;

        &__label {
            padding-left: 8px;
            color: #333C48;
        }

        &:hover {
            &__label {
                color: #333C48;
            }
        }
    }
}