body {
    font-family: 'Inter', sans-serif;
    background: #EFEFEF;
}

h1, h2, .mono {
    /*font-family: 'Rubik Mono One', monospace;*/
    font-family: 'Inter', sans-serif;
    letter-spacing: .02em;
}

h3, h4 {
    font-family: 'Inter', sans-serif;
    letter-spacing: .02em;
}

img {
    -webkit-user-drag: none;
}


.badge {
    @apply border text-xs px-2 py-0.5 rounded-full bg-gray-50 hover:bg-gray-100 cursor-pointer transition;
}

.tag {
    @apply inline-block text-xs px-3 py-0.5 rounded-full bg-gray-100 text-gray-700 mr-1 mb-1;
}

.btn-shadow {
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  transition: box-shadow 0.3s ease;
}

.btn-shadow:hover {
  box-shadow: none;
}

textarea {
    resize: none;
}

input[type=file] {
    display: none;
}

/*input, textarea, select {*/
/*    border: 1px solid #cecece;*/
/*    background-color: #efefef;*/
/*}*/


.bg-brand {
    --tw-bg-opacity: 1;
    background-color: rgb(226 132 31 / var(--tw-bg-opacity, 1));
}

.text-brand {
    --tw-text-opacity: 1;
    color: rgb(226 132 31 / var(--tw-text-opacity, 1));
}

.prose-wide {
    max-width: 100%;
}

.prose-wide h1, h2, h3, h4, h5, h6, strong {
    color: #1e2939;
}

.prose-wide p {
    margin-bottom: 0;
}

.prose-wide ul {
    margin-top: 0;
}

.prose-wide li {
    margin: 0;
}

.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker {
    color: #0d131a;
}

.prose :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)) {
    color: var(--tw-prose-pre-code);
    background-color: var(--tw-prose-pre-bg);
    overflow-x: auto;
    font-weight: 400;
    font-size: .875em;
    line-height: 1.7142857;
    margin-top: 0;
    margin-bottom: 0;
    border-radius: .375rem;
    padding-top: .8571429em;
    padding-inline-end: 1.1428571em;
    padding-bottom: .8571429em;
    padding-inline-start: 1.1428571em;
}

.prose :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)) {
    border-color: #939393;
    border-top-width: 1px;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
}

#cropModal .cropper-view-box,
#cropModal .cropper-face {
  border-radius: 9999px;
}

@media (min-width: 1024px) {
    .lg\:border-brand\/50 {
        border-color: rgb(226 132 31 / 0.5);
    }
}