/* The public gallery uses the cabinet's BSM viewer without its application shell. */
.sheet-layer.pd-public-viewer {
  --sheet-bg:#191a1c;
  --sheet-color:#f1f1f2;
  --sheet-muted:#82848b;
  --sheet-scrim:rgba(4,7,13,.72);
  --sheet-modal-shadow:0 24px 80px rgba(0,0,0,.58);
  --bs-gray-600:#a0a1a6;
  --bs-gray-900:#f1f1f2;
  color-scheme:dark;
}
.pd-public-viewer .sheet-scrim { backdrop-filter:blur(10px) saturate(.82); -webkit-backdrop-filter:blur(10px) saturate(.82); }
.pd-public-viewer .pd-tryon-sheet { isolation:isolate; border:1px solid #3a3b3f; border-radius:20px; background:var(--sheet-bg); color:var(--sheet-color); font-family:inherit; }
body .sheet-layer.pd-public-viewer .pd-tryon-sheet .sheet__title { color:var(--sheet-color); font-size:20px; font-weight:550; letter-spacing:-.5px; line-height:1.15; }
.pd-public-viewer .sheet__close-icon { width:36px; height:36px; border:1px solid #655039; background:#29262b; color:#f4ba8b; box-shadow:0 2px 8px #0003; }
.pd-public-viewer .sheet__close-icon:hover { background:#39302b; }
.pd-public-viewer .pd-image-loader { position:relative; display:block; overflow:hidden; isolation:isolate; background:#101112; }
.pd-public-viewer .pd-image-loader > .spinner { position:absolute; z-index:2; top:50%; left:50%; width:20px; height:20px; margin:-10px 0 0 -10px; border:2px solid #ffffff4d; border-top-color:#fff; border-radius:50%; animation:pd-tryon-image-spin 1s linear infinite; }
@keyframes pd-tryon-image-spin { to { transform:rotate(360deg); } }
.pd-public-viewer .pd-image-loader__image { display:block; width:100%; height:100%; opacity:0; transition:opacity .2s ease; }
.pd-public-viewer .pd-image-loader.is-loaded > .spinner,
.pd-public-viewer .pd-image-loader.is-error > .spinner { opacity:0; visibility:hidden; animation:none; }
.pd-public-viewer .pd-image-loader.is-loaded .pd-image-loader__image { opacity:1; }
:is(.mk-page,.auto-page) .pd-work [data-work-open] { cursor:pointer; }
:is(.mk-page,.auto-page) .pd-work__title button { display:block; width:100%; padding:0; border:0; background:none; color:inherit; font:inherit; text-align:left; overflow-wrap:anywhere; }
:is(.mk-page,.auto-page) .pd-work [data-work-open]:focus-visible { outline:2px solid #f47a20; outline-offset:4px; }
@media(max-width:767px) {
  .pd-public-viewer .sheet__close-icon { width:32px; height:32px; }
}
@media(prefers-reduced-motion:reduce) {
  .pd-public-viewer .pd-image-loader > .spinner { animation-duration:4s; }
  .pd-public-viewer .pd-image-loader__image { transition:none; }
}