/**
 * Blocksy - v1.8.40
 * 
 * Copyright (c) 2022
 * Licensed GPLv2+
 */

.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;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  opacity: 0.5;
  transition: opacity 0.15s ease;
}
.blocksy-hook-indicator span:before {
  font-family: dashicons;
  content: "\f464";
  font-size: 17px;
  line-height: 17px;
  cursor: pointer;
}
.blocksy-hook-indicator:hover span {
  opacity: 1;
}

.blocksy-hook-indicator {
  margin: 15px var(--hookSideMargin, 0);
}
.blocksy-hook-indicator[data-type*=full] {
  --hookSideMargin: 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;
}

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

.ct-customizer-preview-cache {
  height: 0 !important;
  display: none !important;
  visibility: hidden !important;
}

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

[data-shortcut] {
  --accentColor: #2271b1;
  position: relative;
}

.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: color 0.15s ease, opacity 0.15s ease, transform 0.15s ease, visibility 0.15s ease;
}
.ct-customizer-shortcut:hover {
  color: rgba(255, 255, 255, 0.75);
}

[data-shortcut*=border] {
  outline-width: 1px;
  outline-style: var(--ui-outlineStyle, solid);
  outline-offset: var(--ui-outlineOffset, -1px);
  outline-color: transparent;
  transition: outline 0.15s ease;
}
[data-shortcut*=border] > .ct-customizer-shortcut {
  top: var(--ui-top, 0px);
  left: var(--ui-left, 0px);
  width: auto !important;
  height: 28px;
  padding: 0 13px;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  background: var(--accentColor);
  border-radius: 0 0 2px 0;
}
[data-shortcut*=border]:hover {
  outline-color: var(--accentColor);
}
[data-shortcut*=border]:hover > .ct-customizer-shortcut {
  opacity: 1;
  visibility: visible;
}

[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*=outside] {
  --ui-outlineOffset: 0px;
}

[data-shortcut=drop] > .ct-customizer-shortcut {
  display: flex;
  align-items: center;
  justify-content: center;
  top: calc(50% - 11px);
  right: -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;
  left: 0;
  width: inherit;
  height: inherit;
  background: var(--accentColor);
  border-radius: 100% 100% 100% 2px;
  transform: rotate(45deg);
}
[data-shortcut=drop] > .ct-customizer-shortcut:after {
  left: -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: 0.25 !important;
}

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