/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

@keyframes shake {
  0%, 100% { transform: translateX(0); }
  20%, 60% { transform: translateX(-4px); }
  40%, 80% { transform: translateX(4px); }
}

.animate-shake {
  animation: shake 0.4s ease-in-out;
}

/*
 * Lexxy bio editor: keep the toolbar limited to bold, italic and link.
 * Extra buttons/dropdowns are hidden here (the editor ships a full toolbar).
 */
.profile-bio-editor lexxy-toolbar button[name="strikethrough"],
.profile-bio-editor lexxy-toolbar button[name="underline"],
.profile-bio-editor lexxy-toolbar button[name="quote"],
.profile-bio-editor lexxy-toolbar button[name="code"],
.profile-bio-editor lexxy-toolbar button[name="unordered-list"],
.profile-bio-editor lexxy-toolbar button[name="ordered-list"],
.profile-bio-editor lexxy-toolbar button[name="table"],
.profile-bio-editor lexxy-toolbar button[name="divider"],
.profile-bio-editor lexxy-toolbar button[name="undo"],
.profile-bio-editor lexxy-toolbar button[name="redo"],
.profile-bio-editor lexxy-toolbar button[name="image"],
.profile-bio-editor lexxy-toolbar button[name="file"],
.profile-bio-editor lexxy-toolbar .lexxy-editor__toolbar-overflow,
.profile-bio-editor lexxy-toolbar .lexxy-editor__toolbar-dropdown:has(button[name="format"]),
.profile-bio-editor lexxy-toolbar .lexxy-editor__toolbar-dropdown:has(button[name="highlight"]) {
  display: none;
}