.rpi-lightbox{--x-top:15px;--x-right:15px;--x-bg:none;--x-color:#ececec;--x-line-width:25px;--x-line-height:3px;--x-opacity:1;position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;width:100%;height:100%;max-width:100%;color:#333;text-align:left;z-index:2147483001;user-select:none;background-color:rgba(0,0,0,.6);transition:all 300ms ease-out}.rpi-lightbox-inner{width:95%;height:100%;max-width:1200px;max-height:calc(100vh - 160px)}.rpi-lightbox-xxx{container-name:lightbox;container-type:inline-size;position:relative;height:100%;border:none;overflow:hidden;border-radius:4px}.rpi-lightbox-content{position:relative;display:flex;flex-direction:row;justify-content:flex-start;color:#000;height:100%;flex-direction:row;border-radius:4px;background-color:#fff}.rpi-lightbox-media{position:relative;display:flex;justify-content:center;flex:2;align-items:center;width:100%;height:100%;overflow:hidden;padding-bottom:0;background-color:#000}.rpi-lightbox-btn{position:absolute;display:flex;width:30px;height:30px;font-size:36px;line-height:22px;justify-content:center;z-index:1;cursor:pointer;border-radius:50%;background-color:rgba(214,214,214,.7);transition:background 300ms ease-in-out}.rpi-lightbox-btn:hover{background:rgba(225,225,225,1)}.rpi-lightbox-prev{left:8px}.rpi-lightbox-next{right:8px}.rpi-lightbox-prev::before{content:'‹'}.rpi-lightbox-next::before{content:'›'}.rpi-lightbox-media img{position:relative;display:block;width:100%;height:100%;max-width:100%;max-height:100%;opacity:1;object-fit:contain;border-radius:inherit;transition:opacity 300ms ease-in-out}.rpi-lightbox-review{display:flex;flex-direction:column;flex:1;height:100%;font-size:15px;color:#000;padding:0}@container lightbox (width < 480px){.rpi-lightbox-xxx .rpi-lightbox-content{flex-direction:column}}@media(max-width:480px){.rpi-lightbox-xxx .rpi-lightbox-content{flex-direction:column}}