@media (max-width: 64rem) {
    .max-lg\:hidden {
        display: none;
    }
}
@media (min-width: 64.1rem) {
    .lg\:hidden {
        display: none;
    }
    .lg\:block {
        display: block;
    }
    .lg\:ml-2 {
        margin-left: calc(var(--spacing) * 2);
    }

    .lg\:order-1 {
        order: 1;
    }
    .lg\:order-2 {
        order: 2;
    }
    .lg\:\!col-span-2 {
        grid-column: span 2 / span 2 !important;
    }
    .lg\:\!col-span-3 {
        grid-column: span 3 / span 3 !important;
    }
    .lg\:col-span-1 {
        grid-column: span 1 / span 1;
    }
    .lg\:col-span-2 {
        grid-column: span 2 / span 2;
    }
    .lg\:col-span-3 {
        grid-column: span 3 / span 3;
    }
    .lg\:col-span-4 {
        grid-column: span 4 / span 4;
    }
    .lg\:col-span-6 {
        grid-column: span 6 / span 6;
    }
    .lg\:mt-0 {
        margin-top: calc(var(--spacing) * 0);
    }
    .lg\:mr-0 {
        margin-right: calc(var(--spacing) * 0);
    }
    .lg\:ml-2 {
        margin-left: calc(var(--spacing) * 2);
    }
    .lg\:block {
        display: block;
    }
    .lg\:flex {
        display: flex;
    }
    .lg\:hidden {
        display: none;
    }
    .lg\:inline-block {
        display: inline-block;
    }
    .lg\:size-6 {
        width: calc(var(--spacing) * 6);
        height: calc(var(--spacing) * 6);
    }
    .lg\:size-8 {
        width: calc(var(--spacing) * 8);
        height: calc(var(--spacing) * 8);
    }
    .lg\:w-1\/2 {
        width: calc(1/2 * 100%);
    }
    .lg\:w-1\/3 {
        width: calc(1/3 * 100%);
    }
    .lg\:w-96 {
        width: calc(var(--spacing) * 96);
    }
    .lg\:max-w-lg {
        max-width: var(--container-lg);
    }
    .lg\:flex-shrink-0 {
        flex-shrink: 0;
    }
    .lg\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .lg\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .lg\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .lg\:flex-row {
        flex-direction: row;
    }
    .lg\:justify-end {
        justify-content: flex-end;
    }
    .lg\:justify-start {
        justify-content: flex-start;
    }
    .lg\:border {
        border-style: var(--tw-border-style);
        border-width: 1px;
    }
    .lg\:border-gray-400 {
        border-color: var(--color-gray-400);
    }
    .lg\:px-3 {
        padding-inline: calc(var(--spacing) * 3);
    }
    .lg\:py-2 {
        padding-block: calc(var(--spacing) * 2);

    }
    .lg\:text-start {
        text-align: start;
    }
    .lg\:text-5xl {
        font-size: var(--text-5xl);
        line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
}

.container\! {
    width: 100% !important;
    @media (min-width: 60rem) {
        max-width: 60rem !important;
    }
    @media (min-width:  40rem) {
        max-width: 40rem !important;
    }
    @media (min-width:  48rem) {
        max-width: 48rem !important;
    }
    @media (min-width:  64rem) {
        max-width: 64rem !important;
    }
    @media (min-width:  75rem) {
        max-width: 75rem !important;
    }
    @media (min-width:  80rem) {
        max-width: 80rem !important;
    }
    @media (min-width:  90rem) {
        max-width: 90rem !important;
    }
    @media (min-width:  96rem) {
        max-width: 96rem !important;
    }
}

@media (min-width: 48rem) {
    .md\:h-12 {
        height: calc(var(--spacing) * 12);
    }
}

@media (min-width: 80rem) {
    .xl\:\!col-span-1 {
        grid-column: span 1 / span 1 !important;
    }

    .xl\:\!col-span-3 {
        grid-column: span 3 / span 3 !important;
    }

    .xl\:col-span-1 {
        grid-column: span 1 / span 1;
    }

    .xl\:col-span-2 {
        grid-column: span 2 / span 2;
    }

    .xl\:col-span-3 {
        grid-column: span 3 / span 3;
    }

    .xl\:grid {
        display: grid;
    }

    .xl\:w-1\/4 {
        width: calc(1 / 4 * 100%);
    }

    .xl\:w-3\/4 {
        width: calc(3 / 4 * 100%);
    }

    .xl\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .xl\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .xl\:flex-row {
        flex-direction: row;
    }

    .xl\:items-end {
        align-items: flex-end;
    }

    .xl\:justify-end {
        justify-content: flex-end;
    }
}
.py-2 {
    padding-block: calc(var(--spacing) * 2);
    margin-left: 30px;
}


@media (min-width: 40rem) {
    .sm\:col-span-1 {
        grid-column: span 1 / span 1;
    }

    .sm\:col-span-2 {
        grid-column: span 2 / span 2;
    }

    .sm\:col-span-3 {
        grid-column: span 3 / span 3;
    }

    .sm\:col-span-4 {
        grid-column: span 4 / span 4;
    }

    .sm\:col-span-6 {
        grid-column: span 6 / span 6;
    }

    .sm\:mx-0 {
        margin-inline: calc(var(--spacing) * 0);
    }

    .sm\:my-8 {
        margin-block: calc(var(--spacing) * 8);
    }

    .sm\:ms-2 {
        margin-inline-start: calc(var(--spacing) * 2);
    }

    .sm\:ms-3 {
        margin-inline-start: calc(var(--spacing) * 3);
    }

    .sm\:ms-4 {
        margin-inline-start: calc(var(--spacing) * 4);
    }

    .sm\:me-3 {
        margin-inline-end: calc(var(--spacing) * 3);
    }

    .sm\:mt-0 {
        margin-top: calc(var(--spacing) * 0);
    }

    .sm\:mr-3 {
        margin-right: calc(var(--spacing) * 3);
    }

    .sm\:mr-4 {
        margin-right: calc(var(--spacing) * 4);
    }

    .sm\:mb-0 {
        margin-bottom: calc(var(--spacing) * 0);
    }

    .sm\:block {
        display: block;
    }

    .sm\:flex {
        display: flex;
    }

    .sm\:inline-block {
        display: inline-block;
    }

    .sm\:inline-flex {
        display: inline-flex;
    }

    .sm\:h-10 {
        height: calc(var(--spacing) * 10);
    }

    .sm\:h-screen {
        height: 100vh;
    }

    .sm\:w-10 {
        width: calc(var(--spacing) * 10);
    }

    .sm\:w-100 {
        width: calc(var(--spacing) * 100);
    }

    .sm\:w-auto {
        width: auto;
    }

    .sm\:w-full {
        width: 100%;
    }

    .sm\:max-w-lg {
        max-width: var(--container-lg);
    }

    .sm\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sm\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .sm\:flex-row {
        flex-direction: row;
    }

    .sm\:flex-row-reverse {
        flex-direction: row-reverse;
    }

    .sm\:items-start {
        align-items: flex-start;
    }

    .sm\:justify-end {
        justify-content: flex-end;
    }

    .sm\:space-y-0 {
        :where(& > :not(:last-child)) {
            --tw-space-y-reverse: 0;
            margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse));
            margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse)));
        }
    }

    .sm\:space-x-4 {
        :where(& > :not(:last-child)) {
            --tw-space-x-reverse: 0;
            margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));
            margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
        }
    }

    .sm\:divide-neutral-600 {
        :where(& > :not(:last-child)) {
            border-color: var(--color-neutral-600);
        }
    }

    .sm\:p-0 {
        padding: calc(var(--spacing) * 0);
    }

    .sm\:p-4 {
        padding: calc(var(--spacing) * 4);
    }

    .sm\:p-6 {
        padding: calc(var(--spacing) * 6);
    }

    .sm\:px-6 {
        padding-inline: calc(var(--spacing) * 6);
    }

    .sm\:pr-24 {
        padding-right: calc(var(--spacing) * 24);
    }

    .sm\:pb-4 {
        padding-bottom: calc(var(--spacing) * 4);
    }

    .sm\:text-end {
        text-align: end;
    }

    .sm\:text-right {
        text-align: right;
    }

    .sm\:align-middle {
        vertical-align: middle;
    }

    .sm\:text-base {
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height));
    }

    .sm\:text-sm {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
    }
}

