.pg-desktop{grid-template-columns:minmax(0,1fr);display:grid}.pg-desktop--with-rail{grid-template-columns:4rem minmax(0,1fr);gap:.75rem}.pg-rail{overscroll-behavior:contain;scrollbar-width:thin;flex-direction:column;grid-area:1/1;gap:.375rem;width:4rem;height:0;min-height:100%;display:flex;overflow:hidden auto}.pg-stage-col{min-width:0;position:relative}.pg-desktop--with-rail .pg-stage-col{grid-area:1/2}.pg-thumb{width:4rem;height:4rem;transition:transform .16s var(--ease-out), border-color .15s ease;background:#fff;border:2px solid #0000;border-radius:.5rem;flex:0 0 4rem;display:block;position:relative;overflow:hidden}.pg-thumb[data-active=true]{border-color:#ff6b00}@media (hover:hover) and (pointer:fine){.pg-thumb:hover:not([data-active=true]){border-color:#e5e5e5}}.pg-thumb:active{transform:scale(.97)}.pg-stage{aspect-ratio:1;background:#fff;border-radius:.5rem;width:100%;position:relative;overflow:hidden}.pg-layer{z-index:0;opacity:0;pointer-events:none;transition:opacity .1s var(--ease-out);position:absolute;inset:0}.pg-layer[data-active=true]{z-index:1;opacity:1;pointer-events:auto}.pg-nav{color:#525252;width:2.5rem;height:2.5rem;transition:transform .16s var(--ease-out), opacity .15s var(--ease-out), background-color .15s ease;background:#fff;border-radius:9999px;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 10px #00000014}.pg-nav:active{transform:scale(.97)}.pg-nav:disabled{opacity:.4}.pg-dot{transform-origin:50%;width:.5rem;height:.5rem;transition:transform .2s var(--ease-out), background-color .2s ease;background:#d4d4d4;border-radius:9999px;transform:scaleX(1)}.pg-dot[data-active=true]{background:#ff6b00;transform:scaleX(2.75)}@media (prefers-reduced-motion:reduce){.pg-thumb,.pg-nav,.pg-dot{transition:background-color .12s,border-color .12s;transform:none}.pg-layer{transition:none}.pg-thumb:active,.pg-nav:active{transform:none}.pg-dot[data-active=true]{width:1.5rem}}