.slideshow-player{isolation:isolate;contain:paint;background:#000;position:relative;overflow:hidden}.slideshow-player__slide{opacity:0;transform-origin:50%;animation-duration:var(--ss-cycle);animation-timing-function:ease-in-out,linear;animation-iteration-count:infinite;animation-fill-mode:both;position:absolute;inset:0}.slideshow-player__backdrop{object-fit:cover;filter:blur(12px)brightness(.6);width:116%;height:116%;position:absolute;inset:-8%}.slideshow-player__photo{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.slideshow-player[data-playing=false] .slideshow-player__slide{animation-play-state:paused}.slideshow-player--still .slideshow-player__slide{opacity:1;animation:none}.slideshow-player--collage{container-type:inline-size}.slideshow-player__wall{filter:grayscale()contrast(1.05)brightness(.5);position:absolute;inset:0}.slideshow-player__tile{width:var(--ss-tile,40cqw);transform:translate(-50%, -50%) rotate(var(--rotate));background:#f4f4f4;padding:1.2cqw 1.2cqw 3.6cqw;position:absolute;box-shadow:0 .5cqw 2cqw #00000080}.slideshow-player__tile img{aspect-ratio:4/3;object-fit:cover;width:100%;max-width:none;display:block}.slideshow-player__vignette{background:radial-gradient(#0000 35%,#0000008c 100%);position:absolute;inset:0}.slideshow-player__scene{justify-content:center;align-items:center;gap:1.5cqw;display:flex}.slideshow-player__frame{margin-top:var(--lift);transform:rotate(var(--rotate));will-change:transform;animation-duration:var(--ss-cycle);background:#fff;padding:1.5cqw 1.5cqw 4.6cqw;animation-timing-function:linear;animation-iteration-count:infinite;animation-fill-mode:both;box-shadow:0 1cqw 2.5cqw #000000a6}.slideshow-player__frame img{width:auto;max-width:46cqw;height:auto;max-height:38cqw;display:block}.slideshow-player__frame--of-2 img{max-width:34cqw;max-height:34cqw}.slideshow-player__frame--of-3 img{max-width:25cqw;max-height:32cqw}.slideshow-player__scene:has(.slideshow-player__frame--of-3){gap:.5cqw}.slideshow-player--collage[data-playing=false] .slideshow-player__scene,.slideshow-player--collage[data-playing=false] .slideshow-player__frame{animation-play-state:paused}.slideshow-player--portrait .slideshow-player__tile{width:46cqw;padding:1.9cqw 1.9cqw 5.7cqw}.slideshow-player--portrait .slideshow-player__frame{padding:2.6cqw 2.6cqw 8cqw}.slideshow-player--portrait .slideshow-player__frame img{max-width:76cqw;max-height:92cqw}
