.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;padding:0;background:none;cursor:pointer;transition:opacity .15s ease,border-color .15s ease,transform .15s ease}.photo-filmstrip-item:disabled{cursor:default}.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;pointer-events:none}.photo-main--switching:after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.12);pointer-events:none;z-index:5}.photo-nav-wrap{position:relative}.photo-nav-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:30;width:40px;height:40px;border-radius:999px;border:1px solid hsla(0,0%,100%,.16);background:rgba(0,0,0,.32);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);box-shadow:0 1px 6px rgba(0,0,0,.22);color:hsla(0,0%,100%,.88);font-size:22px;font-weight:500;line-height:1;display:flex;align-items:center;justify-content:center;opacity:.42;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .2s ease,opacity .2s ease,color .2s ease;text-shadow:none}@media (hover:hover){.photo-nav-arrow{opacity:0}.photo-nav-wrap:hover .photo-nav-arrow:not(:disabled){opacity:.55}}.photo-nav-arrow:focus-visible,.photo-nav-arrow:hover:not(:disabled){background:rgba(0,0,0,.58);border-color:hsla(0,0%,100%,.32);color:#fff;opacity:1;transform:translateY(-50%) scale(1.02)}.photo-nav-arrow:active:not(:disabled){transform:translateY(-50%) scale(.98)}.photo-nav-arrow:disabled{display:none}.photo-nav-arrow--prev{left:10px}.photo-nav-arrow--next{right:10px}@media (min-width:1024px){.photo-nav-arrow{width:44px;height:44px;font-size:24px}.photo-nav-arrow--prev{left:14px}.photo-nav-arrow--next{right:14px}}.photo-lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:40px;height:40px;border-radius:999px;border:1px solid hsla(0,0%,100%,.16);background:rgba(0,0,0,.32);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);box-shadow:0 1px 6px rgba(0,0,0,.22);color:hsla(0,0%,100%,.88);font-size:22px;font-weight:500;line-height:1;display:flex;align-items:center;justify-content:center;opacity:.5;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .2s ease,opacity .2s ease,color .2s ease}@media (hover:hover){.photo-lightbox-nav{opacity:.35}}.photo-lightbox-nav:focus-visible,.photo-lightbox-nav:hover:not(:disabled){background:rgba(0,0,0,.58);border-color:hsla(0,0%,100%,.32);color:#fff;opacity:1;transform:translateY(-50%) scale(1.02)}.photo-lightbox-nav:disabled{display:none}.photo-lightbox-nav--prev{left:12px}.photo-lightbox-nav--next{right:12px}@media (min-width:1024px){.photo-lightbox-nav{width:44px;height:44px;font-size:24px}.photo-lightbox-nav--prev{left:16px}.photo-lightbox-nav--next{right:16px}}