.bls{position:relative;width:100%;overflow:hidden;height:var(--hd,600px);background:#111;color:#fff;box-sizing:border-box}
.bls *{box-sizing:border-box}
.bls-track{position:absolute;inset:0}
.bls-slide{position:absolute;inset:0;opacity:0;visibility:hidden;background-size:cover}
.bls-slide.is-active,.bls-slide.is-prev{visibility:visible;transition:opacity .8s ease,transform .8s ease}
.bls-slide.is-active{opacity:1;z-index:2}
.bls-slide.is-prev{z-index:1}
.bls-fx-slide .bls-slide{opacity:1;transform:translateX(100%)}
.bls-fx-slide .bls-slide.is-active{transform:none}
.bls-fx-slide .bls-slide.is-prev{transform:translateX(-100%)}
.bls-bg,.bls-ov,.bls-vid{position:absolute;inset:0}
.bls-bg{background-size:cover;background-position:center;background-repeat:no-repeat}
.bls-vid{overflow:hidden}
.bls-vid iframe,.bls-vid video{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:0;pointer-events:none;min-width:100%;min-height:100%;object-fit:cover}
.bls-layer{position:absolute;z-index:3;left:var(--xd);top:var(--yd);font-size:var(--sd);width:var(--wd);max-width:100%;line-height:1.2}
.bls-anc-c{transform:translate(-50%,-50%)}
.bls-in a{color:inherit;text-decoration:none}
.bls-t-button .bls-in{display:inline-block;padding:.5em 1.2em;border-radius:4px}
.bls-t-image img{display:block;width:100%;height:auto}
.bls-vbox{aspect-ratio:16/9;width:100%;background:#000}
.bls-vbox iframe,.bls-vbox video{width:100%;height:100%;border:0;display:block}
.bls-in{opacity:0}
.is-active .bls-in,.is-prev .bls-in{animation-duration:.8s;animation-fill-mode:both;animation-timing-function:ease}
.is-active .bls-a-fade,.is-prev .bls-a-fade{animation-name:bls-fade}
.is-active .bls-a-up,.is-prev .bls-a-up{animation-name:bls-up}
.is-active .bls-a-down,.is-prev .bls-a-down{animation-name:bls-down}
.is-active .bls-a-left,.is-prev .bls-a-left{animation-name:bls-left}
.is-active .bls-a-right,.is-prev .bls-a-right{animation-name:bls-right}
.is-active .bls-a-zoom,.is-prev .bls-a-zoom{animation-name:bls-zoom}
.bls .bls-a-none{opacity:1}
@keyframes bls-fade{from{opacity:0}to{opacity:1}}
@keyframes bls-up{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}
@keyframes bls-down{from{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:none}}
@keyframes bls-left{from{opacity:0;transform:translateX(-60px)}to{opacity:1;transform:none}}
@keyframes bls-right{from{opacity:0;transform:translateX(60px)}to{opacity:1;transform:none}}
@keyframes bls-zoom{from{opacity:0;transform:scale(.7)}to{opacity:1;transform:none}}
.bls-arrow{position:absolute;top:50%;z-index:10;transform:translateY(-50%);width:44px;height:44px;border:0;border-radius:50%;background:rgba(0,0,0,.45);color:#fff;font-size:22px;line-height:1;cursor:pointer}
.bls-arrow:hover{background:rgba(0,0,0,.75)}
.bls-prev{left:16px}.bls-next{right:16px}
.bls-dots{position:absolute;left:0;right:0;bottom:14px;z-index:10;display:flex;justify-content:center;gap:8px}
.bls-dots button{width:11px;height:11px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.5);cursor:pointer}
.bls-dots button.on{background:#fff}
@media (min-width:1025px){.bls-hide-d{display:none}}
@media (min-width:768px) and (max-width:1024px){.bls-hide-t{display:none}}
@media (max-width:1024px){.bls{height:var(--ht,450px)}.bls-layer{left:var(--xt);top:var(--yt);font-size:var(--st);width:var(--wt)}}
@media (max-width:767px){.bls{height:var(--hm,350px)}.bls-layer{left:var(--xm);top:var(--ym);font-size:var(--sm);width:var(--wm)}.bls-hide-m{display:none}.bls-arrow{width:34px;height:34px;font-size:18px}.bls-prev{left:8px}.bls-next{right:8px}}
