/* Responsive utilities the shared Tailwind sheets define and myCourses.bundle.js does not.
   That bundle redefines the base classes later, so rules such as xl:tw-relative and
   sm:tw-col-span-1 lose. Load this file after myCourses.bundle.js. */

@media (min-width: 1024px) {
    .lg\:\!tw-w-64 {
        width: 25.6rem !important;
    }
    .lg\:tw-flex-row {
        flex-direction: row;
    }
    .lg\:tw-gap-6 {
        gap: 2.4rem;
    }
    .lg\:tw-gap-7 {
        gap: 2.8rem;
    }
    .lg\:tw-left-24 {
        left: 6em;
    }
    .lg\:tw-left-80 {
        left: 20em;
    }
    .lg\:tw-pl-24 {
        padding-left: 6em;
    }
    .lg\:tw-pl-80 {
        padding-left: 20em;
    }
    .lg\:tw-shrink-0 {
        flex-shrink: 0;
    }
    .lg\:tw-w-2\/5 {
        width: 40%;
    }
    .lg\:tw-w-3\/5 {
        width: 60%;
    }
    .rtl\:lg\:tw-pr-24:where([dir="rtl"], [dir="rtl"] *) {
        padding-right: 6em;
    }
    .rtl\:lg\:tw-pr-80:where([dir="rtl"], [dir="rtl"] *) {
        padding-right: 20em;
    }
    .rtl\:lg\:tw-right-24:where([dir="rtl"], [dir="rtl"] *) {
        right: 6em;
    }
    .rtl\:lg\:tw-right-80:where([dir="rtl"], [dir="rtl"] *) {
        right: 20em;
    }
}

