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

 #brand-data-navbar .divider.divider-horizontal {
  width: 2px !important
 }

.collapse-arrow-left > .collapse-title:after {
  inset-inline-start: 1rem !important;
  inset-inline-end: auto !important;
}

.collapse-arrow-left .collapse-title {
  padding-inline-end: 2rem;
}

.flip-card {
  perspective: 1000px;
  display: inline-block;
}

.flip-card__inner {
  display: inline-block;
  transition: transform 0.6s;
  transform-style: preserve-3d;
}

.flip-card__front {
  backface-visibility: hidden;
  display: inline-block;
}

.flip-card__back {
  position: absolute;
  top: 0;
  left: 0;
  backface-visibility: hidden;
  transform: rotateY(180deg);
  display: inline-block;
}