.bansky-dojutsu{
  position:relative;
  height:var(--dojutsu-height,100svh);
  min-height:420px;
  overflow:hidden;
  isolation:isolate;
  background:var(--dojutsu-bg,#080808);
}
.bansky-dojutsu.is-full{
  width:100vw;
  margin-left:calc(50% - 50vw);
}
.bansky-dojutsu.is-contained{
  width:min(100%,var(--dojutsu-container,1440px));
  margin-left:auto;
  margin-right:auto;
}
.bansky-dojutsu-current,
.bansky-dojutsu-next{
  position:absolute;
  inset:0;
  background-size:cover;
  background-position:var(--dojutsu-position,50% 50%);
  background-repeat:no-repeat;
}
.bansky-dojutsu-next{
  z-index:1;
  opacity:0;
}
.bansky-dojutsu-current{
  z-index:2;
  opacity:1;
}
.bansky-dojutsu-canvas{
  position:absolute;
  inset:0;
  z-index:3;
  width:100%;
  height:100%;
  pointer-events:none;
  opacity:0;
}
.bansky-dojutsu-shade{
  position:absolute;
  inset:0;
  z-index:4;
  pointer-events:none;
  background:rgba(0,0,0,var(--dojutsu-overlay,.08));
}
.bansky-dojutsu-title-wrap{
  position:absolute;
  z-index:5;
  left:50%;
  top:var(--dojutsu-title-y,50%);
  width:min(calc(100% - 40px),var(--dojutsu-title-max,1200px));
  transform:translate(-50%,-50%);
  text-align:center;
  pointer-events:none;
}
.bansky-dojutsu-title{
  margin:0;
  padding:0;
  color:var(--dojutsu-title-color,#fff);
  font-size:var(--dojutsu-title-size,64px);
  line-height:1.04;
  text-align:center;
  text-wrap:balance;
  text-shadow:0 2px 18px rgba(0,0,0,.28);
}
.bansky-dojutsu.is-transitioning:not(.is-crossfade) .bansky-dojutsu-current{
  opacity:0;
}
.bansky-dojutsu.is-transitioning .bansky-dojutsu-next{
  opacity:1;
}
.bansky-dojutsu.is-transitioning:not(.is-crossfade) .bansky-dojutsu-canvas{
  opacity:1;
}
.bansky-dojutsu.is-crossfade .bansky-dojutsu-canvas{
  opacity:0;
}
.bansky-dojutsu-empty{
  padding:18px;
  border:1px dashed currentColor;
  opacity:.7;
}
@media (max-width:767px){
  .bansky-dojutsu-title{
    font-size:var(--dojutsu-title-size-mobile,38px);
  }
}
@media (prefers-reduced-motion:reduce){
  .bansky-dojutsu-canvas{display:none}
}