.ts3d{position:relative;background:radial-gradient(ellipse at 30% 50%,rgba(251,191,36,.04) 0%,transparent 60%),radial-gradient(ellipse at 70% 50%,rgba(139,92,246,.03) 0%,transparent 60%),#050505;color:#fafafa;padding:80px 20px;overflow:hidden;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.ts3d:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.02;pointer-events:none;z-index:1}.ts3d__orb{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none;will-change:transform;z-index:0}.ts3d__orb--1{width:600px;height:600px;background:radial-gradient(circle,rgba(251,191,36,.35) 0%,transparent 70%);top:10%;left:15%;animation:ts3d-float 20s ease-in-out infinite}.ts3d__orb--2{width:480px;height:480px;background:radial-gradient(circle,rgba(139,92,246,.4) 0%,transparent 70%);bottom:15%;right:10%;animation:ts3d-float 25s ease-in-out infinite reverse}.ts3d__orb--3{width:420px;height:420px;background:radial-gradient(circle,rgba(236,72,153,.3) 0%,transparent 70%);top:60%;left:50%;animation:ts3d-float 18s ease-in-out infinite 3s}.ts3d__orb--4{width:360px;height:360px;background:radial-gradient(circle,rgba(34,211,238,.25) 0%,transparent 70%);top:20%;right:30%;animation:ts3d-float 20s ease-in-out infinite reverse}@keyframes ts3d-float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-40px) scale(1.05)}50%{transform:translate(-20px,20px) scale(.95)}75%{transform:translate(40px,30px) scale(1.02)}}.ts3d__particles{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:1}.ts3d__particle{position:absolute;width:4px;height:4px;border-radius:50%;opacity:0}.ts3d__container{position:relative;z-index:2;max-width:1100px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:48px}.ts3d__content{text-align:center;max-width:900px;width:100%}.ts3d__eyebrow{font-size:clamp(11px,1.2vw,13px);text-transform:uppercase;letter-spacing:.2em;color:#fbbf24;margin:0 0 16px;font-weight:600}.ts3d__heading{font-size:clamp(36px,6vw,64px);font-weight:700;line-height:1.1;letter-spacing:-.03em;margin:0 0 16px;background:linear-gradient(135deg,#fff,#fbbf24,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;perspective:600px}.ts3d__word{background:linear-gradient(135deg,#fff,#fbbf24,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ts3d__desc{font-size:clamp(16px,2vw,20px);color:#fff9;line-height:1.6;margin:0;position:relative;padding-bottom:24px;letter-spacing:.04em}.ts3d__desc:after{content:"";display:block;width:40px;height:2px;margin:20px auto 0;background:linear-gradient(90deg,#fbbf2499,#ec489966);border-radius:1px}.ts3d__product-label{text-align:center;font-size:13px;color:#ffffff59;letter-spacing:.12em;text-transform:uppercase;margin:0;transition:opacity .3s}.ts3d__showcase{display:flex;justify-content:center;align-items:center}.ts3d__stage{perspective:1200px;cursor:pointer;transition:width .6s cubic-bezier(.34,1.56,.64,1),height .6s cubic-bezier(.34,1.56,.64,1)}.ts3d__stage[data-active=card]{width:340px;height:220px}.ts3d__stage[data-active=keychain]{width:240px;height:240px}.ts3d__stage[data-active=frame]{width:240px;height:320px}.ts3d__card{width:100%;height:100%;position:relative}.ts3d__card-inner{width:100%;height:100%;position:relative;transform-style:preserve-3d}.ts3d__face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;overflow:hidden;box-shadow:0 25px 60px #0009,0 0 30px #fbbf2414;transition:border-radius .5s ease;border-radius:20px}.ts3d__stage[data-active=keychain] .ts3d__face{border-radius:50%}.ts3d__stage[data-active=frame] .ts3d__face{border-radius:16px}.ts3d__face--front{z-index:2}.ts3d__face--back{transform:rotateY(180deg);background:linear-gradient(135deg,#1a1a2e,#0f0f1a);border:1px solid rgba(251,191,36,.2)}.ts3d__variant{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transform:scale(.92);transition:opacity .45s ease,transform .45s cubic-bezier(.34,1.56,.64,1);pointer-events:none}.ts3d__variant--active{opacity:1;transform:scale(1);pointer-events:auto}.ts3d__product-img{width:100%;height:100%;object-fit:cover;display:block}.ts3d__shimmer{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at var(--shimmer-x, 30%) var(--shimmer-y, 20%),rgba(255,255,255,.1) 0%,transparent 55%);mix-blend-mode:color-dodge;pointer-events:none;z-index:5;border-radius:inherit}.gold-foil{color:transparent;background:linear-gradient(135deg,#fbbf24,#d4a017,#fbbf24,#b8860b,#fbbf24);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:ts3d-gold-shimmer 3s ease infinite}@keyframes ts3d-gold-shimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.ts3d__mockup--card{width:100%;height:100%;position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:28px}.card-skin-business{background:linear-gradient(145deg,#0a0a0a,#1a1a1a,#0d0d0d 60%,#111);border:1px solid rgba(251,191,36,.15);box-shadow:inset 0 1px #ffffff0d,0 0 40px #fbbf2414}.card-skin-business:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(251,191,36,.5) 20%,rgba(212,160,23,.7) 50%,rgba(251,191,36,.5) 80%,transparent 100%);z-index:6}.biz-top{display:flex;justify-content:space-between;align-items:flex-start}.biz-company{font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase}.biz-center{flex:1;display:flex;flex-direction:column;justify-content:center}.biz-name{font-size:26px;font-weight:800;letter-spacing:.08em;line-height:1.2}.biz-title{font-size:12px;color:#ffffff80;letter-spacing:.12em;text-transform:uppercase;margin-top:2px}.biz-bottom{display:flex;justify-content:space-between;align-items:flex-end}.biz-nfc-badge{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#fbbf2414;border:1px solid rgba(251,191,36,.2)}.card-tagline{font-size:12px;letter-spacing:.15em;opacity:.7}.ts3d__nfc-rings{position:absolute;top:20px;right:20px;width:40px;height:40px}.ts3d__nfc-ring{position:absolute;border:2px solid rgba(251,191,36,.4);border-radius:50%;animation:ts3d-nfc-pulse 2.5s ease-out infinite}.ts3d__nfc-ring:nth-child(1){width:16px;height:16px;top:12px;left:12px}.ts3d__nfc-ring:nth-child(2){width:28px;height:28px;top:6px;left:6px;animation-delay:.4s}.ts3d__nfc-ring:nth-child(3){width:40px;height:40px;top:0;left:0;animation-delay:.8s}@keyframes ts3d-nfc-pulse{0%{transform:scale(.8);opacity:.8}to{transform:scale(1.4);opacity:0}}.ts3d__mockup--keychain{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.card-skin-keychain{background:radial-gradient(circle at 50% 45%,#fff,#f8f8f8,#e8e8e8 60%,#d8d8d8,#c8c8c8);border:2px solid rgba(200,200,200,.4);box-shadow:0 3px silver,0 5px #b8b8b8,0 7px #aaa,0 9px #999,0 11px #888,0 12px #777,0 14px 8px #0000004d,0 20px 30px #0006,0 30px 50px #0003,inset 0 2px 1px #ffffffe6,inset 0 0 60px #ffffff80,inset 0 -10px 30px #0000001a}.card-skin-keychain:after{content:"";position:absolute;top:8%;left:15%;width:55%;height:35%;background:radial-gradient(ellipse 100% 80%,rgba(255,255,255,.9) 0%,rgba(255,255,255,.4) 30%,rgba(255,255,255,.1) 60%,transparent 80%);border-radius:50%;pointer-events:none;z-index:2}.card-skin-keychain:before{content:"";position:absolute;bottom:15%;right:18%;width:22%;height:14%;background:radial-gradient(ellipse,rgba(255,255,255,.25) 0%,transparent 70%);border-radius:50%;pointer-events:none;z-index:2}.keychain-body{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:6px;position:relative;z-index:1}.keychain-google-g{width:70px;height:70px;filter:drop-shadow(0 1px 3px rgba(0,0,0,.1))}.keychain-stars{display:flex;gap:3px;margin-top:2px}.keychain-stars span{font-size:16px;color:#f4b400;filter:drop-shadow(0 1px 1px rgba(0,0,0,.15))}.keychain-nfc{margin-top:2px;opacity:.4}.ts3d__chain-outer{position:absolute;top:-20px;left:50%;transform:translate(-50%);z-index:10;pointer-events:none}.ts3d__chain-outer svg{width:24px;height:36px;filter:drop-shadow(0 1px 3px rgba(0,0,0,.6))}.ts3d__mockup--frame{width:100%;height:100%;display:flex;flex-direction:column;position:relative}.card-skin-frame{background:#0a0a0a;border:8px solid #222;border-image:linear-gradient(180deg,#2a2a2a,#1a1a1a,#2a2a2a) 1;box-shadow:0 8px 40px #00000080,inset 0 0 0 1px #ffffff0d}.frame-screen{position:absolute;top:14px;right:14px;bottom:14px;left:14px;background:#ffffff05;border-radius:4px;display:flex;flex-direction:column;overflow:hidden}.frame-photo-area{flex:1;display:flex;align-items:center;justify-content:center;position:relative;background:radial-gradient(ellipse at center,rgba(236,72,153,.03) 0%,rgba(139,92,246,.02) 50%,transparent 80%)}.frame-photo-placeholder{position:relative;width:130px;height:110px}.frame-couple-svg{width:100%;height:100%;opacity:.8}.frame-hearts{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.frame-heart{position:absolute;color:#ec489966;font-size:11px;animation:ts3d-frame-heart 4.5s ease-in-out infinite}.frame-heart:nth-child(1){left:20%;top:10%}.frame-heart:nth-child(2){right:15%;top:25%;animation-delay:1.5s}.frame-heart:nth-child(3){left:50%;top:5%;animation-delay:3s}@keyframes ts3d-frame-heart{0%,to{transform:translateY(0) scale(1);opacity:.3}50%{transform:translateY(-8px) scale(1.2);opacity:.7}}.frame-wedding-info{padding:14px 16px;background:#0006;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);text-align:center;display:flex;flex-direction:column;gap:4px}.frame-couple-names{font-size:18px;font-weight:700;background:linear-gradient(135deg,#fbbf24,#ec4899,#fbbf24);background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:ts3d-gold-shimmer 3s ease infinite}.frame-wedding-date{font-size:10px;color:#ffffff80;letter-spacing:.15em}.frame-wedding-cta{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:4px}.frame-cta-text{font-size:10px;color:#ffffff73;letter-spacing:.1em;text-transform:uppercase}.ts3d__back{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;position:relative}.back-personalise{display:flex;flex-direction:column;align-items:center;gap:10px}.back-headline{font-size:18px;font-weight:700;letter-spacing:.04em}.back-subtext{font-size:12px;color:#ffffff73;letter-spacing:.03em;text-align:center;line-height:1.5}.back-icons{display:flex;gap:16px;margin:4px 0}.back-icons svg{width:20px;height:20px;opacity:.5}.back-tagline{font-size:10px;color:#fbbf2480;letter-spacing:.15em;text-transform:uppercase;margin-top:4px}.ts3d__tabs{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.ts3d__tab{padding:10px 24px;border:1px solid rgba(255,255,255,.15);border-radius:100px;background:#ffffff0d;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#ffffffb3;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);outline:none}.ts3d__tab:hover{border-color:#fbbf244d;color:#ededed;background:#ffffff0d}.ts3d__tab--active{background:#fbbf2426;border-color:#fbbf2480;color:#fbbf24;box-shadow:0 0 20px #fbbf2426}.ts3d__glow{position:absolute;top:-30px;right:-30px;bottom:-30px;left:-30px;border-radius:24px;background:radial-gradient(ellipse,rgba(251,191,36,.2) 0%,transparent 70%);filter:blur(30px);z-index:-1;transition:all .5s ease}.ts3d__card:hover .ts3d__glow{top:-50px;right:-50px;bottom:-50px;left:-50px;background:radial-gradient(ellipse,rgba(251,191,36,.35) 0%,transparent 70%)}.ts3d__stage[data-active=keychain] .ts3d__glow{border-radius:50%;background:radial-gradient(ellipse,rgba(255,255,255,.15) 0%,transparent 70%)!important}@media(min-width:768px){.ts3d__container{gap:48px}.ts3d__content{text-align:center;max-width:900px}.ts3d__stage[data-active=card]{width:380px;height:245px}.ts3d__stage[data-active=keychain]{width:260px;height:260px}.ts3d__stage[data-active=frame]{width:260px;height:360px}}@media(max-width:480px){.ts3d{padding:70px 16px}.ts3d__stage[data-active=card]{width:290px;height:187px}.ts3d__stage[data-active=keychain]{width:200px;height:200px}.ts3d__stage[data-active=frame]{width:200px;height:270px}.ts3d__tab{padding:8px 18px;font-size:13px}.ts3d__orb{filter:blur(60px)}.biz-name{font-size:19px}.biz-company{font-size:10px}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/section-tapsticky-3d-card.css.map */