.sblt{display:block;position:relative;width:100%;height:100%;aspect-ratio:1;background:white;overflow:hidden;user-select:none}.sblt[data-mode=slide]{touch-action:pan-y;cursor:ew-resize}.sblt[data-mode=auto]{touch-action:pan-x pan-y}.sblt img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:contain!important;pointer-events:none;-webkit-user-drag:none}.sblt__two,.sblt__three{opacity:0}.sblt__bar{position:absolute;left:0;bottom:0;height:3px;background:#e8f8c7;width:0}.sblt__hint{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);display:flex;align-items:center;padding:10px 12px;border-radius:999px;background:rgba(17,17,17,.78);pointer-events:none;transition:opacity .35s}.sblt__hint svg{animation:sblt-nudge 1.6s ease-in-out infinite}.sblt__hint.off{opacity:0}@keyframes sblt-nudge{0%,100%{transform:translateX(-4px)}50%{transform:translateX(4px)}}@media(prefers-reduced-motion:reduce){.sblt__hint svg{animation:none}.sblt__hint{transition:none}}

.sblt[data-mode=auto]{aspect-ratio:4/5}
.sblt[data-mode=auto] img{object-fit:cover!important;object-position:50% 50%!important}