diff --git a/dist/tailshape.css b/dist/tailshape.css index 30ddb14..2a3ba60 100755 --- a/dist/tailshape.css +++ b/dist/tailshape.css @@ -518,10 +518,6 @@ Ensure the default browser behavior of the `hidden` attribute. pointer-events: none; } -.fixed { - position: fixed; -} - .absolute { position: absolute; } @@ -583,14 +579,6 @@ Ensure the default browser behavior of the `hidden` attribute. right: 1rem; } -.top-3 { - top: 0.75rem; -} - -.top-16 { - top: 4rem; -} - .-left-8 { left: -2rem; } @@ -599,10 +587,6 @@ Ensure the default browser behavior of the `hidden` attribute. bottom: -2rem; } -.top-full { - top: 100%; -} - .bottom-1 { bottom: 0.25rem; } @@ -611,28 +595,12 @@ Ensure the default browser behavior of the `hidden` attribute. bottom: 8rem; } -.-right-28 { - right: -7rem; +.top-3 { + top: 0.75rem; } -.left-40 { - left: 10rem; -} - -.right-10 { - right: 2.5rem; -} - -.right-20 { - right: 5rem; -} - -.left-1\/2 { - left: 50%; -} - -.top-24 { - top: 6rem; +.top-16 { + top: 4rem; } .z-0 { @@ -647,20 +615,20 @@ Ensure the default browser behavior of the `hidden` attribute. z-index: 30; } -.z-20 { - z-index: 20; -} - .z-10 { z-index: 10; } +.z-\[-1\] { + z-index: -1; +} + .z-50 { z-index: 50; } -.z-\[-1\] { - z-index: -1; +.z-20 { + z-index: 20; } .order-1 { @@ -723,10 +691,6 @@ Ensure the default browser behavior of the `hidden` attribute. margin: 0.5rem; } -.m-10 { - margin: 2.5rem; -} - .m-3 { margin: 0.75rem; } @@ -735,11 +699,30 @@ Ensure the default browser behavior of the `hidden` attribute. margin: 1rem; } +.m-10 { + margin: 2.5rem; +} + .mx-auto { margin-left: auto; margin-right: auto; } +.my-2 { + margin-top: 0.5rem; + margin-bottom: 0.5rem; +} + +.my-3 { + margin-top: 0.75rem; + margin-bottom: 0.75rem; +} + +.my-5 { + margin-top: 1.25rem; + margin-bottom: 1.25rem; +} + .my-4 { margin-top: 1rem; margin-bottom: 1rem; @@ -785,19 +768,29 @@ Ensure the default browser behavior of the `hidden` attribute. margin-bottom: 3rem; } -.my-5 { - margin-top: 1.25rem; - margin-bottom: 1.25rem; +.my-8 { + margin-top: 2rem; + margin-bottom: 2rem; } -.my-3 { - margin-top: 0.75rem; - margin-bottom: 0.75rem; +.my-auto { + margin-top: auto; + margin-bottom: auto; } -.my-2 { - margin-top: 0.5rem; - margin-bottom: 0.5rem; +.mx-3 { + margin-left: 0.75rem; + margin-right: 0.75rem; +} + +.mx-32 { + margin-left: 8rem; + margin-right: 8rem; +} + +.mx-4 { + margin-left: 1rem; + margin-right: 1rem; } .mx-16 { @@ -810,11 +803,6 @@ Ensure the default browser behavior of the `hidden` attribute. margin-right: 2rem; } -.my-8 { - margin-top: 2rem; - margin-bottom: 2rem; -} - .mx-0 { margin-left: 0px; margin-right: 0px; @@ -830,11 +818,6 @@ Ensure the default browser behavior of the `hidden` attribute. margin-bottom: 0.25rem; } -.mx-4 { - margin-left: 1rem; - margin-right: 1rem; -} - .mx-10 { margin-left: 2.5rem; margin-right: 2.5rem; @@ -850,24 +833,20 @@ Ensure the default browser behavior of the `hidden` attribute. margin-right: -0.75rem; } -.my-auto { - margin-top: auto; - margin-bottom: auto; +.mt-6 { + margin-top: 1.5rem; } -.mx-3 { - margin-left: 0.75rem; - margin-right: 0.75rem; +.mb-10 { + margin-bottom: 2.5rem; } -.my-\[6px\] { - margin-top: 6px; - margin-bottom: 6px; +.mb-3 { + margin-bottom: 0.75rem; } -.mx-32 { - margin-left: 8rem; - margin-right: 8rem; +.ml-9 { + margin-left: 2.25rem; } .mt-12 { @@ -890,18 +869,10 @@ Ensure the default browser behavior of the `hidden` attribute. margin-top: 1rem; } -.mb-3 { - margin-bottom: 0.75rem; -} - .ml-2 { margin-left: 0.5rem; } -.mt-6 { - margin-top: 1.5rem; -} - .mr-1 { margin-right: 0.25rem; } @@ -942,10 +913,6 @@ Ensure the default browser behavior of the `hidden` attribute. margin-bottom: -2.5rem; } -.mb-10 { - margin-bottom: 2.5rem; -} - .mt-3 { margin-top: 0.75rem; } @@ -1038,6 +1005,10 @@ Ensure the default browser behavior of the `hidden` attribute. margin-top: 5rem; } +.mr-10 { + margin-right: 2.5rem; +} + .ml-5 { margin-left: 1.25rem; } @@ -1094,10 +1065,6 @@ Ensure the default browser behavior of the `hidden` attribute. margin-left: -3rem; } -.mr-10 { - margin-right: 2.5rem; -} - .-mt-32 { margin-top: -8rem; } @@ -1142,14 +1109,6 @@ Ensure the default browser behavior of the `hidden` attribute. margin-left: 2.5rem; } -.ml-20 { - margin-left: 5rem; -} - -.mt-14 { - margin-top: 3.5rem; -} - .block { display: block; } @@ -1174,6 +1133,34 @@ Ensure the default browser behavior of the `hidden` attribute. display: none; } +.h-screen { + height: 100vh; +} + +.h-full { + height: 100%; +} + +.h-7 { + height: 1.75rem; +} + +.h-6 { + height: 1.5rem; +} + +.h-0 { + height: 0px; +} + +.h-1 { + height: 0.25rem; +} + +.h-16 { + height: 4rem; +} + .h-8 { height: 2rem; } @@ -1182,10 +1169,6 @@ Ensure the default browser behavior of the `hidden` attribute. height: 2.5rem; } -.h-1 { - height: 0.25rem; -} - .h-4 { height: 1rem; } @@ -1198,10 +1181,6 @@ Ensure the default browser behavior of the `hidden` attribute. height: 1.25rem; } -.h-6 { - height: 1.5rem; -} - .h-px { height: 1px; } @@ -1210,14 +1189,6 @@ Ensure the default browser behavior of the `hidden` attribute. height: auto; } -.h-0 { - height: 0px; -} - -.h-full { - height: 100%; -} - .h-3 { height: 0.75rem; } @@ -1226,34 +1197,6 @@ Ensure the default browser behavior of the `hidden` attribute. height: 16rem; } -.h-20 { - height: 5rem; -} - -.h-screen { - height: 100vh; -} - -.h-0\.5 { - height: 0.125rem; -} - -.h-16 { - height: 4rem; -} - -.h-7 { - height: 1.75rem; -} - -.h-24 { - height: 6rem; -} - -.h-72 { - height: 18rem; -} - .h-96 { height: 24rem; } @@ -1262,32 +1205,28 @@ Ensure the default browser behavior of the `hidden` attribute. height: 1px; } -.h-\[2px\] { - height: 2px; -} - .h-11 { height: 2.75rem; } +.h-20 { + height: 5rem; +} + .h-56 { height: 14rem; } -.h-32 { - height: 8rem; +.h-0\.5 { + height: 0.125rem; } -.h-3\/4 { - height: 75%; +.h-24 { + height: 6rem; } -.h-1\/4 { - height: 25%; -} - -.h-5\/6 { - height: 83.333333%; +.max-h-0 { + max-height: 0px; } .min-h-screen { @@ -1298,6 +1237,22 @@ Ensure the default browser behavior of the `hidden` attribute. min-height: 100%; } +.w-7 { + width: 1.75rem; +} + +.w-6 { + width: 1.5rem; +} + +.w-full { + width: 100%; +} + +.w-6\/12 { + width: 50%; +} + .w-8 { width: 2rem; } @@ -1310,10 +1265,6 @@ Ensure the default browser behavior of the `hidden` attribute. width: 2.5rem; } -.w-full { - width: 100%; -} - .w-4 { width: 1rem; } @@ -1334,10 +1285,6 @@ Ensure the default browser behavior of the `hidden` attribute. width: 6rem; } -.w-6 { - width: 1.5rem; -} - .w-12 { width: 3rem; } @@ -1358,10 +1305,6 @@ Ensure the default browser behavior of the `hidden` attribute. width: 13rem; } -.w-7 { - width: 1.75rem; -} - .w-44 { width: 11rem; } @@ -1386,14 +1329,30 @@ Ensure the default browser behavior of the `hidden` attribute. width: 83.333333%; } -.w-11\/12 { - width: 91.666667%; +.w-3\/6 { + width: 50%; +} + +.w-2\/4 { + width: 50%; } .w-20 { width: 5rem; } +.w-11\/12 { + width: 91.666667%; +} + +.w-48 { + width: 12rem; +} + +.w-7\/12 { + width: 58.333333%; +} + .w-screen { width: 100vw; } @@ -1402,50 +1361,14 @@ Ensure the default browser behavior of the `hidden` attribute. width: 20%; } -.w-3\/6 { - width: 50%; -} - -.w-4\/6 { - width: 66.666667%; -} - -.w-4\/5 { - width: 80%; -} - -.w-2\/4 { - width: 50%; -} - -.w-60 { - width: 15rem; -} - -.w-\[30px\] { - width: 30px; -} - -.w-0 { - width: 0px; -} - -.w-48 { - width: 12rem; -} - -.w-16 { - width: 4rem; -} - -.w-7\/12 { - width: 58.333333%; -} - .min-w-0 { min-width: 0px; } +.max-w-lg { + max-width: 32rem; +} + .max-w-screen-xl { max-width: 1280px; } @@ -1454,10 +1377,6 @@ Ensure the default browser behavior of the `hidden` attribute. max-width: 48rem; } -.max-w-lg { - max-width: 32rem; -} - .max-w-xs { max-width: 20rem; } @@ -1490,26 +1409,22 @@ Ensure the default browser behavior of the `hidden` attribute. max-width: 24rem; } -.max-w-6xl { - max-width: 72rem; +.max-w-\[480px\] { + max-width: 480px; } .max-w-xl { max-width: 36rem; } +.max-w-6xl { + max-width: 72rem; +} + .max-w-4xl { max-width: 56rem; } -.max-w-\[480px\] { - max-width: 480px; -} - -.max-w-\[250px\] { - max-width: 250px; -} - .flex-auto { flex: 1 1 auto; } @@ -1534,10 +1449,6 @@ Ensure the default browser behavior of the `hidden` attribute. flex-grow: 1; } -.origin-top-right { - transform-origin: top right; -} - .-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)); @@ -1553,43 +1464,18 @@ Ensure the default browser behavior of the `hidden` attribute. 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)); } -.-translate-x-80 { - --tw-translate-x: -20rem; - 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)); -} - .translate-x-12 { --tw-translate-x: 3rem; 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)); } -.translate-x-64 { - --tw-translate-x: 16rem; - 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)); -} - -.-translate-x-64 { - --tw-translate-x: -16rem; - 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)); -} - .translate-x-1\/2 { --tw-translate-x: 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)); } -.-translate-x-full { - --tw-translate-x: -100%; - 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)); -} - -.translate-x-full { - --tw-translate-x: 100%; - 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)); -} - -.-translate-x-1\/2 { - --tw-translate-x: -50%; +.-rotate-90 { + --tw-rotate: -90deg; 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)); } @@ -1608,11 +1494,6 @@ Ensure the default browser behavior of the `hidden` attribute. 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)); } -.-rotate-12 { - --tw-rotate: -12deg; - 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)); -} - .-skew-x-3 { --tw-skew-x: -3deg; 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)); @@ -1630,18 +1511,6 @@ Ensure the default browser behavior of the `hidden` attribute. 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)); } -.scale-75 { - --tw-scale-x: .75; - --tw-scale-y: .75; - 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)); -} - -.scale-95 { - --tw-scale-x: .95; - --tw-scale-y: .95; - 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)); -} - .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)); } @@ -1703,6 +1572,10 @@ Ensure the default browser behavior of the `hidden` attribute. flex-wrap: wrap; } +.place-items-center { + place-items: center; +} + .items-start { align-items: flex-start; } @@ -1723,10 +1596,6 @@ Ensure the default browser behavior of the `hidden` attribute. justify-content: flex-start; } -.justify-end { - justify-content: flex-end; -} - .justify-center { justify-content: center; } @@ -1735,22 +1604,10 @@ Ensure the default browser behavior of the `hidden` attribute. justify-content: space-between; } -.justify-around { - justify-content: space-around; -} - .justify-evenly { justify-content: space-evenly; } -.justify-items-start { - justify-items: start; -} - -.justify-items-center { - justify-items: center; -} - .gap-4 { gap: 1rem; } @@ -1779,6 +1636,10 @@ Ensure the default browser behavior of the `hidden` attribute. gap: 0px; } +.gap-6 { + gap: 1.5rem; +} + .gap-2 { gap: 0.5rem; } @@ -1787,10 +1648,6 @@ Ensure the default browser behavior of the `hidden` attribute. gap: 0.25rem; } -.gap-6 { - gap: 1.5rem; -} - .gap-x-3 { -moz-column-gap: 0.75rem; column-gap: 0.75rem; @@ -1805,6 +1662,12 @@ Ensure the default browser behavior of the `hidden` attribute. column-gap: 1rem; } +.space-x-5 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(1.25rem * var(--tw-space-x-reverse)); + margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse))); +} + .space-y-6 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse))); @@ -1889,10 +1752,10 @@ Ensure the default browser behavior of the `hidden` attribute. margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse))); } -.space-x-5 > :not([hidden]) ~ :not([hidden]) { +.space-x-1\.5 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; - margin-right: calc(1.25rem * var(--tw-space-x-reverse)); - margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse))); + margin-right: calc(0.375rem * var(--tw-space-x-reverse)); + margin-left: calc(0.375rem * calc(1 - var(--tw-space-x-reverse))); } .space-x-1 > :not([hidden]) ~ :not([hidden]) { @@ -1907,12 +1770,6 @@ Ensure the default browser behavior of the `hidden` attribute. margin-left: calc(2.5rem * calc(1 - var(--tw-space-x-reverse))); } -.space-x-1\.5 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(0.375rem * var(--tw-space-x-reverse)); - margin-left: calc(0.375rem * calc(1 - var(--tw-space-x-reverse))); -} - .space-y-reverse > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 1; } @@ -1944,11 +1801,6 @@ Ensure the default browser behavior of the `hidden` attribute. border-color: rgb(243 244 246 / var(--tw-divide-opacity)); } -.divide-gray-600 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgb(75 85 99 / var(--tw-divide-opacity)); -} - .divide-opacity-50 > :not([hidden]) ~ :not([hidden]) { --tw-divide-opacity: 0.5; } @@ -2003,6 +1855,10 @@ Ensure the default browser behavior of the `hidden` attribute. border-radius: 0.5rem; } +.rounded-full { + border-radius: 9999px; +} + .rounded { border-radius: 0.25rem; } @@ -2011,10 +1867,6 @@ Ensure the default browser behavior of the `hidden` attribute. border-radius: 0.375rem; } -.rounded-full { - border-radius: 9999px; -} - .rounded-sm { border-radius: 0.125rem; } @@ -2027,22 +1879,14 @@ Ensure the default browser behavior of the `hidden` attribute. border-radius: 1rem; } -.rounded-t { - border-top-left-radius: 0.25rem; - border-top-right-radius: 0.25rem; -} - .rounded-b-none { border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } -.rounded-br { - border-bottom-right-radius: 0.25rem; -} - -.rounded-bl { - border-bottom-left-radius: 0.25rem; +.rounded-t { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; } .border { @@ -2081,22 +1925,33 @@ Ensure the default browser behavior of the `hidden` attribute. border-bottom-width: 2px; } -.border-b-4 { - border-bottom-width: 4px; -} - -.border-t-4 { - border-top-width: 4px; -} - .border-r { border-right-width: 1px; } +.border-b-4 { + border-bottom-width: 4px; +} + .border-none { border-style: none; } +.border-gray-400 { + --tw-border-opacity: 1; + border-color: rgb(156 163 175 / var(--tw-border-opacity)); +} + +.border-blue-500 { + --tw-border-opacity: 1; + border-color: rgb(59 130 246 / var(--tw-border-opacity)); +} + +.border-gray-200 { + --tw-border-opacity: 1; + border-color: rgb(229 231 235 / var(--tw-border-opacity)); +} + .border-gray-800 { --tw-border-opacity: 1; border-color: rgb(31 41 55 / var(--tw-border-opacity)); @@ -2112,21 +1967,11 @@ Ensure the default browser behavior of the `hidden` attribute. border-color: rgb(243 244 246 / var(--tw-border-opacity)); } -.border-gray-200 { - --tw-border-opacity: 1; - border-color: rgb(229 231 235 / var(--tw-border-opacity)); -} - .border-gray-700 { --tw-border-opacity: 1; border-color: rgb(55 65 81 / var(--tw-border-opacity)); } -.border-gray-400 { - --tw-border-opacity: 1; - border-color: rgb(156 163 175 / var(--tw-border-opacity)); -} - .border-gray-600 { --tw-border-opacity: 1; border-color: rgb(75 85 99 / var(--tw-border-opacity)); @@ -2154,6 +1999,11 @@ Ensure the default browser behavior of the `hidden` attribute. border-color: rgb(107 114 128 / var(--tw-border-opacity)); } +.border-indigo-700 { + --tw-border-opacity: 1; + border-color: rgb(67 56 202 / var(--tw-border-opacity)); +} + .border-pink-500 { --tw-border-opacity: 1; border-color: rgb(236 72 153 / var(--tw-border-opacity)); @@ -2169,11 +2019,6 @@ Ensure the default browser behavior of the `hidden` attribute. border-color: rgb(129 140 248 / var(--tw-border-opacity)); } -.border-blue-500 { - --tw-border-opacity: 1; - border-color: rgb(59 130 246 / var(--tw-border-opacity)); -} - .border-purple-500 { --tw-border-opacity: 1; border-color: rgb(168 85 247 / var(--tw-border-opacity)); @@ -2199,34 +2044,9 @@ Ensure the default browser behavior of the `hidden` attribute. border-color: rgb(20 184 166 / var(--tw-border-opacity)); } -.border-cyan-300 { +.border-b-gray-800 { --tw-border-opacity: 1; - border-color: rgb(103 232 249 / var(--tw-border-opacity)); -} - -.border-cyan-700 { - --tw-border-opacity: 1; - border-color: rgb(14 116 144 / var(--tw-border-opacity)); -} - -.border-cyan-600 { - --tw-border-opacity: 1; - border-color: rgb(8 145 178 / var(--tw-border-opacity)); -} - -.border-cyan-400 { - --tw-border-opacity: 1; - border-color: rgb(34 211 238 / var(--tw-border-opacity)); -} - -.border-indigo-700 { - --tw-border-opacity: 1; - border-color: rgb(67 56 202 / var(--tw-border-opacity)); -} - -.border-orange-500 { - --tw-border-opacity: 1; - border-color: rgb(249 115 22 / var(--tw-border-opacity)); + border-bottom-color: rgb(31 41 55 / var(--tw-border-opacity)); } .border-b-gray-500 { @@ -2234,21 +2054,46 @@ Ensure the default browser behavior of the `hidden` attribute. border-bottom-color: rgb(107 114 128 / var(--tw-border-opacity)); } -.border-b-gray-300 { - --tw-border-opacity: 1; - border-bottom-color: rgb(209 213 219 / var(--tw-border-opacity)); -} - -.border-b-gray-800 { - --tw-border-opacity: 1; - border-bottom-color: rgb(31 41 55 / var(--tw-border-opacity)); -} - .bg-gray-100 { --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity)); } +.bg-gray-200 { + --tw-bg-opacity: 1; + background-color: rgb(229 231 235 / var(--tw-bg-opacity)); +} + +.bg-gray-300 { + --tw-bg-opacity: 1; + background-color: rgb(209 213 219 / var(--tw-bg-opacity)); +} + +.bg-white { + --tw-bg-opacity: 1; + background-color: rgb(255 255 255 / var(--tw-bg-opacity)); +} + +.bg-red-800 { + --tw-bg-opacity: 1; + background-color: rgb(153 27 27 / var(--tw-bg-opacity)); +} + +.bg-gray-50 { + --tw-bg-opacity: 1; + background-color: rgb(249 250 251 / var(--tw-bg-opacity)); +} + +.bg-indigo-600 { + --tw-bg-opacity: 1; + background-color: rgb(79 70 229 / var(--tw-bg-opacity)); +} + +.bg-indigo-50 { + --tw-bg-opacity: 1; + background-color: rgb(238 242 255 / var(--tw-bg-opacity)); +} + .bg-gray-900 { --tw-bg-opacity: 1; background-color: rgb(17 24 39 / var(--tw-bg-opacity)); @@ -2274,21 +2119,11 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(37 99 235 / var(--tw-bg-opacity)); } -.bg-white { - --tw-bg-opacity: 1; - background-color: rgb(255 255 255 / var(--tw-bg-opacity)); -} - .bg-purple-700 { --tw-bg-opacity: 1; background-color: rgb(126 34 206 / var(--tw-bg-opacity)); } -.bg-gray-300 { - --tw-bg-opacity: 1; - background-color: rgb(209 213 219 / var(--tw-bg-opacity)); -} - .bg-transparent { background-color: transparent; } @@ -2298,31 +2133,11 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(0 0 0 / var(--tw-bg-opacity)); } -.bg-gray-200 { - --tw-bg-opacity: 1; - background-color: rgb(229 231 235 / var(--tw-bg-opacity)); -} - -.bg-gray-50 { - --tw-bg-opacity: 1; - background-color: rgb(249 250 251 / var(--tw-bg-opacity)); -} - .bg-yellow-500 { --tw-bg-opacity: 1; background-color: rgb(234 179 8 / var(--tw-bg-opacity)); } -.bg-indigo-50 { - --tw-bg-opacity: 1; - background-color: rgb(238 242 255 / var(--tw-bg-opacity)); -} - -.bg-indigo-600 { - --tw-bg-opacity: 1; - background-color: rgb(79 70 229 / var(--tw-bg-opacity)); -} - .bg-cyan-100 { --tw-bg-opacity: 1; background-color: rgb(207 250 254 / var(--tw-bg-opacity)); @@ -2393,11 +2208,41 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(248 113 113 / var(--tw-bg-opacity)); } +.bg-green-400 { + --tw-bg-opacity: 1; + background-color: rgb(74 222 128 / var(--tw-bg-opacity)); +} + +.bg-indigo-700 { + --tw-bg-opacity: 1; + background-color: rgb(67 56 202 / var(--tw-bg-opacity)); +} + +.bg-red-600 { + --tw-bg-opacity: 1; + background-color: rgb(220 38 38 / var(--tw-bg-opacity)); +} + .bg-purple-500 { --tw-bg-opacity: 1; background-color: rgb(168 85 247 / var(--tw-bg-opacity)); } +.bg-indigo-200 { + --tw-bg-opacity: 1; + background-color: rgb(199 210 254 / var(--tw-bg-opacity)); +} + +.bg-indigo-100 { + --tw-bg-opacity: 1; + background-color: rgb(224 231 255 / var(--tw-bg-opacity)); +} + +.bg-red-200 { + --tw-bg-opacity: 1; + background-color: rgb(254 202 202 / var(--tw-bg-opacity)); +} + .bg-green-500 { --tw-bg-opacity: 1; background-color: rgb(34 197 94 / var(--tw-bg-opacity)); @@ -2443,11 +2288,6 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(58 59 60 / var(--tw-bg-opacity)); } -.bg-indigo-700 { - --tw-bg-opacity: 1; - background-color: rgb(67 56 202 / var(--tw-bg-opacity)); -} - .bg-yellow-300 { --tw-bg-opacity: 1; background-color: rgb(253 224 71 / var(--tw-bg-opacity)); @@ -2463,34 +2303,9 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(96 165 250 / var(--tw-bg-opacity)); } -.bg-green-400 { +.bg-cyan-800 { --tw-bg-opacity: 1; - background-color: rgb(74 222 128 / var(--tw-bg-opacity)); -} - -.bg-emerald-500 { - --tw-bg-opacity: 1; - background-color: rgb(16 185 129 / var(--tw-bg-opacity)); -} - -.bg-cyan-600 { - --tw-bg-opacity: 1; - background-color: rgb(8 145 178 / var(--tw-bg-opacity)); -} - -.bg-emerald-50 { - --tw-bg-opacity: 1; - background-color: rgb(236 253 245 / var(--tw-bg-opacity)); -} - -.bg-blue-50 { - --tw-bg-opacity: 1; - background-color: rgb(239 246 255 / var(--tw-bg-opacity)); -} - -.bg-cyan-700 { - --tw-bg-opacity: 1; - background-color: rgb(14 116 144 / var(--tw-bg-opacity)); + background-color: rgb(21 94 117 / var(--tw-bg-opacity)); } .bg-cyan-400 { @@ -2498,34 +2313,9 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(34 211 238 / var(--tw-bg-opacity)); } -.bg-red-600 { +.bg-cyan-200 { --tw-bg-opacity: 1; - background-color: rgb(220 38 38 / var(--tw-bg-opacity)); -} - -.bg-indigo-200 { - --tw-bg-opacity: 1; - background-color: rgb(199 210 254 / var(--tw-bg-opacity)); -} - -.bg-indigo-100 { - --tw-bg-opacity: 1; - background-color: rgb(224 231 255 / var(--tw-bg-opacity)); -} - -.bg-yellow-700 { - --tw-bg-opacity: 1; - background-color: rgb(161 98 7 / var(--tw-bg-opacity)); -} - -.bg-yellow-800 { - --tw-bg-opacity: 1; - background-color: rgb(133 77 14 / var(--tw-bg-opacity)); -} - -.bg-red-200 { - --tw-bg-opacity: 1; - background-color: rgb(254 202 202 / var(--tw-bg-opacity)); + background-color: rgb(165 243 252 / var(--tw-bg-opacity)); } .bg-opacity-50 { @@ -2544,36 +2334,30 @@ Ensure the default browser behavior of the `hidden` attribute. --tw-bg-opacity: 0.05; } -.bg-opacity-90 { - --tw-bg-opacity: 0.9; -} - -.bg-opacity-80 { - --tw-bg-opacity: 0.8; -} - -.bg-opacity-20 { - --tw-bg-opacity: 0.2; -} - -.bg-opacity-10 { - --tw-bg-opacity: 0.1; +.bg-gradient-to-br { + background-image: linear-gradient(to bottom right, var(--tw-gradient-stops)); } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)); } +.bg-\[url\(https\:\/\/images\.pexels\.com\/photos\/57690\/pexels-photo-57690\.jpeg\?auto\=compress\&cs\=tinysrgb\&dpr\=2\&h\=650\&w\=940\)\] { + background-image: url(https://images.pexels.com/photos/57690/pexels-photo-57690.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940); +} + .bg-\[url\(https\:\/\/images\.unsplash\.com\/photo-1514525253161-7a46d19cd819\?ixlib\=rb-1\.2\.1\&ixid\=eyJhcHBfaWQiOjEyMDd9\&auto\=format\&fit\=crop\&w\=1267\&q\=80\)\] { background-image: url(https://images.unsplash.com/photo-1514525253161-7a46d19cd819?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1267&q=80); } -.bg-\[url\(\)\] { - background-image: url(); +.from-purple-100 { + --tw-gradient-from: #f3e8ff; + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgb(243 232 255 / 0)); } -.bg-\[url\(https\:\/\/images\.pexels\.com\/photos\/57690\/pexels-photo-57690\.jpeg\?auto\=compress\&cs\=tinysrgb\&dpr\=2\&h\=650\&w\=940\)\] { - background-image: url(https://images.pexels.com/photos/57690/pexels-photo-57690.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940); +.from-pink-50 { + --tw-gradient-from: #fdf2f8; + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgb(253 242 248 / 0)); } .from-pink-500 { @@ -2586,15 +2370,22 @@ Ensure the default browser behavior of the `hidden` attribute. --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgb(74 222 128 / 0)); } -.from-yellow-500 { - --tw-gradient-from: #eab308; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgb(234 179 8 / 0)); +.via-red-300 { + --tw-gradient-stops: var(--tw-gradient-from), #fca5a5, var(--tw-gradient-to, rgb(252 165 165 / 0)); } .via-red-500 { --tw-gradient-stops: var(--tw-gradient-from), #ef4444, var(--tw-gradient-to, rgb(239 68 68 / 0)); } +.to-indigo-500 { + --tw-gradient-to: #6366f1; +} + +.to-indigo-100 { + --tw-gradient-to: #e0e7ff; +} + .to-yellow-500 { --tw-gradient-to: #eab308; } @@ -2603,10 +2394,6 @@ Ensure the default browser behavior of the `hidden` attribute. --tw-gradient-to: #a855f7; } -.to-transparent { - --tw-gradient-to: transparent; -} - .bg-cover { background-size: cover; } @@ -2628,14 +2415,14 @@ Ensure the default browser behavior of the `hidden` attribute. background-repeat: no-repeat; } -.fill-black { - fill: #000; -} - .fill-current { fill: currentColor; } +.fill-black { + fill: #000; +} + .fill-green-600 { fill: #16a34a; } @@ -2652,19 +2439,10 @@ Ensure the default browser behavior of the `hidden` attribute. fill: #1f2937; } -.fill-white { - fill: #fff; -} - .stroke-gray-500 { stroke: #6b7280; } -.object-contain { - -o-object-fit: contain; - object-fit: contain; -} - .object-cover { -o-object-fit: cover; object-fit: cover; @@ -2675,6 +2453,14 @@ Ensure the default browser behavior of the `hidden` attribute. object-position: center; } +.p-5 { + padding: 1.25rem; +} + +.p-10 { + padding: 2.5rem; +} + .p-6 { padding: 1.5rem; } @@ -2699,12 +2485,8 @@ Ensure the default browser behavior of the `hidden` attribute. padding: 2rem; } -.p-5 { - padding: 1.25rem; -} - -.p-10 { - padding: 2.5rem; +.p-28 { + padding: 7rem; } .p-20 { @@ -2715,19 +2497,56 @@ Ensure the default browser behavior of the `hidden` attribute. padding: 0px; } -.p-80 { - padding: 20rem; -} - -.p-28 { - padding: 7rem; -} - .px-4 { padding-left: 1rem; padding-right: 1rem; } +.py-5 { + padding-top: 1.25rem; + padding-bottom: 1.25rem; +} + +.py-20 { + padding-top: 5rem; + padding-bottom: 5rem; +} + +.px-10 { + padding-left: 2.5rem; + padding-right: 2.5rem; +} + +.py-8 { + padding-top: 2rem; + padding-bottom: 2rem; +} + +.py-3 { + padding-top: 0.75rem; + padding-bottom: 0.75rem; +} + +.py-2 { + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.px-2 { + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.px-5 { + padding-left: 1.25rem; + padding-right: 1.25rem; +} + +.px-6 { + padding-left: 1.5rem; + padding-right: 1.5rem; +} + .py-12 { padding-top: 3rem; padding-bottom: 3rem; @@ -2743,26 +2562,11 @@ Ensure the default browser behavior of the `hidden` attribute. padding-bottom: 1rem; } -.px-6 { - padding-left: 1.5rem; - padding-right: 1.5rem; -} - -.px-5 { - padding-left: 1.25rem; - padding-right: 1.25rem; -} - .py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; } -.py-20 { - padding-top: 5rem; - padding-bottom: 5rem; -} - .py-24 { padding-top: 6rem; padding-bottom: 6rem; @@ -2773,21 +2577,6 @@ Ensure the default browser behavior of the `hidden` attribute. padding-bottom: 1.5rem; } -.py-8 { - padding-top: 2rem; - padding-bottom: 2rem; -} - -.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; @@ -2798,21 +2587,11 @@ Ensure the default browser behavior of the `hidden` attribute. padding-bottom: 0.25rem; } -.py-3 { - padding-top: 0.75rem; - padding-bottom: 0.75rem; -} - .px-20 { padding-left: 5rem; padding-right: 5rem; } -.px-10 { - padding-left: 2.5rem; - padding-right: 2.5rem; -} - .px-12 { padding-left: 3rem; padding-right: 3rem; @@ -2833,49 +2612,35 @@ Ensure the default browser behavior of the `hidden` attribute. padding-right: 2rem; } +.py-9 { + padding-top: 2.25rem; + padding-bottom: 2.25rem; +} + .px-1 { padding-left: 0.25rem; padding-right: 0.25rem; } -.py-5 { - padding-top: 1.25rem; - padding-bottom: 1.25rem; -} - .py-48 { padding-top: 12rem; padding-bottom: 12rem; } -.px-80 { - padding-left: 20rem; - padding-right: 20rem; +.pl-8 { + padding-left: 2rem; } -.px-40 { - padding-left: 10rem; - padding-right: 10rem; +.pr-8 { + padding-right: 2rem; } -.py-\[6px\] { - padding-top: 6px; - padding-bottom: 6px; +.pt-0 { + padding-top: 0px; } -.px-7 { - padding-left: 1.75rem; - padding-right: 1.75rem; -} - -.py-2\.5 { - padding-top: 0.625rem; - padding-bottom: 0.625rem; -} - -.py-9 { - padding-top: 2.25rem; - padding-bottom: 2.25rem; +.pl-9 { + padding-left: 2.25rem; } .pl-3 { @@ -2962,6 +2727,46 @@ Ensure the default browser behavior of the `hidden` attribute. padding-right: 0px; } +.pb-5 { + padding-bottom: 1.25rem; +} + +.pb-24 { + padding-bottom: 6rem; +} + +.pt-20 { + padding-top: 5rem; +} + +.pb-20 { + padding-bottom: 5rem; +} + +.pt-\[120px\] { + padding-top: 120px; +} + +.pb-\[110px\] { + padding-bottom: 110px; +} + +.pt-11 { + padding-top: 2.75rem; +} + +.pt-24 { + padding-top: 6rem; +} + +.pl-4 { + padding-left: 1rem; +} + +.pr-4 { + padding-right: 1rem; +} + .pr-12 { padding-right: 3rem; } @@ -2974,10 +2779,6 @@ Ensure the default browser behavior of the `hidden` attribute. padding-right: 2.5rem; } -.pr-4 { - padding-right: 1rem; -} - .pl-24 { padding-left: 6rem; } @@ -2994,10 +2795,6 @@ Ensure the default browser behavior of the `hidden` attribute. padding-top: 0.125rem; } -.pt-0 { - padding-top: 0px; -} - .pt-48 { padding-top: 12rem; } @@ -3006,74 +2803,14 @@ Ensure the default browser behavior of the `hidden` attribute. padding-left: 3rem; } -.pr-8 { - padding-right: 2rem; -} - -.pl-4 { - padding-left: 1rem; -} - .pl-0 { padding-left: 0px; } -.pb-20 { - padding-bottom: 5rem; -} - -.pt-24 { - padding-top: 6rem; -} - .pb-56 { padding-bottom: 14rem; } -.pb-24 { - padding-bottom: 6rem; -} - -.pb-5 { - padding-bottom: 1.25rem; -} - -.pt-20 { - padding-top: 5rem; -} - -.pr-6 { - padding-right: 1.5rem; -} - -.pt-\[120px\] { - padding-top: 120px; -} - -.pb-\[110px\] { - padding-bottom: 110px; -} - -.pt-11 { - padding-top: 2.75rem; -} - -.pt-80 { - padding-top: 20rem; -} - -.pl-20 { - padding-left: 5rem; -} - -.pb-7 { - padding-bottom: 1.75rem; -} - -.pt-14 { - padding-top: 3.5rem; -} - .text-left { text-align: left; } @@ -3086,6 +2823,10 @@ Ensure the default browser behavior of the `hidden` attribute. text-align: right; } +.text-justify { + text-align: justify; +} + .align-middle { vertical-align: middle; } @@ -3098,6 +2839,21 @@ Ensure the default browser behavior of the `hidden` attribute. font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; } +.text-3xl { + font-size: 1.875rem; + line-height: 2.25rem; +} + +.text-xl { + font-size: 1.25rem; + line-height: 1.75rem; +} + +.text-lg { + font-size: 1.125rem; + line-height: 1.75rem; +} + .text-sm { font-size: 0.875rem; line-height: 1.25rem; @@ -3118,21 +2874,6 @@ Ensure the default browser behavior of the `hidden` attribute. line-height: 1.5rem; } -.text-xl { - font-size: 1.25rem; - line-height: 1.75rem; -} - -.text-lg { - font-size: 1.125rem; - line-height: 1.75rem; -} - -.text-3xl { - font-size: 1.875rem; - line-height: 2.25rem; -} - .text-7xl { font-size: 4.5rem; line-height: 1; @@ -3153,26 +2894,26 @@ Ensure the default browser behavior of the `hidden` attribute. line-height: 1; } +.font-semibold { + font-weight: 600; +} + .font-medium { font-weight: 500; } +.font-light { + font-weight: 300; +} + .font-bold { font-weight: 700; } -.font-semibold { - font-weight: 600; -} - .font-normal { font-weight: 400; } -.font-light { - font-weight: 300; -} - .font-extrabold { font-weight: 800; } @@ -3193,8 +2934,12 @@ Ensure the default browser behavior of the `hidden` attribute. text-transform: capitalize; } -.italic { - font-style: italic; +.leading-loose { + line-height: 2; +} + +.leading-6 { + line-height: 1.5rem; } .leading-normal { @@ -3233,14 +2978,14 @@ Ensure the default browser behavior of the `hidden` attribute. line-height: 1.375; } -.leading-6 { - line-height: 1.5rem; -} - .leading-10 { line-height: 2.5rem; } +.tracking-tight { + letter-spacing: -0.025em; +} + .tracking-wide { letter-spacing: 0.025em; } @@ -3257,8 +3002,29 @@ Ensure the default browser behavior of the `hidden` attribute. letter-spacing: 0em; } -.tracking-tight { - letter-spacing: -0.025em; +.text-gray-800 { + --tw-text-opacity: 1; + color: rgb(31 41 55 / var(--tw-text-opacity)); +} + +.text-gray-500 { + --tw-text-opacity: 1; + color: rgb(107 114 128 / var(--tw-text-opacity)); +} + +.text-gray-700 { + --tw-text-opacity: 1; + color: rgb(55 65 81 / var(--tw-text-opacity)); +} + +.text-gray-600 { + --tw-text-opacity: 1; + color: rgb(75 85 99 / var(--tw-text-opacity)); +} + +.text-white { + --tw-text-opacity: 1; + color: rgb(255 255 255 / var(--tw-text-opacity)); } .text-blue-500 { @@ -3276,16 +3042,6 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(219 39 119 / var(--tw-text-opacity)); } -.text-gray-500 { - --tw-text-opacity: 1; - color: rgb(107 114 128 / var(--tw-text-opacity)); -} - -.text-white { - --tw-text-opacity: 1; - color: rgb(255 255 255 / var(--tw-text-opacity)); -} - .text-gray-400 { --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity)); @@ -3301,16 +3057,6 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(192 132 252 / var(--tw-text-opacity)); } -.text-gray-800 { - --tw-text-opacity: 1; - color: rgb(31 41 55 / var(--tw-text-opacity)); -} - -.text-gray-600 { - --tw-text-opacity: 1; - color: rgb(75 85 99 / var(--tw-text-opacity)); -} - .text-purple-700 { --tw-text-opacity: 1; color: rgb(126 34 206 / var(--tw-text-opacity)); @@ -3341,11 +3087,6 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(243 232 255 / var(--tw-text-opacity)); } -.text-gray-700 { - --tw-text-opacity: 1; - color: rgb(55 65 81 / var(--tw-text-opacity)); -} - .text-blue-900 { --tw-text-opacity: 1; color: rgb(30 58 138 / var(--tw-text-opacity)); @@ -3440,21 +3181,31 @@ Ensure the default browser behavior of the `hidden` attribute. color: transparent; } +.text-indigo-800 { + --tw-text-opacity: 1; + color: rgb(55 48 163 / var(--tw-text-opacity)); +} + .text-purple-500 { --tw-text-opacity: 1; color: rgb(168 85 247 / var(--tw-text-opacity)); } -.text-indigo-500 { - --tw-text-opacity: 1; - color: rgb(99 102 241 / var(--tw-text-opacity)); -} - .text-indigo-600 { --tw-text-opacity: 1; color: rgb(79 70 229 / var(--tw-text-opacity)); } +.text-indigo-700 { + --tw-text-opacity: 1; + color: rgb(67 56 202 / var(--tw-text-opacity)); +} + +.text-indigo-500 { + --tw-text-opacity: 1; + color: rgb(99 102 241 / var(--tw-text-opacity)); +} + .text-yellow-400 { --tw-text-opacity: 1; color: rgb(250 204 21 / var(--tw-text-opacity)); @@ -3490,26 +3241,6 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(20 184 166 / var(--tw-text-opacity)); } -.text-blue-600 { - --tw-text-opacity: 1; - color: rgb(37 99 235 / var(--tw-text-opacity)); -} - -.text-red-500 { - --tw-text-opacity: 1; - color: rgb(239 68 68 / var(--tw-text-opacity)); -} - -.text-indigo-800 { - --tw-text-opacity: 1; - color: rgb(55 48 163 / var(--tw-text-opacity)); -} - -.text-indigo-700 { - --tw-text-opacity: 1; - color: rgb(67 56 202 / var(--tw-text-opacity)); -} - .underline { -webkit-text-decoration-line: underline; text-decoration-line: underline; @@ -3593,16 +3324,16 @@ Ensure the default browser behavior of the `hidden` attribute. opacity: 0.75; } -.opacity-0 { - opacity: 0; +.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); } -.opacity-100 { - opacity: 1; -} - -.opacity-70 { - opacity: 0.7; +.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); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-sm { @@ -3611,12 +3342,6 @@ Ensure the default browser behavior of the `hidden` attribute. box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } -.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); -} - .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); @@ -3629,12 +3354,6 @@ Ensure the default browser behavior of the `hidden` attribute. 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); - 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); @@ -3663,39 +3382,17 @@ Ensure the default browser behavior of the `hidden` attribute. box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } -.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); -} - .ring-gray-800 { --tw-ring-opacity: 1; --tw-ring-color: rgb(31 41 55 / var(--tw-ring-opacity)); } -.ring-black { - --tw-ring-opacity: 1; - --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity)); -} - -.ring-opacity-5 { - --tw-ring-opacity: 0.05; -} - -.blur-xl { - --tw-blur: blur(24px); - 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); -} - .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); } -.transition-colors { - transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color; - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color; +.transition-all { + transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } @@ -3708,14 +3405,10 @@ Ensure the default browser behavior of the `hidden` attribute. transition-duration: 150ms; } -.transition-all { - transition-property: all; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-duration: 150ms; -} - -.transition-transform { - transition-property: transform; +.transition-colors { + transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color; + transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; + transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } @@ -3724,26 +3417,26 @@ Ensure the default browser behavior of the `hidden` attribute. transition-duration: 300ms; } -.duration-200 { - transition-duration: 200ms; -} - .duration-700 { transition-duration: 700ms; } +.duration-200 { + transition-duration: 200ms; +} + .duration-100 { transition-duration: 100ms; } -.duration-150 { - transition-duration: 150ms; -} - .duration-500 { transition-duration: 500ms; } +.duration-150 { + transition-duration: 150ms; +} + .ease-in-out { transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } @@ -3752,10 +3445,6 @@ Ensure the default browser behavior of the `hidden` attribute. transition-timing-function: cubic-bezier(0, 0, 0.2, 1); } -.ease-in { - transition-timing-function: cubic-bezier(0.4, 0, 1, 1); -} - .section_divider { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); @@ -3805,6 +3494,11 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(31 41 55 / var(--tw-text-opacity)); } +.after\:content-\[\'\+\'\]::after { + --tw-content: '+'; + content: var(--tw-content); +} + .focus-within\:border-blue-400:focus-within { --tw-border-opacity: 1; border-color: rgb(96 165 250 / var(--tw-border-opacity)); @@ -3835,12 +3529,6 @@ Ensure the default browser behavior of the `hidden` attribute. 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)); } -.hover\:scale-105:hover { - --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)); -} - .hover\:rounded:hover { border-radius: 0.25rem; } @@ -3853,10 +3541,6 @@ Ensure the default browser behavior of the `hidden` attribute. border-width: 1px; } -.hover\:border-2:hover { - border-width: 2px; -} - .hover\:border-x-0:hover { border-left-width: 0px; border-right-width: 0px; @@ -3870,12 +3554,9 @@ Ensure the default browser behavior of the `hidden` attribute. border-top-width: 0px; } -.hover\:border-l-0:hover { - border-left-width: 0px; -} - -.hover\:border-none:hover { - border-style: none; +.hover\:border-indigo-800:hover { + --tw-border-opacity: 1; + border-color: rgb(55 48 163 / var(--tw-border-opacity)); } .hover\:border-green-700:hover { @@ -3888,21 +3569,26 @@ Ensure the default browser behavior of the `hidden` attribute. border-color: rgb(59 130 246 / var(--tw-border-opacity)); } -.hover\:border-indigo-300:hover { - --tw-border-opacity: 1; - border-color: rgb(165 180 252 / var(--tw-border-opacity)); -} - -.hover\:border-indigo-800:hover { - --tw-border-opacity: 1; - border-color: rgb(55 48 163 / var(--tw-border-opacity)); -} - .hover\:border-b-blue-300:hover { --tw-border-opacity: 1; border-bottom-color: rgb(147 197 253 / var(--tw-border-opacity)); } +.hover\:bg-gray-300:hover { + --tw-bg-opacity: 1; + background-color: rgb(209 213 219 / var(--tw-bg-opacity)); +} + +.hover\:bg-gray-200:hover { + --tw-bg-opacity: 1; + background-color: rgb(229 231 235 / var(--tw-bg-opacity)); +} + +.hover\:bg-indigo-50:hover { + --tw-bg-opacity: 1; + background-color: rgb(238 242 255 / var(--tw-bg-opacity)); +} + .hover\:bg-gray-50:hover { --tw-bg-opacity: 1; background-color: rgb(249 250 251 / var(--tw-bg-opacity)); @@ -3928,11 +3614,6 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(126 34 206 / var(--tw-bg-opacity)); } -.hover\:bg-gray-200:hover { - --tw-bg-opacity: 1; - background-color: rgb(229 231 235 / var(--tw-bg-opacity)); -} - .hover\:bg-blue-700:hover { --tw-bg-opacity: 1; background-color: rgb(29 78 216 / var(--tw-bg-opacity)); @@ -3958,11 +3639,31 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(30 64 175 / var(--tw-bg-opacity)); } +.hover\:bg-green-800:hover { + --tw-bg-opacity: 1; + background-color: rgb(22 101 52 / var(--tw-bg-opacity)); +} + .hover\:bg-purple-600:hover { --tw-bg-opacity: 1; background-color: rgb(147 51 234 / var(--tw-bg-opacity)); } +.hover\:bg-indigo-800:hover { + --tw-bg-opacity: 1; + background-color: rgb(55 48 163 / var(--tw-bg-opacity)); +} + +.hover\:bg-indigo-700:hover { + --tw-bg-opacity: 1; + background-color: rgb(67 56 202 / var(--tw-bg-opacity)); +} + +.hover\:bg-indigo-200:hover { + --tw-bg-opacity: 1; + background-color: rgb(199 210 254 / var(--tw-bg-opacity)); +} + .hover\:bg-indigo-500:hover { --tw-bg-opacity: 1; background-color: rgb(99 102 241 / var(--tw-bg-opacity)); @@ -3997,11 +3698,6 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(243 244 246 / var(--tw-bg-opacity)); } -.hover\:bg-gray-300:hover { - --tw-bg-opacity: 1; - background-color: rgb(209 213 219 / var(--tw-bg-opacity)); -} - .hover\:bg-gray-600:hover { --tw-bg-opacity: 1; background-color: rgb(75 85 99 / var(--tw-bg-opacity)); @@ -4032,41 +3728,6 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(234 179 8 / var(--tw-bg-opacity)); } -.hover\:bg-indigo-800:hover { - --tw-bg-opacity: 1; - background-color: rgb(55 48 163 / var(--tw-bg-opacity)); -} - -.hover\:bg-green-800:hover { - --tw-bg-opacity: 1; - background-color: rgb(22 101 52 / var(--tw-bg-opacity)); -} - -.hover\:bg-cyan-800:hover { - --tw-bg-opacity: 1; - background-color: rgb(21 94 117 / var(--tw-bg-opacity)); -} - -.hover\:bg-cyan-600:hover { - --tw-bg-opacity: 1; - background-color: rgb(8 145 178 / var(--tw-bg-opacity)); -} - -.hover\:bg-orange-600:hover { - --tw-bg-opacity: 1; - background-color: rgb(234 88 12 / var(--tw-bg-opacity)); -} - -.hover\:bg-indigo-700:hover { - --tw-bg-opacity: 1; - background-color: rgb(67 56 202 / var(--tw-bg-opacity)); -} - -.hover\:bg-indigo-200:hover { - --tw-bg-opacity: 1; - background-color: rgb(199 210 254 / var(--tw-bg-opacity)); -} - .hover\:bg-opacity-90:hover { --tw-bg-opacity: 0.9; } @@ -4210,6 +3871,11 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(209 213 219 / var(--tw-text-opacity)); } +.hover\:text-blue-300:hover { + --tw-text-opacity: 1; + color: rgb(147 197 253 / var(--tw-text-opacity)); +} + .hover\:text-purple-500:hover { --tw-text-opacity: 1; color: rgb(168 85 247 / var(--tw-text-opacity)); @@ -4235,26 +3901,6 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(37 99 235 / var(--tw-text-opacity)); } -.hover\:text-gray-50:hover { - --tw-text-opacity: 1; - color: rgb(249 250 251 / var(--tw-text-opacity)); -} - -.hover\:text-blue-300:hover { - --tw-text-opacity: 1; - color: rgb(147 197 253 / var(--tw-text-opacity)); -} - -.hover\:text-indigo-500:hover { - --tw-text-opacity: 1; - color: rgb(99 102 241 / var(--tw-text-opacity)); -} - -.hover\:text-indigo-700:hover { - --tw-text-opacity: 1; - color: rgb(67 56 202 / var(--tw-text-opacity)); -} - .hover\:text-opacity-75:hover { --tw-text-opacity: 0.75; } @@ -4327,6 +3973,11 @@ Ensure the default browser behavior of the `hidden` attribute. border-color: transparent; } +.focus\:border-blue-400:focus { + --tw-border-opacity: 1; + border-color: rgb(96 165 250 / var(--tw-border-opacity)); +} + .focus\:border-purple-600:focus { --tw-border-opacity: 1; border-color: rgb(147 51 234 / var(--tw-border-opacity)); @@ -4347,11 +3998,6 @@ Ensure the default browser behavior of the `hidden` attribute. border-color: rgb(202 138 4 / var(--tw-border-opacity)); } -.focus\:border-blue-400:focus { - --tw-border-opacity: 1; - border-color: rgb(96 165 250 / var(--tw-border-opacity)); -} - .focus\:border-gray-600:focus { --tw-border-opacity: 1; border-color: rgb(75 85 99 / var(--tw-border-opacity)); @@ -4362,11 +4008,6 @@ Ensure the default browser behavior of the `hidden` attribute. border-color: rgb(59 130 246 / var(--tw-border-opacity)); } -.focus\:border-blue-700:focus { - --tw-border-opacity: 1; - border-color: rgb(29 78 216 / var(--tw-border-opacity)); -} - .focus\:bg-transparent:focus { background-color: transparent; } @@ -4381,6 +4022,21 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } +.focus\:bg-blue-500:focus { + --tw-bg-opacity: 1; + background-color: rgb(59 130 246 / var(--tw-bg-opacity)); +} + +.focus\:bg-blue-400:focus { + --tw-bg-opacity: 1; + background-color: rgb(96 165 250 / var(--tw-bg-opacity)); +} + +.focus\:bg-gray-800:focus { + --tw-bg-opacity: 1; + background-color: rgb(31 41 55 / var(--tw-bg-opacity)); +} + .focus\:bg-purple-600:focus { --tw-bg-opacity: 1; background-color: rgb(147 51 234 / var(--tw-bg-opacity)); @@ -4396,26 +4052,6 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(229 231 235 / var(--tw-bg-opacity)); } -.focus\:bg-blue-500:focus { - --tw-bg-opacity: 1; - background-color: rgb(59 130 246 / var(--tw-bg-opacity)); -} - -.focus\:bg-blue-400:focus { - --tw-bg-opacity: 1; - background-color: rgb(96 165 250 / var(--tw-bg-opacity)); -} - -.focus\:bg-gray-600:focus { - --tw-bg-opacity: 1; - background-color: rgb(75 85 99 / var(--tw-bg-opacity)); -} - -.focus\:bg-gray-800:focus { - --tw-bg-opacity: 1; - background-color: rgb(31 41 55 / var(--tw-bg-opacity)); -} - .focus\:text-white:focus { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); @@ -4477,10 +4113,6 @@ Ensure the default browser behavior of the `hidden` attribute. box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } -.focus\:ring-inset:focus { - --tw-ring-inset: inset; -} - .focus\:ring-gray-300:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity)); @@ -4526,16 +4158,6 @@ Ensure the default browser behavior of the `hidden` attribute. --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity)); } -.focus\:ring-indigo-400:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgb(129 140 248 / var(--tw-ring-opacity)); -} - -.focus\:ring-indigo-500:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity)); -} - .focus\:ring-opacity-40:focus { --tw-ring-opacity: 0.4; } @@ -4595,6 +4217,10 @@ Ensure the default browser behavior of the `hidden` attribute. display: block; } +.group:hover .group-hover\:h-full { + height: 100%; +} + .group:hover .group-hover\:translate-x-6 { --tw-translate-x: 1.5rem; 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)); @@ -4618,6 +4244,11 @@ Ensure the default browser behavior of the `hidden` attribute. border-bottom-width: 2px; } +.group:hover .group-hover\:bg-green-200 { + --tw-bg-opacity: 1; + background-color: rgb(187 247 208 / var(--tw-bg-opacity)); +} + .group:hover .group-hover\:bg-gray-600 { --tw-bg-opacity: 1; background-color: rgb(75 85 99 / var(--tw-bg-opacity)); @@ -4628,16 +4259,6 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(168 85 247 / var(--tw-bg-opacity)); } -.group:hover .group-hover\:bg-green-200 { - --tw-bg-opacity: 1; - background-color: rgb(187 247 208 / var(--tw-bg-opacity)); -} - -.group:hover .group-hover\:text-white { - --tw-text-opacity: 1; - color: rgb(255 255 255 / var(--tw-text-opacity)); -} - .group:hover .group-hover\:text-gray-800 { --tw-text-opacity: 1; color: rgb(31 41 55 / var(--tw-text-opacity)); @@ -4674,10 +4295,6 @@ Ensure the default browser behavior of the `hidden` attribute. border-bottom-width: 0px; } -.dark .dark\:border-none { - border-style: none; -} - .dark .dark\:border-gray-400 { --tw-border-opacity: 1; border-color: rgb(156 163 175 / var(--tw-border-opacity)); @@ -4712,16 +4329,16 @@ Ensure the default browser behavior of the `hidden` attribute. border-color: transparent; } -.dark .dark\:bg-emerald-900 { - --tw-bg-opacity: 1; - background-color: rgb(6 78 59 / var(--tw-bg-opacity)); -} - .dark .dark\:bg-gray-800 { --tw-bg-opacity: 1; background-color: rgb(31 41 55 / var(--tw-bg-opacity)); } +.dark .dark\:bg-emerald-900 { + --tw-bg-opacity: 1; + background-color: rgb(6 78 59 / var(--tw-bg-opacity)); +} + .dark .dark\:bg-purple-800 { --tw-bg-opacity: 1; background-color: rgb(107 33 168 / var(--tw-bg-opacity)); @@ -4792,11 +4409,21 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(30 58 138 / var(--tw-bg-opacity)); } +.dark .dark\:bg-gray-500 { + --tw-bg-opacity: 1; + background-color: rgb(107 114 128 / var(--tw-bg-opacity)); +} + .dark .dark\:bg-cyan-400 { --tw-bg-opacity: 1; background-color: rgb(34 211 238 / var(--tw-bg-opacity)); } +.dark .dark\:bg-white { + --tw-bg-opacity: 1; + background-color: rgb(255 255 255 / var(--tw-bg-opacity)); +} + .dark .dark\:bg-amber-50 { --tw-bg-opacity: 1; background-color: rgb(255 251 235 / var(--tw-bg-opacity)); @@ -4812,41 +4439,6 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(156 163 175 / var(--tw-bg-opacity)); } -.dark .dark\:bg-gray-500 { - --tw-bg-opacity: 1; - background-color: rgb(107 114 128 / var(--tw-bg-opacity)); -} - -.dark .dark\:bg-indigo-800 { - --tw-bg-opacity: 1; - background-color: rgb(55 48 163 / var(--tw-bg-opacity)); -} - -.dark .dark\:bg-emerald-600 { - --tw-bg-opacity: 1; - background-color: rgb(5 150 105 / var(--tw-bg-opacity)); -} - -.dark .dark\:bg-cyan-600 { - --tw-bg-opacity: 1; - background-color: rgb(8 145 178 / var(--tw-bg-opacity)); -} - -.dark .dark\:bg-emerald-50 { - --tw-bg-opacity: 1; - background-color: rgb(236 253 245 / var(--tw-bg-opacity)); -} - -.dark .dark\:bg-emerald-500 { - --tw-bg-opacity: 1; - background-color: rgb(16 185 129 / var(--tw-bg-opacity)); -} - -.dark .dark\:bg-white { - --tw-bg-opacity: 1; - background-color: rgb(255 255 255 / var(--tw-bg-opacity)); -} - .dark .dark\:bg-opacity-40 { --tw-bg-opacity: 0.4; } @@ -4923,10 +4515,6 @@ Ensure the default browser behavior of the `hidden` attribute. stroke: #f87171; } -.dark .dark\:stroke-white { - stroke: #fff; -} - .dark .dark\:p-1 { padding: 0.25rem; } @@ -5049,6 +4637,11 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(167 139 250 / var(--tw-text-opacity)); } +.dark .dark\:text-indigo-400 { + --tw-text-opacity: 1; + color: rgb(129 140 248 / var(--tw-text-opacity)); +} + .dark .dark\:text-gray-700 { --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity)); @@ -5069,11 +4662,6 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(6 182 212 / var(--tw-text-opacity)); } -.dark .dark\:text-indigo-400 { - --tw-text-opacity: 1; - color: rgb(129 140 248 / var(--tw-text-opacity)); -} - .dark .dark\:text-red-400 { --tw-text-opacity: 1; color: rgb(248 113 113 / var(--tw-text-opacity)); @@ -5094,21 +4682,6 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(255 255 255 / var(--tw-placeholder-opacity)); } -.dark .dark\:placeholder-gray-300::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgb(209 213 219 / var(--tw-placeholder-opacity)); -} - -.dark .dark\:placeholder-gray-300:-ms-input-placeholder { - --tw-placeholder-opacity: 1; - color: rgb(209 213 219 / var(--tw-placeholder-opacity)); -} - -.dark .dark\:placeholder-gray-300::placeholder { - --tw-placeholder-opacity: 1; - color: rgb(209 213 219 / var(--tw-placeholder-opacity)); -} - .dark .dark\:placeholder-gray-500::-moz-placeholder { --tw-placeholder-opacity: 1; color: rgb(107 114 128 / var(--tw-placeholder-opacity)); @@ -5124,6 +4697,21 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(107 114 128 / var(--tw-placeholder-opacity)); } +.dark .dark\:placeholder-gray-300::-moz-placeholder { + --tw-placeholder-opacity: 1; + color: rgb(209 213 219 / var(--tw-placeholder-opacity)); +} + +.dark .dark\:placeholder-gray-300:-ms-input-placeholder { + --tw-placeholder-opacity: 1; + color: rgb(209 213 219 / var(--tw-placeholder-opacity)); +} + +.dark .dark\:placeholder-gray-300::placeholder { + --tw-placeholder-opacity: 1; + color: rgb(209 213 219 / var(--tw-placeholder-opacity)); +} + .dark .dark\:opacity-20 { opacity: 0.2; } @@ -5198,14 +4786,6 @@ Ensure the default browser behavior of the `hidden` attribute. border-radius: 0.25rem; } -.dark .dark\:hover\:border:hover { - border-width: 1px; -} - -.dark .dark\:hover\:border-2:hover { - border-width: 2px; -} - .dark .dark\:hover\:border-x-2:hover { border-left-width: 2px; border-right-width: 2px; @@ -5216,36 +4796,11 @@ Ensure the default browser behavior of the `hidden` attribute. border-bottom-width: 2px; } -.dark .hover\:dark\:border-gray-700:hover { - --tw-border-opacity: 1; - border-color: rgb(55 65 81 / var(--tw-border-opacity)); -} - -.dark .dark\:hover\:border-gray-700:hover { - --tw-border-opacity: 1; - border-color: rgb(55 65 81 / var(--tw-border-opacity)); -} - .dark .dark\:hover\:border-gray-800:hover { --tw-border-opacity: 1; border-color: rgb(31 41 55 / var(--tw-border-opacity)); } -.dark .dark\:hover\:border-red-800:hover { - --tw-border-opacity: 1; - border-color: rgb(153 27 27 / var(--tw-border-opacity)); -} - -.dark .dark\:hover\:border-red-300:hover { - --tw-border-opacity: 1; - border-color: rgb(252 165 165 / var(--tw-border-opacity)); -} - -.dark .dark\:hover\:border-gray-300:hover { - --tw-border-opacity: 1; - border-color: rgb(209 213 219 / var(--tw-border-opacity)); -} - .dark .dark\:hover\:bg-gray-600:hover { --tw-bg-opacity: 1; background-color: rgb(75 85 99 / var(--tw-bg-opacity)); @@ -5261,6 +4816,10 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(31 41 55 / var(--tw-bg-opacity)); } +.dark .dark\:hover\:bg-transparent:hover { + background-color: transparent; +} + .dark .dark\:hover\:bg-cyan-400:hover { --tw-bg-opacity: 1; background-color: rgb(34 211 238 / var(--tw-bg-opacity)); @@ -5276,14 +4835,6 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(55 65 81 / var(--tw-bg-opacity)); } -.dark .dark\:hover\:bg-transparent:hover { - background-color: transparent; -} - -.dark .dark\:hover\:bg-none:hover { - background-image: none; -} - .dark .dark\:hover\:stroke-cyan-400:hover { stroke: #22d3ee; } @@ -5383,6 +4934,16 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(31 41 55 / var(--tw-text-opacity)); } +.dark .dark\:hover\:text-gray-50:hover { + --tw-text-opacity: 1; + color: rgb(249 250 251 / var(--tw-text-opacity)); +} + +.dark .dark\:hover\:text-gray-600:hover { + --tw-text-opacity: 1; + color: rgb(75 85 99 / var(--tw-text-opacity)); +} + .dark .dark\:hover\:text-gray-500:hover { --tw-text-opacity: 1; color: rgb(107 114 128 / var(--tw-text-opacity)); @@ -5398,16 +4959,6 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(8 145 178 / var(--tw-text-opacity)); } -.dark .dark\:hover\:text-gray-50:hover { - --tw-text-opacity: 1; - color: rgb(249 250 251 / var(--tw-text-opacity)); -} - -.dark .dark\:hover\:text-gray-600:hover { - --tw-text-opacity: 1; - color: rgb(75 85 99 / var(--tw-text-opacity)); -} - .dark .dark\:hover\:ring-2:hover { --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); @@ -5444,16 +4995,16 @@ Ensure the default browser behavior of the `hidden` attribute. border-bottom-color: rgb(248 113 113 / var(--tw-border-opacity)); } -.dark .focus\:dark\:bg-gray-900:focus { - --tw-bg-opacity: 1; - background-color: rgb(17 24 39 / var(--tw-bg-opacity)); -} - .dark .dark\:focus\:bg-gray-700:focus { --tw-bg-opacity: 1; background-color: rgb(55 65 81 / var(--tw-bg-opacity)); } +.dark .focus\:dark\:bg-gray-900:focus { + --tw-bg-opacity: 1; + background-color: rgb(17 24 39 / var(--tw-bg-opacity)); +} + .dark .dark\:focus\:text-white:focus { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); @@ -5501,6 +5052,11 @@ Ensure the default browser behavior of the `hidden` attribute. margin-right: 0.5rem; } + .sm\:mx-auto { + margin-left: auto; + margin-right: auto; + } + .sm\:mx-0 { margin-left: 0px; margin-right: 0px; @@ -5516,11 +5072,6 @@ Ensure the default browser behavior of the `hidden` attribute. margin-bottom: 1.25rem; } - .sm\:mx-auto { - margin-left: auto; - margin-right: auto; - } - .sm\:mt-0 { margin-top: 0px; } @@ -5549,6 +5100,26 @@ Ensure the default browser behavior of the `hidden` attribute. margin-bottom: 0px; } + .sm\:mb-12 { + margin-bottom: 3rem; + } + + .sm\:mt-12 { + margin-top: 3rem; + } + + .sm\:mt-5 { + margin-top: 1.25rem; + } + + .sm\:mt-8 { + margin-top: 2rem; + } + + .sm\:ml-3 { + margin-left: 0.75rem; + } + .sm\:-mr-20 { margin-right: -5rem; } @@ -5577,30 +5148,6 @@ Ensure the default browser behavior of the `hidden` attribute. margin-right: 2.5rem; } - .sm\:mb-12 { - margin-bottom: 3rem; - } - - .sm\:mt-12 { - margin-top: 3rem; - } - - .sm\:mt-5 { - margin-top: 1.25rem; - } - - .sm\:mt-8 { - margin-top: 2rem; - } - - .sm\:ml-3 { - margin-left: 0.75rem; - } - - .sm\:ml-5 { - margin-left: 1.25rem; - } - .sm\:block { display: block; } @@ -5621,14 +5168,6 @@ Ensure the default browser behavior of the `hidden` attribute. height: 2.5rem; } - .sm\:h-80 { - height: 20rem; - } - - .sm\:h-screen { - height: 100vh; - } - .sm\:h-72 { height: 18rem; } @@ -5685,17 +5224,6 @@ Ensure the default browser behavior of the `hidden` attribute. flex-shrink: 0; } - .sm\:-translate-x-64 { - --tw-translate-x: -16rem; - 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)); - } - - .sm\:scale-125 { - --tw-scale-x: 1.25; - --tw-scale-y: 1.25; - 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)); - } - .sm\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } @@ -5758,14 +5286,6 @@ Ensure the default browser behavior of the `hidden` attribute. margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))); } - .sm\:rounded-xl { - border-radius: 0.75rem; - } - - .sm\:rounded-full { - border-radius: 9999px; - } - .sm\:border-none { border-style: none; } @@ -5783,9 +5303,9 @@ Ensure the default browser behavior of the `hidden` attribute. padding-right: 1.5rem; } - .sm\:px-0 { - padding-left: 0px; - padding-right: 0px; + .sm\:px-12 { + padding-left: 3rem; + padding-right: 3rem; } .sm\:px-10 { @@ -5793,9 +5313,9 @@ Ensure the default browser behavior of the `hidden` attribute. padding-right: 2.5rem; } - .sm\:px-4 { - padding-left: 1rem; - padding-right: 1rem; + .sm\:px-0 { + padding-left: 0px; + padding-right: 0px; } .sm\:px-8 { @@ -5803,6 +5323,11 @@ Ensure the default browser behavior of the `hidden` attribute. padding-right: 2rem; } + .sm\:px-4 { + padding-left: 1rem; + padding-right: 1rem; + } + .sm\:px-5 { padding-left: 1.25rem; padding-right: 1.25rem; @@ -5818,30 +5343,14 @@ Ensure the default browser behavior of the `hidden` attribute. padding-bottom: 8rem; } - .sm\:px-12 { - padding-left: 3rem; - padding-right: 3rem; - } - - .sm\:py-12 { - padding-top: 3rem; - padding-bottom: 3rem; - } - - .sm\:py-5 { - padding-top: 1.25rem; - padding-bottom: 1.25rem; - } - - .sm\:py-20 { - padding-top: 5rem; - padding-bottom: 5rem; - } - .sm\:pt-12 { padding-top: 3rem; } + .sm\:pb-16 { + padding-bottom: 4rem; + } + .sm\:pl-0 { padding-left: 0px; } @@ -5862,18 +5371,6 @@ Ensure the default browser behavior of the `hidden` attribute. padding-right: 2.5rem; } - .sm\:pt-0 { - padding-top: 0px; - } - - .sm\:pb-16 { - padding-bottom: 4rem; - } - - .sm\:pb-14 { - padding-bottom: 3.5rem; - } - .sm\:text-left { text-align: left; } @@ -5902,6 +5399,15 @@ Ensure the default browser behavior of the `hidden` attribute. line-height: 2.5rem; } + .sm\:text-\[42px\] { + font-size: 42px; + } + + .sm\:text-lg { + font-size: 1.125rem; + line-height: 1.75rem; + } + .sm\:text-base { font-size: 1rem; line-height: 1.5rem; @@ -5912,23 +5418,15 @@ Ensure the default browser behavior of the `hidden` attribute. line-height: 1.25rem; } - .sm\:text-lg { - font-size: 1.125rem; - line-height: 1.75rem; - } - - .sm\:text-\[42px\] { - font-size: 42px; - } - - .sm\:text-8xl { - font-size: 6rem; - line-height: 1; - } - .sm\:leading-none { line-height: 1; } + + .sm\: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); + } } @media (min-width: 768px) { @@ -6003,6 +5501,11 @@ Ensure the default browser behavior of the `hidden` attribute. margin-bottom: 1.5rem; } + .md\:mx-12 { + margin-left: 3rem; + margin-right: 3rem; + } + .md\:mx-6 { margin-left: 1.5rem; margin-right: 1.5rem; @@ -6033,11 +5536,6 @@ Ensure the default browser behavior of the `hidden` attribute. margin-right: 0.25rem; } - .md\:mx-12 { - margin-left: 3rem; - margin-right: 3rem; - } - .md\:mr-2 { margin-right: 0.5rem; } @@ -6070,6 +5568,26 @@ Ensure the default browser behavior of the `hidden` attribute. margin-bottom: 2rem; } + .md\:ml-0 { + margin-left: 0px; + } + + .md\:mt-4 { + margin-top: 1rem; + } + + .md\:mt-8 { + margin-top: 2rem; + } + + .md\:mt-16 { + margin-top: 4rem; + } + + .md\:mt-5 { + margin-top: 1.25rem; + } + .md\:mr-8 { margin-right: 2rem; } @@ -6118,34 +5636,6 @@ Ensure the default browser behavior of the `hidden` attribute. margin-right: 2.5rem; } - .md\:ml-0 { - margin-left: 0px; - } - - .md\:mt-4 { - margin-top: 1rem; - } - - .md\:mt-8 { - margin-top: 2rem; - } - - .md\:ml-10 { - margin-left: 2.5rem; - } - - .md\:mt-16 { - margin-top: 4rem; - } - - .md\:mt-5 { - margin-top: 1.25rem; - } - - .md\:ml-7 { - margin-left: 1.75rem; - } - .md\:block { display: block; } @@ -6178,6 +5668,10 @@ Ensure the default browser behavior of the `hidden` attribute. height: 2.5rem; } + .md\:h-96 { + height: 24rem; + } + .md\:h-5 { height: 1.25rem; } @@ -6186,14 +5680,6 @@ Ensure the default browser behavior of the `hidden` attribute. height: 6rem; } - .md\:h-96 { - height: 24rem; - } - - .md\:h-6 { - height: 1.5rem; - } - .md\:w-1\/4 { width: 25%; } @@ -6254,10 +5740,6 @@ Ensure the default browser behavior of the `hidden` attribute. width: 2.5rem; } - .md\:w-32 { - width: 8rem; - } - .md\:w-7\/12 { width: 58.333333%; } @@ -6290,17 +5772,6 @@ Ensure the default browser behavior of the `hidden` attribute. max-width: 72rem; } - .md\:-translate-x-24 { - --tw-translate-x: -6rem; - 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)); - } - - .md\:scale-125 { - --tw-scale-x: 1.25; - --tw-scale-y: 1.25; - 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)); - } - .md\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } @@ -6399,6 +5870,12 @@ Ensure the default browser behavior of the `hidden` attribute. margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse))); } + .md\: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)); + } + .md\:space-x-8 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(2rem * var(--tw-space-x-reverse)); @@ -6411,12 +5888,6 @@ Ensure the default browser behavior of the `hidden` attribute. margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))); } - .md\: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)); - } - .md\:divide-x-2 > :not([hidden]) ~ :not([hidden]) { --tw-divide-x-reverse: 0; border-right-width: calc(2px * var(--tw-divide-x-reverse)); @@ -6469,14 +5940,14 @@ Ensure the default browser behavior of the `hidden` attribute. border-top-width: 1px; } - .md\:border-l-0 { - border-left-width: 0px; - } - .md\:border-r-0 { border-right-width: 0px; } + .md\:border-l-0 { + border-left-width: 0px; + } + .md\:border-solid { border-style: solid; } @@ -6493,14 +5964,14 @@ Ensure the default browser behavior of the `hidden` attribute. padding: 2rem; } - .md\:p-0 { - padding: 0px; - } - .md\:p-6 { padding: 1.5rem; } + .md\:p-0 { + padding: 0px; + } + .md\:px-24 { padding-left: 6rem; padding-right: 6rem; @@ -6536,11 +6007,26 @@ Ensure the default browser behavior of the `hidden` attribute. padding-right: 2.5rem; } + .md\:px-16 { + padding-left: 4rem; + padding-right: 4rem; + } + + .md\:py-16 { + padding-top: 4rem; + padding-bottom: 4rem; + } + .md\:py-4 { padding-top: 1rem; padding-bottom: 1rem; } + .md\:py-12 { + padding-top: 3rem; + padding-bottom: 3rem; + } + .md\:px-0 { padding-left: 0px; padding-right: 0px; @@ -6561,26 +6047,11 @@ Ensure the default browser behavior of the `hidden` attribute. padding-right: 1.25rem; } - .md\:py-16 { - padding-top: 4rem; - padding-bottom: 4rem; - } - .md\:py-40 { padding-top: 10rem; padding-bottom: 10rem; } - .md\:px-16 { - padding-left: 4rem; - padding-right: 4rem; - } - - .md\:py-12 { - padding-top: 3rem; - padding-bottom: 3rem; - } - .md\:pl-20 { padding-left: 5rem; } @@ -6617,22 +6088,6 @@ Ensure the default browser behavior of the `hidden` attribute. padding-bottom: 1.5rem; } - .md\:pl-16 { - padding-left: 4rem; - } - - .md\:pr-10 { - padding-right: 2.5rem; - } - - .md\:pt-40 { - padding-top: 10rem; - } - - .md\:pb-64 { - padding-bottom: 16rem; - } - .md\:pr-16 { padding-right: 4rem; } @@ -6641,12 +6096,24 @@ Ensure the default browser behavior of the `hidden` attribute. padding-left: 2rem; } + .md\:pl-16 { + padding-left: 4rem; + } + + .md\:pr-10 { + padding-right: 2.5rem; + } + .md\:pb-20 { padding-bottom: 5rem; } - .md\:pr-4 { - padding-right: 1rem; + .md\:pt-40 { + padding-top: 10rem; + } + + .md\:pb-64 { + padding-bottom: 16rem; } .md\:text-left { @@ -6696,16 +6163,6 @@ Ensure the default browser behavior of the `hidden` attribute. line-height: 1.25rem; } - .md\:text-9xl { - font-size: 8rem; - line-height: 1; - } - - .md\:text-7xl { - font-size: 4.5rem; - line-height: 1; - } - .md\:font-medium { font-weight: 500; } @@ -6761,10 +6218,6 @@ Ensure the default browser behavior of the `hidden` attribute. } @media (min-width: 1024px) { - .lg\:static { - position: static; - } - .lg\:absolute { position: absolute; } @@ -6778,14 +6231,14 @@ Ensure the default browser behavior of the `hidden` attribute. bottom: 0px; } - .lg\:left-1\/2 { - left: 50%; - } - .lg\:right-0 { right: 0px; } + .lg\:left-1\/2 { + left: 50%; + } + .lg\:order-last { order: 9999; } @@ -6822,39 +6275,38 @@ Ensure the default browser behavior of the `hidden` attribute. grid-column-end: 13; } + .lg\:my-8 { + margin-top: 2rem; + margin-bottom: 2rem; + } + + .lg\:mx-auto { + margin-left: auto; + margin-right: auto; + } + .lg\:mx-0 { margin-left: 0px; margin-right: 0px; } - .lg\:-mx-4 { - margin-left: -1rem; - margin-right: -1rem; - } - .lg\:mx-4 { margin-left: 1rem; margin-right: 1rem; } + .lg\:-mx-4 { + margin-left: -1rem; + margin-right: -1rem; + } + .lg\:-mx-2 { margin-left: -0.5rem; margin-right: -0.5rem; } - .lg\:mx-6 { - margin-left: 1.5rem; - margin-right: 1.5rem; - } - - .lg\:my-0 { - margin-top: 0px; - margin-bottom: 0px; - } - - .lg\:-mx-6 { - margin-left: -1.5rem; - margin-right: -1.5rem; + .lg\:mt-16 { + margin-top: 4rem; } .lg\:mt-0 { @@ -6893,6 +6345,22 @@ Ensure the default browser behavior of the `hidden` attribute. margin-bottom: 4rem; } + .lg\:-mt-40 { + margin-top: -10rem; + } + + .lg\:ml-4 { + margin-left: 1rem; + } + + .lg\:mt-20 { + margin-top: 5rem; + } + + .lg\:mt-5 { + margin-top: 1.25rem; + } + .lg\:mr-12 { margin-right: 3rem; } @@ -6913,34 +6381,10 @@ Ensure the default browser behavior of the `hidden` attribute. margin-left: -3rem; } - .lg\:mt-20 { - margin-top: 5rem; - } - .lg\:mt-10 { margin-top: 2.5rem; } - .lg\:-mt-40 { - margin-top: -10rem; - } - - .lg\:ml-4 { - margin-left: 1rem; - } - - .lg\:ml-12 { - margin-left: 3rem; - } - - .lg\:ml-20 { - margin-left: 5rem; - } - - .lg\:mt-5 { - margin-top: 1.25rem; - } - .lg\:block { display: block; } @@ -6953,10 +6397,6 @@ Ensure the default browser behavior of the `hidden` attribute. display: flex; } - .lg\:inline-flex { - display: inline-flex; - } - .lg\:grid { display: grid; } @@ -6965,24 +6405,16 @@ Ensure the default browser behavior of the `hidden` attribute. display: none; } - .lg\:h-screen { - height: 100vh; + .lg\:h-\[32rem\] { + height: 32rem; } .lg\:h-full { height: 100%; } - .lg\:h-96 { - height: 24rem; - } - - .lg\:h-\[32rem\] { - height: 32rem; - } - - .lg\:h-1\/3 { - height: 33.333333%; + .lg\:h-screen { + height: 100vh; } .lg\:w-1\/4 { @@ -7025,6 +6457,22 @@ Ensure the default browser behavior of the `hidden` attribute. width: 33.333333%; } + .lg\:w-full { + width: 100%; + } + + .lg\:w-5\/12 { + width: 41.666667%; + } + + .lg\:w-1\/12 { + width: 8.333333%; + } + + .lg\:w-11\/12 { + width: 91.666667%; + } + .lg\:w-2\/5 { width: 40%; } @@ -7045,20 +6493,8 @@ Ensure the default browser behavior of the `hidden` attribute. width: 75%; } - .lg\:w-full { - width: 100%; - } - - .lg\:w-5\/12 { - width: 41.666667%; - } - - .lg\:w-1\/12 { - width: 8.333333%; - } - - .lg\:w-11\/12 { - width: 91.666667%; + .lg\:max-w-4xl { + max-width: 56rem; } .lg\:max-w-screen-xl { @@ -7073,30 +6509,22 @@ Ensure the default browser behavior of the `hidden` attribute. max-width: 100%; } - .lg\:max-w-6xl { - max-width: 72rem; + .lg\:max-w-lg { + max-width: 32rem; } .lg\:max-w-2xl { max-width: 42rem; } - .lg\:max-w-4xl { - max-width: 56rem; + .lg\:max-w-6xl { + max-width: 72rem; } .lg\:max-w-5xl { max-width: 64rem; } - .lg\:max-w-md { - max-width: 28rem; - } - - .lg\:max-w-lg { - max-width: 32rem; - } - .lg\:flex-1 { flex: 1 1 0%; } @@ -7105,10 +6533,6 @@ Ensure the default browser behavior of the `hidden` attribute. flex-grow: 1; } - .lg\:flex-grow-0 { - flex-grow: 0; - } - .lg\:-translate-x-1\/2 { --tw-translate-x: -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)); @@ -7206,12 +6630,6 @@ Ensure the default browser behavior of the `hidden` attribute. margin-left: calc(4rem * calc(1 - var(--tw-space-x-reverse))); } - .lg\:space-x-5 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(1.25rem * var(--tw-space-x-reverse)); - margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse))); - } - .lg\:border-transparent { border-color: transparent; } @@ -7254,9 +6672,9 @@ Ensure the default browser behavior of the `hidden` attribute. padding-right: 8rem; } - .lg\:py-8 { - padding-top: 2rem; - padding-bottom: 2rem; + .lg\:py-16 { + padding-top: 4rem; + padding-bottom: 4rem; } .lg\:px-16 { @@ -7264,41 +6682,11 @@ Ensure the default browser behavior of the `hidden` attribute. padding-right: 4rem; } - .lg\:px-40 { - padding-left: 10rem; - padding-right: 10rem; - } - .lg\:py-24 { padding-top: 6rem; padding-bottom: 6rem; } - .lg\:px-6 { - padding-left: 1.5rem; - padding-right: 1.5rem; - } - - .lg\:px-5 { - padding-left: 1.25rem; - padding-right: 1.25rem; - } - - .lg\:py-16 { - padding-top: 4rem; - padding-bottom: 4rem; - } - - .lg\:px-0 { - padding-left: 0px; - padding-right: 0px; - } - - .lg\:py-32 { - padding-top: 8rem; - padding-bottom: 8rem; - } - .lg\:py-7 { padding-top: 1.75rem; padding-bottom: 1.75rem; @@ -7309,6 +6697,26 @@ Ensure the default browser behavior of the `hidden` attribute. padding-right: 1.75rem; } + .lg\:py-8 { + padding-top: 2rem; + padding-bottom: 2rem; + } + + .lg\:px-40 { + padding-left: 10rem; + padding-right: 10rem; + } + + .lg\:px-6 { + padding-left: 1.5rem; + padding-right: 1.5rem; + } + + .lg\:px-5 { + padding-left: 1.25rem; + padding-right: 1.25rem; + } + .lg\:pl-12 { padding-left: 3rem; } @@ -7325,6 +6733,22 @@ Ensure the default browser behavior of the `hidden` attribute. padding-right: 4rem; } + .lg\:pb-56 { + padding-bottom: 14rem; + } + + .lg\:pr-24 { + padding-right: 6rem; + } + + .lg\:pt-\[150px\] { + padding-top: 150px; + } + + .lg\:pb-28 { + padding-bottom: 7rem; + } + .lg\:pl-32 { padding-left: 8rem; } @@ -7345,42 +6769,19 @@ Ensure the default browser behavior of the `hidden` attribute. padding-right: 5rem; } - .lg\:pb-56 { - padding-bottom: 14rem; - } - - .lg\:pr-24 { - padding-right: 6rem; - } - - .lg\:pt-\[150px\] { - padding-top: 150px; - } - - .lg\:pr-0 { - padding-right: 0px; - } - - .lg\:pl-10 { - padding-left: 2.5rem; - } - - .lg\:pb-28 { - padding-bottom: 7rem; - } - .lg\:text-left { text-align: left; } - .lg\:text-center { - text-align: center; - } - .lg\:text-right { text-align: right; } + .lg\:text-5xl { + font-size: 3rem; + line-height: 1; + } + .lg\:text-2xl { font-size: 1.5rem; line-height: 2rem; @@ -7391,16 +6792,6 @@ Ensure the default browser behavior of the `hidden` attribute. line-height: 1.25rem; } - .lg\:text-5xl { - font-size: 3rem; - line-height: 1; - } - - .lg\:text-base { - font-size: 1rem; - line-height: 1.5rem; - } - .lg\:text-3xl { font-size: 1.875rem; line-height: 2.25rem; @@ -7415,14 +6806,9 @@ Ensure the default browser behavior of the `hidden` attribute. font-size: 40px; } - .lg\:text-xl { - font-size: 1.25rem; - line-height: 1.75rem; - } - - .lg\:text-9xl { - font-size: 8rem; - line-height: 1; + .lg\:text-base { + font-size: 1rem; + line-height: 1.5rem; } .lg\:text-white { @@ -7451,6 +6837,10 @@ Ensure the default browser behavior of the `hidden` attribute. grid-column: span 3 / span 3; } + .xl\:mt-28 { + margin-top: 7rem; + } + .xl\:mb-8 { margin-bottom: 2rem; } @@ -7471,10 +6861,6 @@ Ensure the default browser behavior of the `hidden` attribute. margin-top: -3rem; } - .xl\:mt-28 { - margin-top: 7rem; - } - .xl\:inline { display: inline; } @@ -7519,14 +6905,6 @@ Ensure the default browser behavior of the `hidden` attribute. max-width: 100%; } - .xl\:max-w-lg { - max-width: 32rem; - } - - .xl\:max-w-2xl { - max-width: 42rem; - } - .xl\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } @@ -7553,6 +6931,11 @@ Ensure the default browser behavior of the `hidden` attribute. padding-right: 3rem; } + .xl\:px-10 { + padding-left: 2.5rem; + padding-right: 2.5rem; + } + .xl\:px-0 { padding-left: 0px; padding-right: 0px; @@ -7563,20 +6946,14 @@ Ensure the default browser behavior of the `hidden` attribute. padding-bottom: 10rem; } - .xl\:px-10 { - padding-left: 2.5rem; - padding-right: 2.5rem; - } - - .xl\:py-20 { - padding-top: 5rem; - padding-bottom: 5rem; - } - .xl\:pt-8 { padding-top: 2rem; } + .xl\:pb-32 { + padding-bottom: 8rem; + } + .xl\:pt-40 { padding-top: 10rem; } @@ -7601,18 +6978,14 @@ Ensure the default browser behavior of the `hidden` attribute. padding-right: 0px; } - .xl\:pb-32 { - padding-bottom: 8rem; - } - - .xl\:pb-20 { - padding-bottom: 5rem; - } - .xl\:text-center { text-align: center; } + .xl\:text-\[42px\] { + font-size: 42px; + } + .xl\:text-6xl { font-size: 3.75rem; line-height: 1; @@ -7623,6 +6996,11 @@ Ensure the default browser behavior of the `hidden` attribute. line-height: 1.75rem; } + .xl\:text-2xl { + font-size: 1.5rem; + line-height: 2rem; + } + .xl\:text-lg { font-size: 1.125rem; line-height: 1.75rem; @@ -7632,20 +7010,6 @@ Ensure the default browser behavior of the `hidden` attribute. font-size: 2.25rem; line-height: 2.5rem; } - - .xl\:text-\[42px\] { - font-size: 42px; - } - - .xl\:text-9xl { - font-size: 8rem; - line-height: 1; - } - - .xl\:text-2xl { - font-size: 1.5rem; - line-height: 2rem; - } } @media (min-width: 1536px) { diff --git a/public/componets/accordion/1_accordion.html b/public/componets/accordion/1_accordion.html new file mode 100644 index 0000000..0eb5a8f --- /dev/null +++ b/public/componets/accordion/1_accordion.html @@ -0,0 +1,143 @@ + + + + + + + + + + Accordion + + + + + + + +
+
+ Accordion 1 +
+
+
+ +
+

+ Frequently Asked Questions +

+ +
+
+
+
+

+ Do you offer team pricing? +

+
+
+ +
+
+ +
+
+
+
+
+

+ Yes, we do! Team pricing is available for any plan. You can take advantage of 30% off for signing up for team pricing of 10 users or more. +

+
+
+
+
+ +
+
+
+

+ How do I add a custom domain? +

+
+
+ +
+
+ +
+
+
+
+
+

+ You can easily change your site settings inside of your site dashboard by clicking the top right menu and clicking the settings button. +

+
+
+
+
+ +
+
+
+

+ How does it work? +

+
+
+ +
+
+ +
+
+
+
+
+

+ Our platform works with your content to provides insights and metrics on how you can grow your business and scale your infastructure. +

+
+
+
+
+
+
+ +
+ + + + + + + + + + + \ No newline at end of file diff --git a/public/componets/accordion/2_accordion.html b/public/componets/accordion/2_accordion.html new file mode 100644 index 0000000..433ee7c --- /dev/null +++ b/public/componets/accordion/2_accordion.html @@ -0,0 +1,98 @@ + + + + + + + + + + Accordion + + + + + + + + +
+
+ Accordion 2 +
+
+ + +
+
+

TAILWINDCSS ACCORDION WITH <details> <summary> HTML Tag

+ +
+ Morbi at sagittis velit +

+ Nunc posuere dapibus urna quis cursus. Mauris malesuada tincidunt diam vel placerat mi tincidunt ac. Nullam augue urna, venenatis ut blandit eget, auctor vel eros. In ut dolor ante +

+
+ +
+ Etiam ut lacus in enim sagittis posuere at a elit +

+ Fusce sed laoreet ex. Aenean justo nisl, eleifend eget eleifend sit amet, imperdiet id libero. Suspendisse et tempus leo, et lacinia arcu. Etiam at ante in est efficitur fringilla eleifend nec tellus. Integer sed auctor lectus, nec ullamcorper arcu. Nullam nec eros elit. Nulla tempor massa ut quam elementum dignissim. Sed eu pulvinar est, vel vehicula dolor. Pellentesque in ante vel elit facilisis consectetur eu id felis +

+
+ +
+ + Nam auctor fringilla magna id porta + +

+ Etiam maximus vitae eros eu vestibulum. Donec posuere, magna non tincidunt dignissim, magna tortor mollis augue, at maximus ante lacus vel tellus. Vestibulum vestibulum consectetur tortor id sagittis. Suspendisse nisi ipsum, pretium a lorem at, laoreet condimentum arcu +

+
+ + + + +
+
+ + + + + + + + + + \ No newline at end of file diff --git a/public/componets/accordion/3_accordion.html b/public/componets/accordion/3_accordion.html new file mode 100644 index 0000000..2575f3b --- /dev/null +++ b/public/componets/accordion/3_accordion.html @@ -0,0 +1,114 @@ + + + + + + + + + + Accordion + + + + + + + + + +
+
+ Accordion 3 +
+
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ + +
+ + + + + + + + + + \ No newline at end of file diff --git a/public/componets/accordion/4_accordion.html b/public/componets/accordion/4_accordion.html new file mode 100644 index 0000000..2f2be6e --- /dev/null +++ b/public/componets/accordion/4_accordion.html @@ -0,0 +1,146 @@ + + + + + + + + + + Accordion + + + + + + + + + + +
+
+ Accordion 4 +
+
+
+ + +
+
+
+

Several Windows stacked on each other

+

+ The accordion is a graphical control element comprising a vertically stacked list of items such as labels or thumbnails +

+ +
+ + +
+ +
+ +

What is term?

+
+ +
+

+ Our asked sex point her she seems. New plenty she horses parish design you. Stuff sight equal of my woody. Him children bringing goodness suitable she entirely put + far daughter. +

+ +
+
+ + +
+ +
+ +

When to use Accordion Components?

+
+ +
+

+ Our asked sex point her she seems. New plenty she horses parish design you. Stuff sight equal of my woody. Him children bringing goodness suitable she entirely put + far daughter. +

+ +
+
+ + +
+ +
+ +

How can it be defined?

+
+ +
+

+ Our asked sex point her she seems. New plenty she horses parish design you. Stuff sight equal of my woody. Him children bringing goodness suitable she entirely put + far daughter. +

+ +
+
+ + +
+ +
+ +

Chamber reached do he nothing be?

+
+ +
+

+ Our asked sex point her she seems. New plenty she horses parish design you. Stuff sight equal of my woody. Him children bringing goodness suitable she entirely put + far daughter. +

+ +
+
+
+
+
+ + + + +
+ + + + + \ No newline at end of file diff --git a/public/componets/accordion/accordion.html b/public/componets/accordion/accordion.html new file mode 100644 index 0000000..b24030c --- /dev/null +++ b/public/componets/accordion/accordion.html @@ -0,0 +1,386 @@ + + + + + + + + + + Accordion + + + + + + + +
+
+ Accordion 1 +
+
+
+ +
+

+ Frequently Asked Questions +

+ +
+
+
+
+

+ Do you offer team pricing? +

+
+
+ +
+
+ +
+
+
+
+
+

+ Yes, we do! Team pricing is available for any plan. You can take advantage of 30% off for signing up for team pricing of 10 users or more. +

+
+
+
+
+ +
+
+
+

+ How do I add a custom domain? +

+
+
+ +
+
+ +
+
+
+
+
+

+ You can easily change your site settings inside of your site dashboard by clicking the top right menu and clicking the settings button. +

+
+
+
+
+ +
+
+
+

+ How does it work? +

+
+
+ +
+
+ +
+
+
+
+
+

+ Our platform works with your content to provides insights and metrics on how you can grow your business and scale your infastructure. +

+
+
+
+
+
+
+ +
+ + + + + + +
+
+ Accordion 2 +
+
+ + +
+
+

TAILWINDCSS ACCORDION WITH <details> <summary> HTML Tag

+ +
+ Morbi at sagittis velit +

+ Nunc posuere dapibus urna quis cursus. Mauris malesuada tincidunt diam vel placerat mi tincidunt ac. Nullam augue urna, venenatis ut blandit eget, auctor vel eros. In ut dolor ante +

+
+ +
+ Etiam ut lacus in enim sagittis posuere at a elit +

+ Fusce sed laoreet ex. Aenean justo nisl, eleifend eget eleifend sit amet, imperdiet id libero. Suspendisse et tempus leo, et lacinia arcu. Etiam at ante in est efficitur fringilla eleifend nec tellus. Integer sed auctor lectus, nec ullamcorper arcu. Nullam nec eros elit. Nulla tempor massa ut quam elementum dignissim. Sed eu pulvinar est, vel vehicula dolor. Pellentesque in ante vel elit facilisis consectetur eu id felis +

+
+ +
+ + Nam auctor fringilla magna id porta + +

+ Etiam maximus vitae eros eu vestibulum. Donec posuere, magna non tincidunt dignissim, magna tortor mollis augue, at maximus ante lacus vel tellus. Vestibulum vestibulum consectetur tortor id sagittis. Suspendisse nisi ipsum, pretium a lorem at, laoreet condimentum arcu +

+
+ + + + +
+
+ + + + + + +
+
+ Accordion 3 +
+
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ + +
+ + + + + + +
+
+ Accordion 4 +
+
+
+ + +
+
+
+

Several Windows stacked on each other

+

+ The accordion is a graphical control element comprising a vertically stacked list of items such as labels or thumbnails +

+ +
+ + +
+ +
+ +

What is term?

+
+ +
+

+ Our asked sex point her she seems. New plenty she horses parish design you. Stuff sight equal of my woody. Him children bringing goodness suitable she entirely put + far daughter. +

+ +
+
+ + +
+ +
+ +

When to use Accordion Components?

+
+ +
+

+ Our asked sex point her she seems. New plenty she horses parish design you. Stuff sight equal of my woody. Him children bringing goodness suitable she entirely put + far daughter. +

+ +
+
+ + +
+ +
+ +

How can it be defined?

+
+ +
+

+ Our asked sex point her she seems. New plenty she horses parish design you. Stuff sight equal of my woody. Him children bringing goodness suitable she entirely put + far daughter. +

+ +
+
+ + +
+ +
+ +

Chamber reached do he nothing be?

+
+ +
+

+ Our asked sex point her she seems. New plenty she horses parish design you. Stuff sight equal of my woody. Him children bringing goodness suitable she entirely put + far daughter. +

+ +
+
+
+
+
+ + + + +
+ + + + + + + + + + \ No newline at end of file diff --git a/public/componets/hero/hero.html b/public/componets/hero/hero.html index 6a29ee1..58e1c23 100644 --- a/public/componets/hero/hero.html +++ b/public/componets/hero/hero.html @@ -49,7 +49,7 @@ class="container relative z-20 flex flex-col w-full px-5 pb-1 pr-12 mb-16 text-2xl text-gray-700 lg:w-1/2 sm:px-0 md:px-10 sm:items-center lg:items-start lg:mb-0">

- Designed with
you in mind

+ Designed with
you in mind

We've crafted the ultimate design tool that will help you build the design of your dreams. Built with configuration in @@ -292,12 +292,18 @@

- - Start Shopping - - - Learn More - + + + +
@@ -1481,7 +1487,7 @@

- Data to enrich your + Data to enrich your online business

Anim aute id magna aliqua ad ad non deserunt sunt. Qui irure qui lorem cupidatat commodo. Elit sunt amet fugiat veniam occaecat fugiat aliqua.