/* -----Control Css-- */
.ansarbl-d-flex{
  display: flex;
} 
.ansarbl-space-between{
justify-content: space-between;
}
.ansarbl-align-center{
  align-items: center;
}
.block-editor-block-inspector .ansarbl-tab-controls .components-toggle-control {
  margin-bottom: 20px;
}
.block-editor-block-inspector .ansarbl-tab-controls .components-toggle-control:last-child{
  margin-bottom: 0px;
}
.ansarbl-tab-controls .components-toggle-control .components-flex {
  flex-direction: row-reverse;
  justify-content: space-between;
}
.ansarbl-tab-controls .components-base-control.components-range-control,
.ansarbl-tab-controls .components-base-control.ansarbl-range{
  margin-top: 0px;
  margin-bottom: 0px;
}
.ansarbl-res-range-control > .components-base-control__field > .components-base-control__label {
  margin-right: 100px;
}
.ansarbl-tab-controls.style .components-button:focus:not(:disabled){
  box-shadow: none;
}
.components-button-group .components-button{
  box-shadow: none;
}
.ansarbl-panel-control .ansarbl-tab-panel .components-panel__body.is-opened, 
.ansarbl-panel-control .ansarbl-tab-panel .components-panel__body .components-panel__body-title:hover {
  background: #f8f5ff;
}
.ansarbl-panel-control .ansarbl-tab-panel .components-panel__body.ansarbl-inner-panel-body, 
.ansarbl-panel-control .ansarbl-tab-panel .components-panel__body.ansarbl-inner-panel-body .components-panel__body-title{
  background: #ffffff;
}
.ansarbl-panel-control .ansarbl-tab-panel .components-panel__body{
  margin-top: 0;
  border-top: 0;
  border-bottom: 1px solid #e4d9ff;
}
.ansarbl-panel-control .ansarbl-tab-panel .components-panel__body.ansarbl-inner-panel-body{
  border: none;
  margin-bottom: 15px;
}
.ansarbl-panel-control .ansarbl-tab-panel .components-panel__body.ansarbl-inner-panel-body .components-panel__body-title{
  box-shadow: none;
}
.ansarbl-panel-control .ansarbl-tab-panel .components-panel__body-title, .ansarbl-panel-control .ansarbl-tab-panel .components-panel__body.is-opened.ansarbl-inner-panel-body .components-panel__body-title{
  box-shadow: 0 1px 0 #e4d9ff;
}
.ansarbl-panel-control .ansarbl-tab-panel .components-panel__body-title .components-panel__body-toggle.components-button:focus{
  box-shadow: none;
}
.ansarbl-panel-control .ansarbl-tab-panel .components-panel__body.is-opened>.components-panel__body-title{
  margin-bottom: 15px;
}
.ansarbl-panel-control .ansarbl-tab-panel .components-panel__body-title button.components-button{
  color: #5d6c83 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}
.ansarbl-panel-control .ansarbl-tab-panel .components-panel__body-title button.components-button i{
  margin-right: 8px !important;
  font-size: 14px !important;
}
.ansarbl-panel-control .ansarbl-tab-panel .ansarbl-pro-notice-body .components-panel__body-title button.components-button{
  color: #5E24EF !important;
}
.ansarbl-panel-control .ansarbl-tab-panel  .ansarbl-icon-picker .components-panel__body-title{
  background: transparent;
}
.ansarbl-panel-control .ansarbl-tab-panel  .ansarbl-icon-picker .components-panel__body{
  border: 1px solid #e0e0e0;
  background: #fff;
}
.ansarbl-panel-control .ansarbl-tab-panel  .ansarbl-icon-picker .remove-item{
  margin: 8px 0 8px 0;
  color: #e12211;
  text-decoration: none;
}
.ansarbl-panel-control .ansarbl-tab-panel  .ansarbl-icon-picker .rfipbtn--default{
  border: 1px solid #e4d9ff;
}
.ansarbl-panel-control .ansarbl-tab-panel  .ansarbl-icon-picker .rfipbtn--default:active, .ansarbl-panel-control .ansarbl-tab-panel  .ansarbl-icon-picker .rfipbtn--default:focus {
  box-shadow: none;
  -webkit-box-shadow: none;
}
.ansarbl-panel-control .ansarbl-tab-panel  .ansarbl-icon-picker .rfipbtn--default .rfipbtn__button{
  border: 0 none transparent;
  border-left: 1px solid #e4d9ff;
  background-color: #f8f5ff;
  color: #424242;
}
.ansarbl-panel-control .ansarbl-tab-panel  .ansarbl-icon-picker .rfipbtn--default .rfipbtn__button:hover{
  background-color: #ffffff;
}
.ansarbl-panel-control .ansarbl-tab-panel  .ansarbl-icon-picker .rfipdropdown--default{
  -webkit-box-shadow: 0 6px 13px rgb(0 0 0 / 8%), 0 10px 20px rgb(0 0 0 / 3%);
  box-shadow: 0 6px 13px rgb(0 0 0 / 8%), 0 10px 20px rgb(0 0 0 / 3%);
  border-radius: 3px;
}
.ansarbl-panel-control .ansarbl-tab-panel .components-range-control__track, 
.box-shadow-controls-wrapper .components-range-control__track, 
.typography-controls-wrapper .components-range-control__track {
  background-color: #5E24EF;
}
.ansarbl-panel-control .ansarbl-tab-panel .components-range-control__track+span>span, 
.box-shadow-controls-wrapper .components-range-control__track+span>span, 
.typography-controls-wrapper .components-range-control__track+span>span {
  background-color: #5E24EF;
}
.ansarbl-panel-control .ansarbl-tab-panel .components-text-control__input, .ansarbl-panel-control .ansarbl-tab-panel .components-textarea-control__input, .ansarbl-panel-control .ansarbl-tab-panel .components-input-control__container .components-input-control__backdrop, 
.box-shadow-controls-wrapper .components-input-control__container .components-input-control__backdrop, 
.typography-controls-wrapper .components-input-control__container .components-input-control__backdrop {
  border: 1px solid #e2e8f0 !important;
}
.ansarbl-panel-control .ansarbl-tab-panel input[type=checkbox]:focus {
  box-shadow: none;
}
.ansarbl-panel-control .ansarbl-tab-panel .components-form-toggle .components-form-toggle__track{
  box-shadow: none;
  border: 1px solid #5E24EF;
}
.ansarbl-panel-control .ansarbl-tab-panel .components-form-toggle .components-form-toggle__thumb{
  background-color: #5E24EF;
  border: 5px solid #5E24EF;
}
.ansarbl-panel-control .ansarbl-tab-panel .components-form-toggle.is-checked .components-form-toggle__track{
  background-color: #5E24EF;
}
.ansarbl-panel-control .ansarbl-tab-panel .components-form-toggle.is-checked .components-form-toggle__thumb {
  background-color: #ffffff;
  border: 5px solid #ffffff;
}
.ansarbl-panel-control .ansarbl-pro-notice{
  padding: 20px 0 10px 0;
  text-align: center;
  color: #000000 !important;
  font-weight: 500 !important;
}
.ansarbl-panel-control .ansarbl-pro-features{
  color: #5d6c83 !important;
  font-weight: 500 !important;
}
.ansarbl-panel-control .ansarbl-pro-notice a{
  color: #5E24EF;
}
.ansarbl-panel-control .ansarbl-pro-features a{
  color: #5E24EF;
  text-decoration: underline;
}
.ansarbl-panel-control .ansarbl-pro-notice a:hover, .ansarbl-panel-control .ansarbl-pro-features a:hover{
  color: #e12211;
}
span.dashicons-external:before{
  color: #1e1e1e;
}
/* Responsive Alignment Control  */
.ansarbl-panel-control .ansarbl-tab-panel .ansarbl-res-choose-controls, .ansarbl-res-choose-controls {
  margin-bottom: 10px;
}
.block-editor-block-inspector .ansarbl-res-choose-control .components-toggle-group-control div {
  justify-content: center;
}
.ansarbl-panel-control .ansarbl-tab-panel .ansarbl-res-choose-toggle-container .components-toggle-group-control:focus-within, .ansarbl-res-choose-toggle-container .components-toggle-group-control:focus-within{
  box-shadow: none;
  border: 1px solid #aab6c9;
}
.ansarbl-panel-control .ansarbl-tab-panel .ansarbl-res-choose-toggle-container .components-toggle-group-control:hover,  .ansarbl-res-choose-toggle-container .components-toggle-group-control:hover{
  border: 1px solid #aab6c9;
}
.ansarbl-panel-control .ansarbl-tab-panel .ansarbl-res-choose-toggle-container .components-toggle-group-control, .ansarbl-res-choose-toggle-container .components-toggle-group-control{
  background-color: #f8f5ff;
  border: 1px solid #aab6c9;
  border-radius: 3px;
}
.ansarbl-panel-control .ansarbl-tab-panel .ansarbl-res-choose-toggle-container .components-toggle-group-control-option-base, .ansarbl-res-choose-toggle-container .components-toggle-group-control-option-base{
  color: #5d6c83;
  font-weight: 500;
}
.ansarbl-panel-control .ansarbl-tab-panel .ansarbl-res-choose-toggle-container .components-toggle-group-control::before{
  background: transparent !important;
}
.ansarbl-panel-control .ansarbl-tab-panel .ansarbl-res-choose-toggle-container .components-toggle-group-control-option-base[aria-pressed="true"], .ansarbl-res-choose-toggle-container .components-toggle-group-control-option-base[aria-pressed="true"]{
  color: #fff;
  height: 30px !important;
  box-shadow: none;
  background: #5E24EF !important;
}
.ansarbl-panel-control .ansarbl-tab-panel .ansarbl-res-choose-toggle-container div[role="presentation"], .ansarbl-res-choose-toggle-container div[role="presentation"]{
  background-color: #5E24EF;
  border-radius: 3px;
}
.ansarbl-panel-control .ansarbl-tab-panel .ansarbl-tab{
  color: #1A0E37;
}
.ansarbl-panel-control .ansarbl-tab-panel .ansarbl-tab.active-tab{
  background-color: #efe8ff;
  color: #5E24EF;
  border-bottom: 3px solid #5E24EF;
}
.ansarbl-panel-control .ansarbl-tab-panel .ansarbl-tab:hover{
  color: #5E24EF;
}
.ansarbl-panel-control .ansarbl-tab-panel .ansarbl-tab{
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  font-size: 14px;
  padding-top: 15px;
  padding-bottom: 15px;
  width: 200px;
  display: flex;
  padding-right: 20px;
  padding-left: 20px;
  height: 40px;
  justify-content: center;
}
.ansarbl-panel-control .ansarbl-tab-panel .ansarbl-button:first-child{
  border-bottom-left-radius: 5px !important;
  border-top-left-radius: 5px !important;
  border-radius: 2px 0 0 2px;
}
.ansarbl-panel-control .ansarbl-tab-panel .ansarbl-button:last-child{
  border-bottom-right-radius: 5px !important;
  border-top-right-radius: 5px !important;
  border-radius: 0 2px 2px 0;
}
.ansarbl-panel-control .ansarbl-tab-panel .ansarbl-button:hover{
  background-color: #5E24EF;
  border: 1px solid #5E24EF;
  color: #fff;
}
.ansarbl-panel-control .ansarbl-tab-panel .ansarbl-button.tab-active{
  background-color: #5E24EF;
  border: 1px solid #5E24EF;
  color: #fff;
}
.ansarbl-panel-control .ansarbl-tab-panel .ansarbl-button{
  background: #ffffff;
  border: 1px solid #5E24EF;
  color: #5E24EF;
}
.ansarbl-panel-control .ansarbl-tab-panel .ansarbl-button{
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 6px;
  padding-bottom: 6px;
  height: 34px !important;
}
.ansarbl-tab-controls.normal, .ansarbl-tab-controls.hover, .ansarbl-tab-controls.active {
  padding-top: 16px;
}
.ansarbl-tab-controls.contained, .ansarbl-tab-controls.full-width {
  padding-top: 25px;
}
.ansarbl-tab-controls hr{
  border-bottom: 1px solid #e4d9ff;
}
.ansarbl-panel-control .ansarbl-tab-panel .ansarbl-tab:focus{
  box-shadow: unset;
}
.ansarbl-panel-control .ansarbl-tab-panel .ansarbl-tab:not(:first-child){
  border-left: 1px solid #fff;
}
button.ansarbl_image_upload_btn:focus {
  box-shadow: unset !important;
}
button.ansarbl_image_upload_btn {
  background-color: #e5e3e345;
  color: #5E24EF;
  height: 100px;
  width: 100%;
  justify-content: center;
}
.ansarbl-panel-control .ansarbl-tab-panel .image-avatar {
  background-repeat: no-repeat;
  background-size: cover;
  height: 200px;
  margin-bottom: 8px;
  padding: 2px;
  width: 100%;
}
.ansarbl-panel-control .ansarbl-tab-panel .image-avatar .image-remove {
  color: #e12211;
  position: absolute;
  font-size: 20px;
  cursor: pointer;
  box-shadow: none;
  border-radius: 2px;
  display: flex;
  background: #eae7f3;
  right: 25px;
  margin-top: 7px;
  padding: 15px;
  justify-content: center;
  align-items: center;
}
.ansarbl-panel-control .ansarbl-tab-panel .ansarbl-icon-picker .image-avatar .image-remove {
  right: 38px;
  margin-top: 4px;
}
.ansarbl-panel-control .ansarbl-tab-panel button.components-button.ansarbl-add-icons{
  margin-top: 10px;
  background: #e0e0e0;
  color: #212121;
  font-weight: 500;
  border-radius: 4px;
  display: flex;
  align-items: center;
  margin: auto;
}
.ansarbl-panel-control .ansarbl-tab-panel .components-base-control.ansarbl-font-family-picker input {
  box-shadow: unset;
}
.ansarbl-panel-control .ansarblResButton, .ansarblResButton{
  background-color: transparent;
  color: #5d6c83;
  border-radius: 3px;
  cursor: pointer;
  padding: 4px;
  font-size: 12px;
  height: 18px;
  width: 19px;
  margin: 0 8px 0 0;
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  z-index: 999;
}
.ansarbl-panel-control .ansarblResButton.active, .ansarblResButton.active {
  color: #5E24EF;
  background-color: #e2d6fb;
}
.ansarbl-panel-control .ansarbl-tab-panel .ansarbl-unit-control.components-unit-control, .ansarbl-unit-control.components-unit-control{
  align-items: flex-end;
}
.ansarbl-panel-control .ansarbl-tab-panel .ansarbl-unit-control.components-unit-control .components-input-control__container, .ansarbl-unit-control.components-unit-control .components-input-control__container {
  width: 65%;
}
.ansarbl-panel-control .ansarbl-tab-panel .ansarbl-base-control.components-base-control .components-base-control__field, .ansarbl-base-control.components-base-control .components-base-control__field {
  display: flex;
  align-items: center;
}
.ansarbl-panel-control .ansarbl-tab-panel .components-tools-panel.ansarbl-color-style, .components-tools-panel.ansarbl-color-style{
  border: none;
  padding: 0px;
}
.ansarbl-panel-control .ansarbl-tab-panel .components-tools-panel.ansarbl-color-style button.components-button, .components-tools-panel.ansarbl-color-style button.components-button{
  padding: 8px;
  width: 36px;
  height: 36px;
}
.ansarbl-panel-control .ansarbl-tab-panel .ansarbl-color-style .block-editor-tools-panel-color-gradient-settings__item.first, .ansarbl-color-style .block-editor-tools-panel-color-gradient-settings__item.first{
  margin-top: 0;
}
.ansarbl-tab-controls .rfip{
  margin: 0;
}
.ansarbl-tab-controls .rfipdropdown--default.rfipdropdown {
  width: 248px !important;
}
.ansarbl-tab-controls .rfip .rfipdropdown {
  position: relative;
  left: -15px !important;
}
.ansarbl-tab-controls .components-base-control.ansarbl-icon-picker .components-base-control__label{
  display: block;
}
.ansarbl-res-dimension.components-base-control, 
.ansarbl-border-control.components-base-control, 
.ansarbl-res-range-control.components-base-control {
  margin-bottom: 20px !important;
}
.ansarbl-res-dimension-label-n-unit, 
.ansarbl-border-main-label,
.ansarbl-color-controls, 
.ansarbl-shadow-controls, 
.ansarbl-typography-controls, 
.ansarbl-res-range-controls, 
.ansarbl-range-controls, 
.ansarbl-color-type, 
.ansarbl-select-control, 
.ansarbl-res-choose-controls {
  display: flex;
  gap: 8px;
  align-items: center;
}
.ansarbl-control-label .components-base-control__label, .ansarbl-control-label .components-input-control__label, .ansarbl-res-dimension-label, .ansarbl-res-range-label, .ansarbl-res-choose-label, .ansarbl-range-label, .ansarbl-border-label, .ansarbl-shadow-position-label, .ansarbl-color-label, 
.ansarbl-shadow-label, .ansarbl-color-type-label, .ansarbl-select-control-label, .ansarbl-typography-label, .ansarbl-range-label .components-base-control__label, 
.ansarbl-control-label .components-toggle-control__label{
  color: #5d6c83 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  text-transform: capitalize !important;
}
.ansarbl-control-label.heading .components-base-control__label {
  font-weight: 600 !important;
  font-size: 14px !important;
}
.ansarbl-control-label .components-select-control__input{
  font-weight: 400 !important;
}
.ansarbl-dimension-inner {
  display: flex;
  gap: 2px;
  padding-top: 10px;
}
.ansarbl-res-range-inner, .ansarbl-range-inner {
  padding-top: 10px;
}
.ansarbl-dimension-inner .components-base-control .components-base-control__field .components-flex{
  gap: inherit;
}
.ansarbl-dimension-inner .components-base-control .components-base-control__field .components-flex .components-flex-item{
  align-self: center;
  max-width: 100%;
}
.ansarbl-dimension-inner label.components-input-control__label{
  color: #5d6c83;
  text-transform: capitalize !important;
}
.ansarbl-dimension-inner button.components-button{
    background: transparent; 
    color: #5d6c83;
    border-color: rgba(0,0,0,0);
    background: none;
    cursor: pointer;
}
.ansarbl-dimension-inner button.components-button i{
  height: 18px;
}
.ansarbl-units-container{
  margin-left: auto;
}
.ansarbl-units-hide .ansarbl-units-container {
  display: none;
}
.ansarbl-panel-control .ansarbl-units-dropdown .ansarbl-units-button, .ansarbl-units-dropdown .ansarbl-units-button{
  align-items: center;
  display: flex;
  justify-content: center;
  height: 20px;
  width: 30px;
  font-size: 10px;
  font-weight: 700;
  line-height: 0;
  text-transform: uppercase;
  background: #e2d6fb;
  color: #5E24EF;
}
.ansarbl-units-dropdown button.components-button.ansarbl-units-button:hover{
  background: #e2d6fb;
  color: #5E24EF;
  border: none;
}
.ansarbl-dropdown-unit-items .components-popover__content{
  padding: 0;
  box-shadow: 0 0 7px 0px rgb(0 0 0 / 12%);
  border-radius: 3px;
  border: 1px solid #e2e8f0;
}
.ansarbl-dropdown-unit-items .components-popover__content button.ansarbl-units-menus{
  align-items: center;
  display: flex;
  justify-content: center;
  height: 25px;
  width: 28px;
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 0;
  border: none;
  padding: 0;
  cursor: pointer;
  background: #ffffff;
  color: #5d6c83;
}
.ansarbl-panel-control .ansarbl-tab-panel .ansarbl-dimension-inner button.components-button:hover, .ansarbl-dimension-inner button.components-button:hover, 
.ansarbl-panel-control .ansarbl-tab-panel .ansarbl-dimension-inner button.components-button:hover:not(:disabled), .ansarbl-dimension-inner button.components-button:hover:not(:disabled){
  background: transparent; 
  background: none;
  color: #5d6c83;
  border-color: rgba(0,0,0,0);
}
.ansarbl-panel-control .ansarbl-tab-panel .ansarbl-dimension-inner .components-base-control.components-input-control, .ansarbl-dimension-inner .components-base-control.components-input-control, 
.ansarbl-panel-control .ansarbl-tab-panel .ansarbl-border-main-label .components-base-control,
.ansarbl-panel-control .ansarbl-tab-panel .ansarbl-border-main-label .components-base-control .components-base-control__field, 
.ansarbl-shadow-position .components-base-control,
.ansarbl-shadow-position .components-base-control .components-base-control__field, 
.ansarbl-panel-control .ansarbl-tab-panel .ansarbl-color-type .components-base-control, .ansarbl-color-type .components-base-control, 
.ansarbl-panel-control .ansarbl-tab-panel .ansarbl-color-type .components-base-control .components-base-control__field, .ansarbl-color-type .components-base-control .components-base-control__field, 
.ansarbl-panel-control .ansarbl-tab-panel .ansarbl-select-control .components-base-control, .ansarbl-select-control .components-base-control, 
.ansarbl-panel-control .ansarbl-tab-panel .ansarbl-select-control .components-base-control .components-base-control__field, .ansarbl-select-control .components-base-control .components-base-control__field {
  margin-bottom: 0 !important;
}
.ansarbl-panel-control .ansarbl-tab-panel .components-input-control__container .components-input-control__input{
  min-height: 32px;
  height: 32px;
}
.ansarbl-select-control .components-base-control .components-base-control__field .components-select-control__input{
  height: 32px;
  min-height: 32px;
}
.ansarbl-panel-control .ansarbl-tab-panel .ansarbl-border-main-label .components-base-control, 
.ansarbl-shadow-position .components-base-control, 
.ansarbl-panel-control .ansarbl-tab-panel .ansarbl-color-type .components-base-control, .ansarbl-color-type .components-base-control, 
.ansarbl-panel-control .ansarbl-tab-panel .ansarbl-select-control .components-base-control, .ansarbl-select-control .components-base-control {
  width: 120px;
}
.ansarbl-panel-control .ansarbl-tab-panel .ansarbl-border-main-label, 
.ansarbl-panel-control .ansarbl-tab-panel .ansarbl-color-controls, .ansarbl-color-controls,
.ansarbl-panel-control .ansarbl-tab-panel .ansarbl-shadow-controls, .ansarbl-shadow-controls, 
.ansarbl-panel-control .ansarbl-tab-panel .ansarbl-typography-controls, .ansarbl-typography-controls, 
.ansarbl-panel-control .ansarbl-tab-panel .ansarbl-color-type, .ansarbl-color-type, 
.ansarbl-panel-control .ansarbl-tab-panel .ansarbl-select-control, .ansarbl-select-control {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.ansarbl-shadow-position{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 10px;
}
/* -----Color Picker Control----- */
.ansarbl-panel-control .ansarbl-tab-panel .control-label-wrapper .button-wrapper, .control-label-wrapper .button-wrapper {
  display: flex;
  align-items: center;
}
.ansarbl-panel-control .button-wrapper .ansarbl-color-toggle, .button-wrapper .ansarbl-color-toggle, 
.ansarbl-panel-control .button-wrapper .ansarbl-edit-toggle, .button-wrapper .ansarbl-edit-toggle{
  display: flex;
  padding: 7px;
  gap: 4px;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  align-items: center;
  width: 35px;
  height: 35px;
  border-radius: 3px;
  box-shadow: none;
  cursor: pointer;
}
.ansarbl-panel-control .ansarbl-tab-panel .components-button.ansarbl-color-toggle.is-secondary:hover:not(:disabled), .components-button.ansarbl-color-toggle.is-secondary:hover:not(:disabled), .components-button.ansarbl-color-toggle.is-secondary:focus:not(:disabled),
.ansarbl-panel-control .ansarbl-tab-panel .components-button.ansarbl-edit-toggle.is-secondary:hover:not(:disabled), .components-button.ansarbl-edit-toggle.is-secondary:hover:not(:disabled){
  box-shadow: none;
}
.button-wrapper .ansarbl-color-toggle span.ansarbl-defined-color{
  width: 19px;
  height: 19px;
  background: repeating-conic-gradient(rgb(153, 153, 153) 0%, rgb(153, 153, 153) 25%, rgb(238, 238, 238) 0%, rgb(238, 238, 238) 50%) center center / 8px 8px;
  display: inline-block;
  border-radius: 50%;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.2);
}
.ansarbl-colorpicker-wrapper{
  padding: 16px;
}
.ansarbl-global-color-label {
    font-size: 13px;
    font-weight: 400;
    text-transform: capitalize;
    color: currentColor;
    margin-bottom: 8px;
}
.ansarbl-panel-control .ansarbl-tab-panel .components-button.ansarbl-color-toggle.is-pressed:hover:not(:disabled), .components-button.ansarbl-color-toggle.is-pressed:hover:not(:disabled), 
.ansarbl-panel-control .ansarbl-tab-panel .components-button.ansarbl-edit-toggle.is-pressed:hover:not(:disabled), .components-button.ansarbl-edit-toggle.is-pressed:hover:not(:disabled) {
  background: #fff;
}
.ansarbl-panel-control .ansarbl-tab-panel .button-wrapper span.ansarbl-reset, .button-wrapper span.ansarbl-reset{
  color: #b69df3;
  font-size: 12px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
/* -----Box Shadow & Typography Control----- */
.box-shadow-controls-wrapper, 
.typography-controls-wrapper {
  width: 300px;
  padding: 12px;
}
.ansarbl-panel-control .ansarbl-tab-panel .button-wrapper .ansarbl-edit-toggle span.ansarbl-open-edit, .button-wrapper .ansarbl-edit-toggle span.ansarbl-open-edit{
  color: #5d6c83;
  height: 20px;
  width: 20px;
}
/* -----Responsive Range Control----- */
.ansarbl-panel-control .ansarbl-tab-panel .ansarbl-reset .components-button.components-range-control__reset, .ansarbl-reset .components-button.components-range-control__reset{
  border: none;
  font-weight: 600;
  color: #5E24EF;
  box-shadow: none;
  background: #e2d6fb;
  margin-left: -2px;
}
.ansarbl-panel-control .ansarbl-tab-panel .ansarbl-reset .components-button.components-range-control__reset.is-secondary:hover:not(:disabled), .ansarbl-reset .components-button.components-range-control__reset.is-secondary:hover:not(:disabled){
  box-shadow: none;
}
/* -----Gradient Control----- */
.ansarbl-panel-control .ansarbl-tab-panel .ansarbl-color-type-controls, .ansarbl-color-type-controls {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
.ansarbl-panel-control .ansarbl-tab-panel .ansarbl-color-type-control-tab, .ansarbl-color-type-control-tab {
  display: flex;
  gap: 4px;
}
.ansarbl-panel-control .ansarbl-tab-panel .ansarbl-color-type-control-tab .ansarbl-gradient-tab-button, .ansarbl-color-type-control-tab .ansarbl-gradient-tab-button {
  border: 1px solid #e2e8f0;
  background-color: #fff;
  color: #000;
  display: flex;
  align-items: center;
  border-radius: 2px;
  padding: 5px;
  height: 26px;
  width: 26px;
  min-width: unset;
}
.ansarbl-panel-control .ansarbl-tab-panel .ansarbl-color-type-control-tab .ansarbl-gradient-tab-button:hover{
  color: #000;
}
.ansarbl-panel-control .ansarbl-tab-panel .ansarbl-color-type-control-tab .ansarbl-gradient-tab-button.is-active{
  color: #5E24EF;
  background-color: #e2d6fb;
  box-shadow: none;
  border-color: #e2d6fb;
}
.ansarbl-panel-control .ansarbl-tab-panel .ansarbl-color-type-control-tab .ansarbl-gradient-tab-button span {
  font-size: 14px;
  display: flex;
  align-items: center;
}
.ansarbl-panel-control .ansarbl-tab-panel .ansarbl-color-types {
  padding-top: 10px;
}
.ansarbl-panel-control .ansarbl-tab-panel label.ansarbl-background-type-label {
  margin-bottom: 8px;
}