*, ::before, ::after {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:  ;
    --tw-pan-y:  ;
    --tw-pinch-zoom:  ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position:  ;
    --tw-gradient-via-position:  ;
    --tw-gradient-to-position:  ;
    --tw-ordinal:  ;
    --tw-slashed-zero:  ;
    --tw-numeric-figure:  ;
    --tw-numeric-spacing:  ;
    --tw-numeric-fraction:  ;
    --tw-ring-inset:  ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur:  ;
    --tw-brightness:  ;
    --tw-contrast:  ;
    --tw-grayscale:  ;
    --tw-hue-rotate:  ;
    --tw-invert:  ;
    --tw-saturate:  ;
    --tw-sepia:  ;
    --tw-drop-shadow:  ;
    --tw-backdrop-blur:  ;
    --tw-backdrop-brightness:  ;
    --tw-backdrop-contrast:  ;
    --tw-backdrop-grayscale:  ;
    --tw-backdrop-hue-rotate:  ;
    --tw-backdrop-invert:  ;
    --tw-backdrop-opacity:  ;
    --tw-backdrop-saturate:  ;
    --tw-backdrop-sepia:  ;
    --tw-contain-size:  ;
    --tw-contain-layout:  ;
    --tw-contain-paint:  ;
    --tw-contain-style:  ;
}
::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:  ;
    --tw-pan-y:  ;
    --tw-pinch-zoom:  ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position:  ;
    --tw-gradient-via-position:  ;
    --tw-gradient-to-position:  ;
    --tw-ordinal:  ;
    --tw-slashed-zero:  ;
    --tw-numeric-figure:  ;
    --tw-numeric-spacing:  ;
    --tw-numeric-fraction:  ;
    --tw-ring-inset:  ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur:  ;
    --tw-brightness:  ;
    --tw-contrast:  ;
    --tw-grayscale:  ;
    --tw-hue-rotate:  ;
    --tw-invert:  ;
    --tw-saturate:  ;
    --tw-sepia:  ;
    --tw-drop-shadow:  ;
    --tw-backdrop-blur:  ;
    --tw-backdrop-brightness:  ;
    --tw-backdrop-contrast:  ;
    --tw-backdrop-grayscale:  ;
    --tw-backdrop-hue-rotate:  ;
    --tw-backdrop-invert:  ;
    --tw-backdrop-opacity:  ;
    --tw-backdrop-saturate:  ;
    --tw-backdrop-sepia:  ;
    --tw-contain-size:  ;
    --tw-contain-layout:  ;
    --tw-contain-paint:  ;
    --tw-contain-style:  ;
}
.\!container {
    width: 100% !important;
}
.container {
    width: 100%;
}
@media (min-width: 640px) {
    .\!container {
        max-width: 640px !important;
    }
    .container {
        max-width: 640px;
    }
}
@media (min-width: 768px) {
    .\!container {
        max-width: 768px !important;
    }
    .container {
        max-width: 768px;
    }
}
@media (min-width: 1024px) {
    .\!container {
        max-width: 1024px !important;
    }
    .container {
        max-width: 1024px;
    }
}
@media (min-width: 1280px) {
    .\!container {
        max-width: 1280px !important;
    }
    .container {
        max-width: 1280px;
    }
}
@media (min-width: 1536px) {
    .\!container {
        max-width: 1536px !important;
    }
    .container {
        max-width: 1536px;
    }
}
.prose {
    color: var(--tw-prose-body);
    max-width: 65ch;
}
.prose :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 1.25em;
    margin-bottom: 1.25em;
}
.prose :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    color: var(--tw-prose-lead);
    font-size: 1.25em;
    line-height: 1.6;
    margin-top: 1.2em;
    margin-bottom: 1.2em;
}
.prose :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    color: var(--tw-prose-links);
    text-decoration: underline;
    font-weight: 500;
}
.prose :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    color: var(--tw-prose-bold);
    font-weight: 600;
}
.prose :where(a strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    color: inherit;
}
.prose :where(blockquote strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    color: inherit;
}
.prose :where(thead th strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    color: inherit;
}
.prose :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    list-style-type: decimal;
    margin-top: 1.25em;
    margin-bottom: 1.25em;
    padding-inline-start: 1.625em;
}
.prose :where(ol[type="A"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    list-style-type: upper-alpha;
}
.prose :where(ol[type="a"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    list-style-type: lower-alpha;
}
.prose :where(ol[type="A" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    list-style-type: upper-alpha;
}
.prose :where(ol[type="a" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    list-style-type: lower-alpha;
}
.prose :where(ol[type="I"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    list-style-type: upper-roman;
}
.prose :where(ol[type="i"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    list-style-type: lower-roman;
}
.prose :where(ol[type="I" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    list-style-type: upper-roman;
}
.prose :where(ol[type="i" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    list-style-type: lower-roman;
}
.prose :where(ol[type="1"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    list-style-type: decimal;
}
.prose :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    list-style-type: disc;
    margin-top: 1.25em;
    margin-bottom: 1.25em;
    padding-inline-start: 1.625em;
}
.prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
    font-weight: 400;
    color: var(--tw-prose-counters);
}
.prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
    color: var(--tw-prose-bullets);
}
.prose :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    color: var(--tw-prose-headings);
    font-weight: 600;
    margin-top: 1.25em;
}
.prose :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    border-color: var(--tw-prose-hr);
    border-top-width: 1px;
    margin-top: 3em;
    margin-bottom: 3em;
}
.prose :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    font-weight: 500;
    font-style: italic;
    color: var(--tw-prose-quotes);
    border-inline-start-width: 0.25rem;
    border-inline-start-color: var(--tw-prose-quote-borders);
    quotes: "\201C""\201D""\2018""\2019";
    margin-top: 1.6em;
    margin-bottom: 1.6em;
    padding-inline-start: 1em;
}
.prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
    content: open-quote;
}
.prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
    content: close-quote;
}
.prose :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    color: var(--tw-prose-headings);
    font-weight: 800;
    font-size: 2.25em;
    margin-top: 0;
    margin-bottom: 0.8888889em;
    line-height: 1.1111111;
}
.prose :where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    font-weight: 900;
    color: inherit;
}
.prose :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    color: var(--tw-prose-headings);
    font-weight: 700;
    font-size: 1.5em;
    margin-top: 2em;
    margin-bottom: 1em;
    line-height: 1.3333333;
}
.prose :where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    font-weight: 800;
    color: inherit;
}
.prose :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    color: var(--tw-prose-headings);
    font-weight: 600;
    font-size: 1.25em;
    margin-top: 1.6em;
    margin-bottom: 0.6em;
    line-height: 1.6;
}
.prose :where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    font-weight: 700;
    color: inherit;
}
.prose :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    color: var(--tw-prose-headings);
    font-weight: 600;
    margin-top: 1.5em;
    margin-bottom: 0.5em;
    line-height: 1.5;
}
.prose :where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    font-weight: 700;
    color: inherit;
}
.prose :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 2em;
    margin-bottom: 2em;
}
.prose :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    display: block;
    margin-top: 2em;
    margin-bottom: 2em;
}
.prose :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 2em;
    margin-bottom: 2em;
}
.prose :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    font-weight: 500;
    font-family: inherit;
    color: var(--tw-prose-kbd);
    box-shadow: 0 0 0 1px var(--tw-prose-kbd-shadows), 0 3px 0 var(--tw-prose-kbd-shadows);
    font-size: 0.875em;
    border-radius: 0.3125rem;
    padding-top: 0.1875em;
    padding-inline-end: 0.375em;
    padding-bottom: 0.1875em;
    padding-inline-start: 0.375em;
}
.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    color: var(--tw-prose-code);
    font-weight: 600;
    font-size: 0.875em;
}
.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
    content: "`";
}
.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
    content: "`";
}
.prose :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    color: inherit;
}
.prose :where(h1 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    color: inherit;
}
.prose :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    color: inherit;
    font-size: 0.875em;
}
.prose :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    color: inherit;
    font-size: 0.9em;
}
.prose :where(h4 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    color: inherit;
}
.prose :where(blockquote code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    color: inherit;
}
.prose :where(thead th code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    color: inherit;
}
.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: 0.875em;
    line-height: 1.7142857;
    margin-top: 1.7142857em;
    margin-bottom: 1.7142857em;
    border-radius: 0.375rem;
    padding-top: 0.8571429em;
    padding-inline-end: 1.1428571em;
    padding-bottom: 0.8571429em;
    padding-inline-start: 1.1428571em;
}
.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    background-color: transparent;
    border-width: 0;
    border-radius: 0;
    padding: 0;
    font-weight: inherit;
    color: inherit;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
}
.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
    content: none;
}
.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
    content: none;
}
.prose :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    width: 100%;
    table-layout: auto;
    margin-top: 2em;
    margin-bottom: 2em;
    font-size: 0.875em;
    line-height: 1.7142857;
}
.prose :where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    border-bottom-width: 1px;
    border-bottom-color: var(--tw-prose-th-borders);
}
.prose :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    color: var(--tw-prose-headings);
    font-weight: 600;
    vertical-align: bottom;
    padding-inline-end: 0.5714286em;
    padding-bottom: 0.5714286em;
    padding-inline-start: 0.5714286em;
}
.prose :where(tbody tr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    border-bottom-width: 1px;
    border-bottom-color: var(--tw-prose-td-borders);
}
.prose :where(tbody tr:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    border-bottom-width: 0;
}
.prose :where(tbody td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    vertical-align: baseline;
}
.prose :where(tfoot):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    border-top-width: 1px;
    border-top-color: var(--tw-prose-th-borders);
}
.prose :where(tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    vertical-align: top;
}
.prose :where(th, td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    text-align: start;
}
.prose :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0;
    margin-bottom: 0;
}
.prose :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    color: var(--tw-prose-captions);
    font-size: 0.875em;
    line-height: 1.4285714;
    margin-top: 0.8571429em;
}
.prose {
    --tw-prose-body: #374151;
    --tw-prose-headings: #111827;
    --tw-prose-lead: #4b5563;
    --tw-prose-links: #111827;
    --tw-prose-bold: #111827;
    --tw-prose-counters: #6b7280;
    --tw-prose-bullets: #d1d5db;
    --tw-prose-hr: #e5e7eb;
    --tw-prose-quotes: #111827;
    --tw-prose-quote-borders: #e5e7eb;
    --tw-prose-captions: #6b7280;
    --tw-prose-kbd: #111827;
    --tw-prose-kbd-shadows: rgb(17 24 39 / 10%);
    --tw-prose-code: #111827;
    --tw-prose-pre-code: #e5e7eb;
    --tw-prose-pre-bg: #1f2937;
    --tw-prose-th-borders: #d1d5db;
    --tw-prose-td-borders: #e5e7eb;
    --tw-prose-invert-body: #d1d5db;
    --tw-prose-invert-headings: #fff;
    --tw-prose-invert-lead: #9ca3af;
    --tw-prose-invert-links: #fff;
    --tw-prose-invert-bold: #fff;
    --tw-prose-invert-counters: #9ca3af;
    --tw-prose-invert-bullets: #4b5563;
    --tw-prose-invert-hr: #374151;
    --tw-prose-invert-quotes: #f3f4f6;
    --tw-prose-invert-quote-borders: #374151;
    --tw-prose-invert-captions: #9ca3af;
    --tw-prose-invert-kbd: #fff;
    --tw-prose-invert-kbd-shadows: rgb(255 255 255 / 10%);
    --tw-prose-invert-code: #fff;
    --tw-prose-invert-pre-code: #d1d5db;
    --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
    --tw-prose-invert-th-borders: #4b5563;
    --tw-prose-invert-td-borders: #374151;
    font-size: 1rem;
    line-height: 1.75;
}
.prose :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0;
    margin-bottom: 0;
}
.prose :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}
.prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    padding-inline-start: 0.375em;
}
.prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    padding-inline-start: 0.375em;
}
.prose :where(.prose > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0.75em;
    margin-bottom: 0.75em;
}
.prose :where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 1.25em;
}
.prose :where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-bottom: 1.25em;
}
.prose :where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 1.25em;
}
.prose :where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-bottom: 1.25em;
}
.prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0.75em;
    margin-bottom: 0.75em;
}
.prose :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 1.25em;
    margin-bottom: 1.25em;
}
.prose :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0.5em;
    padding-inline-start: 1.625em;
}
.prose :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0;
}
.prose :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0;
}
.prose :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0;
}
.prose :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0;
}
.prose :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    padding-inline-start: 0;
}
.prose :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    padding-inline-end: 0;
}
.prose :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    padding-top: 0.5714286em;
    padding-inline-end: 0.5714286em;
    padding-bottom: 0.5714286em;
    padding-inline-start: 0.5714286em;
}
.prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    padding-inline-start: 0;
}
.prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    padding-inline-end: 0;
}
.prose :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 2em;
    margin-bottom: 2em;
}
.prose :where(.prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0;
}
.prose :where(.prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-bottom: 0;
}
.prose-sm {
    font-size: 0.875rem;
    line-height: 1.7142857;
}
.prose-sm :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 1.1428571em;
    margin-bottom: 1.1428571em;
}
.prose-sm :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    font-size: 1.2857143em;
    line-height: 1.5555556;
    margin-top: 0.8888889em;
    margin-bottom: 0.8888889em;
}
.prose-sm :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 1.3333333em;
    margin-bottom: 1.3333333em;
    padding-inline-start: 1.1111111em;
}
.prose-sm :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    font-size: 2.1428571em;
    margin-top: 0;
    margin-bottom: 0.8em;
    line-height: 1.2;
}
.prose-sm :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    font-size: 1.4285714em;
    margin-top: 1.6em;
    margin-bottom: 0.8em;
    line-height: 1.4;
}
.prose-sm :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    font-size: 1.2857143em;
    margin-top: 1.5555556em;
    margin-bottom: 0.4444444em;
    line-height: 1.5555556;
}
.prose-sm :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 1.4285714em;
    margin-bottom: 0.5714286em;
    line-height: 1.4285714;
}
.prose-sm :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 1.7142857em;
    margin-bottom: 1.7142857em;
}
.prose-sm :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 1.7142857em;
    margin-bottom: 1.7142857em;
}
.prose-sm :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0;
    margin-bottom: 0;
}
.prose-sm :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 1.7142857em;
    margin-bottom: 1.7142857em;
}
.prose-sm :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    font-size: 0.8571429em;
    border-radius: 0.3125rem;
    padding-top: 0.1428571em;
    padding-inline-end: 0.3571429em;
    padding-bottom: 0.1428571em;
    padding-inline-start: 0.3571429em;
}
.prose-sm :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    font-size: 0.8571429em;
}
.prose-sm :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    font-size: 0.9em;
}
.prose-sm :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    font-size: 0.8888889em;
}
.prose-sm :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    font-size: 0.8571429em;
    line-height: 1.6666667;
    margin-top: 1.6666667em;
    margin-bottom: 1.6666667em;
    border-radius: 0.25rem;
    padding-top: 0.6666667em;
    padding-inline-end: 1em;
    padding-bottom: 0.6666667em;
    padding-inline-start: 1em;
}
.prose-sm :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 1.1428571em;
    margin-bottom: 1.1428571em;
    padding-inline-start: 1.5714286em;
}
.prose-sm :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 1.1428571em;
    margin-bottom: 1.1428571em;
    padding-inline-start: 1.5714286em;
}
.prose-sm :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0.2857143em;
    margin-bottom: 0.2857143em;
}
.prose-sm :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    padding-inline-start: 0.4285714em;
}
.prose-sm :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    padding-inline-start: 0.4285714em;
}
.prose-sm :where(.prose-sm > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0.5714286em;
    margin-bottom: 0.5714286em;
}
.prose-sm :where(.prose-sm > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 1.1428571em;
}
.prose-sm :where(.prose-sm > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-bottom: 1.1428571em;
}
.prose-sm :where(.prose-sm > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 1.1428571em;
}
.prose-sm :where(.prose-sm > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-bottom: 1.1428571em;
}
.prose-sm :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0.5714286em;
    margin-bottom: 0.5714286em;
}
.prose-sm :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 1.1428571em;
    margin-bottom: 1.1428571em;
}
.prose-sm :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 1.1428571em;
}
.prose-sm :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0.2857143em;
    padding-inline-start: 1.5714286em;
}
.prose-sm :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 2.8571429em;
    margin-bottom: 2.8571429em;
}
.prose-sm :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0;
}
.prose-sm :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0;
}
.prose-sm :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0;
}
.prose-sm :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0;
}
.prose-sm :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    font-size: 0.8571429em;
    line-height: 1.5;
}
.prose-sm :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    padding-inline-end: 1em;
    padding-bottom: 0.6666667em;
    padding-inline-start: 1em;
}
.prose-sm :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    padding-inline-start: 0;
}
.prose-sm :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    padding-inline-end: 0;
}
.prose-sm :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    padding-top: 0.6666667em;
    padding-inline-end: 1em;
    padding-bottom: 0.6666667em;
    padding-inline-start: 1em;
}
.prose-sm :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    padding-inline-start: 0;
}
.prose-sm :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    padding-inline-end: 0;
}
.prose-sm :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 1.7142857em;
    margin-bottom: 1.7142857em;
}
.prose-sm :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0;
    margin-bottom: 0;
}
.prose-sm :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    font-size: 0.8571429em;
    line-height: 1.3333333;
    margin-top: 0.6666667em;
}
.prose-sm :where(.prose-sm > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0;
}
.prose-sm :where(.prose-sm > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-bottom: 0;
}
.prose-lg {
    font-size: 1.125rem;
    line-height: 1.7777778;
}
.prose-lg :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 1.3333333em;
    margin-bottom: 1.3333333em;
}
.prose-lg :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    font-size: 1.2222222em;
    line-height: 1.4545455;
    margin-top: 1.0909091em;
    margin-bottom: 1.0909091em;
}
.prose-lg :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 1.6666667em;
    margin-bottom: 1.6666667em;
    padding-inline-start: 1em;
}
.prose-lg :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    font-size: 2.6666667em;
    margin-top: 0;
    margin-bottom: 0.8333333em;
    line-height: 1;
}
.prose-lg :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    font-size: 1.6666667em;
    margin-top: 1.8666667em;
    margin-bottom: 1.0666667em;
    line-height: 1.3333333;
}
.prose-lg :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    font-size: 1.3333333em;
    margin-top: 1.6666667em;
    margin-bottom: 0.6666667em;
    line-height: 1.5;
}
.prose-lg :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 1.7777778em;
    margin-bottom: 0.4444444em;
    line-height: 1.5555556;
}
.prose-lg :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 1.7777778em;
    margin-bottom: 1.7777778em;
}
.prose-lg :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 1.7777778em;
    margin-bottom: 1.7777778em;
}
.prose-lg :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0;
    margin-bottom: 0;
}
.prose-lg :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 1.7777778em;
    margin-bottom: 1.7777778em;
}
.prose-lg :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    font-size: 0.8888889em;
    border-radius: 0.3125rem;
    padding-top: 0.2222222em;
    padding-inline-end: 0.4444444em;
    padding-bottom: 0.2222222em;
    padding-inline-start: 0.4444444em;
}
.prose-lg :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    font-size: 0.8888889em;
}
.prose-lg :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    font-size: 0.8666667em;
}
.prose-lg :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    font-size: 0.875em;
}
.prose-lg :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    font-size: 0.8888889em;
    line-height: 1.75;
    margin-top: 2em;
    margin-bottom: 2em;
    border-radius: 0.375rem;
    padding-top: 1em;
    padding-inline-end: 1.5em;
    padding-bottom: 1em;
    padding-inline-start: 1.5em;
}
.prose-lg :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 1.3333333em;
    margin-bottom: 1.3333333em;
    padding-inline-start: 1.5555556em;
}
.prose-lg :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 1.3333333em;
    margin-bottom: 1.3333333em;
    padding-inline-start: 1.5555556em;
}
.prose-lg :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0.6666667em;
    margin-bottom: 0.6666667em;
}
.prose-lg :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    padding-inline-start: 0.4444444em;
}
.prose-lg :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    padding-inline-start: 0.4444444em;
}
.prose-lg :where(.prose-lg > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0.8888889em;
    margin-bottom: 0.8888889em;
}
.prose-lg :where(.prose-lg > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 1.3333333em;
}
.prose-lg :where(.prose-lg > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-bottom: 1.3333333em;
}
.prose-lg :where(.prose-lg > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 1.3333333em;
}
.prose-lg :where(.prose-lg > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-bottom: 1.3333333em;
}
.prose-lg :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0.8888889em;
    margin-bottom: 0.8888889em;
}
.prose-lg :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 1.3333333em;
    margin-bottom: 1.3333333em;
}
.prose-lg :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 1.3333333em;
}
.prose-lg :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0.6666667em;
    padding-inline-start: 1.5555556em;
}
.prose-lg :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 3.1111111em;
    margin-bottom: 3.1111111em;
}
.prose-lg :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0;
}
.prose-lg :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0;
}
.prose-lg :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0;
}
.prose-lg :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0;
}
.prose-lg :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    font-size: 0.8888889em;
    line-height: 1.5;
}
.prose-lg :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    padding-inline-end: 0.75em;
    padding-bottom: 0.75em;
    padding-inline-start: 0.75em;
}
.prose-lg :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    padding-inline-start: 0;
}
.prose-lg :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    padding-inline-end: 0;
}
.prose-lg :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    padding-top: 0.75em;
    padding-inline-end: 0.75em;
    padding-bottom: 0.75em;
    padding-inline-start: 0.75em;
}
.prose-lg :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    padding-inline-start: 0;
}
.prose-lg :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    padding-inline-end: 0;
}
.prose-lg :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 1.7777778em;
    margin-bottom: 1.7777778em;
}
.prose-lg :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0;
    margin-bottom: 0;
}
.prose-lg :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    font-size: 0.8888889em;
    line-height: 1.5;
    margin-top: 1em;
}
.prose-lg :where(.prose-lg > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0;
}
.prose-lg :where(.prose-lg > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-bottom: 0;
}
.prose-blue {
    --tw-prose-links: #2563eb;
    --tw-prose-invert-links: #3b82f6;
}
.free-library-app-scope .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}
.free-library-app-scope .pointer-events-none {
    pointer-events: none;
}
.free-library-app-scope .visible {
    visibility: visible;
}
.free-library-app-scope .invisible {
    visibility: hidden;
}
.free-library-app-scope .static {
    position: static;
}
.free-library-app-scope .fixed {
    position: fixed;
}
.free-library-app-scope .absolute {
    position: absolute;
}
.free-library-app-scope .relative {
    position: relative;
}
.free-library-app-scope .sticky {
    position: sticky;
}
.free-library-app-scope .inset-0 {
    inset: 0px;
}
.free-library-app-scope .inset-x-0 {
    left: 0px;
    right: 0px;
}
.free-library-app-scope .-bottom-5 {
    bottom: -1.25rem;
}
.free-library-app-scope .-left-4 {
    left: -1rem;
}
.free-library-app-scope .-right-2 {
    right: -0.5rem;
}
.free-library-app-scope .-top-2 {
    top: -0.5rem;
}
.free-library-app-scope .-top-3 {
    top: -0.75rem;
}
.free-library-app-scope .bottom-0 {
    bottom: 0px;
}
.free-library-app-scope .left-0 {
    left: 0px;
}
.free-library-app-scope .left-2 {
    left: 0.5rem;
}
.free-library-app-scope .left-3 {
    left: 0.75rem;
}
.free-library-app-scope .right-2 {
    right: 0.5rem;
}
.free-library-app-scope .right-3 {
    right: 0.75rem;
}
.free-library-app-scope .right-4 {
    right: 1rem;
}
.free-library-app-scope .top-0 {
    top: 0px;
}
.free-library-app-scope .top-1\/2 {
    top: 50%;
}
.free-library-app-scope .top-2 {
    top: 0.5rem;
}
.free-library-app-scope .top-2\.5 {
    top: 0.625rem;
}
.free-library-app-scope .top-3 {
    top: 0.75rem;
}
.free-library-app-scope .top-4 {
    top: 1rem;
}
.free-library-app-scope .-z-10 {
    z-index: -10;
}
.free-library-app-scope .z-10 {
    z-index: 10;
}
.free-library-app-scope .z-30 {
    z-index: 30;
}
.free-library-app-scope .z-50 {
    z-index: 50;
}
.free-library-app-scope .col-span-2 {
    grid-column: span 2 / span 2;
}
.free-library-app-scope .col-span-3 {
    grid-column: span 3 / span 3;
}
.free-library-app-scope .col-span-4 {
    grid-column: span 4 / span 4;
}
.free-library-app-scope .col-span-5 {
    grid-column: span 5 / span 5;
}
.free-library-app-scope .col-span-6 {
    grid-column: span 6 / span 6;
}
.free-library-app-scope .col-span-full {
    grid-column: 1 / -1;
}
.free-library-app-scope .m-0 {
    margin: 0px;
}
.free-library-app-scope .m-4 {
    margin: 1rem;
}
.free-library-app-scope .mx-2 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}
.free-library-app-scope .mx-4 {
    margin-left: 1rem;
    margin-right: 1rem;
}
.free-library-app-scope .mx-auto {
    margin-left: auto;
    margin-right: auto;
}
.free-library-app-scope .my-1 {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
}
.free-library-app-scope .my-2 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}
.free-library-app-scope .my-6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}
.free-library-app-scope .\!mb-0\.5 {
    margin-bottom: 0.125rem !important;
}
.free-library-app-scope .\!mt-0 {
    margin-top: 0px !important;
}
.free-library-app-scope .-mb-px {
    margin-bottom: -1px;
}
.free-library-app-scope .-ml-4 {
    margin-left: -1rem;
}
.free-library-app-scope .-mt-12 {
    margin-top: -3rem;
}
.free-library-app-scope .mb-0\.5 {
    margin-bottom: 0.125rem;
}
.free-library-app-scope .mb-1 {
    margin-bottom: 0.25rem;
}
.free-library-app-scope .mb-1\.5 {
    margin-bottom: 0.375rem;
}
.free-library-app-scope .mb-10 {
    margin-bottom: 2.5rem;
}
.free-library-app-scope .mb-12 {
    margin-bottom: 3rem;
}
.free-library-app-scope .mb-2 {
    margin-bottom: 0.5rem;
}
.free-library-app-scope .mb-3 {
    margin-bottom: 0.75rem;
}
.free-library-app-scope .mb-4 {
    margin-bottom: 1rem;
}
.free-library-app-scope .mb-6 {
    margin-bottom: 1.5rem;
}
.free-library-app-scope .mb-8 {
    margin-bottom: 2rem;
}
.free-library-app-scope .ml-0\.5 {
    margin-left: 0.125rem;
}
.free-library-app-scope .ml-1 {
    margin-left: 0.25rem;
}
.free-library-app-scope .ml-1\.5 {
    margin-left: 0.375rem;
}
.free-library-app-scope .ml-2 {
    margin-left: 0.5rem;
}
.free-library-app-scope .ml-3 {
    margin-left: 0.75rem;
}
.free-library-app-scope .ml-4 {
    margin-left: 1rem;
}
.free-library-app-scope .ml-5 {
    margin-left: 1.25rem;
}
.free-library-app-scope .ml-6 {
    margin-left: 1.5rem;
}
.free-library-app-scope .ml-7 {
    margin-left: 1.75rem;
}
.free-library-app-scope .ml-auto {
    margin-left: auto;
}
.free-library-app-scope .mr-1 {
    margin-right: 0.25rem;
}
.free-library-app-scope .mr-1\.5 {
    margin-right: 0.375rem;
}
.free-library-app-scope .mr-2 {
    margin-right: 0.5rem;
}
.free-library-app-scope .mr-2\.5 {
    margin-right: 0.625rem;
}
.free-library-app-scope .mr-3 {
    margin-right: 0.75rem;
}
.free-library-app-scope .mr-4 {
    margin-right: 1rem;
}
.free-library-app-scope .mt-0 {
    margin-top: 0px;
}
.free-library-app-scope .mt-0\.5 {
    margin-top: 0.125rem;
}
.free-library-app-scope .mt-1 {
    margin-top: 0.25rem;
}
.free-library-app-scope .mt-12 {
    margin-top: 3rem;
}
.free-library-app-scope .mt-16 {
    margin-top: 4rem;
}
.free-library-app-scope .mt-2 {
    margin-top: 0.5rem;
}
.free-library-app-scope .mt-3 {
    margin-top: 0.75rem;
}
.free-library-app-scope .mt-4 {
    margin-top: 1rem;
}
.free-library-app-scope .mt-6 {
    margin-top: 1.5rem;
}
.free-library-app-scope .mt-8 {
    margin-top: 2rem;
}
.free-library-app-scope .mt-auto {
    margin-top: auto;
}
.free-library-app-scope .box-border {
    box-sizing: border-box;
}
.free-library-app-scope .line-clamp-1 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.free-library-app-scope .line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.free-library-app-scope .line-clamp-3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.free-library-app-scope .block {
    display: block;
}
.free-library-app-scope .inline-block {
    display: inline-block;
}
.free-library-app-scope .inline {
    display: inline;
}
.free-library-app-scope .flex {
    display: flex;
}
.free-library-app-scope .inline-flex {
    display: inline-flex;
}
.free-library-app-scope .table {
    display: table;
}
.free-library-app-scope .grid {
    display: grid;
}
.free-library-app-scope .hidden {
    display: none;
}
.free-library-app-scope .aspect-\[16\/9\] {
    aspect-ratio: 16/9;
}
.free-library-app-scope .aspect-\[2\/3\] {
    aspect-ratio: 2/3;
}
.free-library-app-scope .aspect-\[3\/4\] {
    aspect-ratio: 3/4;
}
.free-library-app-scope .aspect-\[4\/3\] {
    aspect-ratio: 4/3;
}
.free-library-app-scope .aspect-square {
    aspect-ratio: 1 / 1;
}
.free-library-app-scope .aspect-video {
    aspect-ratio: 16 / 9;
}
.free-library-app-scope .\!h-10 {
    height: 2.5rem !important;
}
.free-library-app-scope .\!h-12 {
    height: 3rem !important;
}
.free-library-app-scope .\!h-16 {
    height: 4rem !important;
}
.free-library-app-scope .\!h-40 {
    height: 10rem !important;
}
.free-library-app-scope .\!h-7 {
    height: 1.75rem !important;
}
.free-library-app-scope .h-0 {
    height: 0px;
}
.free-library-app-scope .h-1 {
    height: 0.25rem;
}
.free-library-app-scope .h-1\.5 {
    height: 0.375rem;
}
.free-library-app-scope .h-10 {
    height: 2.5rem;
}
.free-library-app-scope .h-12 {
    height: 3rem;
}
.free-library-app-scope .h-16 {
    height: 4rem;
}
.free-library-app-scope .h-2 {
    height: 0.5rem;
}
.free-library-app-scope .h-2\.5 {
    height: 0.625rem;
}
.free-library-app-scope .h-20 {
    height: 5rem;
}
.free-library-app-scope .h-24 {
    height: 6rem;
}
.free-library-app-scope .h-32 {
    height: 8rem;
}
.free-library-app-scope .h-4 {
    height: 1rem;
}
.free-library-app-scope .h-40 {
    height: 10rem;
}
.free-library-app-scope .h-5 {
    height: 1.25rem;
}
.free-library-app-scope .h-6 {
    height: 1.5rem;
}
.free-library-app-scope .h-64 {
    height: 16rem;
}
.free-library-app-scope .h-8 {
    height: 2rem;
}
.free-library-app-scope .h-\[28px\] {
    height: 28px;
}
.free-library-app-scope .h-\[38px\] {
    height: 38px;
}
.free-library-app-scope .h-\[50vh\] {
    height: 50vh;
}
.free-library-app-scope .h-auto {
    height: auto;
}
.free-library-app-scope .h-full {
    height: 100%;
}
.free-library-app-scope .h-px {
    height: 1px;
}
.free-library-app-scope .max-h-40 {
    max-height: 10rem;
}
.free-library-app-scope .max-h-48 {
    max-height: 12rem;
}
.free-library-app-scope .max-h-60 {
    max-height: 15rem;
}
.free-library-app-scope .max-h-80 {
    max-height: 20rem;
}
.free-library-app-scope .max-h-96 {
    max-height: 24rem;
}
.free-library-app-scope .max-h-\[400px\] {
    max-height: 400px;
}
.free-library-app-scope .max-h-\[50vh\] {
    max-height: 50vh;
}
.free-library-app-scope .min-h-\[100px\] {
    min-height: 100px;
}
.free-library-app-scope .min-h-\[150px\] {
    min-height: 150px;
}
.free-library-app-scope .min-h-\[160px\] {
    min-height: 160px;
}
.free-library-app-scope .min-h-\[200px\] {
    min-height: 200px;
}
.free-library-app-scope .min-h-\[300px\] {
    min-height: 300px;
}
.free-library-app-scope .min-h-\[400px\] {
    min-height: 400px;
}
.free-library-app-scope .min-h-\[500px\] {
    min-height: 500px;
}
.free-library-app-scope .\!w-16 {
    width: 4rem !important;
}
.free-library-app-scope .\!w-auto {
    width: auto !important;
}
.free-library-app-scope .w-0 {
    width: 0px;
}
.free-library-app-scope .w-1\/2 {
    width: 50%;
}
.free-library-app-scope .w-10 {
    width: 2.5rem;
}
.free-library-app-scope .w-12 {
    width: 3rem;
}
.free-library-app-scope .w-16 {
    width: 4rem;
}
.free-library-app-scope .w-20 {
    width: 5rem;
}
.free-library-app-scope .w-32 {
    width: 8rem;
}
.free-library-app-scope .w-4 {
    width: 1rem;
}
.free-library-app-scope .w-40 {
    width: 10rem;
}
.free-library-app-scope .w-5 {
    width: 1.25rem;
}
.free-library-app-scope .w-6 {
    width: 1.5rem;
}
.free-library-app-scope .w-72 {
    width: 18rem;
}
.free-library-app-scope .w-8 {
    width: 2rem;
}
.free-library-app-scope .w-\[50px\] {
    width: 50px;
}
.free-library-app-scope .w-fit {
    width: -moz-fit-content;
    width: fit-content;
}
.free-library-app-scope .w-full {
    width: 100%;
}
.free-library-app-scope .w-px {
    width: 1px;
}
.free-library-app-scope .min-w-0 {
    min-width: 0px;
}
.free-library-app-scope .min-w-\[100px\] {
    min-width: 100px;
}
.free-library-app-scope .min-w-\[120px\] {
    min-width: 120px;
}
.free-library-app-scope .min-w-\[140px\] {
    min-width: 140px;
}
.free-library-app-scope .min-w-full {
    min-width: 100%;
}
.free-library-app-scope .max-w-3xl {
    max-width: 48rem;
}
.free-library-app-scope .max-w-4xl {
    max-width: 56rem;
}
.free-library-app-scope .max-w-5xl {
    max-width: 64rem;
}
.free-library-app-scope .max-w-7xl {
    max-width: 80rem;
}
.free-library-app-scope .max-w-\[150px\] {
    max-width: 150px;
}
.free-library-app-scope .max-w-none {
    max-width: none;
}
.free-library-app-scope .max-w-xs {
    max-width: 20rem;
}
.free-library-app-scope .flex-shrink-0 {
    flex-shrink: 0;
}
.free-library-app-scope .shrink-0 {
    flex-shrink: 0;
}
.free-library-app-scope .flex-grow {
    flex-grow: 1;
}
.free-library-app-scope .-translate-y-1\/2 {
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.free-library-app-scope .scale-\[1\.02\] {
    --tw-scale-x: 1.02;
    --tw-scale-y: 1.02;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.free-library-app-scope .transform {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}
.free-library-app-scope .animate-spin {
    animation: spin 1s linear infinite;
}
.free-library-app-scope .cursor-default {
    cursor: default;
}
.free-library-app-scope .cursor-grab {
    cursor: grab;
}
.free-library-app-scope .cursor-move {
    cursor: move;
}
.free-library-app-scope .cursor-not-allowed {
    cursor: not-allowed;
}
.free-library-app-scope .cursor-pointer {
    cursor: pointer;
}
.free-library-app-scope .select-none {
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
}
.free-library-app-scope .resize-none {
    resize: none;
}
.free-library-app-scope .scroll-mt-32 {
    scroll-margin-top: 8rem;
}
.free-library-app-scope .list-none {
    list-style-type: none;
}
.free-library-app-scope .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
}
.free-library-app-scope .grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
}
.free-library-app-scope .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.free-library-app-scope .flex-row {
    flex-direction: row;
}
.free-library-app-scope .flex-col {
    flex-direction: column;
}
.free-library-app-scope .flex-wrap {
    flex-wrap: wrap;
}
.free-library-app-scope .items-start {
    align-items: flex-start;
}
.free-library-app-scope .items-end {
    align-items: flex-end;
}
.free-library-app-scope .items-center {
    align-items: center;
}
.free-library-app-scope .items-baseline {
    align-items: baseline;
}
.free-library-app-scope .\!justify-end {
    justify-content: flex-end !important;
}
.free-library-app-scope .justify-end {
    justify-content: flex-end;
}
.free-library-app-scope .justify-center {
    justify-content: center;
}
.free-library-app-scope .justify-between {
    justify-content: space-between;
}
.free-library-app-scope .gap-0 {
    gap: 0px;
}
.free-library-app-scope .gap-0\.5 {
    gap: 0.125rem;
}
.free-library-app-scope .gap-1 {
    gap: 0.25rem;
}
.free-library-app-scope .gap-2 {
    gap: 0.5rem;
}
.free-library-app-scope .gap-3 {
    gap: 0.75rem;
}
.free-library-app-scope .gap-4 {
    gap: 1rem;
}
.free-library-app-scope .gap-5 {
    gap: 1.25rem;
}
.free-library-app-scope .gap-6 {
    gap: 1.5rem;
}
.free-library-app-scope .gap-8 {
    gap: 2rem;
}
.free-library-app-scope .gap-x-2 {
    -moz-column-gap: 0.5rem;
         column-gap: 0.5rem;
}
.free-library-app-scope .gap-x-4 {
    -moz-column-gap: 1rem;
         column-gap: 1rem;
}
.free-library-app-scope .gap-x-8 {
    -moz-column-gap: 2rem;
         column-gap: 2rem;
}
.free-library-app-scope .gap-y-1 {
    row-gap: 0.25rem;
}
.free-library-app-scope .gap-y-6 {
    row-gap: 1.5rem;
}
.free-library-app-scope :is(.space-x-1 > :not([hidden]) ~ :not([hidden])) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0.25rem * var(--tw-space-x-reverse));
    margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
}
.free-library-app-scope :is(.space-x-2 > :not([hidden]) ~ :not([hidden])) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0.5rem * var(--tw-space-x-reverse));
    margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.free-library-app-scope :is(.space-x-3 > :not([hidden]) ~ :not([hidden])) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0.75rem * var(--tw-space-x-reverse));
    margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
}
.free-library-app-scope :is(.space-x-4 > :not([hidden]) ~ :not([hidden])) {
    --tw-space-x-reverse: 0;
    margin-right: calc(1rem * var(--tw-space-x-reverse));
    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}
