From 2ca7b3b936aee0dd62bdc0a195bfbdbbe7dfd3ff Mon Sep 17 00:00:00 2001 From: "dependabot[bot]" Date: Thu, 9 Feb 2023 05:09:29 +0000 Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20Rebuild=20CSS?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- assets/css/compiled/main.css | 1206 +++++++++++++++++----------------- 1 file changed, 603 insertions(+), 603 deletions(-) diff --git a/assets/css/compiled/main.css b/assets/css/compiled/main.css index 71e8f9c9..c14ac8e7 100644 --- a/assets/css/compiled/main.css +++ b/assets/css/compiled/main.css @@ -1,6 +1,6 @@ /*! Blowfish | MIT License | https://github.com/nunocoracao/blowfish */ -/*! tailwindcss v3.2.4 | MIT License | https://tailwindcss.com */ +/*! tailwindcss v3.2.6 | MIT License | https://tailwindcss.com */ /* 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4) @@ -4244,34 +4244,34 @@ textarea.form-control.is-invalid { right: 0px; } -.top-\[100vh\] { - top: 100vh; -} - .bottom-0 { bottom: 0px; } -.top-\[calc\(100vh-5\.5rem\)\] { - top: calc(100vh - 5.5rem); -} - -.top-20 { - top: 5rem; -} - -.right-0 { - right: 0px; -} - .left-0 { left: 0px; } +.right-0 { + right: 0px; +} + .top-0 { top: 0px; } +.top-20 { + top: 5rem; +} + +.top-\[100vh\] { + top: 100vh; +} + +.top-\[calc\(100vh-5\.5rem\)\] { + top: calc(100vh - 5.5rem); +} + .z-10 { z-index: 10; } @@ -4288,27 +4288,32 @@ textarea.form-control.is-invalid { float: left; } -.m-auto { - margin: auto; +.m-0 { + margin: 0px; } .m-1 { margin: 0.25rem; } -.m-0 { - margin: 0px; -} - .m-2 { margin: 0.5rem; } +.m-auto { + margin: auto; +} + .-mx-2 { margin-left: -0.5rem; margin-right: -0.5rem; } +.-my-2 { + margin-top: -0.5rem; + margin-bottom: -0.5rem; +} + .mx-1 { margin-left: 0.25rem; margin-right: 0.25rem; @@ -4324,168 +4329,163 @@ textarea.form-control.is-invalid { margin-bottom: 0px; } -.-my-2 { - margin-top: -0.5rem; - margin-bottom: -0.5rem; -} - .my-3 { margin-top: 0.75rem; margin-bottom: 0.75rem; } -.mb-3 { - margin-bottom: 0.75rem; -} - -.mt-8 { - margin-top: 2rem; -} - -.mb-12 { - margin-bottom: 3rem; -} - -.mt-5 { - margin-top: 1.25rem; -} - -.mt-1 { - margin-top: 0.25rem; -} - -.mb-2 { - margin-bottom: 0.5rem; -} - -.mt-12 { - margin-top: 3rem; -} - -.mt-0 { - margin-top: 0px; -} - -.mt-10 { - margin-top: 2.5rem; -} - -.mt-6 { - margin-top: 1.5rem; -} - -.mb-6 { - margin-bottom: 1.5rem; -} - -.mb-5 { - margin-bottom: 1.25rem; -} - -.mr-3 { - margin-right: 0.75rem; -} - -.ml-3 { - margin-left: 0.75rem; -} - -.mt-\[0\.1rem\] { - margin-top: 0.1rem; -} - -.mt-4 { - margin-top: 1rem; -} - -.\!mt-0 { - margin-top: 0px !important; -} - .\!mb-0 { margin-bottom: 0px !important; } -.mb-1 { - margin-bottom: 0.25rem; +.\!mb-9 { + margin-bottom: 2.25rem !important; } -.mb-16 { - margin-bottom: 4rem; +.\!mt-0 { + margin-top: 0px !important; } .-mb-1 { margin-bottom: -0.25rem; } -.ml-2 { - margin-left: 0.5rem; -} - -.mr-2 { - margin-right: 0.5rem; -} - -.mt-2 { - margin-top: 0.5rem; -} - -.mb-10 { - margin-bottom: 2.5rem; -} - -.mr-1 { - margin-right: 0.25rem; -} - -.mr-5 { - margin-right: 1.25rem; -} - -.\!mb-9 { - margin-bottom: 2.25rem !important; -} - -.mt-20 { - margin-top: 5rem; -} - .-ml-12 { margin-left: -3rem; } -.ml-6 { - margin-left: 1.5rem; -} - -.mt-3 { - margin-top: 0.75rem; -} - .-mr-2 { margin-right: -0.5rem; } -.ml-auto { - margin-left: auto; -} - -.mr-auto { - margin-right: auto; +.-mr-48 { + margin-right: -12rem; } .mb-0 { margin-bottom: 0px; } -.-mr-48 { - margin-right: -12rem; +.mb-1 { + margin-bottom: 0.25rem; +} + +.mb-10 { + margin-bottom: 2.5rem; +} + +.mb-12 { + margin-bottom: 3rem; +} + +.mb-16 { + margin-bottom: 4rem; +} + +.mb-2 { + margin-bottom: 0.5rem; +} + +.mb-3 { + margin-bottom: 0.75rem; +} + +.mb-5 { + margin-bottom: 1.25rem; +} + +.mb-6 { + margin-bottom: 1.5rem; } .mb-\[2px\] { margin-bottom: 2px; } +.ml-2 { + margin-left: 0.5rem; +} + +.ml-3 { + margin-left: 0.75rem; +} + +.ml-6 { + margin-left: 1.5rem; +} + +.ml-auto { + margin-left: auto; +} + +.mr-1 { + margin-right: 0.25rem; +} + +.mr-2 { + margin-right: 0.5rem; +} + +.mr-3 { + margin-right: 0.75rem; +} + +.mr-5 { + margin-right: 1.25rem; +} + +.mr-auto { + margin-right: auto; +} + +.mt-0 { + margin-top: 0px; +} + +.mt-1 { + margin-top: 0.25rem; +} + +.mt-10 { + margin-top: 2.5rem; +} + +.mt-12 { + margin-top: 3rem; +} + +.mt-2 { + margin-top: 0.5rem; +} + +.mt-20 { + margin-top: 5rem; +} + +.mt-3 { + margin-top: 0.75rem; +} + +.mt-4 { + margin-top: 1rem; +} + +.mt-5 { + margin-top: 1.25rem; +} + +.mt-6 { + margin-top: 1.5rem; +} + +.mt-8 { + margin-top: 2rem; +} + +.mt-\[0\.1rem\] { + margin-top: 0.1rem; +} + .block { display: block; } @@ -4514,28 +4514,36 @@ textarea.form-control.is-invalid { display: none; } -.h-screen { - height: 100vh; -} - -.h-24 { - height: 6rem; +.h-1\/2 { + height: 50%; } .h-12 { height: 3rem; } -.h-8 { - height: 2rem; +.h-24 { + height: 6rem; } .h-3 { height: 0.75rem; } -.h-full { - height: 100%; +.h-36 { + height: 9rem; +} + +.h-48 { + height: 12rem; +} + +.h-8 { + height: 2rem; +} + +.h-\[1000px\] { + height: 1000px; } .h-\[150px\] { @@ -4546,20 +4554,12 @@ textarea.form-control.is-invalid { height: 800px; } -.h-36 { - height: 9rem; +.h-full { + height: 100%; } -.h-1\/2 { - height: 50%; -} - -.h-\[1000px\] { - height: 1000px; -} - -.h-48 { - height: 12rem; +.h-screen { + height: 100vh; } .max-h-\[5rem\] { @@ -4574,36 +4574,36 @@ textarea.form-control.is-invalid { min-height: 148px; } -.w-full { - width: 100%; -} - -.w-screen { - width: 100vw; +.w-12 { + width: 3rem; } .w-24 { width: 6rem; } -.w-12 { - width: 3rem; -} - -.w-8 { - width: 2rem; -} - .w-3 { width: 0.75rem; } +.w-36 { + width: 9rem; +} + .w-6 { width: 1.5rem; } -.w-36 { - width: 9rem; +.w-8 { + width: 2rem; +} + +.w-full { + width: 100%; +} + +.w-screen { + width: 100vw; } .min-w-0 { @@ -4626,29 +4626,16 @@ textarea.form-control.is-invalid { min-width: 100%; } -.max-w-7xl { - max-width: 80rem; -} - -.max-w-full { - max-width: 100%; -} - -.max-w-prose { - max-width: 65ch; -} - -.max-w-\[1600px\] { - max-width: 1600px; -} - .max-w-3xl { max-width: 48rem; } -.max-w-fit { - max-width: -moz-fit-content; - max-width: fit-content; +.max-w-7xl { + max-width: 80rem; +} + +.max-w-\[1600px\] { + max-width: 1600px; } .max-w-\[5rem\] { @@ -4659,20 +4646,33 @@ textarea.form-control.is-invalid { max-width: 64rem; } +.max-w-fit { + max-width: -moz-fit-content; + max-width: fit-content; +} + +.max-w-full { + max-width: 100%; +} + +.max-w-prose { + max-width: 65ch; +} + .max-w-xl { max-width: 36rem; } -.flex-none { - flex: none; +.flex-1 { + flex: 1 1 0%; } .flex-auto { flex: 1 1 auto; } -.flex-1 { - flex: 1 1 0%; +.flex-none { + flex: none; } .grow { @@ -4750,12 +4750,6 @@ textarea.form-control.is-invalid { gap: 1rem; } -.space-y-10 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(2.5rem * var(--tw-space-y-reverse)); -} - .space-x-3 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(0.75rem * var(--tw-space-x-reverse)); @@ -4768,6 +4762,12 @@ textarea.form-control.is-invalid { margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse))); } +.space-y-10 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(2.5rem * var(--tw-space-y-reverse)); +} + .space-y-2 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))); @@ -4804,34 +4804,34 @@ textarea.form-control.is-invalid { scroll-behavior: smooth; } -.rounded-full { - border-radius: 9999px; -} - -.rounded-md { - border-radius: 0.375rem; +.\!rounded-md { + border-radius: 0.375rem !important; } .rounded { border-radius: 0.25rem; } +.rounded-2xl { + border-radius: 1rem; +} + +.rounded-full { + border-radius: 9999px; +} + .rounded-lg { border-radius: 0.5rem; } -.\!rounded-md { - border-radius: 0.375rem !important; +.rounded-md { + border-radius: 0.375rem; } .rounded-xl { border-radius: 0.75rem; } -.rounded-2xl { - border-radius: 1rem; -} - .rounded-b-lg { border-bottom-right-radius: 0.5rem; border-bottom-left-radius: 0.5rem; @@ -4849,18 +4849,23 @@ textarea.form-control.is-invalid { border-width: 2px; } -.border-t { - border-top-width: 1px; -} - .border-l-2 { border-left-width: 2px; } +.border-t { + border-top-width: 1px; +} + .border-dotted { border-style: dotted; } +.border-neutral-200 { + --tw-border-opacity: 1; + border-color: rgba(var(--color-neutral-200), var(--tw-border-opacity)); +} + .border-neutral-300 { --tw-border-opacity: 1; border-color: rgba(var(--color-neutral-300), var(--tw-border-opacity)); @@ -4871,11 +4876,6 @@ textarea.form-control.is-invalid { border-color: rgba(var(--color-primary-400), var(--tw-border-opacity)); } -.border-neutral-200 { - --tw-border-opacity: 1; - border-color: rgba(var(--color-neutral-200), var(--tw-border-opacity)); -} - .border-primary-500 { --tw-border-opacity: 1; border-color: rgba(var(--color-primary-500), var(--tw-border-opacity)); @@ -4886,41 +4886,36 @@ textarea.form-control.is-invalid { background-color: rgba(var(--color-neutral), var(--tw-bg-opacity)); } -.bg-primary-200 { - --tw-bg-opacity: 1; - background-color: rgba(var(--color-primary-200), var(--tw-bg-opacity)); -} - -.bg-neutral\/50 { - background-color: rgba(var(--color-neutral), 0.5); -} - -.bg-neutral-500\/50 { - background-color: rgba(var(--color-neutral-500), 0.5); -} - -.bg-transparent { - background-color: transparent; -} - .bg-neutral-100 { --tw-bg-opacity: 1; background-color: rgba(var(--color-neutral-100), var(--tw-bg-opacity)); } +.bg-neutral-100\/50 { + background-color: rgba(var(--color-neutral-100), 0.5); +} + .bg-neutral-300 { --tw-bg-opacity: 1; background-color: rgba(var(--color-neutral-300), var(--tw-bg-opacity)); } +.bg-neutral-500\/50 { + background-color: rgba(var(--color-neutral-500), 0.5); +} + +.bg-neutral\/50 { + background-color: rgba(var(--color-neutral), 0.5); +} + .bg-primary-100 { --tw-bg-opacity: 1; background-color: rgba(var(--color-primary-100), var(--tw-bg-opacity)); } -.bg-primary-600 { +.bg-primary-200 { --tw-bg-opacity: 1; - background-color: rgba(var(--color-primary-600), var(--tw-bg-opacity)); + background-color: rgba(var(--color-primary-200), var(--tw-bg-opacity)); } .bg-primary-500 { @@ -4928,12 +4923,13 @@ textarea.form-control.is-invalid { background-color: rgba(var(--color-primary-500), var(--tw-bg-opacity)); } -.bg-neutral-100\/50 { - background-color: rgba(var(--color-neutral-100), 0.5); +.bg-primary-600 { + --tw-bg-opacity: 1; + background-color: rgba(var(--color-primary-600), var(--tw-bg-opacity)); } -.bg-gradient-to-t { - background-image: linear-gradient(to top, var(--tw-gradient-stops)); +.bg-transparent { + background-color: transparent; } .bg-gradient-to-b { @@ -4944,6 +4940,10 @@ textarea.form-control.is-invalid { background-image: linear-gradient(to right, var(--tw-gradient-stops)); } +.bg-gradient-to-t { + background-image: linear-gradient(to top, var(--tw-gradient-stops)); +} + .from-neutral { --tw-gradient-from: rgba(var(--color-neutral), 1); --tw-gradient-to: rgba(var(--color-neutral), 0); @@ -4956,22 +4956,22 @@ textarea.form-control.is-invalid { --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } -.to-transparent { - --tw-gradient-to: transparent; +.to-neutral { + --tw-gradient-to: rgba(var(--color-neutral), 1); } .to-neutral-100 { --tw-gradient-to: rgba(var(--color-neutral-100), 1); } -.to-neutral { - --tw-gradient-to: rgba(var(--color-neutral), 1); -} - .to-secondary-700 { --tw-gradient-to: rgba(var(--color-secondary-700), 1); } +.to-transparent { + --tw-gradient-to: transparent; +} + .bg-no-repeat { background-repeat: no-repeat; } @@ -4991,20 +4991,20 @@ textarea.form-control.is-invalid { object-position: left; } -.p-4 { - padding: 1rem; -} - -.p-1\.5 { - padding: 0.375rem; +.p-0 { + padding: 0px; } .p-1 { padding: 0.25rem; } -.p-0 { - padding: 0px; +.p-1\.5 { + padding: 0.375rem; +} + +.p-4 { + padding: 1rem; } .p-5 { @@ -5015,59 +5015,24 @@ textarea.form-control.is-invalid { padding: 1.5rem; } -.px-6 { - padding-left: 1.5rem; - padding-right: 1.5rem; -} - -.px-3 { - padding-left: 0.75rem; - padding-right: 0.75rem; -} - -.py-1 { - padding-top: 0.25rem; - padding-bottom: 0.25rem; -} - .px-0 { padding-left: 0px; padding-right: 0px; } -.px-\[30px\] { - padding-left: 30px; - padding-right: 30px; -} - -.py-8 { - padding-top: 2rem; - padding-bottom: 2rem; -} - .px-1 { padding-left: 0.25rem; padding-right: 0.25rem; } -.py-\[1px\] { - padding-top: 1px; - padding-bottom: 1px; -} - -.py-10 { - padding-top: 2.5rem; - padding-bottom: 2.5rem; -} - .px-2 { padding-left: 0.5rem; padding-right: 0.5rem; } -.py-2 { - padding-top: 0.5rem; - padding-bottom: 0.5rem; +.px-3 { + padding-left: 0.75rem; + padding-right: 0.75rem; } .px-4 { @@ -5075,19 +5040,24 @@ textarea.form-control.is-invalid { padding-right: 1rem; } -.py-3 { - padding-top: 0.75rem; - padding-bottom: 0.75rem; +.px-6 { + padding-left: 1.5rem; + padding-right: 1.5rem; } -.py-6 { - padding-top: 1.5rem; - padding-bottom: 1.5rem; +.px-\[30px\] { + padding-left: 30px; + padding-right: 30px; } -.py-4 { - padding-top: 1rem; - padding-bottom: 1rem; +.py-1 { + padding-top: 0.25rem; + padding-bottom: 0.25rem; +} + +.py-10 { + padding-top: 2.5rem; + padding-bottom: 2.5rem; } .py-16 { @@ -5095,32 +5065,58 @@ textarea.form-control.is-invalid { padding-bottom: 4rem; } -.pt-8 { - padding-top: 2rem; +.py-2 { + padding-top: 0.5rem; + padding-bottom: 0.5rem; } -.pt-3 { +.py-3 { padding-top: 0.75rem; + padding-bottom: 0.75rem; } -.pb-4 { +.py-4 { + padding-top: 1rem; padding-bottom: 1rem; } -.pt-4 { - padding-top: 1rem; +.py-6 { + padding-top: 1.5rem; + padding-bottom: 1.5rem; +} + +.py-8 { + padding-top: 2rem; + padding-bottom: 2rem; +} + +.py-\[1px\] { + padding-top: 1px; + padding-bottom: 1px; } .pb-2 { padding-bottom: 0.5rem; } +.pb-3 { + padding-bottom: 0.75rem; +} + +.pb-32 { + padding-bottom: 8rem; +} + +.pb-4 { + padding-bottom: 1rem; +} + .pl-2 { padding-left: 0.5rem; } -.pb-3 { - padding-bottom: 0.75rem; +.pl-4 { + padding-left: 1rem; } .pl-\[24px\] { @@ -5131,20 +5127,24 @@ textarea.form-control.is-invalid { padding-right: 24px; } -.pt-2 { - padding-top: 0.5rem; -} - .pt-16 { padding-top: 4rem; } -.pb-32 { - padding-bottom: 8rem; +.pt-2 { + padding-top: 0.5rem; } -.pl-4 { - padding-left: 1rem; +.pt-3 { + padding-top: 0.75rem; +} + +.pt-4 { + padding-top: 1rem; +} + +.pt-8 { + padding-top: 2rem; } .text-center { @@ -5163,11 +5163,25 @@ textarea.form-control.is-invalid { vertical-align: text-bottom; } +.text-2xl { + font-size: 1.5rem; + line-height: 2rem; +} + .text-4xl { font-size: 2.25rem; line-height: 2.5rem; } +.text-\[0\.6rem\] { + font-size: 0.6rem; +} + +.text-base { + font-size: 1rem; + line-height: 1.5rem; +} + .text-lg { font-size: 1.125rem; line-height: 1.75rem; @@ -5178,14 +5192,9 @@ textarea.form-control.is-invalid { line-height: 1.25rem; } -.text-base { - font-size: 1rem; - line-height: 1.5rem; -} - -.text-2xl { - font-size: 1.5rem; - line-height: 2rem; +.text-xl { + font-size: 1.25rem; + line-height: 1.75rem; } .text-xs { @@ -5193,37 +5202,28 @@ textarea.form-control.is-invalid { line-height: 1rem; } -.text-\[0\.6rem\] { - font-size: 0.6rem; -} - -.text-xl { - font-size: 1.25rem; - line-height: 1.75rem; +.font-bold { + font-weight: 700; } .font-extrabold { font-weight: 800; } -.font-bold { - font-weight: 700; -} - -.font-semibold { - font-weight: 600; -} - -.font-normal { - font-weight: 400; +.font-light { + font-weight: 300; } .font-medium { font-weight: 500; } -.font-light { - font-weight: 300; +.font-normal { + font-weight: 400; +} + +.font-semibold { + font-weight: 600; } .uppercase { @@ -5234,16 +5234,31 @@ textarea.form-control.is-invalid { font-style: italic; } -.leading-7 { - line-height: 1.75rem; +.leading-3 { + line-height: .75rem; } .leading-6 { line-height: 1.5rem; } -.leading-3 { - line-height: .75rem; +.leading-7 { + line-height: 1.75rem; +} + +.\!text-neutral { + --tw-text-opacity: 1 !important; + color: rgba(var(--color-neutral), var(--tw-text-opacity)) !important; +} + +.text-neutral-200 { + --tw-text-opacity: 1; + color: rgba(var(--color-neutral-200), var(--tw-text-opacity)); +} + +.text-neutral-300 { + --tw-text-opacity: 1; + color: rgba(var(--color-neutral-300), var(--tw-text-opacity)); } .text-neutral-400 { @@ -5251,14 +5266,9 @@ textarea.form-control.is-invalid { color: rgba(var(--color-neutral-400), var(--tw-text-opacity)); } -.text-neutral-900 { +.text-neutral-50 { --tw-text-opacity: 1; - color: rgba(var(--color-neutral-900), var(--tw-text-opacity)); -} - -.text-primary-600 { - --tw-text-opacity: 1; - color: rgba(var(--color-primary-600), var(--tw-text-opacity)); + color: rgba(var(--color-neutral-50), var(--tw-text-opacity)); } .text-neutral-500 { @@ -5276,14 +5286,14 @@ textarea.form-control.is-invalid { color: rgba(var(--color-neutral-800), var(--tw-text-opacity)); } -.text-primary-700 { +.text-neutral-900 { --tw-text-opacity: 1; - color: rgba(var(--color-primary-700), var(--tw-text-opacity)); + color: rgba(var(--color-neutral-900), var(--tw-text-opacity)); } -.text-primary-500 { +.text-primary-300 { --tw-text-opacity: 1; - color: rgba(var(--color-primary-500), var(--tw-text-opacity)); + color: rgba(var(--color-primary-300), var(--tw-text-opacity)); } .text-primary-400 { @@ -5291,14 +5301,19 @@ textarea.form-control.is-invalid { color: rgba(var(--color-primary-400), var(--tw-text-opacity)); } -.\!text-neutral { - --tw-text-opacity: 1 !important; - color: rgba(var(--color-neutral), var(--tw-text-opacity)) !important; +.text-primary-500 { + --tw-text-opacity: 1; + color: rgba(var(--color-primary-500), var(--tw-text-opacity)); } -.text-neutral-50 { +.text-primary-600 { --tw-text-opacity: 1; - color: rgba(var(--color-neutral-50), var(--tw-text-opacity)); + color: rgba(var(--color-primary-600), var(--tw-text-opacity)); +} + +.text-primary-700 { + --tw-text-opacity: 1; + color: rgba(var(--color-primary-700), var(--tw-text-opacity)); } .text-primary-800 { @@ -5306,21 +5321,6 @@ textarea.form-control.is-invalid { color: rgba(var(--color-primary-800), var(--tw-text-opacity)); } -.text-neutral-200 { - --tw-text-opacity: 1; - color: rgba(var(--color-neutral-200), var(--tw-text-opacity)); -} - -.text-neutral-300 { - --tw-text-opacity: 1; - color: rgba(var(--color-neutral-300), var(--tw-text-opacity)); -} - -.text-primary-300 { - --tw-text-opacity: 1; - color: rgba(var(--color-primary-300), var(--tw-text-opacity)); -} - .\!no-underline { text-decoration-line: none !important; } @@ -5337,14 +5337,14 @@ textarea.form-control.is-invalid { opacity: 0; } -.opacity-60 { - opacity: 0.6; -} - .opacity-30 { opacity: 0.3; } +.opacity-60 { + opacity: 0.6; +} + .mix-blend-normal { mix-blend-mode: normal; } @@ -5353,18 +5353,18 @@ textarea.form-control.is-invalid { mix-blend-mode: multiply; } -.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); -} - .shadow-2xl { --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25); --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } +.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); +} + .shadow-xl { --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color); @@ -5390,14 +5390,14 @@ textarea.form-control.is-invalid { 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); } -.backdrop-blur-sm { - --tw-backdrop-blur: blur(4px); +.backdrop-blur-2xl { + --tw-backdrop-blur: blur(40px); -webkit-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); 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); } -.backdrop-blur-2xl { - --tw-backdrop-blur: blur(40px); +.backdrop-blur-sm { + --tw-backdrop-blur: blur(4px); -webkit-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); 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); } @@ -5410,7 +5410,7 @@ textarea.form-control.is-invalid { body a, body button { - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; + transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } @@ -6948,6 +6948,50 @@ body:has(#menu-controller:checked) { /* 32:9 Aspect Ratio */ } +.dark .dark\:prose-invert { + --tw-prose-body: var(--tw-prose-invert-body); + --tw-prose-headings: var(--tw-prose-invert-headings); + --tw-prose-lead: var(--tw-prose-invert-lead); + --tw-prose-links: var(--tw-prose-invert-links); + --tw-prose-bold: var(--tw-prose-invert-bold); + --tw-prose-counters: var(--tw-prose-invert-counters); + --tw-prose-bullets: var(--tw-prose-invert-bullets); + --tw-prose-hr: var(--tw-prose-invert-hr); + --tw-prose-quotes: var(--tw-prose-invert-quotes); + --tw-prose-quote-borders: var(--tw-prose-invert-quote-borders); + --tw-prose-captions: var(--tw-prose-invert-captions); + --tw-prose-code: var(--tw-prose-invert-code); + --tw-prose-pre-code: var(--tw-prose-invert-pre-code); + --tw-prose-pre-bg: var(--tw-prose-invert-pre-bg); + --tw-prose-th-borders: var(--tw-prose-invert-th-borders); + --tw-prose-td-borders: var(--tw-prose-invert-td-borders); +} + +.dark .dark\:prose-invert :where(a):not(:where([class~="not-prose"] *)) { + text-decoration-color: rgba(var(--color-neutral-600), 1); +} + +.dark .dark\:prose-invert :where(kbd):not(:where([class~="not-prose"] *)) { + color: rgba(var(--color-neutral-200), 1); + background-color: rgba(var(--color-neutral-700), 1); +} + +.dark .dark\:prose-invert :where(mark):not(:where([class~="not-prose"] *)) { + background-color: rgba(var(--color-secondary-400), 1); +} + +.dark .dark\:prose-invert :where(code):not(:where([class~="not-prose"] *)) { + background-color: rgba(var(--color-neutral-700), 1); +} + +.dark .dark\:prose-invert :where(a.active):not(:where([class~="not-prose"] *)) { + text-decoration-color: rgba(var(--color-primary-400), 1); +} + +.dark .dark\:prose-invert :where(p.active):not(:where([class~="not-prose"] *)) { + text-decoration-color: rgba(var(--color-primary-400), 1); +} + .first\:mt-8:first-child { margin-top: 2rem; } @@ -6956,9 +7000,9 @@ body:has(#menu-controller:checked) { border-color: transparent; } -.hover\:bg-primary-600:hover { - --tw-bg-opacity: 1; - background-color: rgba(var(--color-primary-600), var(--tw-bg-opacity)); +.hover\:\!bg-primary-500:hover { + --tw-bg-opacity: 1 !important; + background-color: rgba(var(--color-primary-500), var(--tw-bg-opacity)) !important; } .hover\:bg-primary-100:hover { @@ -6971,19 +7015,9 @@ body:has(#menu-controller:checked) { background-color: rgba(var(--color-primary-500), var(--tw-bg-opacity)); } -.hover\:\!bg-primary-500:hover { - --tw-bg-opacity: 1 !important; - background-color: rgba(var(--color-primary-500), var(--tw-bg-opacity)) !important; -} - -.hover\:text-primary-700:hover { - --tw-text-opacity: 1; - color: rgba(var(--color-primary-700), var(--tw-text-opacity)); -} - -.hover\:text-primary-500:hover { - --tw-text-opacity: 1; - color: rgba(var(--color-primary-500), var(--tw-text-opacity)); +.hover\:bg-primary-600:hover { + --tw-bg-opacity: 1; + background-color: rgba(var(--color-primary-600), var(--tw-bg-opacity)); } .hover\:text-neutral:hover { @@ -6991,14 +7025,24 @@ body:has(#menu-controller:checked) { color: rgba(var(--color-neutral), var(--tw-text-opacity)); } +.hover\:text-primary-400:hover { + --tw-text-opacity: 1; + color: rgba(var(--color-primary-400), var(--tw-text-opacity)); +} + +.hover\:text-primary-500:hover { + --tw-text-opacity: 1; + color: rgba(var(--color-primary-500), var(--tw-text-opacity)); +} + .hover\:text-primary-600:hover { --tw-text-opacity: 1; color: rgba(var(--color-primary-600), var(--tw-text-opacity)); } -.hover\:text-primary-400:hover { +.hover\:text-primary-700:hover { --tw-text-opacity: 1; - color: rgba(var(--color-primary-400), var(--tw-text-opacity)); + color: rgba(var(--color-primary-700), var(--tw-text-opacity)); } .hover\:underline:hover { @@ -7057,16 +7101,16 @@ body:has(#menu-controller:checked) { outline-color: transparent; } -.group:hover .group-hover\:text-primary-600 { - --tw-text-opacity: 1; - color: rgba(var(--color-primary-600), var(--tw-text-opacity)); -} - .group:hover .group-hover\:text-primary-300 { --tw-text-opacity: 1; color: rgba(var(--color-primary-300), var(--tw-text-opacity)); } +.group:hover .group-hover\:text-primary-600 { + --tw-text-opacity: 1; + color: rgba(var(--color-primary-600), var(--tw-text-opacity)); +} + .group:hover .group-hover\:underline { text-decoration-line: underline; } @@ -7079,16 +7123,12 @@ body:has(#menu-controller:checked) { opacity: 1; } -[dir="ltr"] .ltr\:right-0 { - right: 0px; -} - [dir="ltr"] .ltr\:-left-6 { left: -1.5rem; } -[dir="ltr"] .ltr\:mr-4 { - margin-right: 1rem; +[dir="ltr"] .ltr\:right-0 { + right: 0px; } [dir="ltr"] .ltr\:-ml-5 { @@ -7103,6 +7143,10 @@ body:has(#menu-controller:checked) { margin-right: 3.5rem; } +[dir="ltr"] .ltr\:mr-4 { + margin-right: 1rem; +} + [dir="ltr"] .ltr\:block { display: block; } @@ -7119,14 +7163,14 @@ body:has(#menu-controller:checked) { border-left-width: 1px; } -[dir="ltr"] .ltr\:pr-2 { - padding-right: 0.5rem; -} - [dir="ltr"] .ltr\:pl-5 { padding-left: 1.25rem; } +[dir="ltr"] .ltr\:pr-2 { + padding-right: 0.5rem; +} + [dir="ltr"] .ltr\:pr-3 { padding-right: 0.75rem; } @@ -7135,30 +7179,30 @@ body:has(#menu-controller:checked) { text-align: right; } -[dir="rtl"] .rtl\:left-0 { - left: 0px; -} - [dir="rtl"] .rtl\:-right-6 { right: -1.5rem; } -[dir="rtl"] .rtl\:ml-4 { - margin-left: 1rem; +[dir="rtl"] .rtl\:left-0 { + left: 0px; } [dir="rtl"] .rtl\:-mr-5 { margin-right: -1.25rem; } -[dir="rtl"] .rtl\:mr-2 { - margin-right: 0.5rem; -} - [dir="rtl"] .rtl\:ml-14 { margin-left: 3.5rem; } +[dir="rtl"] .rtl\:ml-4 { + margin-left: 1rem; +} + +[dir="rtl"] .rtl\:mr-2 { + margin-right: 0.5rem; +} + [dir="rtl"] .rtl\:block { display: block; } @@ -7179,14 +7223,14 @@ body:has(#menu-controller:checked) { padding-left: 0.5rem; } -[dir="rtl"] .rtl\:pr-5 { - padding-right: 1.25rem; -} - [dir="rtl"] .rtl\:pl-3 { padding-left: 0.75rem; } +[dir="rtl"] .rtl\:pr-5 { + padding-right: 1.25rem; +} + [dir="rtl"] .rtl\:text-left { text-align: left; } @@ -7204,11 +7248,6 @@ body:has(#menu-controller:checked) { border-color: rgba(var(--color-neutral-600), var(--tw-border-opacity)); } -.dark .dark\:border-primary-600 { - --tw-border-opacity: 1; - border-color: rgba(var(--color-primary-600), var(--tw-border-opacity)); -} - .dark .dark\:border-neutral-700 { --tw-border-opacity: 1; border-color: rgba(var(--color-neutral-700), var(--tw-border-opacity)); @@ -7219,9 +7258,9 @@ body:has(#menu-controller:checked) { border-color: rgba(var(--color-primary-300), var(--tw-border-opacity)); } -.dark .dark\:bg-neutral-800 { - --tw-bg-opacity: 1; - background-color: rgba(var(--color-neutral-800), var(--tw-bg-opacity)); +.dark .dark\:border-primary-600 { + --tw-border-opacity: 1; + border-color: rgba(var(--color-primary-600), var(--tw-border-opacity)); } .dark .dark\:bg-neutral-600 { @@ -7229,9 +7268,14 @@ body:has(#menu-controller:checked) { background-color: rgba(var(--color-neutral-600), var(--tw-bg-opacity)); } -.dark .dark\:bg-primary-400 { +.dark .dark\:bg-neutral-700 { --tw-bg-opacity: 1; - background-color: rgba(var(--color-primary-400), var(--tw-bg-opacity)); + background-color: rgba(var(--color-neutral-700), var(--tw-bg-opacity)); +} + +.dark .dark\:bg-neutral-800 { + --tw-bg-opacity: 1; + background-color: rgba(var(--color-neutral-800), var(--tw-bg-opacity)); } .dark .dark\:bg-neutral-800\/50 { @@ -7242,9 +7286,14 @@ body:has(#menu-controller:checked) { background-color: rgba(var(--color-neutral-900), 0.5); } -.dark .dark\:bg-neutral-700 { +.dark .dark\:bg-primary-300 { --tw-bg-opacity: 1; - background-color: rgba(var(--color-neutral-700), var(--tw-bg-opacity)); + background-color: rgba(var(--color-primary-300), var(--tw-bg-opacity)); +} + +.dark .dark\:bg-primary-400 { + --tw-bg-opacity: 1; + background-color: rgba(var(--color-primary-400), var(--tw-bg-opacity)); } .dark .dark\:bg-primary-800 { @@ -7257,11 +7306,6 @@ body:has(#menu-controller:checked) { background-color: rgba(var(--color-primary-900), var(--tw-bg-opacity)); } -.dark .dark\:bg-primary-300 { - --tw-bg-opacity: 1; - background-color: rgba(var(--color-primary-300), var(--tw-bg-opacity)); -} - .dark .dark\:from-neutral-800 { --tw-gradient-from: rgba(var(--color-neutral-800), 1); --tw-gradient-to: rgba(var(--color-neutral-800), 0); @@ -7282,93 +7326,44 @@ body:has(#menu-controller:checked) { --tw-gradient-to: rgba(var(--color-secondary-800), 1); } -.dark .dark\:prose-invert { - --tw-prose-body: var(--tw-prose-invert-body); - --tw-prose-headings: var(--tw-prose-invert-headings); - --tw-prose-lead: var(--tw-prose-invert-lead); - --tw-prose-links: var(--tw-prose-invert-links); - --tw-prose-bold: var(--tw-prose-invert-bold); - --tw-prose-counters: var(--tw-prose-invert-counters); - --tw-prose-bullets: var(--tw-prose-invert-bullets); - --tw-prose-hr: var(--tw-prose-invert-hr); - --tw-prose-quotes: var(--tw-prose-invert-quotes); - --tw-prose-quote-borders: var(--tw-prose-invert-quote-borders); - --tw-prose-captions: var(--tw-prose-invert-captions); - --tw-prose-code: var(--tw-prose-invert-code); - --tw-prose-pre-code: var(--tw-prose-invert-pre-code); - --tw-prose-pre-bg: var(--tw-prose-invert-pre-bg); - --tw-prose-th-borders: var(--tw-prose-invert-th-borders); - --tw-prose-td-borders: var(--tw-prose-invert-td-borders); -} - -.dark .dark\:prose-invert :where(a):not(:where([class~="not-prose"] *)) { - text-decoration-color: rgba(var(--color-neutral-600), 1); -} - -.dark .dark\:prose-invert :where(kbd):not(:where([class~="not-prose"] *)) { - color: rgba(var(--color-neutral-200), 1); - background-color: rgba(var(--color-neutral-700), 1); -} - -.dark .dark\:prose-invert :where(mark):not(:where([class~="not-prose"] *)) { - background-color: rgba(var(--color-secondary-400), 1); -} - -.dark .dark\:prose-invert :where(code):not(:where([class~="not-prose"] *)) { - background-color: rgba(var(--color-neutral-700), 1); -} - -.dark .dark\:prose-invert :where(a.active):not(:where([class~="not-prose"] *)) { - text-decoration-color: rgba(var(--color-primary-400), 1); -} - -.dark .dark\:prose-invert :where(p.active):not(:where([class~="not-prose"] *)) { - text-decoration-color: rgba(var(--color-primary-400), 1); -} - -.dark .dark\:text-neutral-500 { - --tw-text-opacity: 1; - color: rgba(var(--color-neutral-500), var(--tw-text-opacity)); -} - .dark .dark\:text-neutral { --tw-text-opacity: 1; color: rgba(var(--color-neutral), var(--tw-text-opacity)); } -.dark .dark\:text-primary-400 { - --tw-text-opacity: 1; - color: rgba(var(--color-primary-400), var(--tw-text-opacity)); -} - -.dark .dark\:text-neutral-400 { - --tw-text-opacity: 1; - color: rgba(var(--color-neutral-400), var(--tw-text-opacity)); -} - -.dark .dark\:text-neutral-300 { - --tw-text-opacity: 1; - color: rgba(var(--color-neutral-300), var(--tw-text-opacity)); -} - -.dark .dark\:text-neutral-800 { - --tw-text-opacity: 1; - color: rgba(var(--color-neutral-800), var(--tw-text-opacity)); -} - .dark .dark\:text-neutral-100 { --tw-text-opacity: 1; color: rgba(var(--color-neutral-100), var(--tw-text-opacity)); } +.dark .dark\:text-neutral-200 { + --tw-text-opacity: 1; + color: rgba(var(--color-neutral-200), var(--tw-text-opacity)); +} + +.dark .dark\:text-neutral-300 { + --tw-text-opacity: 1; + color: rgba(var(--color-neutral-300), var(--tw-text-opacity)); +} + +.dark .dark\:text-neutral-400 { + --tw-text-opacity: 1; + color: rgba(var(--color-neutral-400), var(--tw-text-opacity)); +} + +.dark .dark\:text-neutral-500 { + --tw-text-opacity: 1; + color: rgba(var(--color-neutral-500), var(--tw-text-opacity)); +} + .dark .dark\:text-neutral-700 { --tw-text-opacity: 1; color: rgba(var(--color-neutral-700), var(--tw-text-opacity)); } -.dark .dark\:text-neutral-200 { +.dark .dark\:text-neutral-800 { --tw-text-opacity: 1; - color: rgba(var(--color-neutral-200), var(--tw-text-opacity)); + color: rgba(var(--color-neutral-800), var(--tw-text-opacity)); } .dark .dark\:text-primary-200 { @@ -7376,28 +7371,28 @@ body:has(#menu-controller:checked) { color: rgba(var(--color-primary-200), var(--tw-text-opacity)); } +.dark .dark\:text-primary-400 { + --tw-text-opacity: 1; + color: rgba(var(--color-primary-400), var(--tw-text-opacity)); +} + .dark .dark\:opacity-60 { opacity: 0.6; } -.dark .dark\:hover\:bg-primary-900:hover { - --tw-bg-opacity: 1; - background-color: rgba(var(--color-primary-900), var(--tw-bg-opacity)); -} - -.dark .dark\:hover\:bg-primary-400:hover { - --tw-bg-opacity: 1; - background-color: rgba(var(--color-primary-400), var(--tw-bg-opacity)); -} - .dark .dark\:hover\:\!bg-primary-700:hover { --tw-bg-opacity: 1 !important; background-color: rgba(var(--color-primary-700), var(--tw-bg-opacity)) !important; } -.dark .dark\:hover\:text-primary-400:hover { - --tw-text-opacity: 1; - color: rgba(var(--color-primary-400), var(--tw-text-opacity)); +.dark .dark\:hover\:bg-primary-400:hover { + --tw-bg-opacity: 1; + background-color: rgba(var(--color-primary-400), var(--tw-bg-opacity)); +} + +.dark .dark\:hover\:bg-primary-900:hover { + --tw-bg-opacity: 1; + background-color: rgba(var(--color-primary-900), var(--tw-bg-opacity)); } .dark .dark\:hover\:text-neutral-800:hover { @@ -7405,21 +7400,26 @@ body:has(#menu-controller:checked) { color: rgba(var(--color-neutral-800), var(--tw-text-opacity)); } +.dark .dark\:hover\:text-primary-400:hover { + --tw-text-opacity: 1; + color: rgba(var(--color-primary-400), var(--tw-text-opacity)); +} + .dark .dark\:focus\:bg-primary-900:focus { --tw-bg-opacity: 1; background-color: rgba(var(--color-primary-900), var(--tw-bg-opacity)); } -.dark .group:hover .dark\:group-hover\:text-primary-400 { - --tw-text-opacity: 1; - color: rgba(var(--color-primary-400), var(--tw-text-opacity)); -} - .dark .group:hover .dark\:group-hover\:text-neutral-700 { --tw-text-opacity: 1; color: rgba(var(--color-neutral-700), var(--tw-text-opacity)); } +.dark .group:hover .dark\:group-hover\:text-primary-400 { + --tw-text-opacity: 1; + color: rgba(var(--color-primary-400), var(--tw-text-opacity)); +} + @media print { .print\:hidden { display: none; @@ -7501,20 +7501,20 @@ body:has(#menu-controller:checked) { } @media (min-width: 853px) { - .md\:mr-7 { - margin-right: 1.75rem; - } - - .md\:mt-0 { - margin-top: 0px; + .md\:-mr-16 { + margin-right: -4rem; } .md\:ml-12 { margin-left: 3rem; } - .md\:-mr-16 { - margin-right: -4rem; + .md\:mr-7 { + margin-right: 1.75rem; + } + + .md\:mt-0 { + margin-top: 0px; } .md\:flex { @@ -7525,22 +7525,22 @@ body:has(#menu-controller:checked) { display: none; } - .md\:h-\[200px\] { - height: 200px; - } - .md\:h-56 { height: 14rem; } - .md\:w-auto { - width: auto; + .md\:h-\[200px\] { + height: 200px; } .md\:w-1\/3 { width: 33.333333%; } + .md\:w-auto { + width: auto; + } + .md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } @@ -7572,6 +7572,10 @@ body:has(#menu-controller:checked) { position: sticky; } + .lg\:left-0 { + left: 0px; + } + .lg\:top-10 { top: 2.5rem; } @@ -7580,10 +7584,6 @@ body:has(#menu-controller:checked) { top: 140px; } - .lg\:left-0 { - left: 0px; - } - .lg\:order-last { order: 9999; } @@ -7592,16 +7592,16 @@ body:has(#menu-controller:checked) { margin: 0px; } - .lg\:mx-auto { - margin-left: auto; - margin-right: auto; - } - .lg\:mx-0 { margin-left: 0px; margin-right: 0px; } + .lg\:mx-auto { + margin-left: auto; + margin-right: auto; + } + .lg\:ml-auto { margin-left: auto; } @@ -7630,16 +7630,12 @@ body:has(#menu-controller:checked) { height: 100%; } - .lg\:w-auto { - width: auto; - } - .lg\:w-1\/4 { width: 25%; } - .lg\:max-w-xs { - max-width: 20rem; + .lg\:w-auto { + width: auto; } .lg\:max-w-7xl { @@ -7650,6 +7646,10 @@ body:has(#menu-controller:checked) { max-width: none; } + .lg\:max-w-xs { + max-width: 20rem; + } + .lg\:grid-flow-col-dense { grid-auto-flow: column dense; } @@ -7670,16 +7670,16 @@ body:has(#menu-controller:checked) { padding: 12vh; } + .lg\:px-0 { + padding-left: 0px; + padding-right: 0px; + } + .lg\:px-32 { padding-left: 8rem; padding-right: 8rem; } - .lg\:py-32 { - padding-top: 8rem; - padding-bottom: 8rem; - } - .lg\:px-8 { padding-left: 2rem; padding-right: 2rem; @@ -7690,9 +7690,9 @@ body:has(#menu-controller:checked) { padding-bottom: 4rem; } - .lg\:px-0 { - padding-left: 0px; - padding-right: 0px; + .lg\:py-32 { + padding-top: 8rem; + padding-bottom: 8rem; } [dir="ltr"] .ltr\:lg\:pl-8 {