.spliff-pimages{display:flex;width:100%;gap:12px;align-items:stretch}.spliff-pimages *,.spliff-pimages *::before,.spliff-pimages *::after{box-sizing:border-box}.spliff-pimages--right{flex-direction:row}.spliff-pimages--left{flex-direction:row-reverse}.spliff-pimages--bottom{flex-direction:column}.spliff-pimages--top{flex-direction:column-reverse}.spliff-pimages__main{flex:1 1 auto;min-width:0;overflow:hidden;border-radius:8px;background:#F4F4F4;aspect-ratio:16 / 10;position:relative}.spliff-pimages__main img,.spliff-pimages__main-img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center center}.spliff-pimages__main-link{position:absolute;inset:0;display:block;cursor:zoom-in}.spliff-pimages__main-link .spliff-pimages__main-img{position:absolute;inset:0}.spliff-pimages__thumbs{display:flex;gap:8px;flex:0 0 auto;min-width:0;min-height:0}.spliff-pimages--right .spliff-pimages__thumbs,.spliff-pimages--left .spliff-pimages__thumbs{flex-direction:column;justify-content:space-between;align-self:stretch}.spliff-pimages--top .spliff-pimages__thumbs,.spliff-pimages--bottom .spliff-pimages__thumbs{flex-direction:row;flex-wrap:wrap;justify-content:flex-start}.spliff-pimages--right .spliff-pimages__thumbs.is-scroll,.spliff-pimages--left .spliff-pimages__thumbs.is-scroll{justify-content:flex-start;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding-inline-end:4px}.spliff-pimages--top .spliff-pimages__thumbs.is-scroll,.spliff-pimages--bottom .spliff-pimages__thumbs.is-scroll{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;overscroll-behavior:contain;padding-block-end:4px}.spliff-pimages__thumbs.is-scroll{scrollbar-width:thin;scrollbar-color:rgb(0 0 0 / .25) #fff0;-webkit-overflow-scrolling:touch}.spliff-pimages__thumbs.is-scroll::-webkit-scrollbar{width:6px;height:6px}.spliff-pimages__thumbs.is-scroll::-webkit-scrollbar-thumb{background:rgb(0 0 0 / .22);border-radius:3px}.spliff-pimages__thumbs.is-scroll::-webkit-scrollbar-track{background:#fff0}.spliff-pimages__thumb{flex:0 0 auto;width:76px;height:76px;padding:0;border:0;border-radius:8px;background:#fff0;cursor:pointer;overflow:hidden;position:relative;transition:transform 0.15s ease;-webkit-appearance:none;appearance:none}.spliff-pimages__thumb::after{content:'';position:absolute;inset:0;border-radius:inherit;border:2px solid #fff0;pointer-events:none;transition:border-color 0.2s ease;z-index:2}.spliff-pimages__thumb:hover{transform:translateY(-1px)}.spliff-pimages .spliff-pimages__thumb:hover,.spliff-pimages .spliff-pimages__thumb:focus,.spliff-pimages .spliff-pimages__thumb:active{background-color:transparent!important;box-shadow:none!important;color:inherit!important}.spliff-pimages__thumb:focus-visible{outline:2px solid #3D5BFF!important;outline-offset:2px}.spliff-pimages__thumb.is-active::after{border-color:#3D5BFF}.spliff-pimages__thumb-img,.spliff-pimages__thumb img{display:block;width:100%;height:100%;object-fit:cover}.spliff-pimages__main-video{position:absolute;inset:0;z-index:3;background:#000}.spliff-pimages__main-video[hidden]{display:none}.spliff-pimages__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;margin:0;background:#000}.spliff-pimages__video-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:0;margin:0;border:0;background:transparent!important;box-shadow:none!important;outline:none!important;cursor:pointer;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:#fff0;transition:opacity .25s ease}.spliff-pimages__video-play:hover,.spliff-pimages__video-play:focus,.spliff-pimages__video-play:active{background:transparent!important;box-shadow:none!important}.spliff-pimages__main-video.is-controls-hidden .spliff-pimages__video-play{opacity:0;pointer-events:none}.spliff-pimages--hide-video-play .spliff-pimages__video-play{display:none}.spliff-pimages__video-btn{position:relative;display:block;width:64px;height:64px;border-radius:50%;background:#FFF;box-shadow:0 6px 24px rgb(0 0 0 / .28)}.spliff-pimages__video-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.spliff-pimages__video-icon--play{width:0;height:0;margin-left:3px;border-style:solid;border-width:12px 0 12px 19px;border-color:#fff0 #fff0 #fff0 #0F0F10}.spliff-pimages__video-icon--pause{display:none;width:18px;height:20px;border-left:6px solid #0F0F10;border-right:6px solid #0F0F10;box-sizing:border-box}.spliff-pimages__main-video.is-playing .spliff-pimages__video-icon--play{display:none}.spliff-pimages__main-video.is-playing .spliff-pimages__video-icon--pause{display:block}.spliff-pimages__thumb--video{background:#000}.spliff-pimages__thumb-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;z-index:1;background:#000}.spliff-pimages--empty .spliff-pimages__main{aspect-ratio:1 / 1}@media (max-width:480px){.spliff-pimages--right .spliff-pimages__thumb,.spliff-pimages--left .spliff-pimages__thumb{width:60px;height:60px}}