@tailwind base;
@tailwind components;
@tailwind utilities;

/*

@layer components {
  .btn-primary {
    @apply py-2 px-4 bg-blue-200;
  }
}

*/

.mapbox-gl-draw_ctrl-draw-btn.active, .mapbox-gl-draw_ctrl-draw-btn.active:hover, .mapboxgl-ctrl button:not(:disabled):hover{
  background-color: rgb(0 0 0/15%) !important;
}

.field {
  @apply mb-4;
}

.actions{
  input[type=submit]{
    @apply bg-slate-400 px-3 py-2 rounded-md w-full;
  }
}

.registration-links{
  @apply border-t border-slate-600 mt-8 pt-4 flex flex-row justify-between items-center w-full;

  a{
    @apply underline;
  }

}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */

.layer-controls{
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0px 2px
}

.layer-selected{
  background-color: rgba(0,0,0,0.15);
}