.success-message {
    background: seagreen;
    color: white;
    padding: 10px;
}

.error-message {
    color: red;
    font-weight: normal;
}

.rs-admin-header {
    display: flex;
    align-items: center;
    gap: 20px;
    border-bottom: 1px solid #bdbdbd;
    padding-bottom: 10px;
    margin-bottom: 16px;
    min-height: 80px;
}

.rs-admin-logo {
    height: 61px;
    width: auto;
}

.rs-admin-title {
    display: block;
    margin: 0 0 6px;
}

.rs-admin-header-description, .rs-admin-header-links {
    line-height: 1.6;
    margin: 0 0 6px;
}

.rs-error-summary-list {
    margin: 0.5em 0 0.25em 1.25em;
    list-style: disc;
}

.rs-field-invalid {
    border-color: #d63638 !important;
}

.wp-picker-container .wp-color-result.rs-field-invalid,
.wp-picker-input-wrap .rs-color-field.rs-field-invalid {
    border-color: #d63638 !important;
}

.form-table td,
.form-table th {
    overflow: visible;
}

.wp-picker-container {
    position: relative;
    display: inline-block;
    vertical-align: top;
}

.wp-picker-holder {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    z-index: 1000;
}

.rs-field-error {
    color: #d63638 !important;
    margin-top: 6px;
}

.rs-reset-form {
    margin-top: 8px;
}

.rs-reset-warning {
    max-width: 560px;
}

#preview {
    display: inline-block;
    position: relative;
    width: 235px;
    height: 140px;
}

.rs-preview-background {
    display: block;
    width: 235px;
    height: 140px;
}

#widget {
    all: initial;
    box-sizing: border-box;
    display: inline-block;
    align-items: center;
    width: 32px;
    height: 12px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 6px;
    font-weight: 100;
    font-family: Arial, sans-serif;
    padding: 3px 2px;
    position: absolute;
    z-index: 1;
    transition: 500ms all;
}

#widget.position-right-bottom{
    left: 177px;
    top: 98px;
}

#widget.position-right-middle{
    left: 177px;
    top: 59px;
}

#widget.position-right-top{
    left: 177px;
    top: 20px;
}


#widget.position-left-bottom{
    left: 27px;
    top: 98px;
}

#widget.position-left-middle{
    left: 27px;
    top: 59px;
}

#widget.position-left-top{
    left: 27px;
    top: 20px;
}


#widget.position-top-left{
    left: 32px;
    top: 5px;
}

#widget.position-top-middle{
    left: 100px;
    top: 5px;
}

#widget.position-top-right{
    left: 170px;
    top: 5px;
}

#widget.position-bottom-left{
    left: 32px;
    top: 115px;
}

#widget.position-bottom-middle{
    left: 100px;
    top: 115px;
}

#widget.position-bottom-right{
    left: 170px;
    top: 115px;
}

.rs-shortcodes-generator .form-table th {
    width: 220px;
}

.rs-shortcode-preview {
    max-width: 860px;
}

.rs-copy-status {
    margin-left: 10px;
}