.photo-filmstrip{display:flex;align-items:center;gap:8px;overflow-x:auto;scroll-behavior:smooth;padding:8px 0 10px;scrollbar-width:thin;scrollbar-color:rgba(255,191,0,.35) transparent}.photo-filmstrip::-webkit-scrollbar{height:6px}.photo-filmstrip::-webkit-scrollbar-thumb{background:rgba(255,191,0,.35);border-radius:999px}.photo-filmstrip-item{flex:0 0 auto;width:72px;height:54px;border-radius:8px;overflow:hidden;border:2px solid transparent;opacity:.72;transition:opacity .15s ease,border-color .15s ease,transform .15s ease}.photo-filmstrip-item:hover{opacity:1;transform:translateY(-1px)}.photo-filmstrip-item--current{border-color:#ffbf00;opacity:1;box-shadow:0 0 0 1px rgba(255,191,0,.25)}.photo-filmstrip-item img{width:100%;height:100%;object-fit:cover;display:block}.photo-nav-wrap{position:relative}.photo-nav-wrap:hover .photo-nav-arrow:not(:disabled){opacity:1;border-color:rgba(255,191,0,.65)}.photo-nav-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:30;width:56px;height:56px;border-radius:999px;border:2px solid hsla(0,0%,100%,.4);background:rgba(0,0,0,.78);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 4px 16px rgba(0,0,0,.55);color:#fff;font-size:34px;font-weight:700;line-height:1;display:flex;align-items:center;justify-content:center;opacity:.92;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .15s ease,opacity .15s ease;text-shadow:0 1px 3px rgba(0,0,0,.8)}.photo-nav-arrow:hover:not(:disabled){background:rgba(0,0,0,.92);border-color:#ffbf00;color:#ffbf00;transform:translateY(-50%) scale(1.06)}.photo-nav-arrow:active:not(:disabled){transform:translateY(-50%) scale(.98)}.photo-nav-arrow:disabled{display:none}.photo-nav-arrow--prev{left:16px}.photo-nav-arrow--next{right:16px}@media (min-width:1024px){.photo-nav-arrow{width:60px;height:60px;font-size:36px}.photo-nav-arrow--prev{left:20px}.photo-nav-arrow--next{right:20px}}.photo-lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:56px;height:56px;border-radius:999px;border:2px solid hsla(0,0%,100%,.4);background:rgba(0,0,0,.78);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 4px 16px rgba(0,0,0,.55);color:#fff;font-size:34px;font-weight:700;line-height:1;display:flex;align-items:center;justify-content:center;text-shadow:0 1px 3px rgba(0,0,0,.8);cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .15s ease}.photo-lightbox-nav:hover:not(:disabled){background:rgba(0,0,0,.92);border-color:#ffbf00;color:#ffbf00;transform:translateY(-50%) scale(1.06)}.photo-lightbox-nav:disabled{display:none}.photo-lightbox-nav--prev{left:20px}.photo-lightbox-nav--next{right:20px}