.wrap[data-v-190e93c9] {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        padding-left: 1rem;
        padding-right: 1rem}
@media (min-width: 1024px) {
.wrap[data-v-190e93c9] {
                max-width: 96rem;
                padding-left: 1.5rem;
                padding-right: 1.5rem}}
.logo {
&[data-v-190e93c9] {
        display: flex;
        align-items: center;
        font-family: Dosis, sans-serif;
        font-size: 1.25rem;
        line-height: 1.75rem;
        font-weight: 500;
        text-transform: uppercase;
        --tw-text-opacity: 1;
        color: rgb(0 0 0 / var(--tw-text-opacity))}
img[data-v-190e93c9] {
                margin-right: 0.5rem}
img[data-v-190e93c9] {
                height: 3rem}
img[data-v-190e93c9] {
                width: 3rem}
@media (min-width: 1024px) {
img[data-v-190e93c9] {
                        margin-right: 0.75rem}}
@media (min-width: 1280px) {
img[data-v-190e93c9] {
                        margin-right: 1rem}}
@media (min-width: 1280px) {
img[data-v-190e93c9] {
                        height: 3.5rem}}
@media (min-width: 1280px) {
img[data-v-190e93c9] {
                        width: 3.5rem}}}
@media (min-width: 1024px) {
.logo[data-v-190e93c9] {
                font-size: 1.5rem;
                line-height: 2rem}}
@media (min-width: 1280px) {
.logo[data-v-190e93c9] {
                font-size: 1.875rem;
                line-height: 2.25rem}}
.main-nav-link[data-v-190e93c9] {
        display: flex;
        align-items: center;
        white-space: nowrap;
        font-family: Dosis, sans-serif;
        font-size: 1rem;
        line-height: 1.5rem;
        font-weight: 500;
        text-transform: uppercase}
.main-nav-link[data-v-190e93c9]:focus {
        outline: 2px solid transparent;
        outline-offset: 2px}
@media (min-width: 768px) {
.main-nav-link[data-v-190e93c9] {
                font-size: 1.125rem;
                line-height: 1.75rem}}
.main nav a {
&[data-v-190e93c9] {

        border-bottom-width: 2px;

        border-bottom-color: transparent;

        font-family: Dosis, sans-serif;

        font-size: 0.875rem;

        line-height: 1.25rem;

        font-weight: 500;

        text-underline-offset: 2px}
&.active[data-v-190e93c9] {
                --tw-border-opacity: 1;
                border-color: rgb(171 47 10 / var(--tw-border-opacity))}
&[data-v-190e93c9]:not(.active):hover {
                --tw-border-opacity: 1;
                border-color: rgb(0 0 0 / var(--tw-border-opacity))}}
@media (min-width: 640px) {
.main nav a[data-v-190e93c9] {
                font-size: 1rem;
                line-height: 1.5rem}}
@media (min-width: 1280px) {
.main nav a[data-v-190e93c9] {
                font-size: 1.125rem;
                line-height: 1.75rem}}
.auth-nav nav {
a {
&[data-v-190e93c9]:hover {
                        --tw-text-opacity: 1;
                        color: rgb(171 47 10 / var(--tw-text-opacity))}
}
button {
&[data-v-190e93c9]:hover {
                        --tw-text-opacity: 1;
                        color: rgb(171 47 10 / var(--tw-text-opacity))}
}
}
.dropdown-wrapper {
&[data-v-190e93c9] {

        border-bottom-width: 2px;

        border-bottom-color: transparent;

        text-underline-offset: 2px}
&.active[data-v-190e93c9] {
                --tw-border-opacity: 1;
                border-color: rgb(171 47 10 / var(--tw-border-opacity))}
&[data-v-190e93c9]:not(.active):hover {
                --tw-border-opacity: 1;
                border-color: rgb(0 0 0 / var(--tw-border-opacity))}}
.dropdown-menu[data-v-190e93c9] {
        position: absolute;
        z-index: 50;
        margin-top: 0.5rem;
        width: 12rem;
        border-radius: 0.25rem;
        border-width: 1px;
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
        --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
        --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
.dropdown-item[data-v-190e93c9] {
        display: block;
        padding-left: 1rem;
        padding-right: 1rem;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
        font-family: Dosis, sans-serif;
        font-weight: 500;
        --tw-text-opacity: 1;
        color: rgb(0 0 0 / var(--tw-text-opacity))}
.dropdown-item[data-v-190e93c9]:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(243 244 246 / var(--tw-bg-opacity))}