*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}@media (min-width: 768px){.md\\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.md\\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.md\\:grid-cols-4{grid-template-columns:repeat(4,1fr)}.md\\:grid-cols-5{grid-template-columns:repeat(5,1fr)}}@media (min-width: 1024px){.lg\\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.lg\\:grid-cols-4{grid-template-columns:repeat(4,1fr)}.lg\\:grid-cols-6{grid-template-columns:repeat(6,1fr)}}.flex{display:flex}.text-center{text-align:center}.items-center{align-items:center}.flex-col{flex-direction:column}.space-x-3>*+*{margin-left:.75rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.pl-8{padding-left:2rem}.pr-8{padding-right:2rem}.pl-3{padding-left:30px}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.px-12{padding-inline:50px}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-40{padding-top:40px;padding-bottom:40px}.py-full{padding-top:100px;padding-bottom:100px}.m-0{margin:0}.ml-0{margin-left:0}.mr-0{margin-right:0}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-12{margin-bottom:3rem}.my-12{margin-bottom:3rem;margin-top:3rem}.mb-16{margin-bottom:4rem}.mb-100{margin-bottom:100px}.mt-4{margin-top:1rem}.mx-auto{margin-left:auto;margin-right:auto}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem}.text-6xl{font-size:3.75rem}@media (min-width: 768px){.md\\:text-2xl{font-size:1.5rem}.md\\:text-4xl{font-size:2.25rem}.md\\:text-5xl{font-size:3rem}.md\\:text-6xl{font-size:3.75rem}}.font-bold{font-weight:700}.font-black{font-weight:900}.font-semibold{font-weight:600}.text-center{text-align:center;text-align:-webkit-center}.text-left{text-align:left}.leading-relaxed{line-height:1.625}.text-white{color:#fff}.text-gray-400{color:#9ca3af}.text-gray-500{color:#6b7280}.text-gray-600{color:#4b5563}.text-gray-800{color:#1f2937}.text-yellow-300{color:#fcd34d}.text-yellow-500{color:#f59e0b}.text-red-500{color:#ef4444}.text-blue-500{color:#3b82f6}.text-purple-500{color:#8b5cf6}.text-purple-600{color:#7c3aed}.bg-white{background-color:#fff}.bg-grey{background-color:#f5f5f5}.bg-gray-900{background-color:#111827}.bg-light-pink{background-color:#ffe5f5}.light-yellow{background-color:#fff7ee}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.from-purple-50{--tw-gradient-from: #faf5ff;--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(250, 245, 255, 0))}.via-pink-50{--tw-gradient-stops: var(--tw-gradient-from), #fdf2f8, var(--tw-gradient-to, rgba(253, 242, 248, 0))}.to-blue-50{--tw-gradient-to: #eff6ff}.from-blue-50{--tw-gradient-from: #eff6ff;--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 246, 255, 0))}.to-purple-50{--tw-gradient-to: #faf5ff}.from-pink-50{--tw-gradient-from: #fdf2f8;--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 242, 248, 0))}.to-yellow-50{--tw-gradient-to: #fffbeb}.from-indigo-600{--tw-gradient-from: #4f46e5;--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 70, 229, 0))}.via-purple-600{--tw-gradient-stops: var(--tw-gradient-from), #7c3aed, var(--tw-gradient-to, rgba(124, 58, 237, 0))}.to-pink-600{--tw-gradient-to: #db2777}.from-purple-600{--tw-gradient-from: #7c3aed;--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(124, 58, 237, 0))}.from-purple-700{--tw-gradient-from: #6d28d9;--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(109, 40, 217, 0))}.to-pink-700{--tw-gradient-to: #be185d}.from-blue-500{--tw-gradient-from: #3b82f6;--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0))}.to-cyan-400{--tw-gradient-to: #22d3ee}.from-red-500{--tw-gradient-from: #ef4444;--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 68, 68, 0))}.to-pink-400{--tw-gradient-to: #f472b6}.from-purple-500{--tw-gradient-from: #8b5cf6;--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(139, 92, 246, 0))}.from-green-500{--tw-gradient-from: #10b981;--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(16, 185, 129, 0))}.to-emerald-400{--tw-gradient-to: #34d399}.from-yellow-500{--tw-gradient-from: #f59e0b;--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0))}.to-orange-400{--tw-gradient-to: #fb923c}.to-yellow-500{--tw-gradient-to: #f59e0b}.from-black\/80{--tw-gradient-from: rgba(0, 0, 0, .8);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0))}.via-black\/40{--tw-gradient-stops: var(--tw-gradient-from), rgba(0, 0, 0, .4), var(--tw-gradient-to, rgba(0, 0, 0, 0))}.to-transparent{--tw-gradient-to: transparent}.bg-white\/10{background-color:#ffffff1a}.bg-white\/20{background-color:#fff3}.bg-white\/80{background-color:#fffc}.bg-white\/95{background-color:#fffffff2}.bg-black\/10{background-color:#0000001a}.bg-black\/50{background-color:#00000080}.bg-black{background-color:#000}.text-white\/80{color:#fffc}.text-white\/90{color:#ffffffe6}.border{border-width:1px}.border-2{border-width:2px}.border-gray-300{border-color:#d1d5db}.border-white\/30{border-color:#ffffff4d}.rounded-lg{border-radius:.5rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.overflow-hidden{overflow:hidden}.w-5{width:1.25rem}.w-12{width:3rem}.w-16{width:4rem}.w-20{width:5rem}.w-full{width:100%}.h-5{height:1.25rem}.h-12{height:3rem}.h-16{height:4rem}.h-20{height:5rem}.h-24{height:6rem}.h-48{height:12rem}.h-80{height:20rem}.h-auto{height:auto}.h-full{height:100%}.min-h-screen{min-height:100vh}.max-w-md{max-width:28rem}.max-w-lg{max-width:32rem}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-6xl{max-width:840px}.gap-5{gap:5px}.gap-15{gap:15px}.gap-35{gap:35px}.mb-15{margin-bottom:15px}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.inset-0{top:0;right:0;bottom:0;left:0}.z-10{z-index:10}.z-50{z-index:50}.hidden{display:none}.inline-block{display:inline-block}.backdrop-blur-sm{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.shadow-2xl{box-shadow:0 25px 50px -12px #00000040}.shadow-3xl{box-shadow:0 35px 60px -12px #0000004d}.hover\\:shadow-blue-500\/40:hover{box-shadow:0 25px 50px -12px #3b82f666}.hover\\:shadow-red-500\/40:hover{box-shadow:0 25px 50px -12px #ef444466}.hover\\:shadow-purple-500\/40:hover{box-shadow:0 25px 50px -12px #8b5cf666}.hover\\:shadow-green-500\/40:hover{box-shadow:0 25px 50px -12px #10b98166}.hover\\:shadow-yellow-500\/40:hover{box-shadow:0 25px 50px -12px #f59e0b66}.hover\\:shadow-xl:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.transform{transform:translate(var(--tw-translate-x, 0)) translateY(var(--tw-translate-y, 0)) rotate(var(--tw-rotate, 0)) skew(var(--tw-skew-x, 0)) skewY(var(--tw-skew-y, 0)) scaleX(var(--tw-scale-x, 1)) scaleY(var(--tw-scale-y, 1))}.hover\\:scale-105:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05}.hover\\:scale-110:hover{--tw-scale-x: 1.1;--tw-scale-y: 1.1}.hover\\:-translate-y-2:hover{--tw-translate-y: -.5rem}.hover\\:-translate-y-4:hover{--tw-translate-y: -1rem}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.opacity-0{opacity:0}.opacity-10{opacity:.1}.group:hover .group-hover\\:scale-110{--tw-scale-x: 1.1;--tw-scale-y: 1.1}.focus\\:border-purple-500:focus{border-color:#8b5cf6}.focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.hover\\:from-purple-700:hover{--tw-gradient-from: #6d28d9;--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(109, 40, 217, 0))}.cursor-pointer{cursor:pointer}.pucker-gradient{background:linear-gradient(135deg,#ff6b6b,#4ecdc4,#45b7d1,#96ceb4,#feca57);background-size:300% 300%;animation:gradient-shift 3s ease infinite}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.pucker-text-gradient{background:linear-gradient(135deg,#ff6b6b,#4ecdc4,#45b7d1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pucker-shadow{box-shadow:0 3px 6px #bdbbbb4d}.pucker-glow{box-shadow:0 0 20px #ff6b6b80}.bounce-in{animation:bounceIn .8s ease-out}.transform-unset{transform:unset!important}.justify-center{justify-content:center}@keyframes bounceIn{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1);opacity:1}}.float{animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.pulse-glow{animation:pulseGlow 2s ease-in-out infinite}@keyframes pulseGlow{0%,to{box-shadow:0 0 20px #ff6b6b80}50%{box-shadow:0 0 30px #ff6b6bcc}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-bounce{animation:bounce 1s infinite}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:translateY(0);animation-timing-function:cubic-bezier(0,0,.2,1)}}.text-shadow-lg{text-shadow:0 10px 15px rgba(0,0,0,.3)}input[type=text],input[type=email]{-webkit-appearance:none;appearance:none;background-color:#fff;border:1px solid #d1d5db;border-radius:.5rem;padding:.75rem;font-size:1.125rem;line-height:1.5;width:100%;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}input[type=text]:focus,input[type=email]:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}button{cursor:pointer;transition:all .3s ease}button:hover{transform:translateY(-2px)}@media (max-width: 767px){.container{padding:0 20px}.py-20{padding-top:3rem;padding-bottom:3rem}.py-16{padding-top:2.5rem;padding-bottom:2.5rem}.text-4xl{font-size:2rem}.text-3xl{font-size:1.75rem}}.group{position:relative}.group:hover .group-hover\\:scale-110{transform:scale(1.1)}.group:hover .group-hover\\:opacity-100{opacity:1}.inline-icon{font-size:28px}.video-wrapper{margin-right:0}.decoration-unset{text-decoration:unset}.border-light-grey{border:1px solid #f1f1f1}.button-bounce{display:flex;width:max-content;align-items:center}.hover-btn:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #00000061,0 4px 6px -2px #0000000d}.hover-btn{transition:.5s ease-in-out}.pucker-gradient .banner-main{display:grid;grid-template-columns:55% auto}.video-wrapper video{max-height:calc(100vh - 121px);object-fit:cover;display:block}.grid__content{display:flex;alignment-baseline:after-edge;flex-direction:column;height:100%}.grid__content #signup{margin-top:auto}.m-auto{margin:0 auto}.w-max{width:max-content}.image-banner{padding:50px 0}@media screen and (max-width: 1280px){.pucker-gradient .banner-main{grid-template-columns:50% auto}}@media screen and (max-width: 991px){@media screen and (max-width: 1280px){.pucker-gradient .banner-main{grid-template-columns:100%}}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/pucker-pals-landing.css.map */