.styble-responsive{margin-left:10px}

.styble-tab-panel .styble-button-group{width:100%}.styble-tab-panel .styble-button-group-list{border:1px solid #d7dade;display:flex;width:100%}.styble-tab-panel .styble-button-group-list button{background-color:#fff;box-shadow:none;color:#1e1e1e;height:32px;justify-content:center;padding:0;position:relative;width:100%}.styble-tab-panel .styble-button-group-list button:focus:not(:disabled){box-shadow:none;outline:none}.styble-tab-panel .styble-button-group-list button span{align-items:center;display:flex;justify-content:center}.styble-tab-panel .styble-button-group-list button p{background-color:#757575;border-radius:4px;color:#fff;font-size:10px;opacity:0;padding:8px 10px;position:absolute;right:50%;top:-40px;transform:translateX(50%);transition:.3s;visibility:hidden;white-space:nowrap}.styble-tab-panel .styble-button-group-list button p:after{border:10px solid transparent;border-top-color:#757575;content:"";opacity:0;position:absolute;right:50%;top:30px;transform:translateX(50%);transition:.3s;visibility:hidden}.styble-tab-panel .styble-button-group-list button:hover p,.styble-tab-panel .styble-button-group-list button:hover p:after{opacity:1;visibility:visible}.styble-tab-panel .styble-button-group-list button.active span{background-color:#008db4;color:#fff;height:85%;margin-top:1px;width:calc(100% - 4px)}.styble-tab-panel .styble-button-group-list button.active span svg{fill:#fff}.styble-tab-panel .styble-button-group .has-border button{border-left:1px solid #d7dade;margin-left:0}.styble-tab-panel .styble-button-group .has-border button:first-child{border-left:0}.styble-tab-panel .styble-button-group.button-style-2{align-items:center;justify-content:space-between}.styble-tab-panel .styble-button-group.button-style-2 .styble-button-group-list{width:130px}.styble-tab-panel .styble-button-group.button-style-2 .styble-component-title,.styble-tab-panel .styble-button-group.button-style-2 .styble-component-top{margin-bottom:0}
.styble-tab-panel .styble-toggle .components-flex{flex-direction:row-reverse}.styble-tab-panel .styble-toggle .components-toggle-control__label{margin-bottom:0}.styble-tab-panel .styble-toggle .components-form-toggle.is-checked .components-form-toggle__track{background:#008db4}.styble-tab-panel .styble-toggle .components-form-toggle.is-checked .components-form-toggle__thumb{background:#fff}.styble-tab-panel .styble-toggle .components-form-toggle .components-form-toggle__thumb{background:#757575;border-color:#757575}
.styble-color-picker{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.styble-color-picker .styble-component-title{margin-bottom:0!important}.styble-color-picker p{margin-bottom:0}.styble-color-picker .components-dropdown,.styble-color-picker button.components-button{height:30px;padding:0}.styble-color-picker .components-dropdown :focus:not(:disabled),.styble-color-picker button.components-button :focus:not(:disabled){box-shadow:none;outline:none}.styble-color-picker .components-dropdown span.component-color-indicator,.styble-color-picker button.components-button span.component-color-indicator{height:30px;width:30px}.styble-color-picker-palette{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px;margin-left:15px}.styble-color-picker-palette li{border-radius:100%;height:30px;margin:0;width:30px}.styble-color-picker-palette li button{padding:0;width:100%}.styble-color-picker-palette li button:focus:not(:disabled){box-shadow:none;outline:none}

.styble-media-control__wrapper{background-color:#fff;background-position:50%;background-repeat:no-repeat;background-size:cover;border:1px solid #e6e7e9;border-radius:3px;-webkit-display:flex;-moz-display:flex;-ms-display:flex;display:flex;flex-direction:column;height:130px;justify-content:flex-end;position:relative}.styble-media-control__wrapper .styble-media-video{color:#2f8db4;font-size:45px;left:50%;position:absolute;top:42%;transform:translate(-50%,-50%)}.styble-media-control__clickable{background-color:transparent;border:unset;color:transparent;cursor:pointer}.styble-media-control__button{align-items:center;border-radius:50%;-webkit-display:flex;-moz-display:flex;-ms-display:flex;display:flex;height:18px;justify-content:center;width:18px}.styble-media-control__button--add{background-color:#ccc}.styble-media-control__clickable--add{height:100%}.styble-media-control__clickable--add,.styble-media-control__clickable--replace{align-items:center;-webkit-display:flex;-moz-display:flex;-ms-display:flex;display:flex;justify-content:center;width:100%}.styble-media-control__clickable--replace{background-color:#f0f0f1;bottom:-1px;color:#50575e;height:25px;position:absolute}.styble-media-control__button--close{background-color:#f0f0f1;position:absolute;right:0;top:0}.styble-media-control__clickable--add span,.styble-media-control__clickable--close span{color:#50575e;font-size:18px;font-weight:300}.styble-infobox .styble-infobox-icon,.styble-infobox .styble-infobox-num{line-height:0}.styble-infobox .styble-infobox-image{flex-shrink:0}
.styble-spacing-part-2{display:flex}.styble-spacing-part-2 label{color:#8c8f94;display:inline-block;font-size:11px;margin-top:4px}.styble-spacing-part-2 input{border-radius:0;border-right:0;border-color:#ddd;padding:0;text-align:center;width:100%}.styble-spacing-part-2 input:focus:not(:disabled){border-color:#ddd;box-shadow:none;outline:none}.styble-spacing-all{height:30px;width:140px}.styble-spacing-all button{border:1px solid #ddd;border-radius:0;height:100%;justify-content:center;padding:0;width:100%}.styble-spacing-all button.active{background-color:#008db4;border-color:transparent}.styble-spacing-all button:focus:not(:disabled){box-shadow:none;outline:none}.styble-spacing-left.box input,.styble-spacing-right.box input{border-right:1px solid #ddd;margin-right:0}
.styble-tab-panel .styble-border .components-select-control{align-items:center;flex-direction:row}.styble-tab-panel .styble-border .components-select-control .components-input-control__container{flex:0}.styble-tab-panel .styble-border .components-select-control .components-select-control__input{width:120px}
.styble-tab-panel .styble-button-group{width:100%}.styble-tab-panel .styble-button-group-list{border:1px solid #d7dade;display:flex;width:100%}.styble-tab-panel .styble-button-group-list button{background-color:#fff;box-shadow:none;color:#1e1e1e;height:32px;justify-content:center;padding:0;width:100%}.styble-tab-panel .styble-button-group-list button:focus:not(:disabled){box-shadow:none;outline:none}.styble-tab-panel .styble-button-group-list button span{align-items:center;display:flex;justify-content:center}.styble-tab-panel .styble-button-group-list button.active span{background-color:#008db4;color:#fff;height:85%;margin-top:1px;width:calc(100% - 4px)}.styble-tab-panel .styble-button-group-list button.active span svg{fill:#fff}.styble-tab-panel .styble-button-group .has-border button{border-left:1px solid #d7dade;margin-left:0}.styble-tab-panel .styble-button-group .has-border button:first-child{border-left:0}.styble-tab-panel .styble-button-group.button-style-2{align-items:center;justify-content:space-between}.styble-tab-panel .styble-button-group.button-style-2 .styble-button-group-list{width:130px}.styble-tab-panel .styble-button-group.button-style-2 .styble-component-title,.styble-tab-panel .styble-button-group.button-style-2 .styble-component-top{margin-bottom:0}
*{margin:0;padding:0}.block-editor-block-inspector .styble-tab-panel .components-base-control:last-child{margin-bottom:0}div:has(>.styble-tab-panel)~div:has(>.block-editor-block-inspector__advanced){display:none}.styble-tab-panel .components-tab-panel__tabs-item:focus:not(:disabled){box-shadow:none}.styble-tab-panel .components-tab-panel__tabs{justify-content:center}.styble-tab-panel .components-tab-panel__tabs>button{padding:0}.styble-tab-panel .components-tab-panel__tabs button{background-color:#008db4;color:#fff;height:40px;justify-content:center;width:100%}.styble-tab-panel .components-tab-panel__tabs button:not(:last-child){border-right:1px solid #fff}.styble-tab-panel .components-tab-panel__tabs button span{align-items:center;display:flex}.styble-tab-panel .components-tab-panel__tabs button span svg{margin-right:4px;fill:#fff}.styble-tab-panel .components-tab-panel__tabs button.active-tab{background-color:#fff;border-bottom-color:transparent;border-top:2px solid;color:#008db4}.styble-tab-panel .components-tab-panel__tabs button.active-tab span svg{fill:#008db4}.styble-tab-panel .components-panel__body.is-opened>.components-panel__body-title{background-color:#f0f0f0;margin-bottom:12px}.styble-tab-panel .components-panel__body .components-panel__body-title button:focus:not(:disabled){box-shadow:none;outline:none}.styble-tab-panel .styble-accordion{margin:12px 0}.styble-tab-panel .styble-component-mb{margin-bottom:24px}.styble-tab-panel .styble-component-mb:last-child{margin-bottom:0}.styble-tab-panel .styble-component-top{display:flex}.styble-tab-panel .components-base-control__label,.styble-tab-panel .components-input-control__label,.styble-tab-panel .components-toggle-control__label,.styble-tab-panel .styble-component-title,.styble-tab-panel .styble-ranger-title{color:#757575;display:inline-block;font-size:11px;font-weight:700;margin-bottom:8px;text-transform:uppercase}.styble-tab-panel .components-input-control__label{font-weight:700!important;margin-bottom:0}.styble-tab-panel .styble-header-control{display:flex;justify-content:space-between;margin-bottom:10px}.styble-tab-panel .styble-header-control-left{display:flex}.styble-tab-panel .styble-header-control-right{display:flex;margin-top:2px}.styble-tab-panel .styble-header-control-reset{height:18px;margin-right:10px;padding:0}.styble-tab-panel .styble-header-control-reset.active{color:#008db4}.styble-tab-panel .styble-header-control-reset:focus:not(:disabled){box-shadow:none;outline:none}.styble-tab-panel .styble-units{color:#8c8f94;position:relative}.styble-tab-panel .styble-units-btn{box-shadow:2px 2px 8px 0 rgba(0,0,0,.15);margin-top:2px;opacity:0;position:absolute;transition:.3s;visibility:hidden;z-index:999}.styble-tab-panel .styble-units:hover .styble-units-btn{opacity:1;visibility:visible}.styble-tab-panel .styble-units:hover span{border-color:#008db4;color:#008db4}.styble-tab-panel .styble-units:hover span svg{fill:#008db4}.styble-tab-panel .styble-units span{align-items:center;border:1px solid #8c8f94;border-radius:2px;cursor:pointer;display:inline-block;display:flex;font-size:10px;height:20px;justify-content:center;padding:0;text-transform:capitalize;width:23px}.styble-tab-panel .styble-units span svg{fill:#8c8f94}.styble-tab-panel .styble-units span.box-unit{width:45px!important}.styble-tab-panel .styble-units button{background-color:#fff;border:none;border-radius:0;box-shadow:none;color:#8c8f94;display:flex;font-size:10px;height:20px;justify-content:center;padding:0;width:23px}.styble-tab-panel .styble-units button:focus:not(:disabled){box-shadow:none;outline:none}.styble-tab-panel .styble-units button.active{background-color:#008db4;color:#fff}.styble-tab-panel .styble-units.box .styble-units-btn button{width:45px}p.styble-child-block-notice{background-color:#f1f1f1;margin:0 16px 16px;padding:20px}.edit-post-editor__list-view-panel-content .is-selected .styble-block-icon svg{fill:#fff!important}.styble-block-icon{display:inline-flex}.styble-block-icon svg{fill:#008db4!important}.block-editor-block-inspector .styble-tab-panel .components-panel__body:first-child{border-top:none}
.styble-container-variation-picker{background:#fff;border:1px solid #ccc;margin:auto;padding:30px 75px;text-align:center;width:620px}.styble-container-variation-picker-label span{color:#2f2f2f;font-size:26px;font-weight:600;letter-spacing:0;margin:0}.styble-container-variation-picker-label p{color:#949494;font-size:14px;margin:6px 0 40px}.styble-container-variation-picker ul{display:flex;flex-wrap:wrap;list-style:none;padding:0;row-gap:40px}.styble-container-variation-picker ul li{flex:0 0 33.33%}.styble-container-variation-picker ul li button{background:transparent;border:none;cursor:pointer;height:60px;width:65%}.styble-container-variation-picker ul li button svg{fill:#008db4;height:100%;width:100%}.editor-styles-wrapper .styble-container-variation-picker ul{list-style:none}