@media (min-width: 1280px) {
    .xl\:focus\:tw-w-\[500px\]:focus {
        width: 500px;
    }
    .xl\:tw-block {
        display: block;
    }
    .xl\:tw-col-span-4 {
        grid-column: span 4 / span 4;
    }
    .xl\:tw-col-span-5 {
        grid-column: span 5 / span 5;
    }
    .xl\:tw-flex {
        display: flex;
    }
    .xl\:tw-gap-x-6 {
        -moz-column-gap: 2.4rem;
        column-gap: 2.4rem;
    }
    .xl\:tw-grid-cols-5 {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
    .xl\:tw-hidden {
        display: none;
    }
    .xl\:tw-inset-x-0 {
        left: 0;
        right: 0;
    }
    .xl\:tw-px-0 {
        padding-left: 0;
        padding-right: 0;
    }
    .xl\:tw-relative {
        position: relative;
    }
    .xl\:tw-w-64 {
        width: 25.6rem;
    }
    .xl\:tw-w-\[500px\] {
        width: 500px;
    }
    .xl\:tw-w-full {
        width: 100%;
    }
}

@media (min-width: 1536px) {
    .\32xl\:tw-px-0 {
        padding-left: 0;
        padding-right: 0;
    }
}

@media (min-width: 425px) {
    .xs\:rtl\:tw-order-2:where([dir="rtl"], [dir="rtl"] *) {
        order: 2;
    }
    .xs\:tw-flex-nowrap {
        flex-wrap: nowrap;
    }
    .xs\:tw-flex-row {
        flex-direction: row;
    }
    .xs\:tw-grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .xs\:tw-h-10 {
        height: 4rem;
    }
    .xs\:tw-mx-6 {
        margin-left: 2.4rem;
        margin-right: 2.4rem;
    }
    .xs\:tw-w-10 {
        width: 4rem;
    }
    .xs\:tw-w-5\/12 {
        width: 41.666667%;
    }
    .xs\:tw-w-7\/12 {
        width: 58.333333%;
    }
}

@media (min-width: 500px) {
    .min-\[500px\]\:tw-grid-cols-\[10rem_minmax\(0\2c 1fr\)\] {
        grid-template-columns: 10rem minmax(0,1fr);
    }
}

@media (min-width: 640px) {
    .rtl\:sm\:tw-ml-auto:where([dir="rtl"], [dir="rtl"] *) {
        margin-left: auto;
    }
    .rtl\:sm\:tw-mr-0:where([dir="rtl"], [dir="rtl"] *) {
        margin-right: 0;
    }
    .rtl\:sm\:tw-text-left:where([dir="rtl"], [dir="rtl"] *) {
        text-align: left;
    }
    .sm\:tw-col-span-1 {
        grid-column: span 1 / span 1;
    }
    .sm\:tw-col-span-4 {
        grid-column: span 4 / span 4;
    }
    .sm\:tw-col-start-2 {
        grid-column-start: 2;
    }
    .sm\:tw-gap-3 {
        gap: 1.2rem;
    }
    .sm\:tw-grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .sm\:tw-grid-cols-6 {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }
    .sm\:tw-h-20 {
        height: 8rem;
    }
    .sm\:tw-items-stretch {
        align-items: stretch;
    }
    .sm\:tw-max-w-36 {
        max-width: 14.4rem;
    }
    .sm\:tw-max-w-4xl {
        max-width: 56rem;
    }
    .sm\:tw-max-w-7xl {
        max-width: 80rem;
    }
    .sm\:tw-max-w-\[16em\] {
        max-width: 16em;
    }
    .sm\:tw-max-w-\[240px\] {
        max-width: 240px;
    }
    .sm\:tw-max-w-\[42rem\] {
        max-width: 42rem;
    }
    .sm\:tw-max-w-xs {
        max-width: 20rem;
    }
    .sm\:tw-mr-auto {
        margin-right: auto;
    }
    .sm\:tw-mt-0\.5 {
        margin-top: 0.2rem;
    }
    .sm\:tw-px-10 {
        padding-left: 4rem;
        padding-right: 4rem;
    }
    .sm\:tw-py-2 {
        padding-top: 0.8rem;
        padding-bottom: 0.8rem;
    }
    .sm\:tw-py-2\.5 {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
    .sm\:tw-rounded-lg {
        border-radius: 0.5em;
    }
    .sm\:tw-row-start-1 {
        grid-row-start: 1;
    }
    .sm\:tw-scroll-mt-20 {
        scroll-margin-top: 8rem;
    }
    .sm\:tw-space-y-16 > :not([hidden]) ~ :not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(6.4rem * (1 - 0));
        margin-top: calc(6.4rem * (1 - var(--tw-space-y-reverse)));
        margin-top: calc(6.4rem * calc(1 - 0));
        margin-top: calc(6.4rem * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(6.4rem * 0);
        margin-bottom: calc(6.4rem * var(--tw-space-y-reverse));
    }
    .sm\:tw-text-lg {
        font-size: 1.8rem;
    }
    .sm\:tw-text-right {
        text-align: right;
    }
    .sm\:tw-top-\[80px\] {
        top: 80px;
    }
    .sm\:tw-truncate {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .sm\:tw-w-10\/12 {
        width: 83.333333%;
    }
    .sm\:tw-w-24 {
        width: 9.6rem;
    }
    .sm\:tw-w-2\/12 {
        width: 16.666667%;
    }
    .sm\:tw-w-40 {
        width: 16rem;
    }
    .sm\:tw-w-52 {
        width: 20.8rem;
    }
    .sm\:tw-w-56 {
        width: 22.4rem;
    }
    .sm\:tw-w-\[20\.8rem\] {
        width: 20.8rem;
    }
    .sm\:tw-w-\[350px\] {
        width: 350px;
    }
}

@media (min-width: 768px) {
    .md\:focus\:tw-w-60:focus {
        width: 24rem;
    }
    .md\:tw-block {
        display: block;
    }
    .md\:tw-flex {
        display: flex;
    }
    .md\:tw-flex-nowrap {
        flex-wrap: nowrap;
    }
    .md\:tw-gap-4 {
        gap: 1.6rem;
    }
    .md\:tw-inline {
        display: inline;
    }
    .md\:tw-items-center {
        align-items: center;
    }
    .md\:tw-justify-between {
        justify-content: space-between;
    }
    .md\:tw-justify-center {
        justify-content: center;
    }
    .md\:tw-ml-auto {
        margin-left: auto;
    }
    .md\:tw-shrink-0 {
        flex-shrink: 0;
    }
    .md\:tw-w-1\/3 {
        width: 33.333333%;
    }
    .md\:tw-w-1\/4 {
        width: 25%;
    }
    .md\:tw-w-2\/3 {
        width: 66.666667%;
    }
    .md\:tw-w-32 {
        width: 12.8rem;
    }
    .md\:tw-w-56 {
        width: 22.4rem;
    }
    .md\:tw-w-\[calc\(\(100\%-4rem\)\/2\)\] {
        width: calc((100% - 4rem) / 2);
    }
    .md\:tw-w-auto {
        width: auto;
    }
    .rtl\:md\:tw-ml-0:where([dir="rtl"], [dir="rtl"] *) {
        margin-left: 0;
    }
}