.free-library-app-scope :is(.space-x-8 > :not([hidden]) ~ :not([hidden])) {
    --tw-space-x-reverse: 0;
    margin-right: calc(2rem * var(--tw-space-x-reverse));
    margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)));
}
.free-library-app-scope :is(.space-y-1 > :not([hidden]) ~ :not([hidden])) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}
.free-library-app-scope :is(.space-y-12 > :not([hidden]) ~ :not([hidden])) {
    --tw-space-y-reverse: 0;
    margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(3rem * var(--tw-space-y-reverse));
}
.free-library-app-scope :is(.space-y-2 > :not([hidden]) ~ :not([hidden])) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.free-library-app-scope :is(.space-y-3 > :not([hidden]) ~ :not([hidden])) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}
.free-library-app-scope :is(.space-y-4 > :not([hidden]) ~ :not([hidden])) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.free-library-app-scope :is(.space-y-5 > :not([hidden]) ~ :not([hidden])) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
}
.free-library-app-scope :is(.space-y-6 > :not([hidden]) ~ :not([hidden])) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}
.free-library-app-scope :is(.space-y-8 > :not([hidden]) ~ :not([hidden])) {
    --tw-space-y-reverse: 0;
    margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(2rem * var(--tw-space-y-reverse));
}
.free-library-app-scope :is(.divide-y > :not([hidden]) ~ :not([hidden])) {
    --tw-divide-y-reverse: 0;
    border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
    border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}
