@keyframes cardIdle{0%{transform:rotateX(6deg) rotateY(-14deg) translateY(0)}50%{transform:rotateX(4deg) rotateY(10deg) translateY(-10px)}to{transform:rotateX(6deg) rotateY(-14deg) translateY(0)}}@keyframes cardSpin{0%{transform:rotateX(35deg) rotateY(0) translateY(0)}50%{transform:rotateX(35deg) rotateY(180deg) translateY(-10px)}to{transform:rotateX(35deg) rotateY(360deg) translateY(0)}}@keyframes nfcPulse{0%{transform:scale(.6);opacity:.6}to{transform:scale(2.4);opacity:0}}.tap-3d-card{margin:0 auto;touch-action:pan-y;-webkit-user-select:none;user-select:none;perspective:1200px}.tap-3d-card--md{width:240px}.tap-3d-card--lg{width:280px}@media screen and (min-width:576px){.tap-3d-card--md{width:280px}.tap-3d-card--lg{width:360px}}@media screen and (min-width:990px){.tap-3d-card--lg{width:420px}}.tap-3d-card__inner{position:relative;aspect-ratio:86.4 / 54;width:100%;border-radius:18px;background:rgb(var(--tap-ink));box-shadow:var(--tap-shadow-card);transform-style:preserve-3d;transform:translateZ(0)}.tap-3d-card__inner--idle{animation:cardIdle 9s ease-in-out infinite}.tap-3d-card__inner--spin{animation:cardSpin 18s linear infinite}@media(prefers-reduced-motion:reduce){.tap-3d-card__inner--idle,.tap-3d-card__inner--spin{animation:none}}.tap-3d-card__thickness{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;transform:translate(4px,6px) translateZ(-4px);border-radius:18px;background:#000000b3}.tap-3d-card__face{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;border-radius:18px;padding:6%;backface-visibility:hidden}.tap-3d-card__face--back{transform:rotateY(180deg)}.tap-3d-card__sheen{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.4;background:linear-gradient(115deg,#ffffff24,#fff0 30% 70%,#ffffff0f)}.tap-3d-card__mark{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.tap-3d-card__eyebrow{font-size:clamp(7px,1.6vw,9px);font-weight:600;text-transform:uppercase;letter-spacing:.16em;color:#fff9}.tap-3d-card__wordmark{margin:0;font-size:clamp(20px,5.5vw,32px);font-weight:600;line-height:1;color:#fff}.tap-3d-card__tagline{margin:8px 0 0;font-size:clamp(9px,2vw,12px);font-weight:500;text-transform:uppercase;letter-spacing:.32em;color:#fff9}.tap-demo{display:flex;flex-direction:column;align-items:center;gap:3.2rem;border-radius:var(--tap-radius-card);border:1px solid rgb(var(--tap-line));background:rgb(var(--tap-mist));padding:3.2rem}@media screen and (min-width:576px){.tap-demo{padding:4.8rem}}.tap-demo__stage{position:relative;display:flex;align-items:center;justify-content:center;height:160px;width:100%}.tap-demo__card{position:relative;z-index:0;height:96px;width:64px;border-radius:10px;background:rgb(var(--tap-ink))}.tap-demo__pulse{position:absolute;left:50%;top:50%;height:8px;width:8px;transform:translate(-50%,-50%);border-radius:999px;background:rgb(var(--tap-ink));display:none}.tap-demo[data-stage=tapping] .tap-demo__pulse,.tap-demo[data-stage=connected] .tap-demo__pulse{display:block;animation:nfcPulse 1s ease-out}.tap-demo__phone{position:absolute;z-index:10;height:112px;width:56px;border-radius:12px;border:2px solid rgb(var(--tap-ink));background:#fff;box-shadow:var(--tap-shadow-soft);transition:transform .7s var(--tap-ease-premium);transform:translate(64px,16px) rotate(6deg)}.tap-demo[data-stage=tapping] .tap-demo__phone,.tap-demo[data-stage=connected] .tap-demo__phone{transform:translate(-8px,-8px) rotate(0)}.tap-demo__phone-notch{margin:8px auto 0;height:4px;width:16px;border-radius:999px;background:rgba(var(--tap-ink),.2)}.tap-demo__panel{min-height:104px;width:100%}.tap-demo__button{width:100%;border-radius:var(--tap-radius-pill);background:rgb(var(--tap-ink));padding:1.4rem 2.4rem;font-size:1.4rem;font-weight:600;color:#fff;border:none;cursor:pointer;transition:opacity .3s}.tap-demo__button:hover{opacity:.85}.tap-demo__button:disabled{opacity:.6;cursor:default}.tap-demo__result{border-radius:12px;border:1px solid rgb(var(--tap-line));background:#fff;padding:1.6rem;text-align:left}.tap-demo__result-url{margin:0;font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:rgb(var(--tap-muted))}.tap-demo__result-title{margin:8px 0 0;font-size:1.4rem;font-weight:600;color:rgb(var(--tap-ink))}.tap-demo__result-bar{margin-top:6px;height:6px;border-radius:999px;background:rgb(var(--tap-mist))}.tap-demo__reset{margin-top:1.2rem;background:none;border:none;padding:0;font-size:1.4rem;font-weight:500;color:rgb(var(--tap-muted));cursor:pointer;text-underline-offset:2px}.tap-demo__reset:hover{color:rgb(var(--tap-ink));text-decoration:underline}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-tap-effects.css.map */