| 1 |
.ghostkit-grid-controls{display:flex;flex-wrap:wrap;margin:0 -10px}.ghostkit-grid-controls>*{flex:1;min-width:80px;margin:0 10px !important}.ghostkit-ext-badge{position:relative;left:8px;padding:1px 3px;font-size:8px;font-weight:700;color:#a9a9a9;text-transform:uppercase;background-color:#f3f3f3;border-radius:2px;transition:.15s background-color, .15s color}.components-panel__body-toggle:hover>.ghostkit-ext-badge{color:#949494;background-color:#e6e6e6}.ghostkit-control-tabs .components-tab-panel__tabs{display:flex;flex-wrap:wrap;margin-bottom:15px;border-bottom:1px solid #e8eaeb}.ghostkit-control-tabs .components-tab-panel__tabs .ghostkit-control-tabs-tab{padding:9px 11px;padding-bottom:11px;margin:0;margin-bottom:-1px;color:#555d66;cursor:pointer;background:none;border:none;border-bottom:2px solid transparent;border-radius:0;outline-offset:-1px}.ghostkit-control-tabs .components-tab-panel__tabs .ghostkit-control-tabs-tab.is-active{position:relative;border-bottom:2px solid #00a0d2;z-index:1}.ghostkit-control-tabs .ghostkit-control-tabs-separator{padding:15px;margin-right:-15px;margin-left:-15px;border-top:1px solid #e8eaeb}.ghostkit-control-tabs .ghostkit-control-tabs-separator:first-child{margin-top:-16px}.ghostkit-control-tabs-spacings .components-tab-panel__tabs{margin-bottom:0}.ghostkit-control-spacing{position:relative;width:100%;padding-top:87%;border:1px solid #e8eaec}.ghostkit-control-spacing .ghostkit-control-spacing-logo{position:absolute;top:50%;left:50%;width:22px;height:22px;margin-top:-11px;margin-left:-11px;opacity:.3;z-index:1}.ghostkit-control-spacing .components-base-control,.ghostkit-control-spacing .components-base-control__field{margin:0 !important}.ghostkit-control-spacing .ghostkit-control-spacing-margin,.ghostkit-control-spacing .ghostkit-control-spacing-padding{position:absolute;top:5px;left:5px;width:calc(100% - 10px);height:calc(100% - 10px)}.ghostkit-control-spacing .ghostkit-control-spacing-margin>span,.ghostkit-control-spacing .ghostkit-control-spacing-padding>span{position:absolute;top:2px;left:6px;font-size:.7em}.ghostkit-control-spacing .ghostkit-control-spacing-margin>div,.ghostkit-control-spacing .ghostkit-control-spacing-padding>div{display:flex;align-items:center;justify-content:center}.ghostkit-control-spacing .ghostkit-control-spacing-margin input,.ghostkit-control-spacing .ghostkit-control-spacing-padding input{width:39px;padding:3px 5px;text-align:center;background:none;border:none}.ghostkit-control-spacing .ghostkit-control-spacing-margin .ghostkit-control-spacing-margin-top{position:absolute;top:0;left:0;width:100%}.ghostkit-control-spacing .ghostkit-control-spacing-margin .ghostkit-control-spacing-margin-right{position:absolute;top:0;right:0;height:100%}.ghostkit-control-spacing .ghostkit-control-spacing-margin .ghostkit-control-spacing-margin-bottom{position:absolute;bottom:0;left:0;width:100%}.ghostkit-control-spacing .ghostkit-control-spacing-margin .ghostkit-control-spacing-margin-left{position:absolute;top:0;left:0;height:100%}.ghostkit-control-spacing .ghostkit-control-spacing-padding{top:36px;left:50px;width:calc(100% - 100px);height:calc(100% - 72px);background-color:#f2f2f2}.ghostkit-control-spacing .ghostkit-control-spacing-padding>span{top:6px;left:10px}.ghostkit-control-spacing .ghostkit-control-spacing-padding .ghostkit-control-spacing-padding-top{position:absolute;top:5px;left:5px;width:calc(100% - 10px)}.ghostkit-control-spacing .ghostkit-control-spacing-padding .ghostkit-control-spacing-padding-right{position:absolute;top:5px;right:5px;height:calc(100% - 10px)}.ghostkit-control-spacing .ghostkit-control-spacing-padding .ghostkit-control-spacing-padding-bottom{position:absolute;bottom:5px;left:5px;width:calc(100% - 10px)}.ghostkit-control-spacing .ghostkit-control-spacing-padding .ghostkit-control-spacing-padding-left{position:absolute;top:5px;left:5px;height:calc(100% - 10px)}.ghostkit-control-spacing .ghostkit-control-spacing-device{position:absolute;bottom:5px;left:5px}.ghostkit-control-spacing .ghostkit-control-spacing-device .components-base-control{margin:0}.ghostkit-control-spacing .ghostkit-control-spacing-device select{height:25px;font-size:.7em;line-height:25px}.ghostkit-control-spacing .ghostkit-control-spacing-device option{font-size:1rem}.ghostkit-control-spacing .ghostkit-control-spacing-important{position:absolute;right:15px;bottom:11px}.ghostkit-control-spacing .ghostkit-control-spacing-important .components-base-control__field{position:relative}.ghostkit-control-spacing .ghostkit-control-spacing-important .components-checkbox-control__input{margin-right:0}.ghostkit-control-spacing .ghostkit-control-spacing-important .components-checkbox-control__label{position:absolute;right:0;bottom:100%;padding:2px 6px;margin-bottom:4px;color:#fff;pointer-events:none;visibility:hidden;background-color:#555d66;border-radius:3px;box-shadow:0 1px 10px rgba(0,0,0,0.2);opacity:0;transition:.1s ease-in-out;-webkit-transform:translateY(5px);transform:translateY(5px)}.ghostkit-control-spacing .ghostkit-control-spacing-important .components-checkbox-control__label::after{content:"";position:absolute;top:100%;right:5px;width:0;height:0;border:3px solid transparent;border-top-color:#555d66}.ghostkit-control-spacing .ghostkit-control-spacing-important .components-base-control__field:hover .components-checkbox-control__label{visibility:visible;opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.ghostkit-control-display .ghostkit-control-display-box{display:flex}.ghostkit-control-display .ghostkit-control-display-box>.components-base-control{flex:1}.ghostkit-control-display .ghostkit-control-display-icon{width:17px;margin-top:6px;margin-right:15px;text-align:center}.ghostkit-control-sr-direction{position:relative;width:100%;padding-top:60%;border:1px solid #e8eaec}.ghostkit-control-sr-direction .components-base-control,.ghostkit-control-sr-direction .components-base-control__field{margin:0}.ghostkit-control-sr-direction .ghostkit-control-sr-direction-wrap{position:absolute;top:5px;left:5px;width:calc(100% - 10px);height:calc(100% - 10px)}.ghostkit-control-sr-direction .ghostkit-control-sr-direction-wrap>div{display:flex;align-items:center;justify-content:center}.ghostkit-control-sr-direction .ghostkit-control-sr-direction-wrap button{justify-content:center;width:35px;height:30px;padding:10px 15px;font-size:10px;text-align:center;border-radius:3px;transition:.15s background-color, .15s color}.ghostkit-control-sr-direction .ghostkit-control-sr-direction-wrap button:hover{background-color:#eaeaea}.ghostkit-control-sr-direction .ghostkit-control-sr-direction-wrap button.ghostkit-control-sr-direction-active,.ghostkit-control-sr-direction .ghostkit-control-sr-direction-wrap button.ghostkit-control-sr-direction-active:focus{color:#fff;background-color:#0366d6}.ghostkit-control-sr-direction .ghostkit-control-sr-direction-wrap .ghostkit-control-sr-direction-top{position:absolute;top:0;left:0;width:100%}.ghostkit-control-sr-direction .ghostkit-control-sr-direction-wrap .ghostkit-control-sr-direction-right{position:absolute;top:0;right:0;height:100%}.ghostkit-control-sr-direction .ghostkit-control-sr-direction-wrap .ghostkit-control-sr-direction-bottom{position:absolute;bottom:0;left:0;width:100%}.ghostkit-control-sr-direction .ghostkit-control-sr-direction-wrap .ghostkit-control-sr-direction-left{position:absolute;top:0;left:0;height:100%}.ghostkit-control-sr-direction .ghostkit-control-sr-direction-wrap .ghostkit-control-sr-direction-center{position:absolute;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.ghostkit-control-sr-direction .ghostkit-control-sr-direction-wrap .ghostkit-control-sr-direction-center button{font-size:5px}.ghostkit-component-color-picker-wrapper .ghostkit-component-color-picker-wrapper+.ghostkit-component-color-picker-wrapper{margin-top:-5px}.ghostkit-component-color-picker-wrapper>.components-base-control__field{display:flex;align-items:center;justify-content:space-between;margin-top:16px}.ghostkit-component-color-picker-wrapper>.components-base-control__field .components-color-palette__item-wrapper{margin:0}.ghostkit-component-color-picker-wrapper>.components-base-control__field .components-color-palette__item-wrapper>.components-color-palette__item{background-image:linear-gradient(45deg, #ddd 25%, transparent 0),linear-gradient(-45deg, #ddd 25%, transparent 0),linear-gradient(45deg, transparent 75%, #ddd 0),linear-gradient(-45deg, transparent 75%, #ddd 0);background-position:0 0, 0 5px, 5px -5px, -5px 0;background-size:10px 10px}.ghostkit-component-color-picker .ghostkit-component-color-picker-palette{margin:0 17px}.ghostkit-component-color-picker .components-color-palette{margin:0} |
