.playbook-image{--playbook-image-primary-bg:#3b82f6;--playbook-image-primary-hover:#2563eb;--playbook-image-secondary-bg:#6366f1;--playbook-image-accent-purple:#8b5cf6;--playbook-image-accent-blue:#06b6d4;--playbook-image-border-radius:.75rem;--playbook-image-transition-duration:.3s;--playbook-image-transition-easing:ease-in-out;--playbook-image-shadow:0 4px 6px -1px #0000001a;--playbook-image-shadow-lg:0 10px 15px -3px #0000001a}.playbook-image__loading-overlay{z-index:10;border-radius:var(--playbook-image-border-radius);background:linear-gradient(135deg,#3b82f60d 0%,#6366f10d 50%,#8b5cf60d 100%);border:2px dashed #3b82f666;justify-content:center;align-items:center;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse;display:flex;position:absolute;inset:0}.playbook-image__loading-background{opacity:.2;position:absolute;inset:0}.playbook-image__loading-dot{border-radius:50%;animation:1s cubic-bezier(0,0,.2,1) infinite ping;position:absolute}.playbook-image__loading-dot--top-right{background-color:var(--playbook-image-primary-bg);width:.5rem;height:.5rem;top:.5rem;right:.5rem}.playbook-image__loading-dot--bottom-left{background-color:var(--playbook-image-accent-purple);width:.375rem;height:.375rem;animation-delay:.3s;bottom:.75rem;left:.75rem}.playbook-image__loading-content{z-index:10;flex-direction:column;align-items:center;gap:.75rem;display:flex;position:relative}.playbook-image__loading-icon-wrapper{position:relative}.playbook-image__loading-icon-glow{filter:blur(12px);background:linear-gradient(135deg,#3b82f64d 0%,#6366f14d 100%);border-radius:50%;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse;position:absolute;inset:0}.playbook-image__loading-icon-container{background:linear-gradient(135deg,#3b82f6cc 0%,#6366f1cc 100%);border-radius:50%;padding:.75rem;position:relative}.playbook-image__loading-icon{color:#ffffffe6;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.playbook-image__loading-text{color:#4b5563;font-weight:500;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.playbook-image__img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:opacity var(--playbook-image-transition-duration) var(--playbook-image-transition-easing)}.playbook-image__img--loaded{opacity:1}.playbook-image__img--loading{opacity:0}.playbook-image__fallback{border-radius:var(--playbook-image-border-radius);border:none;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}@media (prefers-color-scheme:dark){.playbook-image{--playbook-image-primary-bg:#1e40af;--playbook-image-primary-hover:#1d4ed8;--playbook-image-secondary-bg:#4338ca;--playbook-image-accent-purple:#7c3aed;--playbook-image-accent-blue:#0891b2}.playbook-image__loading-overlay{background:linear-gradient(135deg,#1e40af1a 0%,#4338ca1a 50%,#7c3aed1a 100%);border-color:#1e40af66}.playbook-image__loading-text{color:#d1d5db}.playbook-image__fallback{background:linear-gradient(135deg,#1f2937 0%,#374151 50%,#1f2937 100%);border-color:#4b5563}}@media (prefers-contrast:high){.playbook-image{--playbook-image-primary-bg:#000;--playbook-image-primary-hover:#333;--playbook-image-secondary-bg:#000}.playbook-image__fallback{background:#fff;border:3px solid #000}}@media (prefers-contrast:high) and (prefers-color-scheme:dark){.playbook-image{--playbook-image-primary-bg:#fff;--playbook-image-secondary-bg:#fff}.playbook-image__fallback{background:#000;border:3px solid #fff}}@media (prefers-reduced-motion:reduce){.playbook-image{--playbook-image-transition-duration:0s}.playbook-image__loading-overlay,.playbook-image__loading-icon,.playbook-image__loading-text,.playbook-image__loading-dot,.playbook-image__loading-icon-glow{animation:none}}