@media (min-width: 48rem) {
    .md\:order-last {
        order: 9999;
    }

    .md\:col-span-1 {
        grid-column: span 1 / span 1;
    }

    .md\:col-span-2 {
        grid-column: span 2 / span 2;
    }

    .md\:col-span-3 {
        grid-column: span 3 / span 3;
    }

    .md\:col-span-6 {
        grid-column: span 6 / span 6;
    }

    .md\:ms-2 {
        margin-inline-start: calc(var(--spacing) * 2);
    }

    .md\:ms-5 {
        margin-inline-start: calc(var(--spacing) * 5);
    }

    .md\:me-5 {
        margin-inline-end: calc(var(--spacing) * 5);
    }

    .md\:mt-0 {
        margin-top: calc(var(--spacing) * 0);
    }

    .md\:mt-16 {
        margin-top: calc(var(--spacing) * 16);
    }

    .md\:mr-6 {
        margin-right: calc(var(--spacing) * 6);
    }

    .md\:mb-0 {
        margin-bottom: calc(var(--spacing) * 0);
    }

    .md\:mb-16 {
        margin-bottom: calc(var(--spacing) * 16);
    }

    .md\:hidden {
        display: none;
    }

    .md\:h-12 {
        height: calc(var(--spacing) * 12);
    }

    .md\:h-96 {
        height: calc(var(--spacing) * 96);
    }

    .md\:w-1\/2 {
        width: calc(1 / 2 * 100%);
    }

    .md\:w-auto {
        width: auto;
    }

    .md\:max-w-md {
        max-width: var(--container-md);
    }

    .md\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .md\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .md\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .md\:flex-row {
        flex-direction: row;
    }

    .md\:items-center {
        align-items: center;
    }

    .md\:justify-between {
        justify-content: space-between;
    }

    .md\:justify-end {
        justify-content: flex-end;
    }

    .md\:justify-start {
        justify-content: flex-start;
    }

    .md\:space-y-0 {
        :where(& > :not(:last-child)) {
            --tw-space-y-reverse: 0;
            margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse));
            margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse)));
        }
    }

    .md\:space-x-2 {
        :where(& > :not(:last-child)) {
            --tw-space-x-reverse: 0;
            margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
            margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
        }
    }

    .md\:space-x-4 {
        :where(& > :not(:last-child)) {
            --tw-space-x-reverse: 0;
            margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));
            margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
        }
    }

    .md\:overflow-x-auto {
        overflow-x: auto;
    }

    .md\:p-8 {
        padding: calc(var(--spacing) * 8);
    }

    .md\:p-12 {
        padding: calc(var(--spacing) * 12);
    }

    .md\:text-left {
        text-align: left;
    }

    .md\:text-right {
        text-align: right;
    }

    .md\:text-3xl {
        font-size: var(--text-3xl);
        line-height: var(--tw-leading, var(--text-3xl--line-height));
    }

    .md\:text-4xl {
        font-size: var(--text-4xl);
        line-height: var(--tw-leading, var(--text-4xl--line-height));
    }

    .md\:text-5xl {
        font-size: var(--text-5xl);
        line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
}

