/* Effects of the visual editor (for every visitor) and its panel (admin only). inc/p-live-editor.php */
.x6le-block { margin: 1rem 0; }
.x6le-fx-fade { animation: x6le-fade .9s ease both; }
.x6le-fx-up { animation: x6le-up .8s cubic-bezier(.2, .7, .2, 1) both; }
.x6le-fx-zoom { animation: x6le-zoom .8s cubic-bezier(.2, .7, .2, 1) both; }
.x6le-fx-pulse { animation: x6le-pulse 2s ease-in-out infinite; }
.x6le-fx-float { animation: x6le-float 3.5s ease-in-out infinite; }
.x6le-fx-shine { animation: x6le-shine 2.8s ease-in-out infinite; }
.x6le-fx-shadow { box-shadow: 0 .75rem 2.25rem rgba(0, 0, 0, .22); }
.x6le-fx-hover { transition: transform .2s, box-shadow .2s; }
.x6le-fx-hover:hover { transform: translateY(-.375rem); box-shadow: 0 .75rem 2rem rgba(0, 0, 0, .2); }
@keyframes x6le-fade { from { opacity: 0; } to { opacity: 1; } }
@keyframes x6le-up { from { opacity: 0; transform: translateY(1.5rem); } to { opacity: 1; transform: none; } }
@keyframes x6le-zoom { from { opacity: 0; transform: scale(.94); } to { opacity: 1; transform: none; } }
@keyframes x6le-pulse { 50% { transform: scale(1.03); } }
@keyframes x6le-float { 50% { transform: translateY(-.5rem); } }
@keyframes x6le-shine { 50% { filter: brightness(1.18); } }
@media (prefers-reduced-motion: reduce) { [class*="x6le-fx-"] { animation: none; } }

.x6le-hover { outline: 1px dashed #0a84ff !important; outline-offset: -1px; }
.x6le-on { outline: 2px solid #0a84ff !important; outline-offset: -2px; }
[contenteditable="true"] { outline: 2px solid #16c79a !important; cursor: text; }
.x6le-panel { position: fixed; top: 3.25rem; right: .75rem; z-index: 2147483000; box-sizing: border-box; width: 19rem; max-height: calc(100vh - 4rem); padding: .875rem; overflow-y: auto; font: 13px/1.35 system-ui, sans-serif; color: #e8edf5; background: #111a2b; border: 1px solid #2a3a57; border-radius: .75rem; box-shadow: 0 .75rem 2.5rem rgba(0, 0, 0, .45); }
.x6le-panel * { box-sizing: border-box; }
.x6le-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: .375rem; font-size: 14px; }
.x6le-head a { color: #7fd1ff; }
.x6le-hint, .x6le-state { margin: 0 0 .625rem; font-size: 12px; color: #a9b6cb; }
.x6le-state { margin: .5rem 0 0; color: #7fe3c4; }
.x6le-panel label { display: block; margin-bottom: .5rem; font-size: 12px; color: #c4cfdf; }
.x6le-panel select, .x6le-panel input { display: block; width: 100%; margin-top: .1875rem; padding: .3125rem .4375rem; font: inherit; color: #fff; background: #1b2740; border: 1px solid #33466a; border-radius: .375rem; }
.x6le-panel input[type="color"] { height: 1.75rem; padding: .125rem; }
.x6le-sel { margin-bottom: .5rem; padding: .375rem .5rem; overflow: hidden; font-size: 12px; white-space: nowrap; text-overflow: ellipsis; background: #0a1120; border-radius: .375rem; }
.x6le-row { display: flex; flex-wrap: wrap; gap: .3125rem; margin-bottom: .5rem; }
.x6le-panel button { flex: 1 1 auto; padding: .375rem .5rem; font: inherit; font-size: 12px; color: #fff; background: #24365a; border: 1px solid #3a5183; border-radius: .375rem; cursor: pointer; }
.x6le-panel button:hover { background: #30497a; }
.x6le-panel .x6le-save { color: #04201a; font-weight: 700; background: #16c79a; border-color: #16c79a; }
.x6le-panel summary { margin-bottom: .5rem; cursor: pointer; }
.x6le-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 0 .5rem; }