@tailwind base;
@tailwind components;
@tailwind utilities;
/* line 6, app/assets/stylesheets/application.scss */
nav .group {
  position: relative;
}

/* line 10, app/assets/stylesheets/application.scss */
nav .group\/sub {
  position: relative;
}

/* line 14, app/assets/stylesheets/application.scss */
nav .group\/sub:hover > nav {
  display: block !important;
}

/* line 19, app/assets/stylesheets/application.scss */
nav .group\/sub > nav {
  position: absolute;
  left: 100%;
  top: 0;
  margin-top: 0;
}

/* line 29, app/assets/stylesheets/application.scss */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* line 36, app/assets/stylesheets/application.scss */
.container,
.row,
.col,
[class^="col-"] {
  all: unset;
}

/* line 44, app/assets/stylesheets/application.scss */
button,
input,
select,
textarea {
  font: inherit;
  color: inherit;
}

@media (prefers-color-scheme: dark) {
  /* line 54, app/assets/stylesheets/application.scss */
  :root {
    color-scheme: dark;
  }
}

/* line 60, app/assets/stylesheets/application.scss */
.group-hover\:block,
.group-hover\/sub\:block {
  transition: opacity 0.15s ease-in-out;
  opacity: 0;
  pointer-events: none;
}

/* line 66, app/assets/stylesheets/application.scss */
.group-hover\:block:not(.hidden),
.group-hover\/sub\:block:not(.hidden) {
  opacity: 1;
  pointer-events: auto;
}