@import './mixin.scss';
.zypento-admin-section-setting{
    width: 100%;
    max-width: 600px;
    background: rgba($color: #000000, $alpha: 0.05);
    border: 1px solid rgba($color: #000000, $alpha: 0.07);
    padding: 2em;
    margin: 0 0 2em 0;
    &>h3{
        margin: 0 0 0.5em 0;
    }
    &>p{
        margin: 0.5em 0 0 0;
        &[data-type="error"]{
            color: #ea0000;
        }
    }
    & .zyp-input{
        &>input{
            width: 100%;
            padding: 0.5em 1em;
            background: rgba($color: #000000, $alpha: 0.05);
            border: 1px solid rgba($color: #000000, $alpha: 0.07);
        }
    }
    &>.zyp-message{
        &[data-type="error"]{
            color: #ea0000;
        }
    }
}
.zypento-admin-section-message{
    &[data-type="hidden"]{
        display:none;
    }
    &>span{
        padding: 10px 20px;
        border: 1px solid #000000;
        display: inline-block;
        &[data-type="error"]{
            border: 1px solid #d60101;
        }
    }
}
.zypento-admin-section-action{
    margin: 1em 0 0 0;
    &[data-type="disabled"]{
        opacity: 0.3;
    }
    &>span{
        @include zypento-wishlist-rounded-button(16px);
    }
}