/* Served raw by Propshaft via stylesheet_link_tag 'styles', not compiled.
 *
 * That means no Tailwind directive works in this file. It used to open with
 * @tailwind base/components/utilities, which looked like the build input and is
 * not -- application.tailwind.css is what tailwindcss:build compiles. Those
 * lines did nothing and are gone, along with any temptation to write @apply
 * here. See #804.
 *
 * The Google Fonts @import moved to a <link> in the layouts: an @import is only
 * discovered after this file is fetched and parsed, so the font request started
 * late and text flashed unstyled.
 *
 * The Larken @font-face blocks are gone with it. The design system names Lora
 * as the display face and does not mention Larken, so ~200KB of .otf was being
 * served for a face nothing specifies.
 */

/* purgecss ignore */

.radio-input:checked + .radio-button {
  @apply bg-primary-lightest border-primary text-primary-dark font-bold relative z-10;
}

.dropzone.dz-drag-hover .dz-message {
  @apply opacity-80;
}

.menu-button[aria-expanded="true"] {
  @apply transition ease-out duration-100 transform rotate-90;
}

.dz-preview {
  display: none !important;
}

/* Remove Arrows on number-field */
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

/* The navigation's hover background, which _navigation_item used to set with
   inline mouseover and mouseout handlers (#887). */
.nav-item:hover {
  background-color: rgba(222, 219, 251, 1);
}