@layer components{.app-vault{width:100%;position:relative}.app-vault svg{width:100%;height:auto;display:block;overflow:visible}.app-vault-door{transform-box:view-box;transform-origin:184px 254px;transition:transform 1.15s cubic-bezier(.55,0,.2,1)}.app-vault[data-door=open] .app-vault-door{transform:scaleX(.13)skewY(-3deg)}.app-vault-wheel{transform-box:view-box;transform-origin:280px 273px;transition:transform .9s cubic-bezier(.25,.8,.25,1)}.app-vault[data-door=closed][data-locked=false]:hover .app-vault-wheel{transform:rotate(50deg)}.app-vault[data-locked=true] .app-vault-wheel{transition:transform 1.5s cubic-bezier(.3,.7,.2,1) .15s;transform:rotate(540deg)}.app-vault-bolt{transition:transform .45s cubic-bezier(.3,1.6,.5,1) 1.5s}.app-vault[data-locked=true] .app-vault-bolt-l{transform:translate(-20px)}.app-vault[data-locked=true] .app-vault-bolt-r{transform:translate(20px)}.app-vault-ticker{animation:.34s ease-out both app-engrave}@keyframes app-engrave{0%{opacity:0;letter-spacing:.22em}to{opacity:1;letter-spacing:.01em}}.app-vault[data-shake=true]{animation:.32s cubic-bezier(.3,0,.3,1) app-thud}@keyframes app-thud{0%{transform:translateY(0)}30%{transform:translateY(4px)}60%{transform:translateY(-1.5px)}to{transform:translateY(0)}}}