.free-library-app-scope :is(.divide-gray-100 > :not([hidden]) ~ :not([hidden])) {
    --tw-divide-opacity: 1;
    border-color: rgb(243 244 246 / var(--tw-divide-opacity, 1));
}
.free-library-app-scope :is(.divide-gray-200 > :not([hidden]) ~ :not([hidden])) {
    --tw-divide-opacity: 1;
    border-color: rgb(229 231 235 / var(--tw-divide-opacity, 1));
}
.free-library-app-scope .self-center {
    align-self: center;
}
.free-library-app-scope .justify-self-start {
    justify-self: start;
}
.free-library-app-scope .overflow-hidden {
    overflow: hidden;
}
.free-library-app-scope .overflow-x-auto {
    overflow-x: auto;
}
.free-library-app-scope .overflow-y-auto {
    overflow-y: auto;
}
.free-library-app-scope .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.free-library-app-scope .whitespace-nowrap {
    white-space: nowrap;
}
.free-library-app-scope .break-words {
    overflow-wrap: break-word;
}
.free-library-app-scope .rounded {
    border-radius: 0.25rem;
}
.free-library-app-scope .rounded-\[28px\] {
    border-radius: 28px;
}
.free-library-app-scope .rounded-full {
    border-radius: 9999px;
}
.free-library-app-scope .rounded-lg {
    border-radius: 0.5rem;
}
.free-library-app-scope .rounded-md {
    border-radius: 0.375rem;
}
.free-library-app-scope .rounded-xl {
    border-radius: 0.75rem;
}
.free-library-app-scope .rounded-l-md {
    border-top-left-radius: 0.375rem;
    border-bottom-left-radius: 0.375rem;
}
.free-library-app-scope .rounded-r-md {
    border-top-right-radius: 0.375rem;
    border-bottom-right-radius: 0.375rem;
}
.free-library-app-scope .rounded-t-lg {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
}
.free-library-app-scope .rounded-br {
    border-bottom-right-radius: 0.25rem;
}
.free-library-app-scope .border {
    border-width: 1px;
}
.free-library-app-scope .border-2 {
    border-width: 2px;
}
.free-library-app-scope .border-4 {
    border-width: 4px;
}
.free-library-app-scope .border-b {
    border-bottom-width: 1px;
}
.free-library-app-scope .border-b-2 {
    border-bottom-width: 2px;
}
.free-library-app-scope .border-l {
    border-left-width: 1px;
}
.free-library-app-scope .border-l-2 {
    border-left-width: 2px;
}
.free-library-app-scope .border-l-4 {
    border-left-width: 4px;
}
.free-library-app-scope .border-t {
    border-top-width: 1px;
}
.free-library-app-scope .border-dashed {
    border-style: dashed;
}
.free-library-app-scope .border-none {
    border-style: none;
}
.free-library-app-scope .border-amber-100 {
    --tw-border-opacity: 1;
    border-color: rgb(254 243 199 / var(--tw-border-opacity, 1));
}
.free-library-app-scope .border-amber-200 {
    --tw-border-opacity: 1;
    border-color: rgb(253 230 138 / var(--tw-border-opacity, 1));
}
.free-library-app-scope .border-amber-500 {
    --tw-border-opacity: 1;
    border-color: rgb(245 158 11 / var(--tw-border-opacity, 1));
}
.free-library-app-scope .border-blue-100 {
    --tw-border-opacity: 1;
    border-color: rgb(219 234 254 / var(--tw-border-opacity, 1));
}
.free-library-app-scope .border-blue-200 {
    --tw-border-opacity: 1;
    border-color: rgb(191 219 254 / var(--tw-border-opacity, 1));
}
.free-library-app-scope .border-blue-300 {
    --tw-border-opacity: 1;
    border-color: rgb(147 197 253 / var(--tw-border-opacity, 1));
}
.free-library-app-scope .border-blue-500 {
    --tw-border-opacity: 1;
    border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
}
.free-library-app-scope .border-blue-600 {
    --tw-border-opacity: 1;
    border-color: rgb(37 99 235 / var(--tw-border-opacity, 1));
}
.free-library-app-scope .border-gray-100 {
    --tw-border-opacity: 1;
    border-color: rgb(243 244 246 / var(--tw-border-opacity, 1));
}
.free-library-app-scope .border-gray-200 {
    --tw-border-opacity: 1;
    border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
}
.free-library-app-scope .border-gray-300 {
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
}
.free-library-app-scope .border-gray-400 {
    --tw-border-opacity: 1;
    border-color: rgb(156 163 175 / var(--tw-border-opacity, 1));
}
.free-library-app-scope .border-gray-50 {
    --tw-border-opacity: 1;
    border-color: rgb(249 250 251 / var(--tw-border-opacity, 1));
}
.free-library-app-scope .border-green-100 {
    --tw-border-opacity: 1;
    border-color: rgb(220 252 231 / var(--tw-border-opacity, 1));
}
.free-library-app-scope .border-green-200 {
    --tw-border-opacity: 1;
    border-color: rgb(187 247 208 / var(--tw-border-opacity, 1));
}
.free-library-app-scope .border-green-500 {
    --tw-border-opacity: 1;
    border-color: rgb(34 197 94 / var(--tw-border-opacity, 1));
}
.free-library-app-scope .border-green-600 {
    --tw-border-opacity: 1;
    border-color: rgb(22 163 74 / var(--tw-border-opacity, 1));
}
.free-library-app-scope .border-indigo-100 {
    --tw-border-opacity: 1;
    border-color: rgb(224 231 255 / var(--tw-border-opacity, 1));
}
.free-library-app-scope .border-indigo-200 {
    --tw-border-opacity: 1;
    border-color: rgb(199 210 254 / var(--tw-border-opacity, 1));
}
.free-library-app-scope .border-indigo-600 {
    --tw-border-opacity: 1;
    border-color: rgb(79 70 229 / var(--tw-border-opacity, 1));
}
.free-library-app-scope .border-red-100 {
    --tw-border-opacity: 1;
    border-color: rgb(254 226 226 / var(--tw-border-opacity, 1));
}
.free-library-app-scope .border-red-200 {
    --tw-border-opacity: 1;
    border-color: rgb(254 202 202 / var(--tw-border-opacity, 1));
}
.free-library-app-scope .border-red-600 {
    --tw-border-opacity: 1;
    border-color: rgb(220 38 38 / var(--tw-border-opacity, 1));
}
.free-library-app-scope .border-red-700 {
    --tw-border-opacity: 1;
    border-color: rgb(185 28 28 / var(--tw-border-opacity, 1));
}
.free-library-app-scope .border-transparent {
    border-color: transparent;
}
.free-library-app-scope .border-white {
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}
.free-library-app-scope .border-yellow-200 {
    --tw-border-opacity: 1;
    border-color: rgb(254 240 138 / var(--tw-border-opacity, 1));
}
.free-library-app-scope .border-yellow-400 {
    --tw-border-opacity: 1;
    border-color: rgb(250 204 21 / var(--tw-border-opacity, 1));
}
.free-library-app-scope .border-l-blue-500 {
    --tw-border-opacity: 1;
    border-left-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
}
.free-library-app-scope .border-l-transparent {
    border-left-color: transparent;
}
.free-library-app-scope .bg-\[\#ccc\] {
    --tw-bg-opacity: 1;
    background-color: rgb(204 204 204 / var(--tw-bg-opacity, 1));
}
.free-library-app-scope .bg-amber-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1));
}
.free-library-app-scope .bg-amber-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1));
}
.free-library-app-scope .bg-amber-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(245 158 11 / var(--tw-bg-opacity, 1));
}
.free-library-app-scope .bg-black {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.free-library-app-scope .bg-black\/30 {
    background-color: rgb(0 0 0 / 0.3);
}
.free-library-app-scope .bg-black\/50 {
    background-color: rgb(0 0 0 / 0.5);
}
.free-library-app-scope .bg-blue-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));
}
.free-library-app-scope .bg-blue-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(191 219 254 / var(--tw-bg-opacity, 1));
}
.free-library-app-scope .bg-blue-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
}
.free-library-app-scope .bg-blue-50\/50 {
    background-color: rgb(239 246 255 / 0.5);
}
.free-library-app-scope .bg-blue-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
}
.free-library-app-scope .bg-blue-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
}
.free-library-app-scope .bg-gray-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}
.free-library-app-scope .bg-gray-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
}
.free-library-app-scope .bg-gray-300 {
    --tw-bg-opacity: 1;
    background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1));
}
.free-library-app-scope .bg-gray-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}
.free-library-app-scope .bg-gray-900 {
    --tw-bg-opacity: 1;
    background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
}
.free-library-app-scope .bg-gray-900\/80 {
    background-color: rgb(17 24 39 / 0.8);
}
.free-library-app-scope .bg-green-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1));
}
.free-library-app-scope .bg-green-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1));
}
.free-library-app-scope .bg-green-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
}
.free-library-app-scope .bg-green-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
}
.free-library-app-scope .bg-indigo-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(238 242 255 / var(--tw-bg-opacity, 1));
}
.free-library-app-scope .bg-indigo-50\/30 {
    background-color: rgb(238 242 255 / 0.3);
}
.free-library-app-scope .bg-indigo-50\/50 {
    background-color: rgb(238 242 255 / 0.5);
}
.free-library-app-scope .bg-indigo-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(79 70 229 / var(--tw-bg-opacity, 1));
}
.free-library-app-scope .bg-purple-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(243 232 255 / var(--tw-bg-opacity, 1));
}
.free-library-app-scope .bg-red-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));
}
.free-library-app-scope .bg-red-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
}
.free-library-app-scope .bg-red-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
}
.free-library-app-scope .bg-red-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
}
.free-library-app-scope .bg-transparent {
    background-color: transparent;
}
.free-library-app-scope .bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.free-library-app-scope .bg-white\/50 {
    background-color: rgb(255 255 255 / 0.5);
}
.free-library-app-scope .bg-white\/90 {
    background-color: rgb(255 255 255 / 0.9);
}
.free-library-app-scope .bg-yellow-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(254 249 195 / var(--tw-bg-opacity, 1));
}
.free-library-app-scope .bg-yellow-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(254 252 232 / var(--tw-bg-opacity, 1));
}
.free-library-app-scope .bg-gradient-to-r {
    background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
.free-library-app-scope .bg-gradient-to-t {
    background-image: linear-gradient(to top, var(--tw-gradient-stops));
}
.free-library-app-scope .from-black\/20 {
    --tw-gradient-from: rgb(0 0 0 / 0.2) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.free-library-app-scope .from-blue-600 {
    --tw-gradient-from: #2563eb var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(37 99 235 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.free-library-app-scope .from-indigo-600 {
    --tw-gradient-from: #4f46e5 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(79 70 229 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.free-library-app-scope .to-indigo-700 {
    --tw-gradient-to: #4338ca var(--tw-gradient-to-position);
}
.free-library-app-scope .to-purple-600 {
    --tw-gradient-to: #9333ea var(--tw-gradient-to-position);
}
.free-library-app-scope .to-transparent {
    --tw-gradient-to: transparent var(--tw-gradient-to-position);
}
.free-library-app-scope .object-cover {
    -o-object-fit: cover;
       object-fit: cover;
}
.free-library-app-scope .p-0 {
    padding: 0px;
}
.free-library-app-scope .p-1 {
    padding: 0.25rem;
}
.free-library-app-scope .p-1\.5 {
    padding: 0.375rem;
}
.free-library-app-scope .p-10 {
    padding: 2.5rem;
}
.free-library-app-scope .p-12 {
    padding: 3rem;
}
.free-library-app-scope .p-2 {
    padding: 0.5rem;
}
.free-library-app-scope .p-2\.5 {
    padding: 0.625rem;
}
.free-library-app-scope .p-3 {
    padding: 0.75rem;
}
.free-library-app-scope .p-4 {
    padding: 1rem;
}
.free-library-app-scope .p-5 {
    padding: 1.25rem;
}
.free-library-app-scope .p-6 {
    padding: 1.5rem;
}
.free-library-app-scope .p-8 {
    padding: 2rem;
}
.free-library-app-scope .\!py-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
.free-library-app-scope .px-1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
}
.free-library-app-scope .px-1\.5 {
    padding-left: 0.375rem;
    padding-right: 0.375rem;
}
.free-library-app-scope .px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}
.free-library-app-scope .px-2\.5 {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
}
.free-library-app-scope .px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}
.free-library-app-scope .px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
}
.free-library-app-scope .px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}
.free-library-app-scope .px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
.free-library-app-scope .px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
}
.free-library-app-scope .py-0\.5 {
    padding-top: 0.125rem;
    padding-bottom: 0.125rem;
}
.free-library-app-scope .py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}
.free-library-app-scope .py-1\.5 {
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
}
.free-library-app-scope .py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
}
.free-library-app-scope .py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem;
}
.free-library-app-scope .py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
}
.free-library-app-scope .py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
.free-library-app-scope .py-2\.5 {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
}
.free-library-app-scope .py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem;
}
.free-library-app-scope .py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}
.free-library-app-scope .py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.free-library-app-scope .py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}
.free-library-app-scope .py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.free-library-app-scope .\!pl-10 {
    padding-left: 2.5rem !important;
}
.free-library-app-scope .pb-1 {
    padding-bottom: 0.25rem;
}
.free-library-app-scope .pb-2 {
    padding-bottom: 0.5rem;
}
.free-library-app-scope .pb-3 {
    padding-bottom: 0.75rem;
}
.free-library-app-scope .pb-4 {
    padding-bottom: 1rem;
}
.free-library-app-scope .pb-6 {
    padding-bottom: 1.5rem;
}
.free-library-app-scope .pb-8 {
    padding-bottom: 2rem;
}
.free-library-app-scope .pl-10 {
    padding-left: 2.5rem;
}
.free-library-app-scope .pl-2 {
    padding-left: 0.5rem;
}
.free-library-app-scope .pl-3 {
    padding-left: 0.75rem;
}
.free-library-app-scope .pl-4 {
    padding-left: 1rem;
}
.free-library-app-scope .pl-8 {
    padding-left: 2rem;
}
.free-library-app-scope .pr-10 {
    padding-right: 2.5rem;
}
.free-library-app-scope .pr-2 {
    padding-right: 0.5rem;
}
.free-library-app-scope .pr-4 {
    padding-right: 1rem;
}
.free-library-app-scope .pr-8 {
    padding-right: 2rem;
}
.free-library-app-scope .pt-2 {
    padding-top: 0.5rem;
}
.free-library-app-scope .pt-3 {
    padding-top: 0.75rem;
}
.free-library-app-scope .pt-4 {
    padding-top: 1rem;
}
.free-library-app-scope .pt-5 {
    padding-top: 1.25rem;
}
.free-library-app-scope .pt-6 {
    padding-top: 1.5rem;
}
.free-library-app-scope .pt-8 {
    padding-top: 2rem;
}
.free-library-app-scope .text-left {
    text-align: left;
}
.free-library-app-scope .text-center {
    text-align: center;
}
.free-library-app-scope .text-right {
    text-align: right;
}
.free-library-app-scope .align-middle {
    vertical-align: middle;
}
.free-library-app-scope .font-mono {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.free-library-app-scope .font-sans {
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.free-library-app-scope .font-serif {
    font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
}
.free-library-app-scope .\!text-sm {
    font-size: 0.875rem !important;
    line-height: 1.25rem !important;
}
.free-library-app-scope .text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
}
.free-library-app-scope .text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
}
.free-library-app-scope .text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
}
.free-library-app-scope .text-5xl {
    font-size: 3rem;
    line-height: 1;
}
.free-library-app-scope .text-6xl {
    font-size: 3.75rem;
    line-height: 1;
}
.free-library-app-scope .text-8xl {
    font-size: 6rem;
    line-height: 1;
}
.free-library-app-scope .text-\[10px\] {
    font-size: 10px;
}
.free-library-app-scope .text-\[11px\] {
    font-size: 11px;
}
.free-library-app-scope .text-\[8px\] {
    font-size: 8px;
}
.free-library-app-scope .text-base {
    font-size: 1rem;
    line-height: 1.5rem;
}
.free-library-app-scope .text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
}
.free-library-app-scope .text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
}
.free-library-app-scope .text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
}
.free-library-app-scope .text-xs {
    font-size: 0.75rem;
    line-height: 1rem;
}
.free-library-app-scope .font-bold {
    font-weight: 700;
}
.free-library-app-scope .font-extrabold {
    font-weight: 800;
}
.free-library-app-scope .font-medium {
    font-weight: 500;
}
.free-library-app-scope .font-normal {
    font-weight: 400;
}
.free-library-app-scope .font-semibold {
    font-weight: 600;
}
.free-library-app-scope .uppercase {
    text-transform: uppercase;
}
.free-library-app-scope .lowercase {
    text-transform: lowercase;
}
.free-library-app-scope .capitalize {
    text-transform: capitalize;
}
.free-library-app-scope .italic {
    font-style: italic;
}
.free-library-app-scope .leading-4 {
    line-height: 1rem;
}
.free-library-app-scope .leading-5 {
    line-height: 1.25rem;
}
.free-library-app-scope .leading-\[1\.15\] {
    line-height: 1.15;
}
.free-library-app-scope .leading-none {
    line-height: 1;
}
.free-library-app-scope .leading-relaxed {
    line-height: 1.625;
}
.free-library-app-scope .leading-snug {
    line-height: 1.375;
}
.free-library-app-scope .leading-tight {
    line-height: 1.25;
}
.free-library-app-scope .tracking-tight {
    letter-spacing: -0.025em;
}
.free-library-app-scope .tracking-wide {
    letter-spacing: 0.025em;
}
.free-library-app-scope .tracking-wider {
    letter-spacing: 0.05em;
}
.free-library-app-scope .tracking-widest {
    letter-spacing: 0.1em;
}
.free-library-app-scope .text-amber-500 {
    --tw-text-opacity: 1;
    color: rgb(245 158 11 / var(--tw-text-opacity, 1));
}
.free-library-app-scope .text-amber-600 {
    --tw-text-opacity: 1;
    color: rgb(217 119 6 / var(--tw-text-opacity, 1));
}
.free-library-app-scope .text-amber-700 {
    --tw-text-opacity: 1;
    color: rgb(180 83 9 / var(--tw-text-opacity, 1));
}
.free-library-app-scope .text-amber-800 {
    --tw-text-opacity: 1;
    color: rgb(146 64 14 / var(--tw-text-opacity, 1));
}
.free-library-app-scope .text-amber-900 {
    --tw-text-opacity: 1;
    color: rgb(120 53 15 / var(--tw-text-opacity, 1));
}
.free-library-app-scope .text-blue-400 {
    --tw-text-opacity: 1;
    color: rgb(96 165 250 / var(--tw-text-opacity, 1));
}
.free-library-app-scope .text-blue-500 {
    --tw-text-opacity: 1;
    color: rgb(59 130 246 / var(--tw-text-opacity, 1));
}
.free-library-app-scope .text-blue-600 {
    --tw-text-opacity: 1;
    color: rgb(37 99 235 / var(--tw-text-opacity, 1));
}
.free-library-app-scope .text-blue-700 {
    --tw-text-opacity: 1;
    color: rgb(29 78 216 / var(--tw-text-opacity, 1));
}
.free-library-app-scope .text-blue-800 {
    --tw-text-opacity: 1;
    color: rgb(30 64 175 / var(--tw-text-opacity, 1));
}
.free-library-app-scope .text-blue-900 {
    --tw-text-opacity: 1;
    color: rgb(30 58 138 / var(--tw-text-opacity, 1));
}
.free-library-app-scope .text-gray-200 {
    --tw-text-opacity: 1;
    color: rgb(229 231 235 / var(--tw-text-opacity, 1));
}
.free-library-app-scope .text-gray-300 {
    --tw-text-opacity: 1;
    color: rgb(209 213 219 / var(--tw-text-opacity, 1));
}
.free-library-app-scope .text-gray-400 {
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}
.free-library-app-scope .text-gray-500 {
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}
.free-library-app-scope .text-gray-600 {
    --tw-text-opacity: 1;
    color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}
