/*
 * 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.
 */

.help-drawer {
  transform: translateX(calc(100% - 2rem)); /* Start off-screen */
}

.help-drawer.visible {
  transform: translateX(2rem); /* Move to its original position */
}

.gradient-button {
  background: linear-gradient(310deg, #c8d751, #077f84);
  background-size: 400% 400%;
  -webkit-animation: AnimationName 15s ease infinite;
  -moz-animation: AnimationName 15s ease infinite;
  animation: AnimationName 15s ease infinite;
}

.cells-background {
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 1)),
    url("/assets/SpatialGenomics_Home_Header_FromData_0816-b10e32bd.jpg");
  background-size: cover;
  background-attachment: fixed;
  background-position: center;
}

.qft-select-cell .ag-cell-wrapper {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22ag-icon%22%20fill%3D%22black%22%20stroke%3D%22none%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20d%3D%22M7.334%2010.667%2016%2021.334l8.667-10.667H7.334Z%22%2F%3E%3C%2Fsvg%3E");
  background-size: 16px 16px; /* Adjust to your preferred size */
  background-repeat: no-repeat;
  background-position: right; /* Optional: position the image */
}

/* .ag-row-inline-editing::after {
  background-image: "";
} */