.fpn-blur-fade{opacity:0;filter:blur(6px);transform:translateY(12px);transition:opacity .6s ease,filter .6s ease,transform .6s ease}.fpn-blur-fade.is-visible{opacity:1;filter:blur(0);transform:translateY(0)}.fpn-blur-fade--fast{opacity:0;filter:blur(3px);transform:translateY(8px);transition:opacity .4s ease,filter .4s ease,transform .4s ease}.fpn-blur-fade--fast.is-visible{opacity:1;filter:blur(0);transform:translateY(0)}.fpn-text-reveal{overflow:hidden}.fpn-text-reveal span{display:block;transform:translateY(100%);transition:transform .6s cubic-bezier(.22,1,.36,1)}.fpn-text-reveal.is-visible span{transform:translateY(0)}.fpn-shimmer-cta{position:relative;overflow:hidden;isolation:isolate}.fpn-shimmer-cta:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.18) 50%,transparent 70%);background-size:200% 100%;animation:fpn-shimmer 3s ease-in-out infinite}@keyframes fpn-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.fpn-shine-border{position:relative}.fpn-shine-border:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;background:conic-gradient(from var(--fpn-angle, 0deg),rgb(var(--color-accent, 176, 125, 98)),transparent 25%,rgb(var(--color-accent, 176, 125, 98)),transparent 50%,rgb(var(--color-accent, 176, 125, 98)),transparent 75%,rgb(var(--color-accent, 176, 125, 98)));mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;opacity:0;transition:opacity .3s;z-index:0;pointer-events:none}.fpn-shine-border:hover:before,.fpn-shine-border:focus-within:before{opacity:1;animation:fpn-border-rotate 3s linear infinite}@property --fpn-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}@keyframes fpn-border-rotate{to{--fpn-angle: 360deg}}.fpn-dot-bg{--fpn-dot-size: 2px;--fpn-dot-spacing: 24px;--fpn-dot-opacity: .08;background-image:radial-gradient(circle,rgba(var(--color-accent, 176, 125, 98),var(--fpn-dot-opacity)) var(--fpn-dot-size),transparent var(--fpn-dot-size));background-size:var(--fpn-dot-spacing) var(--fpn-dot-spacing)}.fpn-grid-bg{--fpn-grid-opacity: .04;background-image:linear-gradient(rgba(var(--color-foreground),var(--fpn-grid-opacity)) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--color-foreground),var(--fpn-grid-opacity)) 1px,transparent 1px);background-size:40px 40px}.fpn-magic-card{position:relative;overflow:hidden;transition:box-shadow .3s ease,transform .3s ease}.fpn-magic-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(600px circle at var(--fpn-mx, 50%) var(--fpn-my, 50%),rgba(var(--color-accent, 176, 125, 98),.06),transparent 50%);opacity:0;transition:opacity .3s;pointer-events:none;z-index:0}.fpn-magic-card:hover:before{opacity:1}.fpn-magic-card>*{position:relative;z-index:1}@media(max-width:749px){.fpn-blur-fade{transition-duration:.4s;filter:blur(3px)}.fpn-text-reveal span{transition-duration:.45s}.fpn-shimmer-cta:after{animation-duration:4s}.fpn-shine-border:hover:before{animation-duration:5s}.fpn-dot-bg{--fpn-dot-spacing: 18px;--fpn-dot-opacity: .05}}@media(prefers-reduced-motion:reduce){.fpn-blur-fade,.fpn-blur-fade--fast{opacity:1!important;filter:none!important;transform:none!important;transition:none!important}.fpn-text-reveal span{transform:translateY(0)!important;transition:none!important}.fpn-shimmer-cta:after,.fpn-shine-border:before{animation:none!important;opacity:0!important}.fpn-magic-card:before{opacity:0!important}}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}.fpn-section{animation:fpnSectionReveal .7s ease both}@keyframes fpnSectionReveal{0%{opacity:.7;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fpn-btn{transition:transform .2s cubic-bezier(.22,1,.36,1),box-shadow .2s ease,background .2s ease!important}.fpn-btn:active{transform:scale(.97)!important}.fpn-card-hover{transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s ease!important}
/*# sourceMappingURL=/cdn/shop/t/72/assets/fpn-animations.css.map */