.pp-frame-stage{position:relative;width:100%;max-width:none;aspect-ratio:1 / 1;min-height:0;margin:40px auto;overflow:visible!important;isolation:isolate;container-type:size;container-name:pp-frame-stage;background:#ebebeb!important;border:none!important;box-shadow:none!important;border-radius:4px;box-sizing:border-box}.pp-frame-stage__canvas,.pp-frame-stage__fallback,.pp-frame-stage .js-frame-target{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.pp-frame-stage:before{content:"";position:absolute;inset:clamp(28px,5vw,72px);border:1px solid rgba(33,29,24,.06);background:#ffffff38;z-index:1;transition:opacity .24s ease-in-out}.pp-frame-stage.is-webgl-ready:before{opacity:0}.pp-frame-stage__canvas{display:block;z-index:3;opacity:0;transition:opacity .4s cubic-bezier(.22,1,.36,1);filter:none!important}.pp-frame-stage.is-webgl-ready .pp-frame-stage__canvas{opacity:1}.pp-frame-stage__fallback{width:min(72%,620px);height:min(72%,620px);margin:auto;object-fit:contain;z-index:2;opacity:1;pointer-events:none;filter:none;transition:opacity .32s ease,transform .52s cubic-bezier(.22,1,.36,1)}.pp-frame-stage__fallback.pp-frame-stage__fallback--poster{width:100%;height:100%;margin:0;object-fit:contain;background:#ebebeb;transform:scale(var(--pp-poster-scale, 1));transform-origin:center center;transition:opacity .18s ease}.pp-frame-stage--orientation-portrait .pp-frame-stage__fallback.pp-frame-stage__fallback--poster,.pp-frame-stage--orientation-square .pp-frame-stage__fallback.pp-frame-stage__fallback--poster,.pp-frame-stage--orientation-landscape .pp-frame-stage__fallback.pp-frame-stage__fallback--poster{--pp-poster-scale: .944}@container pp-frame-stage (min-width: 560px) and (max-width: 680px) and (max-height: 720px){.pp-frame-stage--orientation-square .pp-frame-stage__fallback.pp-frame-stage__fallback--poster{--pp-poster-scale: 1.04}.pp-frame-stage--orientation-landscape .pp-frame-stage__fallback.pp-frame-stage__fallback--poster{--pp-poster-scale: 1.035}}@media screen and (max-width:749px){.pp-frame-stage--orientation-portrait .pp-frame-stage__fallback.pp-frame-stage__fallback--poster{--pp-poster-scale: .953}.pp-frame-stage--orientation-square .pp-frame-stage__fallback.pp-frame-stage__fallback--poster,.pp-frame-stage--orientation-landscape .pp-frame-stage__fallback.pp-frame-stage__fallback--poster{--pp-poster-scale: 1.075}}.pp-frame-stage.is-webgl-fallback .pp-frame-stage__fallback,.pp-frame-stage.is-source-artwork-missing .pp-frame-stage__fallback{opacity:1;transform:none}.pp-frame-stage.is-webgl-ready .pp-frame-stage__fallback{opacity:0;transform:scale(.985)}.pp-frame-stage.is-webgl-ready .pp-frame-stage__fallback--poster{transform:scale(var(--pp-poster-scale, 1))}.pp-frame-stage .js-frame-target{display:block!important;z-index:5;cursor:crosshair;touch-action:pan-y;pointer-events:auto!important;background:transparent}.pp-frame-stage.is-updating .pp-frame-stage__canvas{opacity:.5}.pp-frame-stage__hint{display:none!important}@media screen and (max-width:749px){.pp-frame-stage{max-width:none;min-height:0;border-radius:0}.pp-frame-stage:before{inset:clamp(22px,8vw,48px)}.pp-frame-stage__fallback{width:70%;height:70%}.pp-frame-stage__fallback.pp-frame-stage__fallback--poster{width:100%;height:100%}}
/*# sourceMappingURL=/cdn/shop/t/44/assets/custom-three-frames.css.map */