.free-library-app-scope .text-gray-700 {
    --tw-text-opacity: 1;
    color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}
.free-library-app-scope .text-gray-800 {
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity, 1));
}
.free-library-app-scope .text-gray-900 {
    --tw-text-opacity: 1;
    color: rgb(17 24 39 / var(--tw-text-opacity, 1));
}
.free-library-app-scope .text-green-400 {
    --tw-text-opacity: 1;
    color: rgb(74 222 128 / var(--tw-text-opacity, 1));
}
.free-library-app-scope .text-green-500 {
    --tw-text-opacity: 1;
    color: rgb(34 197 94 / var(--tw-text-opacity, 1));
}
.free-library-app-scope .text-green-600 {
    --tw-text-opacity: 1;
    color: rgb(22 163 74 / var(--tw-text-opacity, 1));
}
.free-library-app-scope .text-green-700 {
    --tw-text-opacity: 1;
    color: rgb(21 128 61 / var(--tw-text-opacity, 1));
}
.free-library-app-scope .text-green-800 {
    --tw-text-opacity: 1;
    color: rgb(22 101 52 / var(--tw-text-opacity, 1));
}
.free-library-app-scope .text-indigo-400 {
    --tw-text-opacity: 1;
    color: rgb(129 140 248 / var(--tw-text-opacity, 1));
}
.free-library-app-scope .text-indigo-600 {
    --tw-text-opacity: 1;
    color: rgb(79 70 229 / var(--tw-text-opacity, 1));
}
.free-library-app-scope .text-indigo-700 {
    --tw-text-opacity: 1;
    color: rgb(67 56 202 / var(--tw-text-opacity, 1));
}
.free-library-app-scope .text-indigo-800 {
    --tw-text-opacity: 1;
    color: rgb(55 48 163 / var(--tw-text-opacity, 1));
}
.free-library-app-scope .text-indigo-900 {
    --tw-text-opacity: 1;
    color: rgb(49 46 129 / var(--tw-text-opacity, 1));
}
.free-library-app-scope .text-purple-800 {
    --tw-text-opacity: 1;
    color: rgb(107 33 168 / var(--tw-text-opacity, 1));
}
.free-library-app-scope .text-red-400 {
    --tw-text-opacity: 1;
    color: rgb(248 113 113 / var(--tw-text-opacity, 1));
}
.free-library-app-scope .text-red-500 {
    --tw-text-opacity: 1;
    color: rgb(239 68 68 / var(--tw-text-opacity, 1));
}
.free-library-app-scope .text-red-600 {
    --tw-text-opacity: 1;
    color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}
