[data-fx]{position:relative}[data-fx-state=processing]:before{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;background:linear-gradient(to right,rgba(255,155,0,.92) 2px,transparent 2px) 0 0 / 16px 16px no-repeat,linear-gradient(to bottom,rgba(255,155,0,.92) 2px,transparent 2px) 0 0 / 16px 16px no-repeat,linear-gradient(to left,rgba(255,155,0,.92) 2px,transparent 2px) 100% 0 / 16px 16px no-repeat,linear-gradient(to bottom,rgba(255,155,0,.92) 2px,transparent 2px) 100% 0 / 16px 16px no-repeat,linear-gradient(to right,rgba(255,155,0,.92) 2px,transparent 2px) 0 100% / 16px 16px no-repeat,linear-gradient(to top,rgba(255,155,0,.92) 2px,transparent 2px) 0 100% / 16px 16px no-repeat,linear-gradient(to left,rgba(255,155,0,.92) 2px,transparent 2px) 100% 100% / 16px 16px no-repeat,linear-gradient(to top,rgba(255,155,0,.92) 2px,transparent 2px) 100% 100% / 16px 16px no-repeat;animation:fx-brackets-breathe 1.9s ease-in-out infinite;pointer-events:none}@keyframes fx-brackets-breathe{0%{opacity:.42;transform:scale(1)}48%{opacity:1;transform:scale(1.01)}to{opacity:.42;transform:scale(1)}}[data-fx-state=processing]:after{content:"";position:absolute;left:0;right:0;height:3px;background:linear-gradient(to right,transparent 0%,rgba(255,175,0,.5) 16%,rgba(255,235,70,1) 50%,rgba(255,175,0,.5) 84%,transparent 100%);box-shadow:0 0 6px 3px #ffa5005c,0 2px 18px #ff8c0038;animation:fx-scan-sweep 2.1s ease-in-out infinite;pointer-events:none}@keyframes fx-scan-sweep{0%{top:-3px;opacity:0}6%{opacity:1}91%{opacity:.7}to{top:calc(100% + 3px);opacity:0}}[data-fx-state=success]:before{content:var(--fx-success-text, "SUCCESS");position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:Courier New,Courier,Lucida Console,monospace;font-size:2.475rem;overflow:hidden;font-weight:900;letter-spacing:.5em;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8),0 0 6px rgba(0,0,0,.6),0 0 16px rgba(0,0,0,.4);background:repeating-linear-gradient(to bottom,transparent 0px,transparent 2px,rgba(0,0,0,.12) 2px,rgba(0,0,0,.12) 4px),#78f000f0;animation:fx-success-crt .52s ease forwards;z-index:20;pointer-events:none}@keyframes fx-success-crt{0%{opacity:0;clip-path:inset(48% 0 48% 0)}14%{opacity:.95;clip-path:inset(14% 0 14% 0)}22%{clip-path:inset(0)}28%{opacity:.45}33%{opacity:1}38%{opacity:.7}43%{opacity:1}to{opacity:1;clip-path:inset(0)}}[data-fx-state=success]:after{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;background:linear-gradient(to right,rgba(140,255,0,.95) 2px,transparent 2px) 0 0 / 18px 18px no-repeat,linear-gradient(to bottom,rgba(140,255,0,.95) 2px,transparent 2px) 0 0 / 18px 18px no-repeat,linear-gradient(to left,rgba(140,255,0,.95) 2px,transparent 2px) 100% 0 / 18px 18px no-repeat,linear-gradient(to bottom,rgba(140,255,0,.95) 2px,transparent 2px) 100% 0 / 18px 18px no-repeat,linear-gradient(to right,rgba(140,255,0,.95) 2px,transparent 2px) 0 100% / 18px 18px no-repeat,linear-gradient(to top,rgba(140,255,0,.95) 2px,transparent 2px) 0 100% / 18px 18px no-repeat,linear-gradient(to left,rgba(140,255,0,.95) 2px,transparent 2px) 100% 100% / 18px 18px no-repeat,linear-gradient(to top,rgba(140,255,0,.95) 2px,transparent 2px) 100% 100% / 18px 18px no-repeat;animation:fx-success-snap .52s cubic-bezier(.22,1,.36,1) forwards;pointer-events:none}@keyframes fx-success-snap{0%{transform:scale(1.22);opacity:0}38%{transform:scale(.96);opacity:1}68%{transform:scale(1.04)}to{transform:scale(1);opacity:1}}[data-fx-state=error]{animation:fx-shake .3s ease}[data-fx-state=error]:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;animation:fx-error-flash .3s ease forwards}@keyframes fx-shake{0%{transform:translate(0)}18%{transform:translate(-3px)}42%{transform:translate(3px)}64%{transform:translate(-2px)}82%{transform:translate(2px)}to{transform:translate(0)}}@keyframes fx-error-flash{0%{background:transparent}28%{background:#dc32321a}to{background:transparent}}[data-fx-state=soldout]{filter:grayscale(1);opacity:.6}[data-fx-state=locked]{filter:grayscale(1) brightness(.52) sepia(.18);opacity:.46;pointer-events:none}[data-fx-state=locked]:before{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border:1px solid rgba(140,65,65,.42);border-radius:2px;pointer-events:none}[data-fx-state=processing].is-fx-entering:before{animation:fx-brackets-enter .26s cubic-bezier(.22,1,.36,1) forwards}@keyframes fx-brackets-enter{0%{transform:scale(.88);opacity:0}52%{opacity:1}to{transform:scale(1);opacity:1}}.vault-fx-label{position:absolute;left:50%;bottom:-1.5em;transform:translate(-50%) translateY(4px);pointer-events:none;color:orange;font-family:Courier New,Courier,monospace;font-size:.78rem;font-weight:700;letter-spacing:.3em;white-space:nowrap;opacity:0;z-index:22;text-shadow:0 0 8px rgba(255,155,0,.7),0 0 20px rgba(255,140,0,.35)}[data-fx-state=processing] .vault-fx-label{animation:fx-label-in .22s ease-out .12s forwards}@keyframes fx-label-in{0%{opacity:0;transform:translate(-50%) translateY(4px);letter-spacing:.2em}to{opacity:1;transform:translate(-50%) translateY(0);letter-spacing:.3em}}.is-fx-qr .vault-fx-label{bottom:auto;top:50%;transform:translate(-50%) translateY(-50%);font-size:1.33rem;letter-spacing:.22em}.is-fx-qr[data-fx-state=processing] .vault-fx-label{animation:fx-qr-label-in .2s ease-out .12s both}@keyframes fx-qr-label-in{0%{opacity:0;transform:translate(-50%) translateY(calc(-50% + 8px));letter-spacing:.12em}to{opacity:1;transform:translate(-50%) translateY(-50%);letter-spacing:.22em}}[data-fx-state=success].is-fx-qr .vault-fx-label{color:#8cff00;text-shadow:0 0 8px rgba(140,255,0,.65),0 0 18px rgba(140,255,0,.32);animation:fx-qr-label-swap .4s ease forwards}@keyframes fx-qr-label-swap{0%{opacity:1;filter:blur(1.5px);transform:translate(-50%) translateY(-50%)}20%{opacity:.08;filter:blur(3px)}50%{opacity:.8;filter:blur(.5px);transform:translate(-50%) translateY(calc(-50% - 2px))}to{opacity:1;filter:blur(0);transform:translate(-50%) translateY(-50%);letter-spacing:.3em}}[data-fx-state=success].is-fx-qr{animation:fx-qr-glow 1.2s ease forwards}@keyframes fx-qr-glow{0%{box-shadow:none}18%{box-shadow:0 0 0 1px #8cff00bf,0 0 20px 5px #8cff0040}60%{box-shadow:0 0 0 1px #8cff008c,0 0 14px 3px #8cff0029}to{box-shadow:0 0 0 1px #8cff0059,0 0 8px 2px #8cff0014}}[data-fx-state=success].is-fx-qr:before,[data-fx-state=success].is-fx-qr:after{content:none}[data-fx-state=success].is-fx-pin{animation:fx-pin-glow 1.2s ease forwards}@keyframes fx-pin-glow{0%{box-shadow:none}14%{box-shadow:0 0 0 2px #8cff00,0 0 64px 20px #8cff007a}48%{box-shadow:0 0 0 2px #8cff00c7,0 0 44px 13px #8cff0047}to{box-shadow:0 0 0 1px #8cff0080,0 0 24px 6px #8cff0024}}[data-fx-state=success].is-fx-pin:before{background:#78f00080;border:1.5px solid rgba(140,255,0,.9);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);font-size:1.98rem;text-shadow:none;color:#000;animation-delay:.2s;animation-fill-mode:both}[data-fx-state=success].is-fx-pin:after{top:-14px;right:-14px;bottom:-14px;left:-14px;background:linear-gradient(to right,rgba(140,255,0,1) 2.5px,transparent 2.5px) 0 0 / 26px 26px no-repeat,linear-gradient(to bottom,rgba(140,255,0,1) 2.5px,transparent 2.5px) 0 0 / 26px 26px no-repeat,linear-gradient(to left,rgba(140,255,0,1) 2.5px,transparent 2.5px) 100% 0 / 26px 26px no-repeat,linear-gradient(to bottom,rgba(140,255,0,1) 2.5px,transparent 2.5px) 100% 0 / 26px 26px no-repeat,linear-gradient(to right,rgba(140,255,0,1) 2.5px,transparent 2.5px) 0 100% / 26px 26px no-repeat,linear-gradient(to top,rgba(140,255,0,1) 2.5px,transparent 2.5px) 0 100% / 26px 26px no-repeat,linear-gradient(to left,rgba(140,255,0,1) 2.5px,transparent 2.5px) 100% 100% / 26px 26px no-repeat,linear-gradient(to top,rgba(140,255,0,1) 2.5px,transparent 2.5px) 100% 100% / 26px 26px no-repeat;animation:fx-pin-brackets-open .62s cubic-bezier(.12,.95,.28,1) forwards}@keyframes fx-pin-brackets-open{0%{clip-path:inset(48%);opacity:0;filter:brightness(4.5);transform:scale(.94)}14%{opacity:1;filter:brightness(3.2)}44%{clip-path:inset(0);filter:brightness(2);transform:scale(1.08)}65%{filter:brightness(1.5);transform:scale(.97)}83%{filter:brightness(1.2);transform:scale(1.02)}to{clip-path:inset(0);filter:brightness(1);transform:scale(1);opacity:1}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}[data-fx-state=processing] .vault-fx-label{opacity:.75!important;transform:translate(-50%)!important}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/vault-fx.css.map */