.cms-builder-page .block-hover-animation-dialog{box-sizing:border-box;width:min(880px,calc(100vw - 32px));max-width:none;max-height:90vh;margin:auto;padding:0;border:1px solid #e2e5ec;border-radius:20px;background:#fff;color:#202939;box-shadow:0 32px 100px #10182840;overflow:auto;font-family:Inter,Arial,sans-serif;color-scheme:light}
.block-hover-animation-dialog::backdrop{background:#10182880;backdrop-filter:blur(6px)}
.cms-builder-page .block-hover-animation-dialog *{box-sizing:border-box}
.cms-builder-page .block-hover-animation-dialog button{font:inherit;letter-spacing:normal;text-transform:none;cursor:pointer;box-shadow:none}
.cms-builder-page .block-hover-animation-dialog button:focus-visible{outline:3px solid #a5b4fc;outline-offset:3px}
.cms-builder-page .block-hover-animation-dialog .hover-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 28px 10px;background:#fff;border:0}
.cms-builder-page .block-hover-animation-dialog .hover-dialog-eyebrow{font-size:10px;font-weight:700;letter-spacing:.14em;color:#6371a6}
.cms-builder-page .block-hover-animation-dialog h2{margin:7px 0 0;font-size:23px;line-height:1.25;font-weight:650;color:#202939}
.cms-builder-page .block-hover-animation-dialog .hover-dialog-close{display:grid;place-items:center;flex:none;width:34px;height:34px;min-height:0;padding:0;border:1px solid #e4e7ec;border-radius:10px;background:#fff;color:#667085;font-size:24px;line-height:1}
.cms-builder-page .block-hover-animation-dialog .hover-dialog-close:hover{background:#f2f4f7;color:#202939;transform:none}
.cms-builder-page .block-hover-animation-dialog .hover-dialog-intro{margin:0;padding:0 28px 20px;font-size:12px;line-height:1.6;color:#667085}
.cms-builder-page .block-hover-animation-dialog .hover-dialog-settings{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:32px;margin:0 28px 20px;padding:18px 20px;border:1px solid #e9ecf2;border-radius:12px;background:#f8f9fc}
.cms-builder-page .block-hover-animation-dialog label{margin:0;color:#344054;font-size:12px;font-weight:500}
.cms-builder-page .block-hover-animation-dialog .hover-intensity-label{display:grid;grid-template-columns:1fr auto;gap:10px}
.cms-builder-page .block-hover-animation-dialog output{font-size:11px;color:#5262b8;font-variant-numeric:tabular-nums}
.cms-builder-page .block-hover-animation-dialog input[type="range"]{grid-column:1/-1;width:100%;height:5px;margin:3px 0;accent-color:#6366f1;cursor:pointer}
.cms-builder-page .block-hover-animation-dialog .hover-intensity-hints{display:flex;justify-content:space-between;grid-column:1/-1;font-size:10px;color:#98a2b3}
.cms-builder-page .block-hover-animation-dialog .hover-loop-label{display:flex;align-items:center;gap:12px;cursor:pointer}
.cms-builder-page .block-hover-animation-dialog .hover-loop-label input{appearance:none;flex:none;width:36px;height:21px;margin:0;border:0;border-radius:20px;background:#cdd3df;position:relative;cursor:pointer;transition:background .2s}
.cms-builder-page .block-hover-animation-dialog .hover-loop-label input::after{content:"";position:absolute;left:3px;top:3px;width:15px;height:15px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #10182825;transition:translate .2s}
.cms-builder-page .block-hover-animation-dialog .hover-loop-label input:checked{background:#6366f1}
.cms-builder-page .block-hover-animation-dialog .hover-loop-label input:checked::after{translate:15px 0}
.cms-builder-page .block-hover-animation-dialog .hover-loop-label input:focus-visible{outline:3px solid #a5b4fc;outline-offset:3px}
.cms-builder-page .block-hover-animation-dialog .hover-loop-label strong{display:block;font-size:12px;font-weight:600;color:#344054}
.cms-builder-page .block-hover-animation-dialog .hover-loop-label span span{display:block;margin-top:4px;font-size:10px;line-height:1.5;font-weight:400;color:#667085}
.cms-builder-page .block-hover-animation-dialog .hover-dialog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0 28px 24px}
.cms-builder-page .block-hover-animation-dialog .block-hover-animation-option{display:block;position:relative;min-width:0;min-height:0;margin:0;padding:0 0 13px;overflow:hidden;border:1px solid #e4e7ec;border-radius:12px;background:#fff;color:#344054;text-align:left;transition:border-color .2s,box-shadow .2s;transform:none}
.cms-builder-page .block-hover-animation-dialog .block-hover-animation-option:hover{background:#fff;border-color:#a5b4fc;box-shadow:0 4px 14px #20293908;transform:none}
.cms-builder-page .block-hover-animation-dialog .block-hover-animation-option[aria-pressed="true"]{border-color:#818cf8;box-shadow:0 0 0 1px #818cf8;background:#fff;color:#344054}
.cms-builder-page .block-hover-animation-dialog .block-hover-animation-option[aria-pressed="true"]::after{content:"✓";display:grid;place-items:center;position:absolute;top:9px;right:9px;width:19px;height:19px;border-radius:50%;background:#6366f1;color:#fff;font-size:11px}
.cms-builder-page .block-hover-animation-dialog .block-hover-animation-option strong{display:block;margin:11px 13px 3px;font-size:12px;line-height:1.4;font-weight:600;color:#344054}
.cms-builder-page .block-hover-animation-dialog .hover-option-description{display:block;margin:0 13px;font-size:10px;line-height:1.5;color:#667085;font-weight:400}
.cms-builder-page .block-hover-animation-dialog .block-hover-animation-preview{display:grid;place-items:center;height:88px;background:radial-gradient(circle,#e8ebf5 1px,transparent 1px) 0 0/12px 12px,#f7f8fc}
.cms-builder-page .block-hover-animation-dialog .block-hover-animation-sample{display:grid;place-items:center;width:72px;height:48px;border:1px solid #fff;border-radius:10px;background:linear-gradient(135deg,#e0e7ff,#c7d2fe);color:#4b55a0;font-size:22px;font-weight:600;box-shadow:0 4px 10px #343d6b12}
.cms-builder-page .block-hover-animation-dialog .hover-dialog-footer{position:sticky;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0;padding:16px 28px;border-top:1px solid #eaecf0;background:#fff}
.cms-builder-page .block-hover-animation-dialog .hover-dialog-footer p{margin:0;max-width:230px;font-size:10px;line-height:1.5;color:#98a2b3}
.cms-builder-page .block-hover-animation-dialog .hover-dialog-footer div{display:flex;gap:8px}
.cms-builder-page .block-hover-animation-dialog .hover-dialog-footer button{min-height:36px;padding:8px 16px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;color:#475467;font-size:12px;font-weight:600}
.cms-builder-page .block-hover-animation-dialog .hover-dialog-footer .hover-dialog-apply{border-color:#6366f1;background:#6366f1;color:#fff}
.cms-builder-page .block-hover-animation-dialog .hover-dialog-footer button:hover{background:#f2f4f7;transform:none}
.cms-builder-page .block-hover-animation-dialog .hover-dialog-footer .hover-dialog-apply:hover{background:#4f46e5}
@media(max-width:600px){
  .cms-builder-page .block-hover-animation-dialog .hover-dialog-settings{grid-template-columns:1fr;gap:18px;margin-right:16px;margin-left:16px}
  .cms-builder-page .block-hover-animation-dialog .hover-dialog-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding-right:16px;padding-left:16px}
  .cms-builder-page .block-hover-animation-dialog .hover-dialog-header{padding:20px 16px 10px}
  .cms-builder-page .block-hover-animation-dialog h2{font-size:19px}
  .cms-builder-page .block-hover-animation-dialog .hover-dialog-intro{padding-right:16px;padding-left:16px}
  .cms-builder-page .block-hover-animation-dialog .hover-dialog-footer{padding:14px 16px}
  .cms-builder-page .block-hover-animation-dialog .hover-dialog-footer p{display:none}
  .cms-builder-page .block-hover-animation-dialog .hover-dialog-footer div{margin-left:auto}
}
@media(prefers-reduced-motion:no-preference){
  :where(.site-block,.block-hover-animation-sample)[data-hover-animation]{--block-hover-translate:initial;--block-hover-scale:initial;--block-hover-rotate:initial;--block-hover-filter:initial;--block-hover-keyframes:initial;--block-hover-duration:initial;--block-hover-repeat:1}
  :is(.site-block,.block-hover-animation-sample)[data-hover-animation]:not([data-hover-animation="none"]){transition:translate .25s ease,scale .25s ease,rotate .25s ease,filter .25s ease}
  [data-hover-animation="lift"]{--block-hover-translate:0 calc(-6px * var(--block-hover-intensity,1))}
  [data-hover-animation="grow"]{--block-hover-scale:calc(1 + .04 * var(--block-hover-intensity,1))}
  [data-hover-animation="shrink"]{--block-hover-scale:calc(1 - .04 * var(--block-hover-intensity,1))}
  [data-hover-animation="tilt"]{--block-hover-rotate:calc(2deg * var(--block-hover-intensity,1))}
  [data-hover-animation="pulse"]{--block-hover-keyframes:block-hover-pulse;--block-hover-duration:1s}
  [data-hover-animation="bounce"]{--block-hover-keyframes:block-hover-bounce}
  [data-hover-animation="shake"]{--block-hover-keyframes:block-hover-shake}
  [data-hover-animation="glow"]{--block-hover-filter:drop-shadow(0 0 calc(10px * var(--block-hover-intensity,1)) #818cf880)}
  [data-hover-animation-loop="true"]{--block-hover-repeat:infinite;--block-hover-duration:1.2s}
  [data-hover-animation="lift"][data-hover-animation-loop="true"]{--block-hover-keyframes:block-hover-lift}
  [data-hover-animation="grow"][data-hover-animation-loop="true"]{--block-hover-keyframes:block-hover-pulse}
  [data-hover-animation="shrink"][data-hover-animation-loop="true"]{--block-hover-keyframes:block-hover-shrink}
  [data-hover-animation="tilt"][data-hover-animation-loop="true"]{--block-hover-keyframes:block-hover-tilt}
  [data-hover-animation="glow"][data-hover-animation-loop="true"]{--block-hover-keyframes:block-hover-glow}
  .block-hover-animation-option:is(:hover,:focus-visible) .block-hover-animation-sample{
    translate:var(--block-hover-translate,none);scale:var(--block-hover-scale,none);rotate:var(--block-hover-rotate,none);filter:var(--block-hover-filter,none);
    animation:var(--block-hover-keyframes,none) var(--block-hover-duration,.65s) ease-in-out var(--block-hover-repeat,1)
  }
  @media(hover:hover){
    .site-block[data-hover-animation]:not([data-hover-animation="none"]):not(.is-selected,.is-dragging,.is-padding-resizing):hover{
      translate:var(--block-hover-translate,none);scale:var(--block-hover-scale,none);rotate:var(--block-hover-rotate,none);filter:var(--block-hover-filter,none);
      animation:var(--block-hover-keyframes,none) var(--block-hover-duration,.65s) ease-in-out var(--block-hover-repeat,1)
    }
  }
}
@keyframes block-hover-pulse{0%,100%{scale:1}50%{scale:calc(1 + .04 * var(--block-hover-intensity,1))}}
@keyframes block-hover-bounce{0%,100%{translate:0 0}35%{translate:0 calc(-10px * var(--block-hover-intensity,1))}65%{translate:0 calc(-4px * var(--block-hover-intensity,1))}}
@keyframes block-hover-shake{0%,100%{translate:0 0}20%,60%{translate:calc(-4px * var(--block-hover-intensity,1)) 0}40%,80%{translate:calc(4px * var(--block-hover-intensity,1)) 0}}
@keyframes block-hover-lift{0%,100%{translate:0 0}50%{translate:var(--block-hover-translate)}}
@keyframes block-hover-shrink{0%,100%{scale:1}50%{scale:var(--block-hover-scale)}}
@keyframes block-hover-tilt{0%,100%{rotate:0deg}50%{rotate:var(--block-hover-rotate)}}
@keyframes block-hover-glow{0%,100%{filter:drop-shadow(0 0 0 transparent)}50%{filter:var(--block-hover-filter)}}