.free-library-app-scope .text-red-700 {
    --tw-text-opacity: 1;
    color: rgb(185 28 28 / var(--tw-text-opacity, 1));
}
.free-library-app-scope .text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.free-library-app-scope .text-yellow-400 {
    --tw-text-opacity: 1;
    color: rgb(250 204 21 / var(--tw-text-opacity, 1));
}
.free-library-app-scope .text-yellow-700 {
    --tw-text-opacity: 1;
    color: rgb(161 98 7 / var(--tw-text-opacity, 1));
}
.free-library-app-scope .text-yellow-800 {
    --tw-text-opacity: 1;
    color: rgb(133 77 14 / var(--tw-text-opacity, 1));
}
.free-library-app-scope .underline {
    text-decoration-line: underline;
}
.free-library-app-scope .placeholder-gray-500::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(107 114 128 / var(--tw-placeholder-opacity, 1));
}
.free-library-app-scope .placeholder-gray-500::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(107 114 128 / var(--tw-placeholder-opacity, 1));
}
.free-library-app-scope .opacity-0 {
    opacity: 0;
}
.free-library-app-scope .opacity-100 {
    opacity: 1;
}
.free-library-app-scope .opacity-30 {
    opacity: 0.3;
}
.free-library-app-scope .opacity-50 {
    opacity: 0.5;
}
.free-library-app-scope .opacity-70 {
    opacity: 0.7;
}
.free-library-app-scope .opacity-75 {
    opacity: 0.75;
}
.free-library-app-scope .opacity-80 {
    opacity: 0.8;
}
.free-library-app-scope .opacity-90 {
    opacity: 0.9;
}
.free-library-app-scope .shadow {
    --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.free-library-app-scope .shadow-inner {
    --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
    --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.free-library-app-scope .shadow-lg {
    --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);
}
.free-library-app-scope .shadow-md {
    --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.free-library-app-scope .shadow-none {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.free-library-app-scope .shadow-sm {
    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.free-library-app-scope .outline-none {
    outline: 2px solid transparent;
    outline-offset: 2px;
}
.free-library-app-scope .ring-1 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.free-library-app-scope .ring-2 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.free-library-app-scope .ring-blue-100 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(219 234 254 / var(--tw-ring-opacity, 1));
}
.free-library-app-scope .ring-blue-200 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(191 219 254 / var(--tw-ring-opacity, 1));
}
.free-library-app-scope .ring-blue-500 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));
}
.free-library-app-scope .filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.free-library-app-scope .backdrop-blur-sm {
    --tw-backdrop-blur: blur(4px);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.free-library-app-scope .transition {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.free-library-app-scope .transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.free-library-app-scope .transition-colors {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.free-library-app-scope .transition-opacity {
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.free-library-app-scope .transition-shadow {
    transition-property: box-shadow;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.free-library-app-scope .transition-transform {
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.free-library-app-scope .duration-200 {
    transition-duration: 200ms;
}
.free-library-app-scope .duration-300 {
    transition-duration: 300ms;
}
.free-library-app-scope .duration-500 {
    transition-duration: 500ms;
}
.free-library-app-scope .ease-in-out {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

/* Scoped Reset for the App Wrapper */
.free-library-app-scope {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    color: #1f2937;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    isolation: isolate;
}

/* Force box-sizing inheritance */
.free-library-app-scope *, 
.free-library-app-scope *::before, 
.free-library-app-scope *::after {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: #e5e7eb;
}

/* --- CRITICAL LAYOUT RESILIENCE & IMAGES --- */

/* 1. Global Image Reset - High Specificity */
.free-library-app-scope img {
    max-width: 100%;
    height: auto;
    display: block;
    border-style: none;
}

/* 2. Cover Images - Ultra High Specificity */
.free-library-app-scope .fl-avatar {
    -o-object-fit: cover !important;
       object-fit: cover !important;
    aspect-ratio: 1 / 1;
}

.free-library-app-scope .fl-cover-image {
    width: 100% !important;
    height: 100% !important;
    -o-object-fit: cover !important;
       object-fit: cover !important;
    position: absolute !important;
    inset: 0 !important;
    margin: 0 !important;
}

/* 3. Horizontal Card Layout Fixes */
/* Ensure the image container has a fixed width and doesn't collapse */
@media (min-width: 640px) {
    .free-library-app-scope .fl-card-image-horizontal {
        width: 12rem !important; 
        min-width: 12rem !important;
        max-width: 12rem !important;
        flex-shrink: 0 !important;
        position: relative !important;
        height: auto !important;
        min-height: 100% !important; /* Force stretch to content height */
    }
}

/* 4. Flex overrides for conflicting plugins */
.free-library-app-scope .fl-flex-wrapper {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.free-library-app-scope .fl-sidebar-col {
    flex-shrink: 0 !important;
    flex-grow: 0 !important;
    width: 100%;
}

@media (min-width: 768px) {
    .free-library-app-scope .fl-sidebar-col {
        width: 300px !important;
    }
}

/* --- END CRITICAL FIXES --- */

/* 
 * HEADINGS: 
 * We explicitly do NOT set font-size or font-family here to allow 
 * the WordPress theme to control typography.
 * We only set margins for layout consistency.
 */
.free-library-app-scope h1, 
.free-library-app-scope h2, 
.free-library-app-scope h3, 
.free-library-app-scope h4 {
    margin-top: 1.5em;
    margin-bottom: 0.75em;
    font-weight: 700; 
    line-height: 1.2;
    color: inherit; /* Inherit color from theme */
}

/* Fix Images */
.free-library-app-scope img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* Form Elements - Modernized */
.free-library-app-scope input[type='text'],
.free-library-app-scope input[type='email'],
.free-library-app-scope input[type='search'],
.free-library-app-scope input[type='password'],
.free-library-app-scope input[type='number'],
.free-library-app-scope input[type='date'],
.free-library-app-scope input[type='url'],
.free-library-app-scope textarea,
.free-library-app-scope select {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background-color: #fff;
    border: 1px solid #d1d5db;
    border-radius: 0.5rem; /* Smoother corners */
    padding: 0.625rem 0.875rem;
    font-size: 0.95rem;
    line-height: 1.5;
    display: block;
    width: 100%;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    margin-bottom: 0;
    transition: all 0.2s ease-in-out;
}

.free-library-app-scope input:focus,
.free-library-app-scope textarea:focus,
.free-library-app-scope select:focus {
    outline: none;
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15);
}

/* --- BUTTONS: Modern & Borderless --- */
.free-library-app-scope button,
.free-library-app-scope .button {
    background: transparent;
    color: inherit;
    border: none;
    padding: 0;
    margin: 0;
    font: inherit;
    font-size: 100%;
    line-height: 1.15;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    transition: all 0.2s ease;
    cursor: pointer;
    text-decoration: none;
    text-transform: none;
    letter-spacing: normal;
    box-shadow: none;
    outline: inherit;
}

.free-library-app-scope .button,
.free-library-app-scope .button-primary,
.free-library-app-scope .button-danger {
    padding: 0.5rem 1rem;
    border-radius: 0.5rem;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

/* Default / Secondary Button */
.free-library-app-scope .button {
    background-color: #fff;
    color: #374151; /* Gray-700 */
    border: 1px solid #e5e7eb; /* Very subtle border */
}

.free-library-app-scope .button:hover {
    background-color: #f9fafb;
    color: #111827;
    border-color: #d1d5db;
    transform: translateY(-1px);
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

/* Primary Button */
.free-library-app-scope .button-primary {
    background-color: #2563eb; /* Blue-600 */
    color: #ffffff !important;
    border: 1px solid transparent;
}

.free-library-app-scope .button-primary:hover {
    background-color: #1d4ed8; /* Blue-700 */
    box-shadow: 0 4px 6px -1px rgba(37, 99, 235, 0.3);
}

/* Danger Button */
.free-library-app-scope .button-danger {
    background-color: #fee2e2;
    color: #991b1b !important;
    border: 1px solid transparent;
}

.free-library-app-scope .button-danger:hover {
    background-color: #fecaca;
    color: #7f1d1d !important;
}

/* Small Button Variant */
.free-library-app-scope .button-small {
    padding: 0.375rem 0.75rem;
    font-size: 0.875rem;
}

/* Dashicons Helper */
.free-library-app-scope .dashicons {
    font-family: "dashicons", sans-serif;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    width: 1em;
    height: 1em;
    font-size: inherit; 
    line-height: 1;
    text-decoration: none;
}

/* Specific fix for the large placeholders to ensure they don't shrink */
.free-library-app-scope .text-8xl .dashicons {
    font-size: 6rem; /* 8xl equivalent */
    width: auto;
    height: auto;
}
.free-library-app-scope .text-5xl .dashicons {
    font-size: 3rem; /* 5xl equivalent */
    width: auto;
    height: auto;
}

.free-library-loader {
    display: flex;
    justify-content: center;
    padding: 2rem;
    color: #6b7280;
    font-weight: 500;
}

/* Specific fix for Periodical Issue grid items to ensure vertical alignment */
.free-library-issue-card {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}

/* Grid fixes */
.free-library-app-scope .grid {
    display: grid;
}

/* --- MODAL STYLES (Global Scope) --- */
/* These are outside the .free-library-app-scope wrapper typically, but the content inside handles that */

.free-library-modal {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100000 !important; /* Extremely high to cover WP Admin bar */
    background-color: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(4px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

/* Reset margins inside the modal wrapper so the flex centering works */
.free-library-modal .free-library-app-scope {
    width: 100%;
    max-width: 600px; /* Default max width */
    max-height: 90vh;
    display: flex;
}

.free-library-modal-content {
    background-color: #ffffff;
    border-radius: 0.75rem;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    padding: 1.5rem;
    position: relative;
    width: 100%;
    overflow-y: auto;
    max-height: 85vh; /* Ensure content scrolls if too tall */
    margin: 0 !important; /* Override potential theme margins */
}

/* Large Modal variant */
.free-library-modal-large .free-library-app-scope {
    max-width: 900px;
}

.free-library-modal-close {
    position: absolute;
    top: 1rem;
    right: 1rem;
    color: #9ca3af;
    cursor: pointer;
    font-size: 1.5rem;
    line-height: 1;
    z-index: 10;
    transition: color 0.2s;
}

.free-library-modal-close:hover {
    color: #111827;
}

.free-library-modal-content h4 {
    font-size: 1.25rem;
    font-weight: 700;
    color: #111827;
    margin-top: 0;
    margin-bottom: 1rem;
    padding-right: 2rem; /* Make space for close button */
}

/* Fix specific modal inputs */

.free-library-form-field {
    flex: 1;
}

.free-library-form-field label {
    display: block;
    font-size: 0.875rem;
    font-weight: 500;
    color: #374151;
    margin-bottom: 0.25rem;
}

/* FIX 5: Scroll Margin for Anchors */
/* This ensures the browser natively offsets the scroll position */
.scroll-mt-32 {
    scroll-margin-top: 8rem; /* Approx 128px to clear sticky headers */
}

/* Animation for opening the edit form */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(-5px); }
    to { opacity: 1; transform: translateY(0); }
}

.animate-fade-in {
    animation: fadeIn 0.2s ease-out forwards;
}

/* Fix for Search Input Icon Overlap */
.free-library-app-scope .relative input[type="text"].pl-10,
.free-library-app-scope .relative input[type="text"].!pl-10 {
    padding-left: 2.5rem !important; /* 40px */
}

/* --- CONFLICT RESOLUTION FIXES --- */

/* 1. Force Flex Layouts to respect responsiveness */
@media (min-width: 640px) {
    .free-library-app-scope .sm\:flex-row {
        flex-direction: row !important;
    }
    /* Explicit fix for Item Card */
    .free-library-app-scope .fl-sm-flex-row {
        flex-direction: row !important;
    }
}

@media (min-width: 768px) {
    .free-library-app-scope .md\:flex-row {
        flex-direction: row !important;
    }
}

/* 2. Fix Hero Section Image (Single Item View) */
@media (min-width: 768px) {
    .free-library-app-scope .md\:w-72 {
        width: 18rem !important;
        min-width: 18rem !important;
        flex-shrink: 0 !important;
    }
}

/* 3. Fix Item Card Image (Catalogue) */
@media (min-width: 640px) {
    .free-library-app-scope .fl-card-image-horizontal {
        width: 12rem !important;
        min-width: 12rem !important;
        max-width: 12rem !important;
        flex-shrink: 0 !important;
        position: relative !important;
        height: auto !important;
        align-self: stretch !important; 
    }
}

/* 4. Fix Absolute Positioning for Cover Images */
.free-library-app-scope .fl-cover-image {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    -o-object-fit: cover !important;
       object-fit: cover !important;
}

/* 5. Base Flex Reset */
.free-library-app-scope .fl-flex-col {
    display: flex !important;
    flex-direction: column !important;
}

/* --- NAMESPACED LAYOUT OVERRIDES (Fixes Conflict) --- */

/* 1. Hero Section (Item View) Layout */
.free-library-app-scope .fl-hero-layout {
    display: flex !important;
    flex-direction: column !important; /* Mobile default */
    gap: 2rem !important; /* gap-8 */
    margin-bottom: 2.5rem !important; /* mb-10 */
    align-items: flex-start !important;
}

.free-library-app-scope .fl-hero-image-col {
    width: 100% !important; /* Mobile default */
    flex-shrink: 0 !important;
}

@media (min-width: 768px) {
    .free-library-app-scope .fl-hero-layout {
        flex-direction: row !important; /* Desktop row */
    }
    
    .free-library-app-scope .fl-hero-image-col {
        width: 18rem !important; /* md:w-72 */
        min-width: 18rem !important;
    }
}

/* 2. Item Card (Catalogue) Layout */
.free-library-app-scope .fl-card-layout {
    display: flex !important;
    flex-direction: column !important;
}

@media (min-width: 640px) {
    /* Horizontal Card Layout */
    .free-library-app-scope .fl-card-layout-horizontal {
        flex-direction: row !important;
    }
    
    /* Fixed width image container for horizontal cards */
    .free-library-app-scope .fl-card-image-col {
        width: 12rem !important;
        min-width: 12rem !important;
        max-width: 12rem !important;
        height: auto !important;
        align-self: stretch !important;
        border-right-width: 1px !important;
        border-bottom-width: 0px !important;
    }
}

/* 3. Image Containment Reset */
/* Ensures images inside our custom columns actually fit */
.free-library-app-scope .fl-hero-image-col img,
.free-library-app-scope .fl-card-image-col img {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    -o-object-fit: cover !important;
       object-fit: cover !important;
}

/* 4. Fix Relative positioning context which might be stripped */
.free-library-app-scope .fl-relative-frame {
    position: relative !important;
    width: 100% !important;
    overflow: hidden !important;
}

/* 5. Item View Grid Layout (Responsive Structure) */

/* 
 * Defines the main grid container.
 * Specificity is boosted via .free-library-app-scope class.
 * !important used to override potential tailwind defaults like 'block' 
 */
.free-library-app-scope .fl-item-grid {
    display: grid !important;
    width: 100% !important;
    gap: 2rem !important; /* Spacing between areas */
}

/* 
 * MOBILE LAYOUT (Default):
 * Order: Header (Title/By) -> Sidebar (Cover/Actions) -> Content (Rest)
 */
.free-library-app-scope .fl-item-grid {
    grid-template-columns: 100% !important;
    grid-template-areas: 
        "header"
        "sidebar"
        "content" !important;
}

/*
 * DESKTOP LAYOUT (Min-width 768px):
 * Left Column (300px): Sidebar (Cover)
 * Right Column (Remaining): Header (Top) + Content (Bottom)
 */
@media (min-width: 768px) {
    .free-library-app-scope .fl-item-grid {
        grid-template-columns: 300px 1fr !important;
        grid-template-areas: 
            "sidebar header"
            "sidebar content" !important;
        align-items: start !important; /* Keep items at top */
    }
}

/* Area Assignments */
.free-library-app-scope .fl-area-header { 
    grid-area: header !important; 
    min-width: 0 !important; /* Prevent flex/grid overflow */
}

.free-library-app-scope .fl-area-sidebar { 
    grid-area: sidebar !important; 
    width: 100% !important;
}

.free-library-app-scope .fl-area-content { 
    grid-area: content !important; 
    min-width: 0 !important;
}

/* Larger Modal variant for Type Editing */
.free-library-modal-xl .free-library-app-scope {
    max-width: 1100px !important;
    width: 95% !important;
}

/* Ensure form inputs inside modal scale correctly */
.free-library-modal-xl .free-library-form-field {
    width: 100%;
}

/* Grid layout fix for archives to prevent squashing */
.free-library-structure-grid-container {
    width: 100%;
    container-type: inline-size;
}

/* Ensure the icon stays centered and doesn't get squashed */
.free-library-app-scope .dashicons-search.absolute {
    pointer-events: none;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    top: 0;
    transform: none; /* Remove previous transform hacks if flex is used */
}

/* Make table headings stick on vertical scroll if list is very long */
.free-library-app-scope thead th {
    position: sticky;
    top: 0;
    background-color: #f9fafb; /* bg-gray-50 */
    z-index: 10;
}

/* Embedded Description Density Fix */
/* High specificity selector to beat theme styles like .editorial-layout .entry-content p */
.free-library-app-scope .fl-embed-desc p,
.free-library-app-scope .fl-embed-desc ul,
.free-library-app-scope .fl-embed-desc ol,
.free-library-app-scope .fl-embed-desc li {
    font-size: inherit !important;   /* Force inherited size (text-xs / 0.75rem) */
    line-height: inherit !important; /* Force inherited height (leading-5 / 1.25rem) */
    margin-bottom: 0 !important;     /* Kill bottom margin */
    margin-top: 0 !important;        /* Kill top margin */
    padding-bottom: 0 !important;
    display: inline;                 /* Make paragraphs flow together */
}

/* Ensure the line-clamp works on the container */
.free-library-app-scope .fl-embed-desc {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    /* Optional: Ensure the container itself forces the size in case of direct text nodes */
    font-size: 0.75rem !important; 
    line-height: 1.25rem !important; 
}

/* CRITICAL FIX: Robust Vertical Centering for Search Icons */
.free-library-app-scope .relative .dashicons-search.absolute {
    top: 0 !important;
    bottom: 0 !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transform: none !important; /* Reset any legacy transforms */
    pointer-events: none !important;
}

/* Ensure inputs have enough padding for the icon */
.free-library-app-scope .relative input[type="text"].pl-10,
.free-library-app-scope .relative input[type="text"].!pl-10 {
    padding-left: 2.5rem !important; /* 40px */
}
.free-library-app-scope .before\:absolute::before {
    content: var(--tw-content);
    position: absolute;
}
.free-library-app-scope .before\:bottom-1::before {
    content: var(--tw-content);
    bottom: 0.25rem;
}
.free-library-app-scope .before\:left-1::before {
    content: var(--tw-content);
    left: 0.25rem;
}
.free-library-app-scope .before\:h-5::before {
    content: var(--tw-content);
    height: 1.25rem;
}
.free-library-app-scope .before\:w-5::before {
    content: var(--tw-content);
    width: 1.25rem;
}
.free-library-app-scope .before\:rounded-full::before {
    content: var(--tw-content);
    border-radius: 9999px;
}
.free-library-app-scope .before\:bg-white::before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.free-library-app-scope .before\:transition-all::before {
    content: var(--tw-content);
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.free-library-app-scope .before\:duration-300::before {
    content: var(--tw-content);
    transition-duration: 300ms;
}
.free-library-app-scope .before\:content-\[\'\'\]::before {
    --tw-content: '';
    content: var(--tw-content);
}
.free-library-app-scope .first\:rounded-t-lg:first-child {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
}
.free-library-app-scope .last\:mb-0:last-child {
    margin-bottom: 0px;
}
.free-library-app-scope .last\:rounded-b-lg:last-child {
    border-bottom-right-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
}
.free-library-app-scope .last\:border-0:last-child {
    border-width: 0px;
}
.free-library-app-scope .last\:border-b-0:last-child {
    border-bottom-width: 0px;
}
.free-library-app-scope .hover\:-translate-y-0\.5:hover {
    --tw-translate-y: -0.125rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.free-library-app-scope .hover\:-translate-y-1:hover {
    --tw-translate-y: -0.25rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.free-library-app-scope .hover\:border-blue-100:hover {
    --tw-border-opacity: 1;
    border-color: rgb(219 234 254 / var(--tw-border-opacity, 1));
}
.free-library-app-scope .hover\:border-blue-300:hover {
    --tw-border-opacity: 1;
    border-color: rgb(147 197 253 / var(--tw-border-opacity, 1));
}
.free-library-app-scope .hover\:border-blue-500:hover {
    --tw-border-opacity: 1;
    border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
}
.free-library-app-scope .hover\:border-gray-200:hover {
    --tw-border-opacity: 1;
    border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
}
.free-library-app-scope .hover\:border-gray-300:hover {
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
}
.free-library-app-scope .hover\:border-gray-400:hover {
    --tw-border-opacity: 1;
    border-color: rgb(156 163 175 / var(--tw-border-opacity, 1));
}
.free-library-app-scope .hover\:border-red-300:hover {
    --tw-border-opacity: 1;
    border-color: rgb(252 165 165 / var(--tw-border-opacity, 1));
}
.free-library-app-scope .hover\:border-l-blue-500:hover {
    --tw-border-opacity: 1;
    border-left-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
}
.free-library-app-scope .hover\:bg-amber-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1));
}
.free-library-app-scope .hover\:bg-blue-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));
}
.free-library-app-scope .hover\:bg-blue-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
}
.free-library-app-scope .hover\:bg-blue-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
}
.free-library-app-scope .hover\:bg-blue-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1));
}
.free-library-app-scope .hover\:bg-gray-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}
.free-library-app-scope .hover\:bg-gray-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
}
.free-library-app-scope .hover\:bg-gray-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}
.free-library-app-scope .hover\:bg-green-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(21 128 61 / var(--tw-bg-opacity, 1));
}
.free-library-app-scope .hover\:bg-indigo-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(224 231 255 / var(--tw-bg-opacity, 1));
}
.free-library-app-scope .hover\:bg-indigo-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(79 70 229 / var(--tw-bg-opacity, 1));
}
.free-library-app-scope .hover\:bg-indigo-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(67 56 202 / var(--tw-bg-opacity, 1));
}
.free-library-app-scope .hover\:bg-red-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));
}
.free-library-app-scope .hover\:bg-red-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
}
.free-library-app-scope .hover\:bg-red-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
}
.free-library-app-scope .hover\:bg-red-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(185 28 28 / var(--tw-bg-opacity, 1));
}
.free-library-app-scope .hover\:bg-white:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.free-library-app-scope .hover\:text-amber-600:hover {
    --tw-text-opacity: 1;
    color: rgb(217 119 6 / var(--tw-text-opacity, 1));
}
.free-library-app-scope .hover\:text-blue-600:hover {
    --tw-text-opacity: 1;
    color: rgb(37 99 235 / var(--tw-text-opacity, 1));
}
.free-library-app-scope .hover\:text-blue-700:hover {
    --tw-text-opacity: 1;
    color: rgb(29 78 216 / var(--tw-text-opacity, 1));
}
.free-library-app-scope .hover\:text-blue-800:hover {
    --tw-text-opacity: 1;
    color: rgb(30 64 175 / var(--tw-text-opacity, 1));
}
.free-library-app-scope .hover\:text-blue-900:hover {
    --tw-text-opacity: 1;
    color: rgb(30 58 138 / var(--tw-text-opacity, 1));
}
.free-library-app-scope .hover\:text-gray-600:hover {
    --tw-text-opacity: 1;
    color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}