@media (min-width: 64rem) {
    .lg\:order-1 {
        order: 1;
    }

    .lg\:order-2 {
        order: 2;
    }

    .lg\:\!col-span-2 {
        grid-column: span 2 / span 2 !important;
    }

    .lg\:\!col-span-3 {
        grid-column: span 3 / span 3 !important;
    }

    .lg\:col-span-1 {
        grid-column: span 1 / span 1;
    }

    .lg\:col-span-2 {
        grid-column: span 2 / span 2;
    }

    .lg\:col-span-3 {
        grid-column: span 3 / span 3;
    }

    .lg\:col-span-4 {
        grid-column: span 4 / span 4;
    }

    .lg\:col-span-6 {
        grid-column: span 6 / span 6;
    }

    .lg\:mt-0 {
        margin-top: calc(var(--spacing) * 0);
    }

    .lg\:mr-0 {
        margin-right: calc(var(--spacing) * 0);
    }

    .lg\:ml-2 {
        margin-left: calc(var(--spacing) * 2);
    }

    .lg\:block {
        display: block;
    }

    .lg\:flex {
        display: flex;
    }

    .lg\:hidden {
        display: none;
    }

    .lg\:inline-block {
        display: inline-block;
    }

    .lg\:size-6 {
        width: calc(var(--spacing) * 6);
        height: calc(var(--spacing) * 6);
    }

    .lg\:size-8 {
        width: calc(var(--spacing) * 8);
        height: calc(var(--spacing) * 8);
    }

    .lg\:w-1\/2 {
        width: calc(1 / 2 * 100%);
    }

    .lg\:w-1\/3 {
        width: calc(1 / 3 * 100%);
    }

    .lg\:w-96 {
        width: calc(var(--spacing) * 96);
    }

    .lg\:max-w-lg {
        max-width: var(--container-lg);
    }

    .lg\:flex-shrink-0 {
        flex-shrink: 0;
    }

    .lg\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .lg\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .lg\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .lg\:flex-row {
        flex-direction: row;
    }

    .lg\:justify-end {
        justify-content: flex-end;
    }

    .lg\:justify-start {
        justify-content: flex-start;
    }

    .lg\:border {
        border-style: var(--tw-border-style);
        border-width: 1px;
    }

    .lg\:border-gray-400 {
        border-color: var(--color-gray-400);
    }

    .lg\:px-3 {
        padding-inline: calc(var(--spacing) * 3);
    }

    .lg\:py-2 {
        padding-block: calc(var(--spacing) * 2);
    }

    .lg\:text-start {
        text-align: start;
    }

    .lg\:text-5xl {
        font-size: var(--text-5xl);
        line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
}

@media (min-width:  80rem) {
    .xl\:\!col-span-1 {
        grid-column: span 1 / span 1 !important;
    }

    .xl\:\!col-span-3 {
        grid-column: span 3 / span 3 !important;
    }

    .xl\:col-span-1 {
        grid-column: span 1 / span 1;
    }

    .xl\:col-span-2 {
        grid-column: span 2 / span 2;
    }

    .xl\:col-span-3 {
        grid-column: span 3 / span 3;
    }

    .xl\:grid {
        display: grid;
    }

    .xl\:w-1\/4 {
        width: calc(1 / 4 * 100%);
    }

    .xl\:w-3\/4 {
        width: calc(3 / 4 * 100%);
    }

    .xl\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .xl\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .xl\:flex-row {
        flex-direction: row;
    }

    .xl\:items-end {
        align-items: flex-end;
    }

    .xl\:justify-end {
        justify-content: flex-end;
    }
}

@media (max-width: 80rem) {
    .max-xl\:min-w-70 {
        min-width: calc(var(--spacing) * 70);
    }
}

@media (max-width: 39.9rem) {
    .max-sm\:mb-4 {
        margin-bottom: calc(var(--spacing) * 4);
    }

    .max-sm\:hidden {
        display: none;
    }

    .max-sm\:w-full {
        width: 100%;
    }

    .max-sm\:min-w-20 {
        min-width: calc(var(--spacing) * 20);
    }

    .max-sm\:min-w-150 {
        min-width: calc(var(--spacing) * 150);
    }

    .max-sm\:space-y-3 {
        :where(& > :not(:last-child)) {
            --tw-space-y-reverse: 0;
            margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
            margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
        }
    }

    .max-sm\:overflow-x-scroll {
        overflow-x: scroll;
    }
}

.peer\:checked {
        border-color: var(--color-primary-500);
}