.ocean-image-picker .components-button-group{display:flex;justify-content:space-between;width:100%}.ocean-image-picker .components-button-group button{display:inline-block;text-align:center;width:45%}
.ocean-component-device-preview{display:flex;justify-content:flex-end;margin-bottom:-20px}.ocean-component-device-preview .ocean-device-preview{border-style:none;box-shadow:none!important;height:24px;padding:5px;width:24px}.ocean-component-device-preview .ocean-device-preview.active-tab{color:var(--wp-admin-theme-color)}.ocean-component-device-preview .ocean-device-preview .dashicon{font-size:15px;line-height:20px}.ocean-component-button-group.ocean-component-has-responsive .ocean-component-button-group__label{padding-bottom:0}.ocean-component-button-group.ocean-component-has-responsive .ocean-component-device-preview{display:flex;flex-direction:row}.ocean-component-button-group.ocean-component-has-responsive .ocean-component-device-preview .ocean-device-preview{border-style:none;box-shadow:none!important;height:24px;padding:5px;width:24px}
.ocean-repeator-control{margin-bottom:24px}.ocean-repeator-control .type-label{display:block;font-size:13px;font-weight:600;margin-bottom:14px}.ocean-repeator-type-select{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.ocean-repeator-type-select .components-base-control{flex-grow:1}.ocean-repeator-type-select .ocean-repeator-remove.has-icon{color:#afafaf;height:100%;padding:0}.ocean-repeator-type-select .ocean-repeator-remove.has-icon svg{width:20px}.interface-interface-skeleton__sidebar .ocean-repeator-type-select .components-base-control,.interface-interface-skeleton__sidebar .ocean-repeator-type-select .components-base-control__field{margin-bottom:0}
.ocean-component-color-picker.ocean-has-popup .components-base-control__field{align-items:center;display:flex;justify-content:space-between;position:relative}.ocean-component-color-picker.ocean-has-popup .ocean-component-color-picker__container{height:28px;width:28px}.ocean-component-color-picker.ocean-has-popup .ocean-component-color-picker__container .components-color-palette__item{position:relative}.ocean-component-color-picker.ocean-has-inline .ocean-component-color-picker__container{margin-top:.5em}.ocean-component-color-picker.ocean-has-inline .components-circular-option-picker__option-wrapper{margin-right:0}.ocean-component-color-picker.ocean-has-inline .ocean-component-color-picker__inline{margin-top:1em}.ocean-component__popover--content .ocean-has-inline>.components-base-control__field{border-bottom:1px solid var(--color-border)}.ocean-component-color-picker--wrapper .components-color-picker,.ocean-component-color-picker--wrapper .components-color-picker .react-colorful{width:100%}.ocean-component-color-picker__palette{border-bottom:1px solid var(--color-border);margin-bottom:24px}.ocean-component-color-picker__palette .components-circular-option-picker .components-circular-option-picker__swatches{display:flex;flex-flow:row wrap;justify-content:space-between;margin-right:0}.ocean-component-color-picker__palette .components-circular-option-picker .components-circular-option-picker__swatches .components-circular-option-picker__option-wrapper{margin-right:0}.ocean-component-color-picker__header{align-items:center;display:flex;justify-content:space-between;position:relative}.ocean-component-color-picker__header .ocean-component-color-picker__header--button{height:28px;width:28px}.ocean-component-color-picker__popover .components-popover__content{padding:10px;width:300px}.ocean-component-color-picker__popover .components-color-picker__inputs-toggle{display:none}.ocean-component-color-picker__popover .components-color-picker__inputs-wrapper{min-width:auto}.ocean-color-picker__alpha{padding:0 16px 10px;position:relative}.ocean-color-picker__alpha--label{display:block;margin-bottom:8px}.ocean-color-picker__alpha--input{display:flex}.ocean-color-picker__alpha--input svg{cursor:pointer;height:30px;width:30px}.ocean-color-picker__alpha--input .components-range-control{flex-grow:1;padding-left:5px}
:root{--cssPosition:50%}.ocean-component-control-range-slider{width:100%}.ocean-range-slider-section{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.ocean-range-slider-section .ocean-range-slider--slider{border-radius:2px;cursor:pointer;height:18px;margin-inline-end:16px;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:calc(67% - 5px)}.ocean-range-slider-section .ocean-range-slider--slider .slider-input{box-sizing:border-box;cursor:pointer;display:block;height:100%;left:0;margin:0 -6px;opacity:0;outline:none;position:absolute;right:0;top:0;width:calc(100% + 12px)}.ocean-range-slider-section .ocean-range-slider--slider .ocean-range-slider-track{border-radius:2px;cursor:pointer;height:18px;margin-inline-end:14px;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ocean-range-slider-section .ocean-range-slider--slider .ocean-range-slider-track:before{background:#cdd0d2;border-radius:inherit;content:"";height:2px;left:0;position:absolute;top:calc(50% - 1px);width:calc(100% + 14px)}.ocean-range-slider-section .ocean-range-slider--slider .ocean-range-slider-track div{background:var(--wp-components-color-accent,var(--wp-admin-theme-color,#007cba));border-radius:inherit;height:2px;left:0;padding-right:7px;position:absolute;top:calc(50% - 1px)}.ocean-range-slider-section .ocean-range-slider--slider .ocean-range-slider-track span{background:var(--wp-components-color-accent,var(--wp-admin-theme-color,#007cba));border-radius:100%;bottom:0;height:14px;left:var(--cssPosition);margin:auto 0;outline:none;position:absolute;top:0;transition:box-shadow .1s ease,background .1s ease;width:14px}.ocean-range-slider-section .ocean-range-slider--input{align-items:center;background:#fff;border:1px solid #cfcece;border-radius:3px;box-sizing:border-box;display:grid;grid-template-columns:repeat(2,1fr);height:30px;position:relative;transition:background .1s ease,border-color .1s ease;width:33%}.ocean-range-slider-section .ocean-range-slider--input input[type=number]{-moz-appearance:textfield;min-width:0;position:relative;text-align:center;z-index:1}.ocean-range-slider-section .ocean-range-slider--input input[type=number]::-webkit-inner-spin-button,.ocean-range-slider-section .ocean-range-slider--input input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.ocean-range-slider-section .ocean-range-slider--input input[type=number],.ocean-range-slider-section .ocean-range-slider--input input[type=text]{background-color:transparent;border:1px solid transparent!important;border-radius:3px!important;box-shadow:0 0 0 0 transparent;color:#555d66;font-size:11px!important;height:30px!important;line-height:normal;margin:-1px!important;min-height:auto;padding:5px!important;transition:box-shadow .1s linear,background .1s linear,border-radius .1s linear,border-color .1s linear;width:auto!important}.ocean-range-slider-section .ocean-range-slider--input .ocean-range-slider-unit-value{align-items:center;color:#555d66;cursor:pointer;display:flex;flex-grow:1;font-size:10px;font-weight:600;height:100%;justify-content:center;letter-spacing:1px;line-height:normal;position:relative;text-transform:uppercase;transition:color .1s ease,font-weight .1s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ocean-range-slider-section .ocean-range-slider--input .ocean-range-slider-unit-value:before{background:#ccc;content:"";height:50%;left:0;position:absolute;width:1px}.ocean-range-slider-section .ocean-range-slider--input .ocean-range-slider-unit-list{grid-column-gap:5px;background:#fff;border:1px solid #ddd;border-radius:inherit;box-shadow:0 15px 15px rgba(0,0,0,.08);box-sizing:border-box;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));left:-1px;opacity:0;padding:0 2px;position:absolute;top:-1px;transform:scale3d(.95,.95,1);transform-origin:center top;transition:opacity .1s ease,visibility .1s ease,transform .1s ease-out;visibility:hidden;width:calc(100% + 2px);z-index:2}.ocean-range-slider-section .ocean-range-slider--input .ocean-range-slider-unit-list.show{opacity:1;transform:scaleX(1);visibility:visible}.ocean-range-slider-section .ocean-range-slider--input .ocean-range-slider-unit-list:after{align-self:center;border-inline-start:1px dashed #eee;content:"";height:calc(100% - 6px);justify-self:center;margin-inline-start:1px;position:absolute;width:1px}.ocean-range-slider-section .ocean-range-slider--input .ocean-range-slider-unit-list .unit-option{align-items:center;background:inherit;border-bottom:1px dashed #eee;color:#555d66;cursor:pointer;display:flex;font-size:9px;font-weight:700;height:26px;justify-content:center;letter-spacing:.06em;padding:2px 0;position:relative;text-transform:uppercase;z-index:1}
.ocean-component-typography__popover .components-popover__content{box-shadow:0 0 10px 4px #c7c7c7}.ocean-component__popover--content .react-select__control{cursor:pointer}.ocean-component__popover--content .react-select__value-container{position:static}.ocean-component__popover--content .react-select__value-container .react-select__single-value{align-items:center;display:flex;flex-direction:row;height:100%}.ocean-component__popover--content .react-select__value-container input.react-select__input{box-shadow:none}.ocean-component__popover--content.ocean-typograhpy--content .ocean-component-label,.ocean-typograhpy--content__font-family{margin-bottom:8px}.ocean-component-typograhpy--font-object{display:flex;flex-direction:row;flex-grow:1;justify-content:center}.ocean-component-typograhpy--font-object .ocean-font-object:nth-of-type(n+1){width:100%}.ocean-component-typograhpy--font-object .ocean-font-object:nth-of-type(2){padding-left:15px}.ocean-typograhpy--content__text-transform .ocean-editor-control-button.is-primary{z-index:0}.ocean-typo-popup-toolbar{align-items:center;border-bottom:1px solid #eaeaea;display:flex;justify-content:space-between;margin:-10px -10px 10px;padding:10px}.ocean-typo-popup-toolbar .components-button-group{align-items:center;display:flex;gap:10px}.ocean-typo-popup-toolbar .components-button-group .components-button{margin:0}.ocean-typo-popup-toolbar .reset-typo{align-items:center;box-shadow:none!important;display:flex;padding:0}.ocean-typo-popup-toolbar .ocean-component-device-preview{margin-bottom:0}.ocean-typo-popup-toolbar .ocean-component-device-preview .dashicon{font-size:18px}