.free-library-app-scope .hover\:text-gray-700:hover {
    --tw-text-opacity: 1;
    color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}
.free-library-app-scope .hover\:text-gray-800:hover {
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity, 1));
}
.free-library-app-scope .hover\:text-gray-900:hover {
    --tw-text-opacity: 1;
    color: rgb(17 24 39 / var(--tw-text-opacity, 1));
}
.free-library-app-scope .hover\:text-red-500:hover {
    --tw-text-opacity: 1;
    color: rgb(239 68 68 / var(--tw-text-opacity, 1));
}
.free-library-app-scope .hover\:text-red-600:hover {
    --tw-text-opacity: 1;
    color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}
.free-library-app-scope .hover\:text-red-700:hover {
    --tw-text-opacity: 1;
    color: rgb(185 28 28 / var(--tw-text-opacity, 1));
}
.free-library-app-scope .hover\:text-red-800:hover {
    --tw-text-opacity: 1;
    color: rgb(153 27 27 / var(--tw-text-opacity, 1));
}
.free-library-app-scope .hover\:text-red-900:hover {
    --tw-text-opacity: 1;
    color: rgb(127 29 29 / var(--tw-text-opacity, 1));
}
.free-library-app-scope .hover\:text-white:hover {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.free-library-app-scope .hover\:underline:hover {
    text-decoration-line: underline;
}
.free-library-app-scope .hover\:shadow-lg:hover {
    --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);
}
.free-library-app-scope .hover\:shadow-md:hover {
    --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.free-library-app-scope .hover\:shadow-sm:hover {
    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.free-library-app-scope .focus\:border-blue-500:focus {
    --tw-border-opacity: 1;
    border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
}
.free-library-app-scope .focus\:border-transparent:focus {
    border-color: transparent;
}
.free-library-app-scope .focus\:text-blue-600:focus {
    --tw-text-opacity: 1;
    color: rgb(37 99 235 / var(--tw-text-opacity, 1));
}
.free-library-app-scope .focus\:outline-none:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
}
.free-library-app-scope .focus\:ring-0:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.free-library-app-scope .focus\:ring-1:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.free-library-app-scope .focus\:ring-2:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.free-library-app-scope .focus\:ring-blue-500:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));
}
.free-library-app-scope .focus\:ring-indigo-500:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity, 1));
}
.free-library-app-scope .focus\:ring-offset-2:focus {
    --tw-ring-offset-width: 2px;
}
.free-library-app-scope .disabled\:text-gray-400:disabled {
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}
.free-library-app-scope :is(.group:hover .group-hover\:translate-x-1) {
    --tw-translate-x: 0.25rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.free-library-app-scope :is(.group:hover .group-hover\:scale-105) {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.free-library-app-scope :is(.group:hover .group-hover\:border-blue-200) {
    --tw-border-opacity: 1;
    border-color: rgb(191 219 254 / var(--tw-border-opacity, 1));
}
.free-library-app-scope :is(.group:hover .group-hover\:bg-black\/50) {
    background-color: rgb(0 0 0 / 0.5);
}
.free-library-app-scope :is(.group:hover .group-hover\:bg-blue-50) {
    --tw-bg-opacity: 1;
    background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
}
.free-library-app-scope :is(.group:hover .group-hover\:text-blue-400) {
    --tw-text-opacity: 1;
    color: rgb(96 165 250 / var(--tw-text-opacity, 1));
}
.free-library-app-scope :is(.group:hover .group-hover\:text-blue-600) {
    --tw-text-opacity: 1;
    color: rgb(37 99 235 / var(--tw-text-opacity, 1));
}
.free-library-app-scope :is(.group:hover .group-hover\:text-gray-500) {
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}
.free-library-app-scope :is(.group:hover .group-hover\:underline) {
    text-decoration-line: underline;
}
.free-library-app-scope :is(.group:hover .group-hover\:opacity-100) {
    opacity: 1;
}
.free-library-app-scope :is(.group:hover .group-hover\:opacity-90) {
    opacity: 0.9;
}
@media (min-width: 640px) {
    .free-library-app-scope .sm\:col-span-2 {
        grid-column: span 2 / span 2;
    }
    .free-library-app-scope .sm\:col-span-5 {
        grid-column: span 5 / span 5;
    }
    .free-library-app-scope .sm\:col-span-7 {
        grid-column: span 7 / span 7;
    }
    .free-library-app-scope .sm\:mt-0 {
        margin-top: 0px;
    }
    .free-library-app-scope .sm\:line-clamp-3 {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }
    .free-library-app-scope .sm\:block {
        display: block;
    }
    .free-library-app-scope .sm\:w-1\/3 {
        width: 33.333333%;
    }
    .free-library-app-scope .sm\:w-48 {
        width: 12rem;
    }
    .free-library-app-scope .sm\:w-64 {
        width: 16rem;
    }
    .free-library-app-scope .sm\:w-auto {
        width: auto;
    }
    .free-library-app-scope .sm\:grid-cols-12 {
        grid-template-columns: repeat(12, minmax(0, 1fr));
    }
    .free-library-app-scope .sm\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .free-library-app-scope .sm\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .free-library-app-scope .sm\:flex-row {
        flex-direction: row;
    }
    .free-library-app-scope .sm\:items-center {
        align-items: center;
    }
    .free-library-app-scope .sm\:justify-end {
        justify-content: flex-end;
    }
    .free-library-app-scope .sm\:px-5 {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }
    .free-library-app-scope .sm\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    .free-library-app-scope .sm\:pb-4 {
        padding-bottom: 1rem;
    }
    .free-library-app-scope .sm\:pt-3 {
        padding-top: 0.75rem;
    }
    .free-library-app-scope .sm\:text-sm {
        font-size: 0.875rem;
        line-height: 1.25rem;
    }
}
@media (min-width: 768px) {
    .free-library-app-scope .md\:col-span-1 {
        grid-column: span 1 / span 1;
    }
    .free-library-app-scope .md\:col-span-12 {
        grid-column: span 12 / span 12;
    }
    .free-library-app-scope .md\:col-span-2 {
        grid-column: span 2 / span 2;
    }
    .free-library-app-scope .md\:col-span-3 {
        grid-column: span 3 / span 3;
    }
    .free-library-app-scope .md\:col-span-4 {
        grid-column: span 4 / span 4;
    }
    .free-library-app-scope .md\:col-span-5 {
        grid-column: span 5 / span 5;
    }
    .free-library-app-scope .md\:w-40 {
        width: 10rem;
    }
    .free-library-app-scope .md\:grid-cols-12 {
        grid-template-columns: repeat(12, minmax(0, 1fr));
    }
    .free-library-app-scope .md\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .free-library-app-scope .md\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .free-library-app-scope .md\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .free-library-app-scope .md\:flex-row {
        flex-direction: row;
    }
    .free-library-app-scope .md\:flex-nowrap {
        flex-wrap: nowrap;
    }
    .free-library-app-scope .md\:items-center {
        align-items: center;
    }
    .free-library-app-scope .md\:pt-14 {
        padding-top: 3.5rem;
    }
    .free-library-app-scope .md\:text-4xl {
        font-size: 2.25rem;
        line-height: 2.5rem;
    }
}
@media (min-width: 1024px) {
    .free-library-app-scope .lg\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .free-library-app-scope .lg\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .free-library-app-scope .lg\:grid-cols-5 {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
    .free-library-app-scope .lg\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem;
    }
    .free-library-app-scope .lg\:text-5xl {
        font-size: 3rem;
        line-height: 1;
    }
}
@media (min-width: 1280px) {
    .free-library-app-scope .xl\:grid-cols-5 {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
}