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

/* Override Tailwind's -webkit-text-size-adjust with standard text-size-adjust */
:host,
html {
    text-size-adjust: 100%;
}

/*
  Custom CSS from style.css has been moved here.
  This is now the single source of truth for your styles.
*/

@keyframes progress-bar {
    from { transform: scaleX(0); } 
    to { transform: scaleX(1); }
}
.animate-progress {
    transform-origin: left;
    animation: progress-bar 5s linear;
}
@keyframes ken-burns {
    0% { transform: scale(1.05) translate(1%, -1%); }
    100% { transform: scale(1.05) translate(-1%, 1%); }
}
.ken-burns-image {
    animation: ken-burns 10s ease-in-out infinite alternate;
}

img.mt-2.rounded-md.border.border-gray-200.max-w-xs.mx-auto.qr-image
{
    width: 40%!important;
}
div#editor-container
 {
    height: 350px !important;
}
.ql-editor {
    max-height: 348px;
}
/* responsive custom css to hide user login svg */
@media (max-width: 640px) {
   .user_login_svg { 
       display: none!important; 
   }
}

/* Styles for screens smaller than 1024px (Tailwind's 'lg' breakpoint) */
@media (max-width: 1023px) {
  .filter-panel {
    position: static;
    top: auto;
    width: 100%!important;
  }
}