@tailwind base;
@tailwind components;
@tailwind utilities;

@layer components{.swing-line{@apply absolute top-[35vh] z-50 right-2/4 w-[0.03125rem] bg-gradient-to-b from-transparent to-[rgba(46,204,113,0.25)] list-none origin-top;animation:4s ease-in-out infinite swing}.swing-line::before{@apply content-[''] absolute left-[-1px] bottom-[1px] w-[2px] h-[2px];}.swing-line:nth-child(4n)::before{@apply bg-[#D8334A];}.swing-line:nth-child(4n+1)::before{@apply bg-[#FFCE54];}.swing-line:nth-child(4n+2)::before{@apply bg-[#2ECC71];}.swing-line:nth-child(4n+3)::before{@apply bg-[#5D9CEC];}}.zoom-gift{zoom:50%}@keyframes swing{0%,100%{transform:rotate(-20deg)}45%,5%{opacity:.25}0%,100%,50%{opacity:1}50%{transform:rotate(20deg)}}.font-christmas{font-family:"Mountains of Christmas",cursive}.font-principal{font-size:250%}.font-secondary{font-size:180%}@keyframes fall{0%{transform:translate(0,-10px) rotate(0);opacity:1}25%{transform:translate(15px,25vh) rotate(45deg)}50%{transform:translate(-15px,50vh) rotate(90deg)}75%{transform:translate(15px,75vh) rotate(135deg)}100%{transform:translate(-15px,100vh) rotate(180deg);opacity:0}}@keyframes fall2{0%{opacity:0;top:0}5%{opacity:0}15%,90%{opacity:1}100%{opacity:0;top:100%}}
.cat__body,.cat__head,.cat__tail{animation:1.79s cubic-bezier(.65,.54,.12,.93) infinite rotating}.cat{position:relative;width:200px;max-width:20em;overflow:hidden}.cat::before{content:'';display:block;padding-bottom:100%}.cat:hover>*{animation-play-state:paused}.cat:active>*{animation-play-state:running}.cat__body,.cat__head,.cat__tail{position:absolute;top:0;left:0;right:0;bottom:0}.cat__body::before,.cat__head::before,.cat__tail::before{content:'';position:absolute;width:50%;height:50%;background-size:200%;background-repeat:no-repeat;background-image:url('https://vcbomutuhqqrhxmoxtbx.supabase.co/storage/v1/object/public/images//cat-loader.png')}.cat__head::before{top:0;right:0;background-position:100% 0;transform-origin:0% 100%;transform:rotate(90deg)}.cat__body,.cat__body:nth-of-type(2),.cat__tail{animation-delay:.1s}.cat__tail::before{left:0;bottom:0;background-position:0 100%;transform-origin:100% 0%;transform:rotate(-30deg)}.cat__body::before{right:0;bottom:0;background-position:100% 100%;transform-origin:0% 0%}@keyframes rotating{from{transform:rotate(720deg)}to{transform:none}}.imageMark{background-size:cover;background-clip:text!important;-webkit-background-clip:text!important;color:transparent!important;}
  