.pf-gallery-viewport{position:absolute;inset:0 0 auto;height:52%;isolation:isolate;--scene-scale:.9}.pf-gallery-viewport .pf-product-scene{background:none;overflow:visible}.pf-gallery-viewport .pf-scene-ground{display:none}.pf-gallery-viewport:has(.pc-card[data-orientation=Vertical]){--scene-scale:.72}.pf-product-scene{position:absolute;top:0;right:0;bottom:0;left:0;container-type:inline-size;isolation:isolate;background:#dededb url(pf-gallery-background.webp) center/cover;overflow:hidden}.pf-scene-ground{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(175deg,transparent 40%,#5f625319);pointer-events:none}.pf-scene-object{position:absolute;left:var(--x,50%);top:var(--y,50%);width:var(--w,52%);z-index:var(--z,1);opacity:var(--opacity,1);transform:translate(-50%,-50%) perspective(160cqw) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) rotate(var(--rz,0deg)) scale(var(--scene-scale,1));transition:transform .55s cubic-bezier(.2,.75,.2,1),left .55s cubic-bezier(.2,.75,.2,1),top .55s cubic-bezier(.2,.75,.2,1),width .55s cubic-bezier(.2,.75,.2,1),opacity .25s}.pf-scene-object .pc-scene{perspective:none}.pf-scene-object .pc-card{border:1px solid #8885;box-shadow:inset 0 1px 1px #ffffff70,0 .55cqw #4d4e4355,1.5cqw 4.5cqw 6cqw #20211830;transform:none}.pf-scene-object .pc-card[data-base-color=Dark]{border-color:#fff2;box-shadow:inset 0 1px 1px #ffffff20,0 .55cqw #0a0a09,1.5cqw 4.5cqw 6cqw #20211845}.pf-scene-object .pc-card[data-finish=Matte]:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(150deg,#ffffff0d,transparent 55%,#00000006);border-radius:inherit}.pf-scene-object--extra{--opacity:0;--w:46%;--x:52%;--y:45%}.pf-scene-object--back{--x:65%;--y:42%;--w:54%;--rz:14deg;--rx:8deg;--ry:-9deg}.pf-scene-object--front{--x:36%;--y:59%;--w:55%;--rz:-12deg;--rx:4deg;--ry:7deg;--z:3}.pf-product-scene[data-scene=standing] .pf-scene-object--front{--x:48%;--y:57%;--w:70%;--rx:-12deg;--ry:-23deg;--rz:7deg}.pf-product-scene[data-scene=standing] .pf-scene-object--back{--opacity:0;--x:72%;--y:57%;--w:40%}.pf-product-scene[data-scene=standing] .pf-scene-object--front .pc-card{box-shadow:inset 0 1px 1px #ffffff80,0 .65cqw #5557,5cqw 8cqw 7cqw #27291b36}.pf-product-scene[data-scene=flat] .pf-scene-object--front{--x:36%;--y:58%;--w:61%;--rx:48deg;--ry:0deg;--rz:-32deg}.pf-product-scene[data-scene=flat] .pf-scene-object--back{--x:65%;--y:34%;--w:53%;--rx:48deg;--ry:0deg;--rz:25deg}.pf-product-scene[data-scene=flat] .pc-card{box-shadow:inset 0 1px 1px #ffffff80,0 .7cqw #6668,0 1.5cqw 2cqw #15170845}.pf-product-scene[data-scene=stack] .pf-scene-object--front{--x:32%;--y:63%;--w:56%;--rx:-15deg;--ry:-20deg;--rz:7deg}.pf-product-scene[data-scene=stack] .pf-scene-object--back{--opacity:0}.pf-product-scene[data-scene=stack] .pf-scene-object--extra{--opacity:1;--x:65%;--y:40%;--w:53%;--rx:53deg;--ry:0deg;--rz:22deg}.pf-product-scene[data-scene=stack] .pf-scene-object--extra .pc-card{box-shadow:0 1px #aaa,0 2px 0 var(--card-color),0 3px #888,0 4px 0 var(--card-color),0 5px #888,0 6px 0 var(--card-color),0 7px #888,0 8px 0 var(--card-color),0 9px #888,0 10px 0 var(--card-color),0 11px #888,0 12px 0 var(--card-color),0 13px #888,0 14px 0 var(--card-color),0 15px #888,2cqw 8cqw 5cqw #1a1d1640}.pf-product-scene[data-scene=fan] .pf-scene-object--front{--x:38%;--y:59%;--w:59%;--rx:16deg;--ry:5deg;--rz:-23deg}.pf-product-scene[data-scene=fan] .pf-scene-object--back{--x:60%;--y:42%;--w:59%;--rx:16deg;--ry:5deg;--rz:24deg}.pf-product-scene[data-scene=fan] .pf-scene-object--extra{--opacity:1;--x:50%;--y:50%;--w:59%;--rx:16deg;--ry:5deg;--rz:0deg;--z:2}.pf-product-scene[data-scene=trio] .pf-scene-object--front{--x:31%;--y:65%;--w:52%;--rx:-10deg;--ry:-22deg;--rz:7deg}.pf-product-scene[data-scene=trio] .pf-scene-object--extra{--opacity:1;--x:51%;--y:48%;--w:52%;--rx:-10deg;--ry:-22deg;--rz:7deg;--z:2}.pf-product-scene[data-scene=trio] .pf-scene-object--back{--x:70%;--y:32%;--w:52%;--rx:-10deg;--ry:-22deg;--rz:7deg}.pf-product-scene[data-scene=front] .pf-scene-object--front{--x:50%;--y:50%;--w:81%;--rx:10deg;--ry:-9deg;--rz:-7deg}.pf-product-scene[data-scene=front] .pf-scene-object--back{--opacity:0;--x:65%;--y:30%;--w:45%}.pf-product-scene[data-scene=back] .pf-scene-object--back{--x:50%;--y:50%;--w:81%;--rx:10deg;--ry:9deg;--rz:7deg;--z:3}.pf-product-scene[data-scene=back] .pf-scene-object--front{--opacity:0;--x:30%;--y:65%;--w:45%}.pf-product-scene:has(.pc-card[data-orientation=Vertical]) .pf-scene-object{width:calc(var(--w,52%) * .86)}.pf-product-scene:has(.pc-card[data-orientation=Vertical])[data-scene=trio] .pf-scene-object--front{--x:27%;--y:56%}.pf-product-scene:has(.pc-card[data-orientation=Vertical])[data-scene=trio] .pf-scene-object--extra{--x:50%;--y:48%}.pf-product-scene:has(.pc-card[data-orientation=Vertical])[data-scene=trio] .pf-scene-object--back{--x:73%;--y:39%}.pf-product-scene:has(.pc-card[data-orientation=Vertical])[data-scene=front] .pf-scene-object--front,.pf-product-scene:has(.pc-card[data-orientation=Vertical])[data-scene=back] .pf-scene-object--back{--w:73%}.pf-gallery-viewport .pf-product-scene[data-scene=standing] .pf-scene-object--front{--y:48%}.pf-gallery-viewport .pf-product-scene[data-scene=stack] .pf-scene-object--front{--y:57%}.pf-gallery-viewport .pf-product-scene[data-scene=fan] .pf-scene-object--front{--y:53%}.pf-gallery-viewport .pf-product-scene[data-scene=trio] .pf-scene-object--front{--y:57%}.pf-gallery-viewport .pf-product-scene[data-scene=front] .pf-scene-object--front,.pf-gallery-viewport .pf-product-scene[data-scene=back] .pf-scene-object--back{--w:75%}.pf-detail-strip{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:3px;padding-block:3px 4px}.pf-detail-strip::-webkit-scrollbar{display:none}.pf-detail-strip button{padding:0;position:relative;scroll-snap-align:center}.pf-gallery-thumb{display:block;position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.pf-detail-strip button[aria-pressed=true]{border-color:#191a17;outline:1px solid #191a17;outline-offset:1px}.pf-detail-strip button:focus-visible{outline:3px solid #747f00;outline-offset:2px}.pf-detail-strip .pf-scene-object .pc-card{border:1px solid #8884;box-shadow:0 1px 1px #7778,1px 3px 4px #0003}.pf-detail-strip .pf-product-scene[data-scene=stack] .pf-scene-object--extra .pc-card{box-shadow:0 1px #777,0 2px 0 var(--card-color),0 3px #777,0 4px 0 var(--card-color),1px 6px 4px #0004}@media(prefers-reduced-motion:reduce){.pf-scene-object{transition:none}}@media(max-width:380px){.pf-detail-strip button{flex-basis:80px;height:80px}}@media(max-width:599px){.pf-gallery>.pf-gallery-disclaimer{top:auto;bottom:calc(2.8% + 111px);left:4%;width:92%}}@media(max-width:380px){.pf-gallery>.pf-gallery-disclaimer{bottom:calc(2.8% + 95px)}}
/*# sourceMappingURL=/cdn/shop/t/36/assets/pocket-gallery.css.map */