.easel-hero{position:relative;width:100%;aspect-ratio:4 / 3;min-height:320px;max-height:90vh;overflow:hidden}.easel-hero__stage{position:absolute;top:0;right:0;bottom:0;left:0}.easel-hero__canvas{display:block;width:100%;height:100%}.easel-hero__fallback{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;display:none;padding:4%;opacity:1;transition:opacity .45s ease;pointer-events:none}.easel-hero--fallback .easel-hero__canvas{display:none}.easel-hero--fallback .easel-hero__fallback{display:block}.easel-hero:not(.easel-hero--ready) .easel-hero__fallback{display:block}.easel-hero--ready .easel-hero__fallback{display:none}.easel-hero--ready.easel-hero--rm .easel-hero__fallback{display:block;opacity:1}.easel-hero--ready.easel-hero--rm.easel-hero--art-ready .easel-hero__fallback{opacity:0}.easel-hero__loader{position:absolute;top:50%;left:50%;width:40px;height:40px;margin:-20px 0 0 -20px;border:3px solid rgba(0,0,0,.15);border-top-color:#0000008c;border-radius:50%;animation:easel-hero-spin .9s linear infinite;pointer-events:none}@keyframes easel-hero-spin{to{transform:rotate(360deg)}}.easel-hero__empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#888;font:14px/1.4 -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;text-align:center;padding:24px}@media(max-width:768px){.easel-hero{aspect-ratio:1 / 1}}@media(prefers-reduced-motion:reduce){.easel-hero__loader{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/easel-hero.css.map */