.ts-gallery{width:100%}.ts-gallery__main-wrap{position:relative;border-radius:12px;overflow:hidden;line-height:0;margin-bottom:1rem}.ts-gallery__main-wrap::before,.ts-gallery__main-wrap::after{content:'';position:absolute;top:0;bottom:0;width:80px;z-index:1;pointer-events:none}.ts-gallery__main-wrap::before{left:0;background:linear-gradient(to right,rgb(0 0 0 / .4) 0%,transparent 100%)}.ts-gallery__main-wrap::after{right:0;background:linear-gradient(to left,rgb(0 0 0 / .4) 0%,transparent 100%)}.ts-gallery__main-img{width:100%;height:auto;display:block;object-fit:cover;aspect-ratio:16 / 9;cursor:pointer}.ts-gallery__arrow{position:absolute;top:50%;transform:translateY(-50%);background:none;border:none;color:#fff;cursor:pointer;padding:.5rem;z-index:2;filter:drop-shadow(0 1px 3px rgb(0 0 0 / .4));transition:opacity 0.2s ease}.ts-gallery__arrow svg{width:2rem;height:2rem}.ts-gallery__arrow:hover{opacity:.8}.ts-gallery__arrow--prev{left:.5rem}.ts-gallery__arrow--next{right:.5rem}.ts-gallery__expand{position:absolute;top:.75rem;right:.75rem;background:rgb(0 0 0 / .35);border:none;border-radius:6px;color:#fff;cursor:pointer;padding:.5rem;z-index:2;line-height:0;transition:background 0.2s ease}.ts-gallery__expand:hover{background:rgb(0 0 0 / .55)}.ts-gallery__thumbs{display:flex;gap:.75rem;overflow-x:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:.25rem}.ts-gallery__thumbs::-webkit-scrollbar{display:none}.ts-gallery__thumb{flex:0 0 auto;width:12rem;height:8rem;padding:0;border:3px solid #fff0;border-radius:12px;overflow:hidden;cursor:pointer;background:none;transition:border-color 0.2s ease,opacity 0.2s ease;opacity:.65}.ts-gallery__thumb:hover,.ts-gallery__thumb.is-active{border-color:#333;opacity:1}.ts-gallery__thumb-img{width:100%;height:100%;object-fit:cover;display:block}.ts-gallery__credit{font-size:14px;font-style:italic;color:#666;margin:.75rem 0 0}@media (max-width:768px){.ts-gallery__heading{font-size:1.5rem}.ts-gallery__thumb{width:8rem;height:5.5rem}.ts-gallery__arrow svg{width:1.5rem;height:1.5rem}}@media (max-width:480px){.ts-gallery__thumb{width:6rem;height:4rem}}