:root{--bp-duration: 500ms;--bp-easing: cubic-bezier(0.33, 1, 0.68, 1);--bp-stage-gap: 10px;--bp-thumb-gap: 5px;--bp-thumb-height: 70px;--bp-thumb-ratio: 1.25}.bp-controls,.bp-iframe iframe,.bp-iframe video,.bp-iframe div,.bp-video iframe,.bp-video video,.bp-video div,.bp-img img,.bp-img div,.bp-img-wrap,.bp-overlay,.bp-wrap{display:block;position:absolute;top:0;left:0;width:100%;height:100%;border:0;object-fit:contain}.bp-wrap{display:flex;position:fixed;flex-direction:column;z-index:999;contain:strict;touch-action:none;-webkit-tap-highlight-color:rgba(0,0,0,0);background:rgba(0,0,0,0);outline:0;padding:0;margin:0;max-width:100%;max-height:100%}.bp-wrap:not(.bp-inline){overflow:visible}.bp-wrap:not(.bp-inline)::backdrop{background:rgba(0,0,0,.75);animation:bp-fade 500ms}.bp-wrap:not(.bp-inline).bp-closing::backdrop{animation:bp-fade-out 500ms forwards}.bp-wrap.bp-closing *{pointer-events:none}.bp-wrap.bp-closing .bp-overlay,.bp-wrap.bp-closing .bp-controls,.bp-wrap.bp-closing .bp-caption,.bp-wrap.bp-closing .bp-thumbs{animation-name:bp-fade-out;animation-fill-mode:forwards}.bp-wrap:has(.bp-thumbs){contain:layout size}.bp-wrap.bp-inline{position:absolute;--bp-stage-gap: 0px}.bp-wrap.bp-zoomed{--bp-stage-gap: 0px}.bp-wrap.bp-zoomed .bp-img:not(.bp-drag){cursor:grab}.bp-wrap.bp-zoomed .bp-caption{animation:none !important;opacity:0}.bp-wrap.bp-noclose .bp-x{display:none}.bp-wrap.bp-noclose:not(.bp-zoomed){touch-action:pan-y}.bp-wrap.bp-noclose:not(.bp-zoomed) .bp-img-wrap{cursor:zoom-in}.bp-lock{overflow-y:hidden}.bp-overlay{background:rgba(0,0,0,.75)}.bp-overlay,.bp-controls,.bp-caption,.bp-thumbs,.bp-load:empty{animation:bp-fade var(--bp-duration) var(--bp-easing)}.bp-slide{animation:bp-in var(--bp-duration) var(--bp-easing)}.bp-nav{animation-duration:calc(var(--bp-duration)/2)}.bp-out{animation-name:bp-out;animation-fill-mode:forwards}.bp-clip .bp-img,.bp-clip .bp-iframe,.bp-clip .bp-video{animation:bp-clip-in var(--bp-duration) var(--bp-easing)}.bp-clip.bp-out .bp-img,.bp-clip.bp-out .bp-iframe,.bp-clip.bp-out .bp-video{animation-name:bp-clip-out;animation-fill-mode:forwards}.bp-stage{display:flex;position:relative;flex-direction:column;flex-grow:1;width:100%;min-height:0}.bp-slide{display:flex;position:absolute;flex-direction:column;align-items:center;justify-content:center;inset:var(--bp-stage-gap)}.bp-inner{display:flex;position:relative;flex-grow:1;width:100%;min-height:0}.bp-ruler{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:-10}.bp-img{position:absolute;top:50%;left:50%;background:50% 50%/contain no-repeat;user-select:none;translate:-50% -50%;transition:transform var(--bp-duration) var(--bp-easing)}.bp-img-wrap{contain:strict}.bp-img-wrap .bp-canzoom{cursor:zoom-in}.bp-img-wrap .bp-drag{cursor:grabbing;transition:none}.bp-img img,.bp-img div{object-fit:contain}.bp-img .bp-o{display:none}.bp-iframe,.bp-video{position:relative;margin:auto;background:#000 50% 50%/contain no-repeat}.bp-video audio{position:absolute;bottom:14px;left:14px;width:calc(100% - 28px);height:50px}.bp-html{display:contents}.bp-html>:first-child{margin:auto}.bp-controls{text-align:left;pointer-events:none}.bp-controls button{position:absolute;border:0;background:rgba(0,0,0,.15);transition:all .1s;cursor:pointer;pointer-events:auto;opacity:.9;contain:content}.bp-controls button:hover{background-color:rgba(0,0,0,.2);opacity:1}.bp-count{position:absolute;width:100px;height:50px;margin:16px;color:hsla(0,0%,100%,.9);line-height:1}.bp-prev,.bp-next{top:50%;right:0;width:58px;height:64px;margin-top:-32px;border-radius:3px 0 0 3px}.bp-prev:hover:before,.bp-next:hover:before{transform:translateX(-2px)}.bp-prev:before,.bp-next:before{content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z'/%3E%3C/svg%3E");position:absolute;top:9px;left:7px;width:46px;transition:all .2s}.bp-prev{right:auto;left:0;transform:scalex(-1)}.bp-close{contain:layout size}.bp-x{top:0;right:0;width:58px;height:55px;border-radius:0 0 0 3px}.bp-x:before{content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%23fff'%3E%3Cpath d='M24 10l-2-2-6 6-6-6-2 2 6 6-6 6 2 2 6-6 6 6 2-2-6-6z'/%3E%3C/svg%3E");position:absolute;top:8px;right:10px;width:37px}.bp-load{display:flex;overflow:hidden;background:50% 50%/contain no-repeat;z-index:1}.bp-loaded{animation:bp-fade-out var(--bp-duration) var(--bp-easing) forwards}.bp-bar{position:absolute;top:0;left:0;width:100%;height:3px;border-radius:0 3px 3px 0;background:hsla(0,0%,100%,.9);animation:bp-bar 4s both;transform:translateX(-100%)}.bp-o{margin:auto;border:10px solid hsla(0,0%,100%,.2);border-left-color:hsla(0,0%,100%,.9);animation:bp-o 1s infinite linear}.bp-o,.bp-o:after{width:90px;height:90px;border-radius:50%}.bp-caption{position:absolute;bottom:calc(10px + var(--bp-stage-gap));left:50%;max-width:100%;max-height:200px;padding:10px 20px;border-radius:5px;background:rgba(9,9,9,.8);color:hsla(0,0%,100%,.9);font-size:1rem;font-weight:400;line-height:1.25rem;text-align:center;transition:opacity .25s;translate:-50%}.bp-caption a{color:inherit}.bp-thumbs{display:block;position:relative;overflow:hidden;flex-grow:0;flex-shrink:0;width:100%;height:var(--bp-thumb-height);background:#12161a;z-index:1;will-change:opacity}.bp-thumbs-outer{display:table;height:100%;margin:0 auto;transition:transform calc(var(--bp-duration)/2) var(--bp-easing);will-change:transform}.bp-thumbs-outer.bp-drag{transition:none}.bp-thumbs-inner{display:flex;align-items:stretch;height:var(--bp-thumb-height);padding:var(--bp-thumb-gap) 0;touch-action:pan-y;gap:var(--bp-thumb-gap)}.bp-thumbs button{display:block;flex-grow:0;flex-shrink:0;width:calc(var(--bp-thumb-ratio)*(var(--bp-thumb-height) - 10px));padding:0;border:0;border-radius:4px;background:hsla(0,0%,100%,.1) 50% 50%/cover no-repeat;cursor:pointer;user-select:none;opacity:.5;filter:grayscale(25%)}.bp-thumbs button:hover,.bp-thumbs button:focus{outline-offset:-2px;opacity:.75;filter:grayscale(0%)}.bp-thumbs button.active{opacity:1;filter:grayscale(0%)}@media(max-width: 500px){.bp-wrap.bp-zoomed .bp-controls{opacity:0}.bp-wrap.bp-zoomed .bp-controls button{pointer-events:none}.bp-x{width:47px;height:47px}.bp-x:before{top:6px;right:6px;width:34px}.bp-prev,.bp-next{width:45px;height:54px;margin-top:-27px}.bp-prev:before,.bp-next:before{top:7px;left:2px;width:43px}.bp-o,.bp-o:after{width:60px;height:60px;border-width:6px}.bp-count{margin:12px 10px}}@media(prefers-reduced-motion){.bp-wrap *,.bp-wrap::backdrop{animation-duration:0s !important;transition-duration:0s !important}}@keyframes bp-fade{from{opacity:0}}@keyframes bp-fade-out{to{opacity:0}}@keyframes bp-in{from{opacity:var(--bp-opacity);transform:var(--bp-transform)}}@keyframes bp-out{to{opacity:var(--bp-opacity);transform:var(--bp-transform)}}@keyframes bp-clip-in{from{clip-path:inset(var(--bp-clip-y) var(--bp-clip-x))}to{clip-path:inset(0)}}@keyframes bp-clip-out{from{clip-path:inset(0)}to{clip-path:inset(var(--bp-clip-y) var(--bp-clip-x))}}@keyframes bp-bar{from{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes bp-o{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
