.blocksy-hook-indicator,
.ct-customizer-shortcut {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif
}

.blocksy-hook-indicator {
    position: relative;
    padding: 6px 30px 6px 10px;
    color: #614a00;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: initial;
    text-transform: lowercase;
    word-break: break-word;
    text-align: left;
    background: #ffebac;
    border-radius: 3px;
    border: 1px dashed #eabc4b
}

.blocksy-hook-indicator.blocksy-woo-indicator {
    color: #6d4665;
    background: #e4afc9;
    border-color: #8a6282
}

.blocksy-hook-indicator span {
    position: absolute;
    inset-block: 0;
    inset-inline-end: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    opacity: .5;
    transition: opacity .15s ease
}

.blocksy-hook-indicator span:before {
    font-family: dashicons;
    content: "";
    font-size: 17px;
    line-height: 17px;
    cursor: pointer
}

.blocksy-hook-indicator:hover span {
    opacity: 1
}

.blocksy-hook-indicator {
    margin: 15px var(--hook-side-margin, 0)
}

.blocksy-hook-indicator[data-type*=full] {
    --hook-side-margin: 15px
}

.blocksy-hook-indicator:not([data-type*=top-margin]):first-child {
    margin-top: 0
}

.blocksy-hook-indicator:not([data-type*=bottom-margin]):last-child {
    margin-bottom: 0
}

.ct-container .blocksy-hook-indicator[data-type*=full] {
    --hook-side-margin: 0
}

body [data-customize-hide] {
    display: none !important
}

[data-shortcut] {
    position: relative
}

[data-shortcut]:has([class*=ct-mega-menu]) {
    position: initial
}

.ct-customizer-shortcut {
    position: absolute !important;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #fff !important;
    margin: 0 !important;
    opacity: 0;
    visibility: hidden;
    transition: all .2s ease
}

.ct-customizer-shortcut:hover {
    color: rgba(255, 255, 255, .75)
}

[data-shortcut*=border] {
    outline-width: 1px;
    outline-style: var(--ui-outlineStyle, solid);
    outline-offset: var(--ui-outlineOffset, -1px);
    outline-color: rgba(0, 0, 0, 0);
    transition: outline .2s ease, opacity .2s ease, transform .2s ease
}

[data-shortcut*=border]>.ct-customizer-shortcut {
    top: var(--ui-top, 0px);
    inset-inline-start: var(--ui-left, 0px);
    width: auto !important;
    height: 28px;
    padding: 0 13px;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .03em;
    text-transform: uppercase;
    background: var(--ui-accent-color, #2271b1);
    border-radius: 0 0 2px 0
}

[data-shortcut*=border]:hover {
    outline-color: var(--ui-accent-color, #2271b1)
}

[data-shortcut*=border]:hover>.ct-customizer-shortcut {
    opacity: 1;
    visibility: visible
}

[data-shortcut*=outside] {
    --ui-outlineOffset: 0px
}

[data-shortcut=border-dashed] {
    --ui-outlineStyle: dashed;
    --ui-outlineOffset: 5px
}

[data-shortcut=border-dashed]>.ct-customizer-shortcut {
    --ui-top: -6px;
    --ui-left: -6px
}

[data-shortcut=drop]>.ct-customizer-shortcut {
    display: flex;
    align-items: center;
    justify-content: center;
    top: calc(50% - 11px);
    inset-inline-end: -5px;
    width: 22px;
    height: 22px;
    transform: translateX(100%)
}

@media(max-width: 690px) {
    [data-shortcut=drop]>.ct-customizer-shortcut {
        display: none
    }
}

[data-shortcut=drop]>.ct-customizer-shortcut:before,
[data-shortcut=drop]>.ct-customizer-shortcut:after {
    position: absolute;
    content: ""
}

[data-shortcut=drop]>.ct-customizer-shortcut:before {
    top: 0;
    inset-inline-start: 0;
    width: inherit;
    height: inherit;
    background: var(--ui-accent-color, #2271b1);
    border-radius: 100% 100% 100% 2px;
    transform: rotate(45deg)
}

[data-shortcut=drop]>.ct-customizer-shortcut:after {
    inset-inline-start: -15px;
    width: calc(100% + 22px);
    height: calc(100% + 22px)
}

[data-shortcut=drop]>.ct-customizer-shortcut svg {
    position: relative;
    z-index: 1;
    width: 14px;
    height: 14px;
    fill: currentColor
}

[data-shortcut=drop]:hover>.ct-customizer-shortcut {
    opacity: 1;
    visibility: visible;
    transform: translateX(calc(100% + 10px))
}

.customize-partial-refreshing {
    opacity: .25 !important
}

[data-panel] #wpadminbar {
    padding-inline-end: var(--scrollbar-width, 0px)
}

.ct-search-form:not([data-live-results*=thumbs]) .ct-media-container {
    display: none
}

.ct-search-form:not([data-live-results*=product_price]) .price {
    display: none
}

.ct-search-form:not([data-live-results*=product_status]) .stock-status {
    display: none
}