.pi{--pi-spacing:1rem;--pi-thumb-size:80px;margin:auto}.pi__viewport{overflow:hidden;border-radius:6px;background-color:#f4f4f4}.pi__container{display:flex;backface-visibility:hidden;touch-action:pan-y pinch-zoom;margin-left:calc(var(--pi-spacing) * -1)}.pi__slide{flex:0 0 100%;min-width:0;padding-left:var(--pi-spacing);position:relative}.pi__slide__img{display:block;width:100%;object-fit:cover}.pi-thumbs__viewport{overflow:hidden}.pi-thumbs__container{display:flex;flex-direction:row;margin-left:calc(var(--pi-spacing) * -.5)}.pi-thumbs__slide{flex:0 0 auto;min-width:0;padding-left:calc(var(--pi-spacing) * .5)}.pi-thumbs__slide__button{background-color:transparent;touch-action:manipulation;text-decoration:none;cursor:pointer;border:2px solid transparent;padding:0;margin:0;height:84px;width:84px;border-radius:6px;overflow:hidden;transition:opacity .2s,border-color .2s;opacity:.5}.pi-thumbs__slide__img{display:block;width:100%;height:100%;object-fit:cover}.pi-thumbs__slide--selected .pi-thumbs__slide__button{opacity:1;border-color:var(--color-primary-web)}.pi-thumbs__slide__button:hover{opacity:.8}