.hp-flipbook{--hp-fb-bg: #f5f1ea;--hp-fb-control: #1a1a1a;--hp-fb-control-bg: #ffffff;--hp-fb-hotspot: #c9a961;--hp-fb-aspect: 1.4;--hp-fb-max: 1100px;width:100%;background:var(--hp-fb-bg);padding:32px 16px;isolation:isolate}.hp-flipbook__heading{text-align:center;margin:0 auto 24px;font-size:2rem;font-weight:600;color:rgb(var(--color-foreground))}.hp-flipbook__stage{position:relative;margin:0 auto;max-width:var(--hp-fb-max);width:100%;aspect-ratio:calc(2 / var(--hp-fb-aspect));background:linear-gradient(180deg,#0000000a,#0000);border-radius:4px;overflow:visible}@media screen and (max-width:999px){.hp-flipbook__stage{aspect-ratio:calc(1 / var(--hp-fb-aspect));max-width:min(100%,500px)}}.hp-flipbook__mount{width:100%;height:100%;position:relative}.hp-flipbook.is-cover .hp-flipbook__stage{max-width:calc(var(--hp-fb-max) / 2);aspect-ratio:calc(1 / var(--hp-fb-aspect));overflow:hidden}@media screen and (max-width:999px){.hp-flipbook.is-cover .hp-flipbook__stage{max-width:min(50%,250px)}}.hp-flipbook__cover-img{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;display:none}.hp-flipbook__cover-img img{width:100%;height:100%;object-fit:cover;display:block}.hp-flipbook__viewer,.hp-flipbook__mount>.flipbook,.hp-flipbook__mount canvas{width:100%!important;height:100%!important;display:block}.hp-flipbook__loader{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#f5f1eaf2;z-index:5;font-size:1.2rem;color:var(--hp-fb-control);border-radius:4px}.hp-flipbook__loader.is-hidden{display:none}.hp-flipbook__loader-spinner{width:40px;height:40px;border:3px solid rgba(0,0,0,.1);border-top-color:var(--hp-fb-hotspot);border-radius:50%;animation:hp-fb-spin 1s linear infinite;margin-right:12px}@keyframes hp-fb-spin{to{transform:rotate(360deg)}}.hp-flipbook__hotspots-overlay{z-index:3}.hp-flipbook__hotspot{border:2px solid var(--hp-fb-hotspot);background:#c9a9611f;border-radius:4px;cursor:pointer;text-decoration:none;transition:background-color .2s ease,transform .2s ease,opacity .3s ease;display:flex;align-items:flex-end;justify-content:center;box-sizing:border-box;animation:hp-fb-fadein .3s ease}@keyframes hp-fb-fadein{0%{opacity:0}to{opacity:1}}.hp-flipbook__hotspot:hover{background:#c9a96152;transform:scale(1.03)}.hp-flipbook__hotspot-label{display:inline-block;padding:4px 10px;margin-bottom:6px;background:var(--hp-fb-hotspot);color:#fff;font-size:.85rem;font-weight:500;border-radius:3px;white-space:nowrap;max-width:calc(100% - 8px);overflow:hidden;text-overflow:ellipsis;box-shadow:0 2px 6px #0003}.hp-flipbook__hotspot-pulse{position:absolute;top:50%;left:50%;width:16px;height:16px;margin:-8px 0 0 -8px;background:var(--hp-fb-hotspot);border-radius:50%;box-shadow:0 0 #c9a961b3;animation:hp-fb-pulse 1.6s ease-out infinite}@keyframes hp-fb-pulse{0%{box-shadow:0 0 #c9a961b3}70%{box-shadow:0 0 0 16px #c9a96100}to{box-shadow:0 0 #c9a96100}}.hp-flipbook__controls{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:24px;flex-wrap:wrap}.hp-flipbook__btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid rgba(0,0,0,.1);background:var(--hp-fb-control-bg);color:var(--hp-fb-control);border-radius:50%;cursor:pointer;transition:background-color .2s ease,transform .2s ease,color .2s ease;padding:0}.hp-flipbook__btn:hover:not(:disabled){background:var(--hp-fb-hotspot);color:#fff;border-color:var(--hp-fb-hotspot);transform:translateY(-1px)}.hp-flipbook__btn:disabled{opacity:.4;cursor:not-allowed}.hp-flipbook__btn svg{width:20px;height:20px}.hp-flipbook__counter{min-width:80px;text-align:center;font-size:1rem;color:var(--hp-fb-control);font-variant-numeric:tabular-nums}@media screen and (max-width:999px){.hp-flipbook{padding:20px 8px}.hp-flipbook__heading{font-size:1.5rem;margin-bottom:16px}.hp-flipbook__hotspot-label{font-size:.75rem;padding:3px 6px}}@media screen and (max-width:999px){.hp-flipbook__slider{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:1;background:var(--hp-fb-bg)}.hp-flipbook__slider-track{display:flex;height:100%;width:100%;transition:transform .32s ease-out;touch-action:pan-y;will-change:transform}.hp-flipbook__slide{flex:0 0 100%;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.hp-flipbook__slide img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/hp-flipbook.css.map */