@layer utilities {
/* Flex utilities - converted from SCSS mixins */

.flex {
  width: 100%;
  display: flex;
}

.flex-row {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.flex-col {
  width: 100%;
  display: flex;
  flex-direction: column;
}

/* Pseudo-element utilities */
.opened::before {
  content: "+";
}
}