.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(calc(var(--rx,0deg) + var(--pf-view-rx,0deg))) rotateY(calc(var(--ry,0deg) + var(--pf-view-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)}}@media(min-width:900px){.pf-gallery>.pf-gallery-disclaimer{font-size:13px;line-height:1.4}}.pf-view-bar{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0}.pf-view-flip{display:inline-flex;min-width:0;border:1.5px solid var(--pfx-ink);background:#fff}.pf-view-go{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:84px;min-height:44px;margin:0;padding:0 14px;border:0;border-radius:0;background:none;color:var(--pfx-ink);font:800 .875rem/1 var(--pfx-font);letter-spacing:-.01em;cursor:pointer;-webkit-tap-highlight-color:transparent}.pf-view-go[aria-pressed=true]{background:var(--pfx-ink);color:#fff}.pf-view-icon{flex:none;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.pf-view-fold{display:none;place-items:center;flex:none;width:44px;height:44px;margin:0;padding:0;border:1.5px solid var(--pfx-ink);border-radius:0;background:#fff;color:var(--pfx-ink);cursor:pointer;-webkit-tap-highlight-color:transparent}.pf-view-chev{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s ease}.pf-view-fold[aria-expanded=false] .pf-view-chev{transform:rotate(180deg)}.pf-view-go:focus-visible,.pf-view-fold:focus-visible{outline:3px solid #747f00;outline-offset:2px}@media(hover:hover){.pf-view-go:not([aria-pressed=true]):hover,.pf-view-fold:hover{background:#f6ffd9}}@media(prefers-reduced-motion:reduce){.pf-view-chev{transition:none}}.pf-gallery{position:relative}.pf-gallery>.pf-view-bar{position:absolute;z-index:3;inset-block-start:10px;inset-inline-end:10px}.pf-final-view{position:sticky;top:0;z-index:2;display:grid;gap:6px;margin:0 -16px 6px;padding:8px 16px 10px;background:#fff;box-shadow:0 1px 0 var(--pfx-line)}.pf-final-viewport{position:relative;width:100%;max-width:520px;margin:0 auto;aspect-ratio:1.9;isolation:isolate;--scene-scale:.92}.pf-final-viewport:has(.pc-card[data-orientation=Vertical]){max-width:360px;aspect-ratio:1.25}.pf-final-viewport .pf-product-scene{background:none;overflow:visible}.pf-final-viewport .pf-scene-ground{display:none}.pf-final :is(button,input,select,a[href],summary){scroll-margin-top:calc(var(--pf-view-h,0px) + 12px)}@media(max-width:989.98px){.pf-final-view .pf-view-fold{display:grid}.pf-final-view[data-pf-view-folded] .pf-final-viewport{display:none}}
/*# sourceMappingURL=/cdn/shop/t/62/assets/pocket-gallery.css.map */