.pcl :where(*){box-sizing:border-box;margin:0}.pcl :where(button){font:inherit;color:inherit;background:0 0;border:none;padding:0}:where(.pcl){--pcl-z:1000;--pcl-backdrop:#000;--pcl-chrome-color:#fff;--pcl-chrome-bg:#00000059;--pcl-button-bg:#0003;--pcl-button-size:44px;--pcl-caption-bg:#0000008c;--pcl-caption-color:#fff;--pcl-caption-lines:2;--pcl-arrow-size:48px}.pcl{z-index:var(--pcl-z);overscroll-behavior:contain;-webkit-tap-highlight-color:transparent;position:fixed;inset:0}.pcl--inline{z-index:auto;position:absolute}.pcl--closing,.pcl--closing *{pointer-events:none!important}.pcl__backdrop{background:var(--pcl-backdrop);-webkit-backdrop-filter:var(--pcl-backdrop-filter,none);backdrop-filter:var(--pcl-backdrop-filter,none);will-change:opacity;position:absolute;inset:0}.pcl__sr{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.pcl__viewport{touch-action:none;-webkit-user-select:none;user-select:none;cursor:default;position:absolute;inset:0;overflow:hidden}.pcl__track{position:absolute;inset:0}.pcl__viewport[data-pcl-cursor=zoom-in] .pcl__img{cursor:zoom-in}.pcl__viewport[data-pcl-cursor=grab] .pcl__img{cursor:grab}.pcl__viewport[data-pcl-cursor=grabbing] .pcl__img{cursor:grabbing}.pcl__content{transform-origin:0 0;position:absolute;top:0}.pcl__content--contain{width:100%;height:100%}.pcl__content--contain .pcl__img{object-fit:contain;width:100%;height:100%}.pcl__img,.pcl__placeholder{width:100%;height:100%;display:block}.pcl__img--pending{visibility:hidden}.pcl__placeholder{object-fit:contain;position:absolute;inset:0}.pcl__chrome{pointer-events:none;color:var(--pcl-chrome-color);opacity:calc(1 - var(--pcl-dismiss,0));transition:opacity .15s;position:absolute;inset:0}.pcl--closing .pcl__chrome{opacity:0}.pcl--ui-hidden .pcl__chrome{opacity:0!important}.pcl[data-pcl-dismissing] .pcl__chrome{will-change:opacity;transition:none}.pcl__topbar{padding:max(8px, env(safe-area-inset-top)) 12px 8px;justify-content:space-between;align-items:center;display:flex;position:absolute;top:0;left:0;right:0}.pcl--inline .pcl__topbar{padding-top:8px}.pcl__counter{font-variant-numeric:tabular-nums;opacity:.9;text-shadow:0 1px 2px #0009;padding:0 8px;font-size:14px}.pcl__actions{align-items:center;gap:4px;margin-left:auto;display:flex}.pcl__button{pointer-events:auto;width:var(--pcl-button-size);height:var(--pcl-button-size);background:var(--pcl-button-bg);color:inherit;cursor:pointer;border:none;border-radius:50%;place-content:center;transition:background-color .15s;display:grid}.pcl__button:hover,.pcl__button:focus-visible{background:var(--pcl-chrome-bg)}.pcl__arrow{pointer-events:auto;width:var(--pcl-arrow-size);height:var(--pcl-arrow-size);background:var(--pcl-chrome-bg);color:inherit;cursor:pointer;border:none;border-radius:50%;place-content:center;transition:background-color .15s,opacity .15s;display:grid;position:absolute;top:50%;translate:0 -50%}.pcl__arrow:disabled{opacity:.3;cursor:default}.pcl__arrow--prev{left:12px}.pcl__arrow--next{right:12px}@media (hover:none) and (pointer:coarse){.pcl__arrow{display:none}}.pcl__caption{pointer-events:auto;background:var(--pcl-caption-bg);color:var(--pcl-caption-color);padding-bottom:env(safe-area-inset-bottom);position:absolute;bottom:0;left:0;right:0}.pcl--inline .pcl__caption{padding-bottom:0}.pcl__caption-text{-webkit-line-clamp:var(--pcl-caption-lines);line-clamp:var(--pcl-caption-lines);width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;white-space:pre-wrap;background:0 0;border:none;-webkit-box-orient:vertical;padding:12px 16px;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.pcl__caption--expanded .pcl__caption-text{max-height:min(50dvh,320px);display:block;overflow-y:auto}@media (prefers-reduced-motion:reduce){.pcl__chrome,.pcl__button,.pcl__arrow{transition:none}}