:root{--s-puzzle-verify-image-margin-bottom:var(--s-size-sm);--s-puzzle-verify-piece-width:var(--s-content-height);--s-puzzle-verify-piece-height:var(--s-content-height);--s-puzzle-verify-piece-box-shadow:2px 2px 15px rgba(0,0,0,.8);--s-puzzle-verify-hollow-box-shadow:inset 2px 2px 5px 0 rgba(0,0,0,.4)}.s-puzzle-verify{--valid-y: calc((100% - var(--s-puzzle-verify-piece-height)) * var(--y));--valid-target-x: calc((100% - var(--s-puzzle-verify-piece-width)) * var(--target-x));--valid-actual-x: calc((100% - var(--s-puzzle-verify-piece-width)) * var(--actual-x));--top: var(--valid-y);--right: calc(100% - var(--s-puzzle-verify-piece-width) - var(--valid-target-x));--bottom: calc(100% - var(--valid-y) - var(--s-puzzle-verify-piece-height));--left: var(--valid-target-x)}:root[dir=rtl] .s-puzzle-verify{--left: calc(100% - var(--s-puzzle-verify-piece-width) - var(--valid-target-x));--right: var(--valid-target-x)}.s-puzzle-verify__frame{position:relative;display:flex;padding-top:var(--padding-top);margin-bottom:var(--s-puzzle-verify-image-margin-bottom);overflow:hidden}.s-puzzle-verify__whole,.s-puzzle-verify__piece,.s-puzzle-verify__piece-img{position:absolute;top:0;left:0;width:100%;height:100%}.s-puzzle-verify__hollow{position:absolute;background-color:var(--s-white);top:var(--top);right:var(--right);bottom:var(--bottom);left:var(--left);box-shadow:var(--s-puzzle-verify-hollow-box-shadow)}.s-puzzle-verify__piece{inset-inline-start:var(--valid-actual-x);transform:translateX(calc(var(--valid-target-x) * -1));pointer-events:none;transition:var(--s-slide-verify-duration)}:root[dir=rtl] .s-puzzle-verify__piece{transform:translateX(var(--valid-target-x))}.s-puzzle-verify--down .s-puzzle-verify__piece{transition:none}.s-puzzle-verify__piece-img{clip-path:inset(var(--top) var(--right) var(--bottom) var(--left))}.s-puzzle-verify__piece-shadow{position:absolute;top:var(--top);right:var(--right);bottom:var(--bottom);left:var(--left);box-shadow:var(--s-puzzle-verify-piece-box-shadow);pointer-events:auto}