@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/fonts/Larken-Regular.otf") format('opentype');
}

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

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

@font-face {
  font-family: 'Larken';
  font-weight: normal;
  font-style: italic;
  src: url("/assets/fonts/Larken-Italic.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;
}