/* Plain url(), and no directory prefix.
 *
 * asset-url() is a Sprockets/Sass helper; this app runs Propshaft, which does
 * not resolve it, so the src descriptor failed to parse and every rule below
 * was inert -- Larken has never rendered (#682). The path was wrong too:
 * app/assets/fonts is already on the load path, so the logical name carries no
 * "fonts/" prefix. Still .otf rather than .woff2, which is worth changing and
 * is not this change.
 */
@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&family=Work+Sans:wght@400;500;600;700&display=swap');

@font-face {
  font-family: 'Larken';
  font-weight: normal;
  src: url("/assets/Larken-Regular-f5fa9c30.otf") format('opentype');
}

@font-face {
  font-family: 'Larken';
  font-weight: 800;
  src: url("/assets/Larken-ExtraBold-c4a076a2.otf") format('opentype');
}

@font-face {
  font-family: 'Larken';
  font-weight: 800;
  font-style: italic;
  src: url("/assets/Larken-ExtraBoldItalic-eb4da21a.otf") format('opentype');
}

@font-face {
  font-family: 'Larken';
  font-weight: normal;
  font-style: italic;
  src: url("/assets/Larken-Italic-6dedd7e0.otf") format('opentype');
}

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

/* 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;
}