.mgb-color-control{margin-bottom:16px}.mgb-color-control__header{align-items:center;justify-content:space-between}.mgb-color-control__label{color:#757575;font-size:11px;font-weight:500;text-transform:uppercase}.mgb-color-control__indicator{background-image:linear-gradient(45deg,#ddd 25%,transparent 0,transparent 75%,#ddd 0,#ddd),linear-gradient(45deg,#ddd 25%,transparent 0,transparent 75%,#ddd 0,#ddd);background-position:0 0,4px 4px;background-size:8px 8px;border:2px solid #ddd;border-radius:4px;cursor:pointer;height:28px;min-width:28px;padding:0;width:28px}.mgb-color-control__indicator:hover{border-color:var(--mgb-primary,#5c6bc0)}.mgb-color-control__indicator:focus{box-shadow:0 0 0 2px var(--mgb-primary,#5c6bc0);outline:none}.mgb-color-control__popover .components-popover__content{min-width:260px;padding:12px}.mgb-color-control__content{display:flex;flex-direction:column;gap:12px}.mgb-color-control__picker{border-top:1px solid #e0e0e0;padding-top:12px}.mgb-color-control__clear{justify-content:center;width:100%}
.mgb-typography-control{margin-bottom:16px}.mgb-typography-control__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.mgb-typography-control__label{color:#1e1e1e;font-size:11px;font-weight:500;text-transform:uppercase}.mgb-typography-control__reset{height:24px;min-width:24px;padding:0}.mgb-typography-control__reset:hover{color:var(--wp-admin-theme-color)}.mgb-typography-control__content{display:flex;flex-direction:column;gap:12px}.mgb-typography-control__content .components-base-control{margin-bottom:0}.mgb-typography-control__content .components-select-control__input{font-size:13px}.mgb-typography-control__size .components-flex{gap:8px}.mgb-typography-control__size-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.mgb-typography-control__size-label{color:#757575;font-size:11px;font-weight:500;text-transform:uppercase}.mgb-typography-control__device-buttons{display:flex;gap:2px}.mgb-typography-control__device-btn{height:30px;min-width:30px;padding:0}.mgb-typography-control__device-btn.is-pressed{background-color:var(--wp-admin-theme-color);color:#fff}.mgb-typography-control__device-btn svg{height:20px;width:20px}.mgb-typography-control__unit-group{display:flex}.mgb-typography-control__unit-group .components-button{border-radius:0;font-size:11px;min-width:32px;padding:0 8px}.mgb-typography-control__unit-group .components-button:first-child{border-radius:2px 0 0 2px}.mgb-typography-control__unit-group .components-button:last-child{border-radius:0 2px 2px 0}.mgb-typography-control__unit-group .components-button.is-primary{background-color:var(--wp-admin-theme-color);color:#fff}.mgb-typography-control--compact .mgb-typography-control__content{gap:8px}.mgb-typography-control--compact .components-base-control__label{font-size:11px}.mgb-typography-preview{background:#f0f0f0;border-radius:4px;margin-top:12px;padding:12px;text-align:center}.mgb-typography-preview__text{margin:0;transition:all .2s ease}.mgb-font-family-option{align-items:center;display:flex;justify-content:space-between;padding:8px 12px}.mgb-font-family-option__name{font-size:13px}.mgb-font-family-option__preview{color:#757575;font-size:14px}
.mgb-spacing-control{margin-bottom:16px}.mgb-spacing-control__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.mgb-spacing-control__label{color:#1e1e1e;font-size:11px;font-weight:500;text-transform:uppercase}.mgb-spacing-control__devices{display:flex}.mgb-spacing-control__devices .components-button{background:#fff;border:1px solid #ddd;border-radius:0;height:24px;margin-left:-1px;min-width:26px;padding:2px 6px}.mgb-spacing-control__devices .components-button:first-child{border-radius:2px 0 0 2px;margin-left:0}.mgb-spacing-control__devices .components-button:last-child{border-radius:0 2px 2px 0}.mgb-spacing-control__devices .components-button:hover{background-color:#f0f0f0}.mgb-spacing-control__devices .components-button.is-primary{background-color:var(--wp-admin-theme-color);border-color:var(--wp-admin-theme-color);color:#fff;z-index:1}.mgb-spacing-control__devices .components-button svg{height:14px;width:14px}.mgb-spacing-control__device-btn--desktop svg{height:16px;width:16px}.mgb-spacing-control__device-btn--tablet svg{height:14px;width:14px}.mgb-spacing-control__device-btn--mobile svg{height:12px;width:12px}.mgb-spacing-control__link-toggle.is-pressed{background-color:var(--wp-admin-theme-color);color:#fff}.mgb-spacing-control__link-toggle.is-pressed:hover{background-color:var(--wp-admin-theme-color);opacity:.9}.mgb-spacing-control__inputs{display:grid;gap:8px;grid-template-columns:repeat(4,1fr)}.mgb-spacing-control__input-wrapper{align-items:center;display:flex;flex-direction:column}.mgb-spacing-control__input-wrapper .components-base-control{margin-bottom:0;width:100%}.mgb-spacing-control__input-wrapper .components-input-control__container{width:100%}.mgb-spacing-control__input-wrapper .components-input-control__input{padding-left:4px;padding-right:4px;text-align:center}.mgb-spacing-control__input-label{color:#757575;font-size:10px;margin-top:4px;text-transform:capitalize}.mgb-spacing-control__unit-selector{margin-top:8px}.mgb-spacing-control__unit-selector .components-button-group{display:flex;width:100%}.mgb-spacing-control__unit-selector .components-button{flex:1;font-size:11px;justify-content:center;min-height:28px;padding:4px 8px}.mgb-spacing-control__unit-selector .components-button.is-primary{background-color:var(--wp-admin-theme-color);color:#fff}.mgb-spacing-control.is-linked .mgb-spacing-control__inputs{position:relative}.mgb-spacing-control.is-linked .mgb-spacing-control__inputs:before{border:1px dashed var(--wp-admin-theme-color);border-radius:4px;content:"";inset:-4px;opacity:.5;pointer-events:none;position:absolute}.mgb-spacing-control[data-device]:after{color:#757575;content:attr(data-device);font-size:9px;position:absolute;right:0;text-transform:uppercase;top:0}.mgb-spacing-control .components-box-control__header .components-flex-item{display:none}.mgb-spacing-control__reset{margin-top:8px}.mgb-spacing-control__reset .components-button{font-size:11px;justify-content:center;width:100%}.mgb-spacing-control__reset .components-button:hover{color:var(--wp-admin-theme-color)}.mgb-spacing-control--compact .mgb-spacing-control__inputs{grid-template-columns:repeat(2,1fr)}.mgb-spacing-control--compact .mgb-spacing-control__input-wrapper:first-child{grid-column:1/3;grid-row:1}.mgb-spacing-control--compact .mgb-spacing-control__input-wrapper:nth-child(2){grid-column:2;grid-row:2}.mgb-spacing-control--compact .mgb-spacing-control__input-wrapper:nth-child(3){grid-column:1/3;grid-row:3}.mgb-spacing-control--compact .mgb-spacing-control__input-wrapper:nth-child(4){grid-column:1;grid-row:2}
.mgb-responsive-control{align-items:center;display:flex;gap:8px}.mgb-responsive-control__label{color:#757575;font-size:11px;font-weight:500;text-transform:uppercase}.mgb-responsive-control__buttons{display:flex}.mgb-responsive-control__buttons .components-button{border:1px solid #ddd;border-radius:0;height:28px;margin-left:-1px;min-width:32px;padding:4px 8px}.mgb-responsive-control__buttons .components-button:first-child{border-radius:2px 0 0 2px;margin-left:0}.mgb-responsive-control__buttons .components-button:last-child{border-radius:0 2px 2px 0}.mgb-responsive-control__buttons .components-button:hover{background-color:#f0f0f0}.mgb-responsive-control__buttons .components-button.is-primary{background-color:var(--wp-admin-theme-color);border-color:var(--wp-admin-theme-color);color:#fff;z-index:1}.mgb-responsive-control__buttons .components-button svg{height:18px;width:18px}.mgb-responsive-control__button--desktop svg{height:20px;width:20px}.mgb-responsive-control__button--tablet svg{height:16px;width:16px}.mgb-responsive-control__button--mobile svg{height:14px;width:14px}.mgb-responsive-control-wrapper{margin-bottom:16px}.mgb-responsive-control-wrapper .mgb-responsive-control-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.mgb-responsive-control-wrapper .mgb-responsive-control__field-label{color:#1e1e1e;font-size:11px;font-weight:500;text-transform:uppercase}.mgb-responsive-control-wrapper .mgb-responsive-control__buttons{display:flex}.mgb-responsive-control-wrapper .mgb-responsive-control__buttons .components-button{background:#fff;border:1px solid #ddd;border-radius:0;height:24px;margin-left:-1px;min-width:26px;padding:2px 6px}.mgb-responsive-control-wrapper .mgb-responsive-control__buttons .components-button:first-child{border-radius:2px 0 0 2px;margin-left:0}.mgb-responsive-control-wrapper .mgb-responsive-control__buttons .components-button:last-child{border-radius:0 2px 2px 0}.mgb-responsive-control-wrapper .mgb-responsive-control__buttons .components-button:hover{background-color:#f0f0f0}.mgb-responsive-control-wrapper .mgb-responsive-control__buttons .components-button.is-primary{background-color:var(--wp-admin-theme-color);border-color:var(--wp-admin-theme-color);color:#fff;z-index:1}.mgb-responsive-control-wrapper .mgb-responsive-control__buttons .components-button svg{height:14px;width:14px}.mgb-responsive-control-wrapper .mgb-responsive-control__content .components-range-control{margin-bottom:0}.mgb-responsive-tabs__content{margin-top:12px}.mgb-responsive-tabs__content:before{background:#f0f0f0;border-radius:2px;color:#757575;content:attr(data-device);display:inline-block;font-size:9px;font-weight:600;margin-bottom:8px;padding:2px 6px;text-transform:uppercase}.mgb-responsive-tabs__content[data-device=desktop]:before{content:"Desktop"}.mgb-responsive-tabs__content[data-device=tablet]:before{background:#e6f0ff;color:#0073aa;content:"Tablet"}.mgb-responsive-tabs__content[data-device=mobile]:before{background:#fff0e6;color:#c60;content:"Mobile"}.mgb-responsive-control--inline .mgb-responsive-control__buttons .components-button{height:24px;min-width:24px;padding:2px 6px}.mgb-responsive-control--inline .mgb-responsive-control__buttons .components-button svg{height:14px;width:14px}.mgb-panel-header-responsive{align-items:center;display:flex;justify-content:space-between;width:100%}.mgb-panel-header-responsive__title{font-size:13px;font-weight:600}.mgb-panel-header-responsive .mgb-responsive-control__label{display:none}
.mgb-icon-picker{margin-bottom:16px}.mgb-icon-picker__header{margin-bottom:8px}.mgb-icon-picker__label{color:#1e1e1e;font-size:11px;font-weight:500;text-transform:uppercase}.mgb-icon-picker__controls{margin-bottom:8px}.mgb-icon-picker__selector{align-items:center;background:#fff;border:1px solid #ddd;border-radius:2px;cursor:pointer;display:flex;gap:8px;padding:8px 12px;text-align:left;transition:border-color .2s;width:100%}.mgb-icon-picker__selector:hover{border-color:var(--wp-admin-theme-color)}.mgb-icon-picker__placeholder{color:#757575;font-style:italic}.mgb-icon-picker__preview{align-items:center;display:flex;justify-content:center}.mgb-icon-picker__preview svg{height:100%;width:100%}.mgb-icon-picker__button-text{color:#1e1e1e;flex:1;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mgb-icon-picker__size{margin-top:12px}.mgb-icon-picker__modal .components-modal__content{padding:0}.mgb-icon-picker__modal-content{padding:16px}.mgb-icon-picker__search{margin-bottom:16px}.mgb-icon-picker__search .components-search-control__input{font-size:14px}.mgb-icon-picker__tabs{margin-bottom:16px}.mgb-icon-picker__tabs .components-tab-panel__tabs{border-bottom:1px solid #ddd;display:flex;flex-wrap:wrap;gap:4px;padding-bottom:8px}.mgb-icon-picker__tabs .components-tab-panel__tabs-item{border-radius:2px;font-size:12px;padding:4px 8px}.mgb-icon-picker__tabs .components-tab-panel__tabs-item.is-active{background:var(--wp-admin-theme-color);color:#fff}.mgb-icon-picker__grid{display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));max-height:400px;overflow-y:auto;padding:4px}.mgb-icon-picker__item{align-items:center;background:#f8f8f8;border:1px solid transparent;border-radius:4px;cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:12px 8px;transition:all .2s}.mgb-icon-picker__item:hover{background:#f0f0f0;border-color:var(--wp-admin-theme-color)}.mgb-icon-picker__item.is-selected{background:#e8f4ff;border-color:var(--wp-admin-theme-color)}.mgb-icon-picker__item-icon{align-items:center;display:flex;height:24px;justify-content:center;width:24px}.mgb-icon-picker__item-icon svg{height:100%;width:100%}.mgb-icon-picker__item-name{color:#757575;font-size:10px;max-width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.mgb-icon-picker__no-results{color:#757575;grid-column:1/-1;padding:40px;text-align:center}.mgb-icon{align-items:center;display:inline-flex;justify-content:center;line-height:1}.mgb-icon svg{height:100%;width:100%}.mgb-icon--filled svg{fill:currentColor;stroke:none}.mgb-icon--outlined svg{fill:none;stroke:currentColor}
.mgb-button-wrapper{display:flex}.mgb-button-wrapper--align-left{justify-content:flex-start}.mgb-button-wrapper--align-center{justify-content:center}.mgb-button-wrapper--align-right{justify-content:flex-end}.mgb-button{align-items:center;border:none;box-sizing:border-box;cursor:pointer;display:inline-flex;justify-content:center;outline:none;text-decoration:none;transition:all .3s ease}.mgb-button:hover{background:var(--mgb-btn-hover-bg,inherit);border-color:var(--mgb-btn-hover-border,inherit);color:var(--mgb-btn-hover-color,inherit)}.mgb-button__text{display:inline-block}.mgb-button__icon{align-items:center;display:inline-flex;justify-content:center;line-height:1}.mgb-button__icon svg{height:100%;width:100%}.mgb-button--size-small{font-size:13px;padding:8px 16px}.mgb-button--size-medium{font-size:15px;padding:12px 24px}.mgb-button--size-large{font-size:17px;padding:16px 32px}.mgb-button--size-xlarge{font-size:19px;padding:20px 40px}.mgb-button--full-width{width:100%}.mgb-button--hover-grow:hover{transform:scale(1.05)}.mgb-button--hover-shrink:hover{transform:scale(.95)}.mgb-button--hover-pulse:hover{animation:mgb-button-pulse 1s ease infinite}.mgb-button--hover-float:hover{box-shadow:0 6px 20px rgba(0,0,0,.15);transform:translateY(-4px)}.mgb-button--hover-wobble:hover{animation:mgb-button-wobble .5s ease}@keyframes mgb-button-pulse{0%{box-shadow:0 0 0 0 rgba(var(--mgb-button-bg-rgb,0,115,170),.4)}70%{box-shadow:0 0 0 10px rgba(var(--mgb-button-bg-rgb,0,115,170),0)}to{box-shadow:0 0 0 0 rgba(var(--mgb-button-bg-rgb,0,115,170),0)}}@keyframes mgb-button-wobble{0%{transform:translateX(0)}15%{transform:translateX(-5px) rotate(-5deg)}30%{transform:translateX(4px) rotate(3deg)}45%{transform:translateX(-3px) rotate(-3deg)}60%{transform:translateX(2px) rotate(2deg)}75%{transform:translateX(-1px) rotate(-1deg)}to{transform:translateX(0)}}@media(max-width:991px){.mgb-button-wrapper{justify-content:var(--mgb-btn-align-tablet,inherit)}.mgb-button{font-size:var(--mgb-btn-font-size-tablet,inherit);padding:var(--mgb-btn-padding-tablet,inherit)}}@media(max-width:767px){.mgb-button-wrapper{justify-content:var(--mgb-btn-align-mobile,var(--mgb-btn-align-tablet,inherit))}.mgb-button{font-size:var(--mgb-btn-font-size-mobile,var(--mgb-btn-font-size-tablet,inherit));padding:var(--mgb-btn-padding-mobile,var(--mgb-btn-padding-tablet,inherit))}}