.customize-control-hoo-background { position: relative; } .customize-control-hoo-background .background-attachment h4, .customize-control-hoo-background .background-color h4, .customize-control-hoo-background .background-position h4, .customize-control-hoo-background .background-repeat h4, .customize-control-hoo-background .background-size h4 { margin-bottom: 5px; } .customize-control-hoo-background .background-attachment .buttonset, .customize-control-hoo-background .background-size .buttonset { display: flex; flex-wrap: wrap; } .customize-control-hoo-background .background-attachment .buttonset .switch-label, .customize-control-hoo-background .background-size .buttonset .switch-label { background: rgba(0, 0, 0, 0.05); border: 1px solid rgba(0, 0, 0, 0.1); color: #555; padding: 0.5em 1em; margin: 0; text-align: center; flex-grow: 1; } .customize-control-hoo-background .background-attachment .buttonset .switch-input:checked + .switch-label, .customize-control-hoo-background .background-size .buttonset .switch-input:checked + .switch-label { background-color: #3498DB; color: #fff; } .customize-control-hoo-background .hoo-controls-loading-spinner { position: absolute; top: 0; left: 0; margin: 0; width: 100%; height: 100%; z-index: 999; text-align: center; background-color: #eee; } .customize-control-hoo-background .hoo-controls-loading-spinner > div { margin-top: 20px; width: 18px; height: 18px; background-color: #333; border-radius: 100%; display: inline-block; -webkit-animation: hoobouncedelay 1.4s infinite ease-in-out both; animation: hoobouncedelay 1.4s infinite ease-in-out both; } .customize-control-hoo-background .hoo-controls-loading-spinner .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .customize-control-hoo-background .hoo-controls-loading-spinner .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } @-webkit-keyframes hoobouncedelay { 0%, 100%, 80% { -webkit-transform: scale(0); } 40% { -webkit-transform: scale(1); } } @keyframes hoobouncedelay { 0%, 100%, 80% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1); transform: scale(1); } } /*# sourceMappingURL=background.css.map */