.sf3d-slide>.sf3d__poster{display:block;width:100%;height:auto;object-fit:contain;transition:opacity .4s ease}.sf3d-slide[data-sf3d-ready]>.sf3d__poster{opacity:0}.sf3d{position:absolute;top:0;right:0;bottom:0;left:0;display:block;z-index:1}.sf3d__stage{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.sf3d__canvas{display:block;width:100%;height:100%;cursor:grab;outline:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.sf3d__canvas:active{cursor:grabbing}.sf3d__status{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);margin:0;max-width:calc(100% - 2rem);padding:.45rem .9rem;border-radius:999px;background:#ffffffeb;box-shadow:0 2px 10px #00000014;color:rgb(var(--color-foreground));font-size:var(--text-sm, .875rem);line-height:1.3;text-align:center;pointer-events:none}.sf3d__status:empty,.sf3d:not([data-state]) .sf3d__status:not(:empty){display:none}.sf3d__controls{position:absolute;left:0;right:0;bottom:1rem;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:0 1rem;pointer-events:none}.sf3d__controls>*{pointer-events:auto}.sf3d__hint{position:absolute;left:1rem;bottom:.65rem;font-size:var(--text-xs, .75rem);color:rgb(var(--color-foreground) / .6);pointer-events:none}.sf3d__stand{min-width:9.5rem}.sf3d__zoom{position:absolute;right:1rem;bottom:0;display:flex;gap:.5rem}.sf3d__zoom-button{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;border:1px solid rgb(var(--color-border, 0 0 0) / .6);border-radius:50%;background:#ffffffeb;color:rgb(var(--color-foreground));cursor:pointer;transition:background-color .2s ease}.sf3d__zoom-button:hover:not([disabled]){background:#fff}.sf3d__zoom-button[disabled]{opacity:.45;cursor:not-allowed}.sf3d__zoom-button:focus-visible,.sf3d__stand:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.sf3d:not([data-state=ready]) .sf3d__controls{visibility:hidden}.sf3d[data-state=failed] .sf3d__stage{display:none}@media screen and (max-width:767px){.sf3d__hint{display:none}.sf3d__controls{justify-content:flex-start;bottom:.75rem;padding:0 .75rem}.sf3d__zoom{right:.75rem}.sf3d__zoom-button{width:2.75rem;height:2.75rem}}.sf3d__sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
/*# sourceMappingURL=/cdn/shop/t/3/assets/swellframe-3d.css.map */