diff --git a/dist/tailshape.css b/dist/tailshape.css index cd0c161..02f1de7 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; } @@ -547,6 +543,18 @@ Ensure the default browser behavior of the `hidden` attribute. right: 0px; } +.bottom-0 { + bottom: 0px; +} + +.right-0 { + right: 0px; +} + +.top-0 { + top: 0px; +} + .top-1\/2 { top: 50%; } @@ -559,14 +567,6 @@ Ensure the default browser behavior of the `hidden` attribute. right: 0.25rem; } -.top-0 { - top: 0px; -} - -.right-4 { - right: 1rem; -} - .bottom-auto { bottom: auto; } @@ -575,12 +575,8 @@ Ensure the default browser behavior of the `hidden` attribute. left: 0px; } -.right-0 { - right: 0px; -} - -.bottom-0 { - bottom: 0px; +.right-4 { + right: 1rem; } .-left-8 { @@ -619,18 +615,14 @@ Ensure the default browser behavior of the `hidden` attribute. z-index: 20; } -.z-10 { - z-index: 10; +.z-\[-1\] { + z-index: -1; } .z-0 { z-index: 0; } -.z-50 { - z-index: 50; -} - .z-40 { z-index: 40; } @@ -639,8 +631,12 @@ Ensure the default browser behavior of the `hidden` attribute. z-index: 30; } -.z-\[-1\] { - z-index: -1; +.z-10 { + z-index: 10; +} + +.z-50 { + z-index: 50; } .order-1 { @@ -675,14 +671,14 @@ Ensure the default browser behavior of the `hidden` attribute. grid-column: span 6 / span 6; } -.col-auto { - grid-column: auto; -} - .col-span-8 { grid-column: span 8 / span 8; } +.col-auto { + grid-column: auto; +} + .float-right { float: right; } @@ -691,22 +687,22 @@ Ensure the default browser behavior of the `hidden` attribute. float: left; } +.m-8 { + margin: 2rem; +} + .m-1 { margin: 0.25rem; } -.m-2 { - margin: 0.5rem; -} - -.m-10 { - margin: 2.5rem; -} - .m-auto { margin: auto; } +.m-2 { + margin: 0.5rem; +} + .m-3 { margin: 0.75rem; } @@ -715,12 +711,22 @@ Ensure the default browser behavior of the `hidden` attribute. margin: 1rem; } +.m-10 { + margin: 2.5rem; +} + .-m-4 { margin: -1rem; } -.m-8 { - margin: 2rem; +.mx-20 { + margin-left: 5rem; + margin-right: 5rem; +} + +.-mx-4 { + margin-left: -1rem; + margin-right: -1rem; } .mx-auto { @@ -728,6 +734,26 @@ Ensure the default browser behavior of the `hidden` attribute. 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-1 { + margin-top: 0.25rem; + margin-bottom: 0.25rem; +} + .my-4 { margin-top: 1rem; margin-bottom: 1rem; @@ -758,24 +784,14 @@ Ensure the default browser behavior of the `hidden` attribute. margin-right: 0.5rem; } -.-mx-4 { - margin-left: -1rem; - margin-right: -1rem; -} - .my-6 { margin-top: 1.5rem; margin-bottom: 1.5rem; } -.mx-16 { - margin-left: 4rem; - margin-right: 4rem; -} - -.mx-8 { - margin-left: 2rem; - margin-right: 2rem; +.my-12 { + margin-top: 3rem; + margin-bottom: 3rem; } .my-8 { @@ -783,31 +799,6 @@ Ensure the default browser behavior of the `hidden` attribute. margin-bottom: 2rem; } -.my-5 { - margin-top: 1.25rem; - margin-bottom: 1.25rem; -} - -.my-3 { - margin-top: 0.75rem; - margin-bottom: 0.75rem; -} - -.my-2 { - margin-top: 0.5rem; - margin-bottom: 0.5rem; -} - -.mx-20 { - margin-left: 5rem; - margin-right: 5rem; -} - -.my-12 { - margin-top: 3rem; - margin-bottom: 3rem; -} - .my-auto { margin-top: auto; margin-bottom: auto; @@ -828,6 +819,16 @@ Ensure the default browser behavior of the `hidden` attribute. margin-right: 1rem; } +.mx-16 { + margin-left: 4rem; + margin-right: 4rem; +} + +.mx-8 { + margin-left: 2rem; + margin-right: 2rem; +} + .mx-0 { margin-left: 0px; margin-right: 0px; @@ -838,11 +839,6 @@ Ensure the default browser behavior of the `hidden` attribute. margin-right: 0.375rem; } -.my-1 { - margin-top: 0.25rem; - margin-bottom: 0.25rem; -} - .mx-10 { margin-left: 2.5rem; margin-right: 2.5rem; @@ -858,14 +854,66 @@ Ensure the default browser behavior of the `hidden` attribute. margin-right: -0.75rem; } +.my-20 { + margin-top: 5rem; + margin-bottom: 5rem; +} + .-mx-6 { margin-left: -1.5rem; margin-right: -1.5rem; } -.my-20 { - margin-top: 5rem; - margin-bottom: 5rem; +.mb-\[60px\] { + margin-bottom: 60px; +} + +.mb-2 { + margin-bottom: 0.5rem; +} + +.mb-4 { + margin-bottom: 1rem; +} + +.mb-8 { + margin-bottom: 2rem; +} + +.mr-5 { + margin-right: 1.25rem; +} + +.mt-6 { + margin-top: 1.5rem; +} + +.mb-10 { + margin-bottom: 2.5rem; +} + +.mb-3 { + margin-bottom: 0.75rem; +} + +.ml-9 { + margin-left: 2.25rem; +} + +.mb-auto { + margin-bottom: auto; +} + +.ml-auto { + margin-left: auto; +} + +.mt-2 { + margin-top: 0.5rem; +} + +.mr-2 { + margin-right: 0.5rem; } .mt-12 { @@ -876,30 +924,14 @@ Ensure the default browser behavior of the `hidden` attribute. margin-top: 0.25rem; } -.mt-2 { - margin-top: 0.5rem; -} - -.mb-8 { - margin-bottom: 2rem; -} - .mt-4 { 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; } @@ -916,10 +948,6 @@ Ensure the default browser behavior of the `hidden` attribute. margin-left: 0.75rem; } -.mb-2 { - margin-bottom: 0.5rem; -} - .mt-10 { margin-top: 2.5rem; } @@ -940,26 +968,10 @@ 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; } -.mb-4 { - margin-bottom: 1rem; -} - -.mt-8 { - margin-top: 2rem; -} - -.mt-32 { - margin-top: 8rem; -} - .mt-0 { margin-top: 0px; } @@ -976,10 +988,6 @@ Ensure the default browser behavior of the `hidden` attribute. margin-left: 0.25rem; } -.mr-2 { - margin-right: 0.5rem; -} - .ml-6 { margin-left: 1.5rem; } @@ -992,32 +1000,44 @@ Ensure the default browser behavior of the `hidden` attribute. margin-top: -5rem; } -.ml-4 { - margin-left: 1rem; +.mt-8 { + margin-top: 2rem; } -.mb-16 { - margin-bottom: 4rem; +.mt-28 { + margin-top: 7rem; } -.mt-5 { - margin-top: 1.25rem; +.mt-24 { + margin-top: 6rem; } -.ml-5 { - margin-left: 1.25rem; -} - -.-mr-12 { - margin-right: -3rem; +.-mt-4 { + margin-top: -1rem; } .mr-4 { margin-right: 1rem; } -.-ml-1 { - margin-left: -0.25rem; +.mt-32 { + margin-top: 8rem; +} + +.mb-16 { + margin-bottom: 4rem; +} + +.ml-4 { + margin-left: 1rem; +} + +.mr-3 { + margin-right: 0.75rem; +} + +.mt-5 { + margin-top: 1.25rem; } .mb-5 { @@ -1028,100 +1048,20 @@ Ensure the default browser behavior of the `hidden` attribute. margin-top: 5rem; } -.mt-24 { - margin-top: 6rem; -} - -.ml-0 { - margin-left: 0px; -} - -.mr-0 { - margin-right: 0px; -} - -.mt-48 { - margin-top: 12rem; -} - -.-mt-64 { - margin-top: -16rem; -} - -.-ml-12 { - margin-left: -3rem; -} - .mr-10 { margin-right: 2.5rem; } -.-mt-32 { - margin-top: -8rem; +.ml-5 { + margin-left: 1.25rem; } -.-ml-64 { - margin-left: -16rem; +.-mr-12 { + margin-right: -3rem; } -.mb-20 { - margin-bottom: 5rem; -} - -.mr-5 { - margin-right: 1.25rem; -} - -.-ml-2 { - margin-left: -0.5rem; -} - -.-mb-2 { - margin-bottom: -0.5rem; -} - -.-mt-24 { - margin-top: -6rem; -} - -.-mt-16 { - margin-top: -4rem; -} - -.-mr-10 { - margin-right: -2.5rem; -} - -.-mr-0 { - margin-right: -0px; -} - -.-mt-1 { - margin-top: -0.25rem; -} - -.ml-10 { - margin-left: 2.5rem; -} - -.mb-\[60px\] { - margin-bottom: 60px; -} - -.mt-28 { - margin-top: 7rem; -} - -.ml-auto { - margin-left: auto; -} - -.-mt-4 { - margin-top: -1rem; -} - -.mr-3 { - margin-right: 0.75rem; +.-ml-1 { + margin-left: -0.25rem; } .-ml-0 { @@ -1156,14 +1096,26 @@ Ensure the default browser behavior of the `hidden` attribute. margin-top: -0.75rem; } +.-mb-2 { + margin-bottom: -0.5rem; +} + .-mt-48 { margin-top: -12rem; } +.-mt-16 { + margin-top: -4rem; +} + .-mt-6 { margin-top: -1.5rem; } +.-mt-1 { + margin-top: -0.25rem; +} + .mr-11 { margin-right: 2.75rem; } @@ -1172,12 +1124,60 @@ Ensure the default browser behavior of the `hidden` attribute. margin-right: -4rem; } -.ml-9 { - margin-left: 2.25rem; +.-ml-2 { + margin-left: -0.5rem; } -.mb-auto { - margin-bottom: auto; +.ml-0 { + margin-left: 0px; +} + +.mr-0 { + margin-right: 0px; +} + +.mt-48 { + margin-top: 12rem; +} + +.-mt-64 { + margin-top: -16rem; +} + +.-ml-12 { + margin-left: -3rem; +} + +.-mt-32 { + margin-top: -8rem; +} + +.-ml-64 { + margin-left: -16rem; +} + +.mb-20 { + margin-bottom: 5rem; +} + +.-mt-24 { + margin-top: -6rem; +} + +.-mr-10 { + margin-right: -2.5rem; +} + +.-mr-0 { + margin-right: -0px; +} + +.ml-10 { + margin-left: 2.5rem; +} + +.mb-40 { + margin-bottom: 10rem; } .block { @@ -1208,18 +1208,42 @@ Ensure the default browser behavior of the `hidden` attribute. display: none; } -.h-8 { - height: 2rem; -} - .h-10 { height: 2.5rem; } +.h-6 { + height: 1.5rem; +} + +.h-screen { + height: 100vh; +} + +.h-full { + height: 100%; +} + +.h-7 { + height: 1.75rem; +} + +.h-0 { + height: 0px; +} + .h-1 { height: 0.25rem; } +.h-16 { + height: 4rem; +} + +.h-8 { + height: 2rem; +} + .h-4 { height: 1rem; } @@ -1232,18 +1256,6 @@ Ensure the default browser behavior of the `hidden` attribute. height: 1.25rem; } -.h-6 { - height: 1.5rem; -} - -.h-full { - height: 100%; -} - -.h-3 { - height: 0.75rem; -} - .h-px { height: 1px; } @@ -1252,26 +1264,14 @@ Ensure the default browser behavior of the `hidden` attribute. height: auto; } -.h-20 { - height: 5rem; -} - -.h-screen { - height: 100vh; +.h-3 { + height: 0.75rem; } .h-64 { height: 16rem; } -.h-24 { - height: 6rem; -} - -.h-0 { - height: 0px; -} - .h-96 { height: 24rem; } @@ -1284,6 +1284,10 @@ Ensure the default browser behavior of the `hidden` attribute. height: 2.75rem; } +.h-20 { + height: 5rem; +} + .h-56 { height: 14rem; } @@ -1292,24 +1296,16 @@ Ensure the default browser behavior of the `hidden` attribute. height: 0.125rem; } -.h-16 { - height: 4rem; -} - -.h-7 { - height: 1.75rem; -} - .h-2 { height: 0.5rem; } -.h-48 { - height: 12rem; +.h-24 { + height: 6rem; } -.h-28 { - height: 7rem; +.h-48 { + height: 12rem; } .max-h-0 { @@ -1324,6 +1320,22 @@ Ensure the default browser behavior of the `hidden` attribute. min-height: 100%; } +.w-full { + width: 100%; +} + +.w-6 { + width: 1.5rem; +} + +.w-7 { + width: 1.75rem; +} + +.w-6\/12 { + width: 50%; +} + .w-8 { width: 2rem; } @@ -1336,10 +1348,6 @@ Ensure the default browser behavior of the `hidden` attribute. width: 2.5rem; } -.w-full { - width: 100%; -} - .w-4 { width: 1rem; } @@ -1364,42 +1372,14 @@ Ensure the default browser behavior of the `hidden` attribute. width: 3rem; } -.w-6 { - width: 1.5rem; -} - -.w-3 { - width: 0.75rem; -} - .w-40 { width: 10rem; } -.w-5\/6 { - width: 83.333333%; -} - -.w-11\/12 { - width: 91.666667%; -} - -.w-20 { - width: 5rem; -} - -.w-1\/2 { - width: 50%; -} - .w-2\/3 { width: 66.666667%; } -.w-screen { - width: 100vw; -} - .w-1\/3 { width: 33.333333%; } @@ -1408,10 +1388,6 @@ Ensure the default browser behavior of the `hidden` attribute. width: 13rem; } -.w-7 { - width: 1.75rem; -} - .w-44 { width: 11rem; } @@ -1420,10 +1396,22 @@ Ensure the default browser behavior of the `hidden` attribute. width: 75%; } +.w-1\/2 { + width: 50%; +} + +.w-3 { + width: 0.75rem; +} + .w-36 { width: 9rem; } +.w-5\/6 { + width: 83.333333%; +} + .w-3\/6 { width: 50%; } @@ -1432,6 +1420,14 @@ Ensure the default browser behavior of the `hidden` attribute. width: 50%; } +.w-20 { + width: 5rem; +} + +.w-11\/12 { + width: 91.666667%; +} + .w-48 { width: 12rem; } @@ -1440,6 +1436,10 @@ Ensure the default browser behavior of the `hidden` attribute. width: 58.333333%; } +.w-screen { + width: 100vw; +} + .w-1\/5 { width: 20%; } @@ -1476,34 +1476,26 @@ Ensure the default browser behavior of the `hidden` attribute. width: 18rem; } -.w-6\/12 { - width: 50%; -} - .min-w-0 { min-width: 0px; } -.max-w-screen-xl { - max-width: 1280px; +.max-w-\[520px\] { + max-width: 520px; } -.max-w-3xl { - max-width: 48rem; +.max-w-\[40px\] { + max-width: 40px; +} + +.max-w-2xl { + max-width: 42rem; } .max-w-lg { max-width: 32rem; } -.max-w-xs { - max-width: 20rem; -} - -.max-w-7xl { - max-width: 80rem; -} - .max-w-sm { max-width: 24rem; } @@ -1512,34 +1504,26 @@ Ensure the default browser behavior of the `hidden` attribute. max-width: 28rem; } +.max-w-screen-xl { + max-width: 1280px; +} + +.max-w-3xl { + max-width: 48rem; +} + +.max-w-xs { + max-width: 20rem; +} + +.max-w-7xl { + max-width: 80rem; +} + .max-w-full { max-width: 100%; } -.max-w-6xl { - max-width: 72rem; -} - -.max-w-xl { - max-width: 36rem; -} - -.max-w-4xl { - max-width: 56rem; -} - -.max-w-2xl { - max-width: 42rem; -} - -.max-w-\[520px\] { - max-width: 520px; -} - -.max-w-\[40px\] { - max-width: 40px; -} - .max-w-screen-lg { max-width: 1024px; } @@ -1552,6 +1536,14 @@ Ensure the default browser behavior of the `hidden` attribute. max-width: 480px; } +.max-w-xl { + max-width: 36rem; +} + +.max-w-6xl { + max-width: 72rem; +} + .max-w-5xl { max-width: 64rem; } @@ -1560,6 +1552,10 @@ Ensure the default browser behavior of the `hidden` attribute. max-width: 1340px; } +.max-w-4xl { + max-width: 56rem; +} + .flex-auto { flex: 1 1 auto; } @@ -1617,26 +1613,11 @@ 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-45 { - --tw-rotate: 45deg; - 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-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)); -} - .rotate-180 { --tw-rotate: 180deg; 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-180 { - --tw-rotate: -180deg; - 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-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)); @@ -1647,6 +1628,21 @@ 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-45 { + --tw-rotate: 45deg; + 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-180 { + --tw-rotate: -180deg; + 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-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)); +} + .-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)); @@ -1691,14 +1687,14 @@ Ensure the default browser behavior of the `hidden` attribute. user-select: none; } -.list-none { - list-style-type: none; -} - .list-disc { list-style-type: disc; } +.list-none { + list-style-type: none; +} + .appearance-none { -webkit-appearance: none; -moz-appearance: none; @@ -1789,10 +1785,6 @@ Ensure the default browser behavior of the `hidden` attribute. justify-content: space-evenly; } -.justify-items-end { - justify-items: end; -} - .gap-4 { gap: 1rem; } @@ -1852,6 +1844,18 @@ Ensure the default browser behavior of the `hidden` attribute. column-gap: 4rem; } +.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-4 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(1rem * var(--tw-space-y-reverse)); +} + .space-y-6 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse))); @@ -1864,12 +1868,6 @@ Ensure the default browser behavior of the `hidden` attribute. margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse))); } -.space-y-4 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(1rem * var(--tw-space-y-reverse)); -} - .space-y-1 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse))); @@ -1894,18 +1892,6 @@ Ensure the default browser behavior of the `hidden` attribute. margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse))); } -.space-y-12 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(3rem * var(--tw-space-y-reverse)); -} - -.space-x-2 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(0.5rem * var(--tw-space-x-reverse)); - margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse))); -} - .space-y-8 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse))); @@ -1918,10 +1904,10 @@ Ensure the default browser behavior of the `hidden` attribute. margin-bottom: calc(0.75rem * var(--tw-space-y-reverse)); } -.space-x-0 > :not([hidden]) ~ :not([hidden]) { +.space-x-2 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; - margin-right: calc(0px * var(--tw-space-x-reverse)); - margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse))); + margin-right: calc(0.5rem * var(--tw-space-x-reverse)); + margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse))); } .space-x-8 > :not([hidden]) ~ :not([hidden]) { @@ -1930,12 +1916,24 @@ Ensure the default browser behavior of the `hidden` attribute. margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse))); } +.space-y-12 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(3rem * var(--tw-space-y-reverse)); +} + .space-y-5 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1.25rem * var(--tw-space-y-reverse)); } +.space-x-0 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(0px * var(--tw-space-x-reverse)); + margin-left: calc(0px * 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)); @@ -1948,12 +1946,6 @@ Ensure the default browser behavior of the `hidden` attribute. margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse))); } -.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-x-10 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(2.5rem * var(--tw-space-x-reverse)); @@ -1982,6 +1974,11 @@ Ensure the default browser behavior of the `hidden` attribute. border-bottom-width: calc(2px * var(--tw-divide-y-reverse)); } +.divide-gray-300 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-opacity: 1; + border-color: rgb(209 213 219 / var(--tw-divide-opacity)); +} + .divide-gray-400 > :not([hidden]) ~ :not([hidden]) { --tw-divide-opacity: 1; border-color: rgb(156 163 175 / var(--tw-divide-opacity)); @@ -1997,11 +1994,6 @@ Ensure the default browser behavior of the `hidden` attribute. border-color: rgb(243 244 246 / var(--tw-divide-opacity)); } -.divide-gray-300 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgb(209 213 219 / var(--tw-divide-opacity)); -} - .divide-opacity-50 > :not([hidden]) ~ :not([hidden]) { --tw-divide-opacity: 0.5; } @@ -2060,10 +2052,6 @@ Ensure the default browser behavior of the `hidden` attribute. border-radius: 0.25rem; } -.rounded-md { - border-radius: 0.375rem; -} - .rounded-full { border-radius: 9999px; } @@ -2072,6 +2060,10 @@ Ensure the default browser behavior of the `hidden` attribute. border-radius: 0.125rem; } +.rounded-md { + border-radius: 0.375rem; +} + .rounded-xl { border-radius: 0.75rem; } @@ -2084,11 +2076,6 @@ Ensure the default browser behavior of the `hidden` attribute. border-radius: 0px; } -.rounded-t { - border-top-left-radius: 0.25rem; - border-top-right-radius: 0.25rem; -} - .rounded-t-xl { border-top-left-radius: 0.75rem; border-top-right-radius: 0.75rem; @@ -2109,6 +2096,11 @@ Ensure the default browser behavior of the `hidden` attribute. border-bottom-left-radius: 0.25rem; } +.rounded-t { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} + .rounded-t-lg { border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; @@ -2133,28 +2125,16 @@ Ensure the default browser behavior of the `hidden` attribute. border-width: 1px; } -.border-2 { - border-width: 2px; +.border-4 { + border-width: 4px; } .border-0 { border-width: 0px; } -.border-4 { - border-width: 4px; -} - -.border-b { - border-bottom-width: 1px; -} - -.border-t { - border-top-width: 1px; -} - -.border-b-4 { - border-bottom-width: 4px; +.border-2 { + border-width: 2px; } .border-b-0 { @@ -2165,6 +2145,22 @@ Ensure the default browser behavior of the `hidden` attribute. border-top-width: 0px; } +.border-b { + border-bottom-width: 1px; +} + +.border-l-2 { + border-left-width: 2px; +} + +.border-l-4 { + border-left-width: 4px; +} + +.border-t { + border-top-width: 1px; +} + .border-t-2 { border-top-width: 2px; } @@ -2181,12 +2177,8 @@ Ensure the default browser behavior of the `hidden` attribute. border-right-width: 1px; } -.border-l-4 { - border-left-width: 4px; -} - -.border-l-2 { - border-left-width: 2px; +.border-b-4 { + border-bottom-width: 4px; } .border-solid { @@ -2197,23 +2189,9 @@ Ensure the default browser behavior of the `hidden` attribute. border-style: none; } -.border-gray-800 { +.border-\[\#F3F4FE\] { --tw-border-opacity: 1; - border-color: rgb(31 41 55 / var(--tw-border-opacity)); -} - -.border-gray-300 { - --tw-border-opacity: 1; - border-color: rgb(209 213 219 / var(--tw-border-opacity)); -} - -.border-gray-100 { - --tw-border-opacity: 1; - border-color: rgb(243 244 246 / var(--tw-border-opacity)); -} - -.border-white\/10 { - border-color: rgb(255 255 255 / 0.1); + border-color: rgb(243 244 254 / var(--tw-border-opacity)); } .border-gray-200 { @@ -2221,112 +2199,19 @@ Ensure the default browser behavior of the `hidden` attribute. border-color: rgb(229 231 235 / var(--tw-border-opacity)); } -.border-white\/25 { - border-color: rgb(255 255 255 / 0.25); -} - -.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-transparent { - border-color: transparent; -} - -.border-pink-500 { - --tw-border-opacity: 1; - border-color: rgb(236 72 153 / var(--tw-border-opacity)); -} - -.border-black { - --tw-border-opacity: 1; - border-color: rgb(0 0 0 / var(--tw-border-opacity)); -} - -.border-indigo-500 { - --tw-border-opacity: 1; - border-color: rgb(99 102 241 / var(--tw-border-opacity)); -} - -.border-purple-500 { - --tw-border-opacity: 1; - border-color: rgb(168 85 247 / var(--tw-border-opacity)); -} - -.border-blue-400 { - --tw-border-opacity: 1; - border-color: rgb(96 165 250 / var(--tw-border-opacity)); -} - -.border-teal-500 { - --tw-border-opacity: 1; - border-color: rgb(20 184 166 / var(--tw-border-opacity)); -} - -.border-\[\#F3F4FE\] { - --tw-border-opacity: 1; - border-color: rgb(243 244 254 / var(--tw-border-opacity)); -} - -.border-gray-600 { - --tw-border-opacity: 1; - border-color: rgb(75 85 99 / var(--tw-border-opacity)); -} - -.border-white { - --tw-border-opacity: 1; - border-color: rgb(255 255 255 / var(--tw-border-opacity)); -} - -.border-gray-500 { - --tw-border-opacity: 1; - 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-blue-700 { - --tw-border-opacity: 1; - border-color: rgb(29 78 216 / var(--tw-border-opacity)); -} - -.border-indigo-400 { - --tw-border-opacity: 1; - 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-400 { +.border-purple-600 { --tw-border-opacity: 1; - border-color: rgb(192 132 252 / var(--tw-border-opacity)); -} - -.border-purple-800 { - --tw-border-opacity: 1; - border-color: rgb(107 33 168 / var(--tw-border-opacity)); -} - -.border-purple-200 { - --tw-border-opacity: 1; - border-color: rgb(233 213 255 / var(--tw-border-opacity)); -} - -.border-pink-600 { - --tw-border-opacity: 1; - border-color: rgb(219 39 119 / var(--tw-border-opacity)); + border-color: rgb(147 51 234 / var(--tw-border-opacity)); } .border-yellow-300 { @@ -2344,14 +2229,116 @@ Ensure the default browser behavior of the `hidden` attribute. border-color: rgb(252 165 165 / var(--tw-border-opacity)); } -.border-purple-600 { +.border-gray-700 { --tw-border-opacity: 1; - border-color: rgb(147 51 234 / var(--tw-border-opacity)); + border-color: rgb(55 65 81 / var(--tw-border-opacity)); } -.border-emerald-400 { +.border-gray-300 { --tw-border-opacity: 1; - border-color: rgb(52 211 153 / var(--tw-border-opacity)); + border-color: rgb(209 213 219 / var(--tw-border-opacity)); +} + +.border-gray-800 { + --tw-border-opacity: 1; + border-color: rgb(31 41 55 / var(--tw-border-opacity)); +} + +.border-gray-100 { + --tw-border-opacity: 1; + border-color: rgb(243 244 246 / var(--tw-border-opacity)); +} + +.border-gray-600 { + --tw-border-opacity: 1; + border-color: rgb(75 85 99 / var(--tw-border-opacity)); +} + +.border-white { + --tw-border-opacity: 1; + border-color: rgb(255 255 255 / var(--tw-border-opacity)); +} + +.border-white\/10 { + border-color: rgb(255 255 255 / 0.1); +} + +.border-transparent { + border-color: transparent; +} + +.border-white\/25 { + border-color: rgb(255 255 255 / 0.25); +} + +.border-gray-500 { + --tw-border-opacity: 1; + 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)); +} + +.border-blue-700 { + --tw-border-opacity: 1; + border-color: rgb(29 78 216 / var(--tw-border-opacity)); +} + +.border-indigo-400 { + --tw-border-opacity: 1; + border-color: rgb(129 140 248 / var(--tw-border-opacity)); +} + +.border-purple-500 { + --tw-border-opacity: 1; + border-color: rgb(168 85 247 / var(--tw-border-opacity)); +} + +.border-purple-400 { + --tw-border-opacity: 1; + border-color: rgb(192 132 252 / var(--tw-border-opacity)); +} + +.border-purple-800 { + --tw-border-opacity: 1; + border-color: rgb(107 33 168 / var(--tw-border-opacity)); +} + +.border-indigo-500 { + --tw-border-opacity: 1; + border-color: rgb(99 102 241 / var(--tw-border-opacity)); +} + +.border-purple-200 { + --tw-border-opacity: 1; + border-color: rgb(233 213 255 / var(--tw-border-opacity)); +} + +.border-pink-600 { + --tw-border-opacity: 1; + border-color: rgb(219 39 119 / var(--tw-border-opacity)); +} + +.border-black { + --tw-border-opacity: 1; + border-color: rgb(0 0 0 / var(--tw-border-opacity)); +} + +.border-blue-400 { + --tw-border-opacity: 1; + border-color: rgb(96 165 250 / var(--tw-border-opacity)); +} + +.border-teal-500 { + --tw-border-opacity: 1; + border-color: rgb(20 184 166 / var(--tw-border-opacity)); } .border-b-gray-800 { @@ -2368,16 +2355,91 @@ Ensure the default browser behavior of the `hidden` attribute. --tw-border-opacity: 0.5; } +.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-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-cyan-200 { + --tw-bg-opacity: 1; + background-color: rgb(165 243 252 / var(--tw-bg-opacity)); +} + +.bg-green-400 { + --tw-bg-opacity: 1; + background-color: rgb(74 222 128 / 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-blue-200 { + --tw-bg-opacity: 1; + background-color: rgb(191 219 254 / var(--tw-bg-opacity)); +} + +.bg-yellow-500 { + --tw-bg-opacity: 1; + background-color: rgb(234 179 8 / var(--tw-bg-opacity)); +} + +.bg-blue-100 { + --tw-bg-opacity: 1; + background-color: rgb(219 234 254 / var(--tw-bg-opacity)); +} + +.bg-yellow-100 { + --tw-bg-opacity: 1; + background-color: rgb(254 249 195 / var(--tw-bg-opacity)); +} + +.bg-purple-100 { + --tw-bg-opacity: 1; + background-color: rgb(243 232 255 / var(--tw-bg-opacity)); +} + +.bg-red-100 { + --tw-bg-opacity: 1; + background-color: rgb(254 226 226 / var(--tw-bg-opacity)); +} + .bg-gray-900 { --tw-bg-opacity: 1; background-color: rgb(17 24 39 / var(--tw-bg-opacity)); } +.bg-gray-800 { + --tw-bg-opacity: 1; + background-color: rgb(31 41 55 / var(--tw-bg-opacity)); +} + .bg-gray-700 { --tw-bg-opacity: 1; background-color: rgb(55 65 81 / var(--tw-bg-opacity)); @@ -2388,153 +2450,23 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(99 102 241 / var(--tw-bg-opacity)); } -.bg-gray-800 { - --tw-bg-opacity: 1; - background-color: rgb(31 41 55 / var(--tw-bg-opacity)); -} - .bg-blue-600 { --tw-bg-opacity: 1; 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-black { - --tw-bg-opacity: 1; - background-color: rgb(0 0 0 / 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; } -.bg-red-700 { +.bg-black { --tw-bg-opacity: 1; - background-color: rgb(185 28 28 / var(--tw-bg-opacity)); -} - -.bg-gray-50 { - --tw-bg-opacity: 1; - background-color: rgb(249 250 251 / var(--tw-bg-opacity)); -} - -.bg-gray-200 { - --tw-bg-opacity: 1; - background-color: rgb(229 231 235 / var(--tw-bg-opacity)); -} - -.bg-green-600 { - --tw-bg-opacity: 1; - background-color: rgb(22 163 74 / var(--tw-bg-opacity)); -} - -.bg-yellow-500 { - --tw-bg-opacity: 1; - background-color: rgb(234 179 8 / var(--tw-bg-opacity)); -} - -.bg-purple-500 { - --tw-bg-opacity: 1; - background-color: rgb(168 85 247 / var(--tw-bg-opacity)); -} - -.bg-indigo-600 { - --tw-bg-opacity: 1; - background-color: rgb(79 70 229 / var(--tw-bg-opacity)); -} - -.bg-green-500 { - --tw-bg-opacity: 1; - background-color: rgb(34 197 94 / var(--tw-bg-opacity)); -} - -.bg-blue-900 { - --tw-bg-opacity: 1; - background-color: rgb(30 58 138 / var(--tw-bg-opacity)); -} - -.bg-pink-500 { - --tw-bg-opacity: 1; - background-color: rgb(236 72 153 / var(--tw-bg-opacity)); -} - -.bg-yellow-200 { - --tw-bg-opacity: 1; - background-color: rgb(254 240 138 / var(--tw-bg-opacity)); -} - -.bg-blue-800 { - --tw-bg-opacity: 1; - background-color: rgb(30 64 175 / var(--tw-bg-opacity)); -} - -.bg-orange-500 { - --tw-bg-opacity: 1; - background-color: rgb(249 115 22 / var(--tw-bg-opacity)); -} - -.bg-blue-100 { - --tw-bg-opacity: 1; - background-color: rgb(219 234 254 / 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)); -} - -.bg-yellow-400 { - --tw-bg-opacity: 1; - background-color: rgb(250 204 21 / var(--tw-bg-opacity)); -} - -.bg-blue-400 { - --tw-bg-opacity: 1; - background-color: rgb(96 165 250 / var(--tw-bg-opacity)); -} - -.bg-teal-500 { - --tw-bg-opacity: 1; - background-color: rgb(20 184 166 / var(--tw-bg-opacity)); -} - -.bg-green-400 { - --tw-bg-opacity: 1; - background-color: rgb(74 222 128 / var(--tw-bg-opacity)); -} - -.bg-purple-400 { - --tw-bg-opacity: 1; - background-color: rgb(192 132 252 / var(--tw-bg-opacity)); -} - -.bg-gray-400 { - --tw-bg-opacity: 1; - background-color: rgb(156 163 175 / var(--tw-bg-opacity)); -} - -.bg-indigo-50 { - --tw-bg-opacity: 1; - background-color: rgb(238 242 255 / var(--tw-bg-opacity)); + background-color: rgb(0 0 0 / var(--tw-bg-opacity)); } .bg-cyan-100 { @@ -2552,31 +2484,71 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(239 68 68 / var(--tw-bg-opacity)); } +.bg-orange-500 { + --tw-bg-opacity: 1; + background-color: rgb(249 115 22 / var(--tw-bg-opacity)); +} + .bg-gray-600 { --tw-bg-opacity: 1; background-color: rgb(75 85 99 / var(--tw-bg-opacity)); } +.bg-red-700 { + --tw-bg-opacity: 1; + background-color: rgb(185 28 28 / var(--tw-bg-opacity)); +} + .bg-purple-600 { --tw-bg-opacity: 1; background-color: rgb(147 51 234 / var(--tw-bg-opacity)); } +.bg-teal-500 { + --tw-bg-opacity: 1; + background-color: rgb(20 184 166 / var(--tw-bg-opacity)); +} + +.bg-gray-400 { + --tw-bg-opacity: 1; + background-color: rgb(156 163 175 / var(--tw-bg-opacity)); +} + +.bg-green-600 { + --tw-bg-opacity: 1; + background-color: rgb(22 163 74 / var(--tw-bg-opacity)); +} + .bg-blue-500 { --tw-bg-opacity: 1; background-color: rgb(59 130 246 / var(--tw-bg-opacity)); } +.bg-blue-900 { + --tw-bg-opacity: 1; + background-color: rgb(30 58 138 / var(--tw-bg-opacity)); +} + .bg-red-400 { --tw-bg-opacity: 1; background-color: rgb(248 113 113 / 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)); @@ -2592,11 +2564,36 @@ Ensure the default browser behavior of the `hidden` attribute. 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)); +} + +.bg-pink-500 { + --tw-bg-opacity: 1; + background-color: rgb(236 72 153 / var(--tw-bg-opacity)); +} + +.bg-yellow-200 { + --tw-bg-opacity: 1; + background-color: rgb(254 240 138 / var(--tw-bg-opacity)); +} + +.bg-blue-800 { + --tw-bg-opacity: 1; + background-color: rgb(30 64 175 / var(--tw-bg-opacity)); +} + .bg-blue-700 { --tw-bg-opacity: 1; background-color: rgb(29 78 216 / var(--tw-bg-opacity)); } +.bg-purple-400 { + --tw-bg-opacity: 1; + background-color: rgb(192 132 252 / var(--tw-bg-opacity)); +} + .bg-gray-500 { --tw-bg-opacity: 1; background-color: rgb(107 114 128 / var(--tw-bg-opacity)); @@ -2622,39 +2619,43 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(13 148 136 / var(--tw-bg-opacity)); } -.bg-purple-100 { - --tw-bg-opacity: 1; - background-color: rgb(243 232 255 / var(--tw-bg-opacity)); -} - .bg-indigo-300 { --tw-bg-opacity: 1; background-color: rgb(165 180 252 / var(--tw-bg-opacity)); } -.bg-cyan-200 { +.bg-yellow-300 { --tw-bg-opacity: 1; - background-color: rgb(165 243 252 / var(--tw-bg-opacity)); + background-color: rgb(253 224 71 / var(--tw-bg-opacity)); } -.bg-blue-200 { +.bg-yellow-400 { --tw-bg-opacity: 1; - background-color: rgb(191 219 254 / var(--tw-bg-opacity)); + background-color: rgb(250 204 21 / var(--tw-bg-opacity)); } -.bg-yellow-100 { +.bg-blue-400 { --tw-bg-opacity: 1; - background-color: rgb(254 249 195 / var(--tw-bg-opacity)); + background-color: rgb(96 165 250 / var(--tw-bg-opacity)); } -.bg-red-100 { +.bg-red-300 { --tw-bg-opacity: 1; - background-color: rgb(254 226 226 / var(--tw-bg-opacity)); + background-color: rgb(252 165 165 / var(--tw-bg-opacity)); } -.bg-red-800 { +.bg-teal-400 { --tw-bg-opacity: 1; - background-color: rgb(153 27 27 / var(--tw-bg-opacity)); + background-color: rgb(45 212 191 / var(--tw-bg-opacity)); +} + +.bg-teal-800 { + --tw-bg-opacity: 1; + background-color: rgb(17 94 89 / var(--tw-bg-opacity)); +} + +.bg-opacity-5 { + --tw-bg-opacity: 0.05; } .bg-opacity-50 { @@ -2669,32 +2670,38 @@ Ensure the default browser behavior of the `hidden` attribute. --tw-bg-opacity: 0.25; } -.bg-opacity-5 { - --tw-bg-opacity: 0.05; -} - .bg-opacity-70 { --tw-bg-opacity: 0.7; } +.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\.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\(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-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)); } -.bg-gradient-to-br { - background-image: linear-gradient(to bottom right, var(--tw-gradient-stops)); +.from-purple-100 { + --tw-gradient-from: #f3e8ff; + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgb(243 232 255 / 0)); +} + +.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 { @@ -2712,22 +2719,20 @@ Ensure the default browser behavior of the `hidden` attribute. --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgb(59 130 246 / 0)); } -.from-purple-100 { - --tw-gradient-from: #f3e8ff; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgb(243 232 255 / 0)); -} - -.from-pink-50 { - --tw-gradient-from: #fdf2f8; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgb(253 242 248 / 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)); } -.via-red-300 { - --tw-gradient-stops: var(--tw-gradient-from), #fca5a5, var(--tw-gradient-to, rgb(252 165 165 / 0)); +.to-indigo-500 { + --tw-gradient-to: #6366f1; +} + +.to-indigo-100 { + --tw-gradient-to: #e0e7ff; } .to-yellow-500 { @@ -2742,14 +2747,6 @@ Ensure the default browser behavior of the `hidden` attribute. --tw-gradient-to: #2563eb; } -.to-indigo-500 { - --tw-gradient-to: #6366f1; -} - -.to-indigo-100 { - --tw-gradient-to: #e0e7ff; -} - .bg-cover { background-size: cover; } @@ -2771,10 +2768,6 @@ Ensure the default browser behavior of the `hidden` attribute. background-position: center; } -.bg-top { - background-position: top; -} - .bg-no-repeat { background-repeat: no-repeat; } @@ -2803,6 +2796,10 @@ Ensure the default browser behavior of the `hidden` attribute. fill: #1f2937; } +.fill-emerald-200 { + fill: #a7f3d0; +} + .stroke-gray-500 { stroke: #6b7280; } @@ -2825,28 +2822,12 @@ Ensure the default browser behavior of the `hidden` attribute. object-position: center; } -.p-6 { - padding: 1.5rem; -} - -.p-3 { - padding: 0.75rem; -} - .p-4 { padding: 1rem; } -.p-2 { - padding: 0.5rem; -} - -.p-1 { - padding: 0.25rem; -} - -.p-8 { - padding: 2rem; +.p-16 { + padding: 4rem; } .p-5 { @@ -2857,16 +2838,28 @@ Ensure the default browser behavior of the `hidden` attribute. padding: 2.5rem; } +.p-3 { + padding: 0.75rem; +} + .p-20 { padding: 5rem; } -.p-0 { - padding: 0px; +.p-2 { + padding: 0.5rem; } -.p-16 { - padding: 4rem; +.p-6 { + padding: 1.5rem; +} + +.p-1 { + padding: 0.25rem; +} + +.p-8 { + padding: 2rem; } .p-28 { @@ -2877,11 +2870,65 @@ Ensure the default browser behavior of the `hidden` attribute. padding: 3rem; } +.p-0 { + padding: 0px; +} + .px-4 { padding-left: 1rem; padding-right: 1rem; } +.py-3 { + padding-top: 0.75rem; + padding-bottom: 0.75rem; +} + +.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-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-4 { + padding-top: 1rem; + padding-bottom: 1rem; +} + .py-12 { padding-top: 3rem; padding-bottom: 3rem; @@ -2892,31 +2939,11 @@ Ensure the default browser behavior of the `hidden` attribute. padding-bottom: 4rem; } -.py-4 { - padding-top: 1rem; - 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; @@ -2927,31 +2954,6 @@ Ensure the default browser behavior of the `hidden` attribute. padding-bottom: 1.5rem; } -.py-3 { - padding-top: 0.75rem; - padding-bottom: 0.75rem; -} - -.px-12 { - padding-left: 3rem; - padding-right: 3rem; -} - -.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; @@ -2962,26 +2964,16 @@ Ensure the default browser behavior of the `hidden` attribute. padding-bottom: 0.25rem; } -.px-10 { - padding-left: 2.5rem; - padding-right: 2.5rem; -} - -.px-1 { - padding-left: 0.25rem; - padding-right: 0.25rem; -} - -.px-8 { - padding-left: 2rem; - padding-right: 2rem; -} - .px-20 { padding-left: 5rem; padding-right: 5rem; } +.px-12 { + padding-left: 3rem; + padding-right: 3rem; +} + .py-32 { padding-top: 8rem; padding-bottom: 8rem; @@ -2992,14 +2984,19 @@ Ensure the default browser behavior of the `hidden` attribute. padding-right: 0px; } +.px-8 { + padding-left: 2rem; + padding-right: 2rem; +} + .py-9 { padding-top: 2.25rem; padding-bottom: 2.25rem; } -.py-5 { - padding-top: 1.25rem; - padding-bottom: 1.25rem; +.px-1 { + padding-left: 0.25rem; + padding-right: 0.25rem; } .py-48 { @@ -3022,6 +3019,42 @@ Ensure the default browser behavior of the `hidden` attribute. padding-right: 4rem; } +.pt-20 { + padding-top: 5rem; +} + +.pb-12 { + padding-bottom: 3rem; +} + +.pl-\[62px\] { + padding-left: 62px; +} + +.pl-5 { + padding-left: 1.25rem; +} + +.pl-8 { + padding-left: 2rem; +} + +.pr-8 { + padding-right: 2rem; +} + +.pt-0 { + padding-top: 0px; +} + +.pl-9 { + padding-left: 2.25rem; +} + +.pr-10 { + padding-right: 2.5rem; +} + .pl-3 { padding-left: 0.75rem; } @@ -3070,38 +3103,30 @@ Ensure the default browser behavior of the `hidden` attribute. padding-top: 2rem; } -.pt-32 { - padding-top: 8rem; -} - -.pb-12 { - padding-bottom: 3rem; -} - .pb-4 { padding-bottom: 1rem; } -.pr-12 { - padding-right: 3rem; +.pb-2 { + padding-bottom: 0.5rem; +} + +.pb-8 { + padding-bottom: 2rem; +} + +.pb-3 { + padding-bottom: 0.75rem; +} + +.pt-32 { + padding-top: 8rem; } .pl-10 { padding-left: 2.5rem; } -.pr-5 { - padding-right: 1.25rem; -} - -.pr-10 { - padding-right: 2.5rem; -} - -.pb-0 { - padding-bottom: 0px; -} - .pt-2 { padding-top: 0.5rem; } @@ -3110,66 +3135,6 @@ Ensure the default browser behavior of the `hidden` attribute. padding-right: 0px; } -.pb-8 { - padding-bottom: 2rem; -} - -.pt-48 { - padding-top: 12rem; -} - -.pl-12 { - padding-left: 3rem; -} - -.pl-2 { - padding-left: 0.5rem; -} - -.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; -} - -.pt-20 { - padding-top: 5rem; -} - -.pl-\[62px\] { - padding-left: 62px; -} - -.pl-5 { - padding-left: 1.25rem; -} - -.pb-2 { - padding-bottom: 0.5rem; -} - -.pb-3 { - padding-bottom: 0.75rem; -} - .pb-5 { padding-bottom: 1.25rem; } @@ -3178,6 +3143,10 @@ Ensure the default browser behavior of the `hidden` attribute. padding-bottom: 6rem; } +.pb-20 { + padding-bottom: 5rem; +} + .pt-\[120px\] { padding-top: 120px; } @@ -3190,10 +3159,26 @@ Ensure the default browser behavior of the `hidden` attribute. padding-top: 2.75rem; } +.pt-24 { + padding-top: 6rem; +} + +.pl-4 { + padding-left: 1rem; +} + .pr-4 { padding-right: 1rem; } +.pr-12 { + padding-right: 3rem; +} + +.pr-5 { + padding-right: 1.25rem; +} + .pl-6 { padding-left: 1.5rem; } @@ -3202,12 +3187,12 @@ Ensure the default browser behavior of the `hidden` attribute. padding-left: 6rem; } -.pt-0\.5 { - padding-top: 0.125rem; +.pl-2 { + padding-left: 0.5rem; } -.pt-0 { - padding-top: 0px; +.pt-0\.5 { + padding-top: 0.125rem; } .pt-1 { @@ -3218,24 +3203,40 @@ Ensure the default browser behavior of the `hidden` attribute. padding-bottom: 16rem; } -.pl-11 { - padding-left: 2.75rem; +.pb-0 { + padding-bottom: 0px; } -.pl-8 { - padding-left: 2rem; +.pl-12 { + padding-left: 3rem; +} + +.pl-11 { + padding-left: 2.75rem; } .pr-2 { padding-right: 0.5rem; } -.pl-9 { - padding-left: 2.25rem; +.pt-48 { + padding-top: 12rem; } -.pl-1 { - padding-left: 0.25rem; +.pl-0 { + padding-left: 0px; +} + +.pb-56 { + padding-bottom: 14rem; +} + +.pb-32 { + padding-bottom: 8rem; +} + +.pb-40 { + padding-bottom: 10rem; } .text-left { @@ -3258,10 +3259,6 @@ Ensure the default browser behavior of the `hidden` attribute. vertical-align: middle; } -.align-bottom { - vertical-align: bottom; -} - .font-sans { font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } @@ -3274,6 +3271,26 @@ Ensure the default browser behavior of the `hidden` attribute. font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } +.text-lg { + font-size: 1.125rem; + line-height: 1.75rem; +} + +.text-3xl { + font-size: 1.875rem; + line-height: 2.25rem; +} + +.text-base { + font-size: 1rem; + line-height: 1.5rem; +} + +.text-xl { + font-size: 1.25rem; + line-height: 1.75rem; +} + .text-sm { font-size: 0.875rem; line-height: 1.25rem; @@ -3289,19 +3306,9 @@ Ensure the default browser behavior of the `hidden` attribute. line-height: 2rem; } -.text-base { - font-size: 1rem; - 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-7xl { + font-size: 4.5rem; + line-height: 1; } .text-4xl { @@ -3309,11 +3316,6 @@ Ensure the default browser behavior of the `hidden` attribute. line-height: 2.5rem; } -.text-3xl { - font-size: 1.875rem; - line-height: 2.25rem; -} - .text-5xl { font-size: 3rem; line-height: 1; @@ -3324,29 +3326,16 @@ Ensure the default browser behavior of the `hidden` attribute. line-height: 1; } -.text-7xl { - font-size: 4.5rem; - line-height: 1; -} - -.font-medium { - font-weight: 500; +.font-semibold { + font-weight: 600; } .font-bold { font-weight: 700; } -.font-semibold { - font-weight: 600; -} - -.font-extrabold { - font-weight: 800; -} - -.font-normal { - font-weight: 400; +.font-medium { + font-weight: 500; } .font-light { @@ -3357,6 +3346,14 @@ Ensure the default browser behavior of the `hidden` attribute. font-weight: 900; } +.font-extrabold { + font-weight: 800; +} + +.font-normal { + font-weight: 400; +} + .font-thin { font-weight: 100; } @@ -3373,6 +3370,18 @@ Ensure the default browser behavior of the `hidden` attribute. font-style: italic; } +.leading-relaxed { + line-height: 1.625; +} + +.leading-loose { + line-height: 2; +} + +.leading-6 { + line-height: 1.5rem; +} + .leading-normal { line-height: 1.5; } @@ -3385,14 +3394,18 @@ Ensure the default browser behavior of the `hidden` attribute. line-height: 2rem; } -.leading-relaxed { - line-height: 1.625; -} - .leading-none { line-height: 1; } +.leading-4 { + line-height: 1rem; +} + +.leading-5 { + line-height: 1.25rem; +} + .leading-tight { line-height: 1.25; } @@ -3405,20 +3418,8 @@ Ensure the default browser behavior of the `hidden` attribute. line-height: 2.5rem; } -.leading-5 { - line-height: 1.25rem; -} - -.leading-4 { - line-height: 1rem; -} - -.leading-6 { - line-height: 1.5rem; -} - -.leading-loose { - line-height: 2; +.tracking-tight { + letter-spacing: -0.025em; } .tracking-wide { @@ -3433,17 +3434,13 @@ Ensure the default browser behavior of the `hidden` attribute. letter-spacing: 0.1em; } -.tracking-tight { - letter-spacing: -0.025em; -} - .tracking-normal { letter-spacing: 0em; } -.text-blue-500 { +.text-black { --tw-text-opacity: 1; - color: rgb(59 130 246 / var(--tw-text-opacity)); + color: rgb(0 0 0 / var(--tw-text-opacity)); } .text-gray-900 { @@ -3451,29 +3448,14 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(17 24 39 / var(--tw-text-opacity)); } -.text-pink-600 { - --tw-text-opacity: 1; - 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 { +.text-blue-600 { --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)); -} - -.text-gray-300 { - --tw-text-opacity: 1; - color: rgb(209 213 219 / var(--tw-text-opacity)); + color: rgb(37 99 235 / var(--tw-text-opacity)); } .text-gray-800 { @@ -3481,16 +3463,51 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(31 41 55 / 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-purple-700 { --tw-text-opacity: 1; color: rgb(126 34 206 / var(--tw-text-opacity)); } +.text-gray-400 { + --tw-text-opacity: 1; + color: rgb(156 163 175 / var(--tw-text-opacity)); +} + +.text-blue-500 { + --tw-text-opacity: 1; + color: rgb(59 130 246 / var(--tw-text-opacity)); +} + +.text-pink-600 { + --tw-text-opacity: 1; + color: rgb(219 39 119 / var(--tw-text-opacity)); +} + +.text-gray-300 { + --tw-text-opacity: 1; + color: rgb(209 213 219 / var(--tw-text-opacity)); +} + +.text-purple-400 { + --tw-text-opacity: 1; + color: rgb(192 132 252 / var(--tw-text-opacity)); +} + .text-teal-400 { --tw-text-opacity: 1; color: rgb(45 212 191 / var(--tw-text-opacity)); @@ -3516,9 +3533,9 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(243 232 255 / var(--tw-text-opacity)); } -.text-gray-700 { +.text-blue-900 { --tw-text-opacity: 1; - color: rgb(55 65 81 / var(--tw-text-opacity)); + color: rgb(30 58 138 / var(--tw-text-opacity)); } .text-purple-600 { @@ -3531,21 +3548,6 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(167 139 250 / var(--tw-text-opacity)); } -.text-green-600 { - --tw-text-opacity: 1; - color: rgb(22 163 74 / var(--tw-text-opacity)); -} - -.text-blue-900 { - --tw-text-opacity: 1; - color: rgb(30 58 138 / var(--tw-text-opacity)); -} - -.text-purple-400 { - --tw-text-opacity: 1; - color: rgb(192 132 252 / var(--tw-text-opacity)); -} - .text-yellow-500 { --tw-text-opacity: 1; color: rgb(234 179 8 / var(--tw-text-opacity)); @@ -3556,53 +3558,14 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(249 250 251 / 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-gray-200 { --tw-text-opacity: 1; color: rgb(229 231 235 / var(--tw-text-opacity)); } -.text-black { +.text-pink-400 { --tw-text-opacity: 1; - color: rgb(0 0 0 / var(--tw-text-opacity)); -} - -.text-yellow-400 { - --tw-text-opacity: 1; - color: rgb(250 204 21 / var(--tw-text-opacity)); -} - -.text-blue-400 { - --tw-text-opacity: 1; - color: rgb(96 165 250 / var(--tw-text-opacity)); -} - -.text-blue-800 { - --tw-text-opacity: 1; - color: rgb(30 64 175 / var(--tw-text-opacity)); -} - -.text-transparent { - color: transparent; -} - -.text-pink-500 { - --tw-text-opacity: 1; - color: rgb(236 72 153 / var(--tw-text-opacity)); + color: rgb(244 114 182 / var(--tw-text-opacity)); } .text-green-500 { @@ -3610,31 +3573,6 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(34 197 94 / var(--tw-text-opacity)); } -.text-yellow-900 { - --tw-text-opacity: 1; - color: rgb(113 63 18 / var(--tw-text-opacity)); -} - -.text-teal-500 { - --tw-text-opacity: 1; - color: rgb(20 184 166 / var(--tw-text-opacity)); -} - -.text-green-400 { - --tw-text-opacity: 1; - color: rgb(74 222 128 / var(--tw-text-opacity)); -} - -.text-blue-600 { - --tw-text-opacity: 1; - color: rgb(37 99 235 / var(--tw-text-opacity)); -} - -.text-pink-400 { - --tw-text-opacity: 1; - color: rgb(244 114 182 / var(--tw-text-opacity)); -} - .text-pink-700 { --tw-text-opacity: 1; color: rgb(190 24 93 / var(--tw-text-opacity)); @@ -3650,26 +3588,70 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(29 78 216 / var(--tw-text-opacity)); } +.text-blue-400 { + --tw-text-opacity: 1; + color: rgb(96 165 250 / var(--tw-text-opacity)); +} + .text-green-700 { --tw-text-opacity: 1; color: rgb(21 128 61 / var(--tw-text-opacity)); } +.text-green-400 { + --tw-text-opacity: 1; + color: rgb(74 222 128 / var(--tw-text-opacity)); +} + .text-red-400 { --tw-text-opacity: 1; color: rgb(248 113 113 / var(--tw-text-opacity)); } +.text-green-600 { + --tw-text-opacity: 1; + color: rgb(22 163 74 / var(--tw-text-opacity)); +} + +.text-blue-800 { + --tw-text-opacity: 1; + color: rgb(30 64 175 / var(--tw-text-opacity)); +} + +.text-transparent { + 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-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)); +} + .text-cyan-800 { --tw-text-opacity: 1; color: rgb(21 94 117 / var(--tw-text-opacity)); @@ -3695,6 +3677,11 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(107 33 168 / var(--tw-text-opacity)); } +.text-emerald-500 { + --tw-text-opacity: 1; + color: rgb(16 185 129 / var(--tw-text-opacity)); +} + .text-indigo-100 { --tw-text-opacity: 1; color: rgb(224 231 255 / var(--tw-text-opacity)); @@ -3720,14 +3707,19 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(13 148 136 / var(--tw-text-opacity)); } -.text-cyan-500 { +.text-teal-500 { --tw-text-opacity: 1; - color: rgb(6 182 212 / var(--tw-text-opacity)); + color: rgb(20 184 166 / var(--tw-text-opacity)); } -.text-emerald-500 { +.text-pink-500 { --tw-text-opacity: 1; - color: rgb(16 185 129 / var(--tw-text-opacity)); + color: rgb(236 72 153 / var(--tw-text-opacity)); +} + +.text-yellow-900 { + --tw-text-opacity: 1; + color: rgb(113 63 18 / var(--tw-text-opacity)); } .text-emerald-300 { @@ -3735,6 +3727,26 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(110 231 183 / var(--tw-text-opacity)); } +.text-red-100 { + --tw-text-opacity: 1; + color: rgb(254 226 226 / var(--tw-text-opacity)); +} + +.text-red-500 { + --tw-text-opacity: 1; + color: rgb(239 68 68 / var(--tw-text-opacity)); +} + +.text-emerald-100 { + --tw-text-opacity: 1; + color: rgb(209 250 229 / var(--tw-text-opacity)); +} + +.text-emerald-800 { + --tw-text-opacity: 1; + color: rgb(6 95 70 / var(--tw-text-opacity)); +} + .text-opacity-50 { --tw-text-opacity: 0.5; } @@ -3754,21 +3766,6 @@ Ensure the default browser behavior of the `hidden` attribute. -moz-osx-font-smoothing: grayscale; } -.placeholder-gray-400::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgb(156 163 175 / var(--tw-placeholder-opacity)); -} - -.placeholder-gray-400:-ms-input-placeholder { - --tw-placeholder-opacity: 1; - color: rgb(156 163 175 / var(--tw-placeholder-opacity)); -} - -.placeholder-gray-400::placeholder { - --tw-placeholder-opacity: 1; - color: rgb(156 163 175 / var(--tw-placeholder-opacity)); -} - .placeholder-gray-50::-moz-placeholder { --tw-placeholder-opacity: 1; color: rgb(249 250 251 / var(--tw-placeholder-opacity)); @@ -3784,6 +3781,21 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(249 250 251 / var(--tw-placeholder-opacity)); } +.placeholder-gray-400::-moz-placeholder { + --tw-placeholder-opacity: 1; + color: rgb(156 163 175 / var(--tw-placeholder-opacity)); +} + +.placeholder-gray-400:-ms-input-placeholder { + --tw-placeholder-opacity: 1; + color: rgb(156 163 175 / var(--tw-placeholder-opacity)); +} + +.placeholder-gray-400::placeholder { + --tw-placeholder-opacity: 1; + color: rgb(156 163 175 / var(--tw-placeholder-opacity)); +} + .placeholder-gray-800::-moz-placeholder { --tw-placeholder-opacity: 1; color: rgb(31 41 55 / var(--tw-placeholder-opacity)); @@ -3834,18 +3846,24 @@ Ensure the default browser behavior of the `hidden` attribute. opacity: 1; } -.shadow-sm { - --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); - --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} - .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-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 { + --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); + --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +} + .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); @@ -3864,12 +3882,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-inner { --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05); --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color); @@ -3917,10 +3929,8 @@ Ensure the default browser behavior of the `hidden` attribute. 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; } @@ -3933,8 +3943,16 @@ Ensure the default browser behavior of the `hidden` attribute. transition-duration: 150ms; } -.transition-all { - transition-property: all; +.transition-transform { + transition-property: transform; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-duration: 150ms; +} + +.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; } @@ -3945,26 +3963,16 @@ Ensure the default browser behavior of the `hidden` attribute. transition-duration: 150ms; } -.transition-transform { - transition-property: transform; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-duration: 150ms; -} - .duration-300 { transition-duration: 300ms; } -.duration-200 { - transition-duration: 200ms; -} - .duration-700 { transition-duration: 700ms; } -.duration-150 { - transition-duration: 150ms; +.duration-200 { + transition-duration: 200ms; } .duration-500 { @@ -3975,6 +3983,10 @@ Ensure the default browser behavior of the `hidden` attribute. transition-duration: 100ms; } +.duration-150 { + transition-duration: 150ms; +} + .ease-in-out { transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } @@ -4057,13 +4069,13 @@ Ensure the default browser behavior of the `hidden` attribute. --tw-ring-opacity: 0.4; } -.hover\:translate-y-2:hover { - --tw-translate-y: 0.5rem; +.hover\:translate-x-1:hover { + --tw-translate-x: 0.25rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } -.hover\:translate-x-1:hover { - --tw-translate-x: 0.25rem; +.hover\:translate-y-2:hover { + --tw-translate-y: 0.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)); } @@ -4092,21 +4104,16 @@ Ensure the default browser behavior of the `hidden` attribute. border-top-width: 0px; } -.hover\:border-green-700:hover { - --tw-border-opacity: 1; - border-color: rgb(21 128 61 / var(--tw-border-opacity)); -} - -.hover\:border-white:hover { - --tw-border-opacity: 1; - border-color: rgb(255 255 255 / 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-green-700:hover { + --tw-border-opacity: 1; + border-color: rgb(21 128 61 / var(--tw-border-opacity)); +} + .hover\:border-blue-500:hover { --tw-border-opacity: 1; border-color: rgb(59 130 246 / var(--tw-border-opacity)); @@ -4117,14 +4124,29 @@ Ensure the default browser behavior of the `hidden` attribute. border-bottom-color: rgb(147 197 253 / var(--tw-border-opacity)); } -.hover\:bg-blue-700:hover { +.hover\:bg-gray-100:hover { --tw-bg-opacity: 1; - background-color: rgb(29 78 216 / var(--tw-bg-opacity)); + background-color: rgb(243 244 246 / var(--tw-bg-opacity)); } -.hover\:bg-white:hover { +.hover\:bg-gray-300:hover { --tw-bg-opacity: 1; - background-color: rgb(255 255 255 / var(--tw-bg-opacity)); + 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-red-700:hover { + --tw-bg-opacity: 1; + background-color: rgb(185 28 28 / var(--tw-bg-opacity)); } .hover\:bg-gray-50:hover { @@ -4147,9 +4169,39 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(79 70 229 / var(--tw-bg-opacity)); } -.hover\:bg-gray-200:hover { +.hover\:bg-purple-700:hover { --tw-bg-opacity: 1; - background-color: rgb(229 231 235 / var(--tw-bg-opacity)); + background-color: rgb(126 34 206 / var(--tw-bg-opacity)); +} + +.hover\:bg-blue-700:hover { + --tw-bg-opacity: 1; + background-color: rgb(29 78 216 / var(--tw-bg-opacity)); +} + +.hover\:bg-white:hover { + --tw-bg-opacity: 1; + background-color: rgb(255 255 255 / var(--tw-bg-opacity)); +} + +.hover\:bg-blue-400:hover { + --tw-bg-opacity: 1; + background-color: rgb(96 165 250 / var(--tw-bg-opacity)); +} + +.hover\:bg-gray-800:hover { + --tw-bg-opacity: 1; + background-color: rgb(31 41 55 / var(--tw-bg-opacity)); +} + +.hover\:bg-blue-800:hover { + --tw-bg-opacity: 1; + 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 { @@ -4157,6 +4209,21 @@ Ensure the default browser behavior of the `hidden` attribute. 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)); @@ -4186,66 +4253,6 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(107 114 128 / var(--tw-bg-opacity)); } -.hover\:bg-blue-800:hover { - --tw-bg-opacity: 1; - background-color: rgb(30 64 175 / var(--tw-bg-opacity)); -} - -.hover\:bg-yellow-400:hover { - --tw-bg-opacity: 1; - background-color: rgb(250 204 21 / var(--tw-bg-opacity)); -} - -.hover\:bg-yellow-500:hover { - --tw-bg-opacity: 1; - background-color: rgb(234 179 8 / var(--tw-bg-opacity)); -} - -.hover\:bg-gray-100:hover { - --tw-bg-opacity: 1; - background-color: rgb(243 244 246 / var(--tw-bg-opacity)); -} - -.hover\:bg-purple-700:hover { - --tw-bg-opacity: 1; - background-color: rgb(126 34 206 / var(--tw-bg-opacity)); -} - -.hover\:bg-blue-400:hover { - --tw-bg-opacity: 1; - background-color: rgb(96 165 250 / var(--tw-bg-opacity)); -} - -.hover\:bg-gray-800:hover { - --tw-bg-opacity: 1; - background-color: rgb(31 41 55 / 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-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-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)); @@ -4271,14 +4278,14 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(219 39 119 / var(--tw-bg-opacity)); } -.hover\:bg-indigo-50:hover { +.hover\:bg-yellow-400:hover { --tw-bg-opacity: 1; - background-color: rgb(238 242 255 / var(--tw-bg-opacity)); + background-color: rgb(250 204 21 / var(--tw-bg-opacity)); } -.hover\:bg-red-700:hover { +.hover\:bg-yellow-500:hover { --tw-bg-opacity: 1; - background-color: rgb(185 28 28 / var(--tw-bg-opacity)); + background-color: rgb(234 179 8 / var(--tw-bg-opacity)); } .hover\:bg-opacity-90:hover { @@ -4289,9 +4296,19 @@ Ensure the default browser behavior of the `hidden` attribute. --tw-bg-opacity: 1; } -.hover\:text-purple-800:hover { +.hover\:text-purple-200:hover { --tw-text-opacity: 1; - color: rgb(107 33 168 / var(--tw-text-opacity)); + color: rgb(233 213 255 / var(--tw-text-opacity)); +} + +.hover\:text-purple-400:hover { + --tw-text-opacity: 1; + color: rgb(192 132 252 / var(--tw-text-opacity)); +} + +.hover\:text-purple-300:hover { + --tw-text-opacity: 1; + color: rgb(216 180 254 / var(--tw-text-opacity)); } .hover\:text-teal-400:hover { @@ -4314,9 +4331,9 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(147 51 234 / var(--tw-text-opacity)); } -.hover\:text-red-500:hover { +.hover\:text-purple-800:hover { --tw-text-opacity: 1; - color: rgb(239 68 68 / var(--tw-text-opacity)); + color: rgb(107 33 168 / var(--tw-text-opacity)); } .hover\:text-blue-700:hover { @@ -4324,16 +4341,6 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(29 78 216 / var(--tw-text-opacity)); } -.hover\:text-purple-200:hover { - --tw-text-opacity: 1; - color: rgb(233 213 255 / var(--tw-text-opacity)); -} - -.hover\:text-purple-400:hover { - --tw-text-opacity: 1; - color: rgb(192 132 252 / var(--tw-text-opacity)); -} - .hover\:text-gray-500:hover { --tw-text-opacity: 1; color: rgb(107 114 128 / var(--tw-text-opacity)); @@ -4344,6 +4351,11 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(31 41 55 / var(--tw-text-opacity)); } +.hover\:text-red-500:hover { + --tw-text-opacity: 1; + color: rgb(239 68 68 / var(--tw-text-opacity)); +} + .hover\:text-blue-400:hover { --tw-text-opacity: 1; color: rgb(96 165 250 / var(--tw-text-opacity)); @@ -4354,41 +4366,21 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(244 114 182 / var(--tw-text-opacity)); } -.hover\:text-purple-500:hover { - --tw-text-opacity: 1; - color: rgb(168 85 247 / var(--tw-text-opacity)); -} - -.hover\:text-white:hover { - --tw-text-opacity: 1; - color: rgb(255 255 255 / var(--tw-text-opacity)); -} - -.hover\:text-gray-300:hover { - --tw-text-opacity: 1; - color: rgb(209 213 219 / var(--tw-text-opacity)); -} - .hover\:text-indigo-600:hover { --tw-text-opacity: 1; color: rgb(79 70 229 / var(--tw-text-opacity)); } -.hover\:text-gray-600:hover { - --tw-text-opacity: 1; - color: rgb(75 85 99 / var(--tw-text-opacity)); -} - -.hover\:text-purple-300:hover { - --tw-text-opacity: 1; - color: rgb(216 180 254 / var(--tw-text-opacity)); -} - .hover\:text-gray-400:hover { --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity)); } +.hover\:text-white:hover { + --tw-text-opacity: 1; + color: rgb(255 255 255 / var(--tw-text-opacity)); +} + .hover\:text-orange-500:hover { --tw-text-opacity: 1; color: rgb(249 115 22 / var(--tw-text-opacity)); @@ -4414,11 +4406,6 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(234 179 8 / var(--tw-text-opacity)); } -.hover\:text-red-400:hover { - --tw-text-opacity: 1; - color: rgb(248 113 113 / var(--tw-text-opacity)); -} - .hover\:text-blue-500:hover { --tw-text-opacity: 1; color: rgb(59 130 246 / var(--tw-text-opacity)); @@ -4434,9 +4421,14 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(219 39 119 / var(--tw-text-opacity)); } -.hover\:text-yellow-600:hover { +.hover\:text-red-400:hover { --tw-text-opacity: 1; - color: rgb(202 138 4 / var(--tw-text-opacity)); + color: rgb(248 113 113 / var(--tw-text-opacity)); +} + +.hover\:text-gray-300:hover { + --tw-text-opacity: 1; + color: rgb(209 213 219 / var(--tw-text-opacity)); } .hover\:text-blue-300:hover { @@ -4444,6 +4436,21 @@ Ensure the default browser behavior of the `hidden` attribute. 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)); +} + +.hover\:text-yellow-600:hover { + --tw-text-opacity: 1; + color: rgb(202 138 4 / var(--tw-text-opacity)); +} + +.hover\:text-gray-600:hover { + --tw-text-opacity: 1; + color: rgb(75 85 99 / var(--tw-text-opacity)); +} + .hover\:text-gray-100:hover { --tw-text-opacity: 1; color: rgb(243 244 246 / var(--tw-text-opacity)); @@ -4478,18 +4485,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); } -.hover\:shadow-xl:hover { - --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); -} - -.hover\:shadow:hover { - --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); - --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} - .hover\:shadow-md:hover { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); @@ -4502,6 +4497,18 @@ 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); } +.hover\:shadow:hover { + --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); + --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +} + +.hover\:shadow-xl:hover { + --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); +} + .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); @@ -4523,11 +4530,30 @@ Ensure the default browser behavior of the `hidden` attribute. border-bottom-width: 2px; } +.focus\:border-blue-600:focus { + --tw-border-opacity: 1; + border-color: rgb(37 99 235 / var(--tw-border-opacity)); +} + .focus\:border-indigo-500:focus { --tw-border-opacity: 1; border-color: rgb(99 102 241 / var(--tw-border-opacity)); } +.focus\:border-gray-500:focus { + --tw-border-opacity: 1; + border-color: rgb(107 114 128 / var(--tw-border-opacity)); +} + +.focus\:border-transparent:focus { + 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)); @@ -4548,20 +4574,6 @@ Ensure the default browser behavior of the `hidden` attribute. border-color: rgb(202 138 4 / var(--tw-border-opacity)); } -.focus\:border-gray-500:focus { - --tw-border-opacity: 1; - border-color: rgb(107 114 128 / var(--tw-border-opacity)); -} - -.focus\:border-transparent:focus { - border-color: transparent; -} - -.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)); @@ -4572,9 +4584,9 @@ Ensure the default browser behavior of the `hidden` attribute. border-color: rgb(59 130 246 / var(--tw-border-opacity)); } -.focus\:border-blue-600:focus { - --tw-border-opacity: 1; - border-color: rgb(37 99 235 / var(--tw-border-opacity)); +.focus\:bg-red-700:focus { + --tw-bg-opacity: 1; + background-color: rgb(185 28 28 / var(--tw-bg-opacity)); } .focus\:bg-transparent:focus { @@ -4586,11 +4598,6 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(243 244 246 / var(--tw-bg-opacity)); } -.focus\:bg-purple-600:focus { - --tw-bg-opacity: 1; - background-color: rgb(147 51 234 / var(--tw-bg-opacity)); -} - .focus\:bg-white:focus { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); @@ -4611,6 +4618,11 @@ Ensure the default browser behavior of the `hidden` attribute. 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)); +} + .focus\:bg-gray-300:focus { --tw-bg-opacity: 1; background-color: rgb(209 213 219 / var(--tw-bg-opacity)); @@ -4626,11 +4638,6 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(107 33 168 / var(--tw-bg-opacity)); } -.focus\:bg-red-700:focus { - --tw-bg-opacity: 1; - background-color: rgb(185 28 28 / var(--tw-bg-opacity)); -} - .focus\:text-white:focus { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); @@ -4678,6 +4685,12 @@ Ensure the default browser behavior of the `hidden` attribute. outline-color: #000; } +.focus\:ring-4:focus { + --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); + --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + 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); +} + .focus\:ring:focus { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color); @@ -4690,18 +4703,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); } -.focus\:ring-4:focus { - --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); - --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + 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); -} - .focus\:ring-0:focus { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } +.focus\:ring-gray-200:focus { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(229 231 235 / var(--tw-ring-opacity)); +} + .focus\:ring-gray-300:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity)); @@ -4717,11 +4729,6 @@ Ensure the default browser behavior of the `hidden` attribute. --tw-ring-color: rgb(199 210 254 / var(--tw-ring-opacity)); } -.focus\:ring-gray-200:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgb(229 231 235 / var(--tw-ring-opacity)); -} - .focus\:ring-purple-600:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(147 51 234 / var(--tw-ring-opacity)); @@ -4732,11 +4739,6 @@ Ensure the default browser behavior of the `hidden` attribute. --tw-ring-color: rgb(168 85 247 / var(--tw-ring-opacity)); } -.focus\:ring-gray-500:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgb(107 114 128 / var(--tw-ring-opacity)); -} - .focus\:ring-teal-400:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(45 212 191 / var(--tw-ring-opacity)); @@ -4747,6 +4749,11 @@ Ensure the default browser behavior of the `hidden` attribute. --tw-ring-color: rgb(31 41 55 / var(--tw-ring-opacity)); } +.focus\:ring-gray-500:focus { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(107 114 128 / var(--tw-ring-opacity)); +} + .focus\:ring-blue-500:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity)); @@ -4772,11 +4779,6 @@ Ensure the default browser behavior of the `hidden` attribute. --tw-ring-offset-color: #e9d5ff; } -.active\:bg-blue-500:active { - --tw-bg-opacity: 1; - background-color: rgb(59 130 246 / var(--tw-bg-opacity)); -} - .active\:bg-yellow-400:active { --tw-bg-opacity: 1; background-color: rgb(250 204 21 / var(--tw-bg-opacity)); @@ -4787,6 +4789,11 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(45 212 191 / var(--tw-bg-opacity)); } +.active\:bg-blue-500:active { + --tw-bg-opacity: 1; + background-color: rgb(59 130 246 / var(--tw-bg-opacity)); +} + .active\:bg-teal-600:active { --tw-bg-opacity: 1; background-color: rgb(13 148 136 / var(--tw-bg-opacity)); @@ -4877,34 +4884,6 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(255 255 255 / var(--tw-text-opacity)); } -.dark .dark\:mt-0 { - margin-top: 0px; -} - -.dark .dark\:ml-0 { - margin-left: 0px; -} - -.dark .dark\:mt-2 { - margin-top: 0.5rem; -} - -.dark .dark\:ml-2 { - margin-left: 0.5rem; -} - -.dark .dark\:-mt-2 { - margin-top: -0.5rem; -} - -.dark .dark\:-mt-4 { - margin-top: -1rem; -} - -.dark .dark\:-mt-5 { - margin-top: -1.25rem; -} - .dark .dark\:divide-gray-600 > :not([hidden]) ~ :not([hidden]) { --tw-divide-opacity: 1; border-color: rgb(75 85 99 / var(--tw-divide-opacity)); @@ -4926,6 +4905,21 @@ Ensure the default browser behavior of the `hidden` attribute. border-radius: 0.375rem; } +.dark .dark\:rounded-l { + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.dark .dark\:rounded-l-sm { + border-top-left-radius: 0.125rem; + border-bottom-left-radius: 0.125rem; +} + +.dark .dark\:rounded-l-md { + border-top-left-radius: 0.375rem; + border-bottom-left-radius: 0.375rem; +} + .dark .dark\:border-2 { border-width: 2px; } @@ -4944,9 +4938,8 @@ Ensure the default browser behavior of the `hidden` attribute. border-bottom-width: 2px; } -.dark .dark\:border-gray-400 { - --tw-border-opacity: 1; - border-color: rgb(156 163 175 / var(--tw-border-opacity)); +.dark .dark\:border-l-2 { + border-left-width: 2px; } .dark .dark\:border-gray-700 { @@ -4954,21 +4947,26 @@ Ensure the default browser behavior of the `hidden` attribute. border-color: rgb(55 65 81 / var(--tw-border-opacity)); } +.dark .dark\:border-gray-400 { + --tw-border-opacity: 1; + border-color: rgb(156 163 175 / var(--tw-border-opacity)); +} + .dark .dark\:border-gray-600 { --tw-border-opacity: 1; border-color: rgb(75 85 99 / var(--tw-border-opacity)); } -.dark .dark\:border-gray-50 { - --tw-border-opacity: 1; - border-color: rgb(249 250 251 / var(--tw-border-opacity)); -} - .dark .dark\:border-white { --tw-border-opacity: 1; border-color: rgb(255 255 255 / var(--tw-border-opacity)); } +.dark .dark\:border-gray-50 { + --tw-border-opacity: 1; + border-color: rgb(249 250 251 / var(--tw-border-opacity)); +} + .dark .dark\:border-yellow-300 { --tw-border-opacity: 1; border-color: rgb(253 224 71 / var(--tw-border-opacity)); @@ -4978,9 +4976,9 @@ Ensure the default browser behavior of the `hidden` attribute. border-color: transparent; } -.dark .dark\:border-indigo-500 { +.dark .dark\:border-emerald-500 { --tw-border-opacity: 1; - border-color: rgb(99 102 241 / var(--tw-border-opacity)); + border-color: rgb(16 185 129 / var(--tw-border-opacity)); } .dark .dark\:border-emerald-600 { @@ -4988,19 +4986,14 @@ Ensure the default browser behavior of the `hidden` attribute. border-color: rgb(5 150 105 / var(--tw-border-opacity)); } -.dark .dark\:border-teal-600 { +.dark .dark\:border-emerald-300 { --tw-border-opacity: 1; - border-color: rgb(13 148 136 / var(--tw-border-opacity)); + border-color: rgb(110 231 183 / var(--tw-border-opacity)); } -.dark .dark\:border-cyan-500 { +.dark .dark\:border-indigo-500 { --tw-border-opacity: 1; - border-color: rgb(6 182 212 / var(--tw-border-opacity)); -} - -.dark .dark\:border-emerald-500 { - --tw-border-opacity: 1; - border-color: rgb(16 185 129 / var(--tw-border-opacity)); + border-color: rgb(99 102 241 / var(--tw-border-opacity)); } .dark .dark\:border-emerald-400 { @@ -5008,14 +5001,14 @@ Ensure the default browser behavior of the `hidden` attribute. border-color: rgb(52 211 153 / var(--tw-border-opacity)); } -.dark .dark\:border-emerald-300 { +.dark .dark\:border-emerald-200 { --tw-border-opacity: 1; - border-color: rgb(110 231 183 / var(--tw-border-opacity)); + border-color: rgb(167 243 208 / var(--tw-border-opacity)); } -.dark .dark\:bg-emerald-900 { - --tw-bg-opacity: 1; - background-color: rgb(6 78 59 / var(--tw-bg-opacity)); +.dark .dark\:border-cyan-300 { + --tw-border-opacity: 1; + border-color: rgb(103 232 249 / var(--tw-border-opacity)); } .dark .dark\:bg-gray-800 { @@ -5023,9 +5016,14 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(31 41 55 / var(--tw-bg-opacity)); } -.dark .dark\:bg-violet-400 { +.dark .dark\:bg-gray-900 { --tw-bg-opacity: 1; - background-color: rgb(167 139 250 / var(--tw-bg-opacity)); + background-color: rgb(17 24 39 / 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 { @@ -5043,6 +5041,11 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(0 0 0 / var(--tw-bg-opacity)); } +.dark .dark\:bg-violet-400 { + --tw-bg-opacity: 1; + background-color: rgb(167 139 250 / var(--tw-bg-opacity)); +} + .dark .dark\:bg-indigo-400 { --tw-bg-opacity: 1; background-color: rgb(129 140 248 / var(--tw-bg-opacity)); @@ -5058,16 +5061,6 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(125 211 252 / var(--tw-bg-opacity)); } -.dark .dark\:bg-gray-400 { - --tw-bg-opacity: 1; - background-color: rgb(156 163 175 / var(--tw-bg-opacity)); -} - -.dark .dark\:bg-gray-900 { - --tw-bg-opacity: 1; - background-color: rgb(17 24 39 / var(--tw-bg-opacity)); -} - .dark .dark\:bg-indigo-600 { --tw-bg-opacity: 1; background-color: rgb(79 70 229 / var(--tw-bg-opacity)); @@ -5078,16 +5071,6 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(19 78 74 / 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-amber-50 { - --tw-bg-opacity: 1; - background-color: rgb(255 251 235 / var(--tw-bg-opacity)); -} - .dark .dark\:bg-yellow-400 { --tw-bg-opacity: 1; background-color: rgb(250 204 21 / var(--tw-bg-opacity)); @@ -5113,24 +5096,34 @@ Ensure the default browser behavior of the `hidden` attribute. 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)); +} + .dark .dark\:bg-blue-600 { --tw-bg-opacity: 1; background-color: rgb(37 99 235 / var(--tw-bg-opacity)); } -.dark .dark\:bg-emerald-500 { +.dark .dark\:bg-gray-400 { --tw-bg-opacity: 1; - background-color: rgb(16 185 129 / var(--tw-bg-opacity)); + background-color: rgb(156 163 175 / var(--tw-bg-opacity)); } -.dark .dark\:bg-emerald-800 { +.dark .dark\:bg-gray-50 { --tw-bg-opacity: 1; - background-color: rgb(6 95 70 / var(--tw-bg-opacity)); + background-color: rgb(249 250 251 / var(--tw-bg-opacity)); } .dark .dark\:bg-gray-300 { @@ -5138,9 +5131,14 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(209 213 219 / var(--tw-bg-opacity)); } -.dark .dark\:bg-gray-50 { +.dark .dark\:bg-emerald-300 { --tw-bg-opacity: 1; - background-color: rgb(249 250 251 / var(--tw-bg-opacity)); + background-color: rgb(110 231 183 / 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-opacity-40 { @@ -5155,6 +5153,11 @@ Ensure the default browser behavior of the `hidden` attribute. background-image: linear-gradient(to bottom, var(--tw-gradient-stops)); } +.dark .dark\:from-black { + --tw-gradient-from: #000; + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgb(0 0 0 / 0)); +} + .dark .dark\:from-emerald-800 { --tw-gradient-from: #065f46; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgb(6 95 70 / 0)); @@ -5170,15 +5173,19 @@ Ensure the default browser behavior of the `hidden` attribute. --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgb(103 232 249 / 0)); } -.dark .dark\:from-black { - --tw-gradient-from: #000; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgb(0 0 0 / 0)); +.dark .dark\:from-emerald-300 { + --tw-gradient-from: #6ee7b7; + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgb(110 231 183 / 0)); } .dark .dark\:via-emerald-500 { --tw-gradient-stops: var(--tw-gradient-from), #10b981, var(--tw-gradient-to, rgb(16 185 129 / 0)); } +.dark .dark\:to-green-800 { + --tw-gradient-to: #166534; +} + .dark .dark\:to-cyan-800 { --tw-gradient-to: #155e75; } @@ -5191,8 +5198,13 @@ Ensure the default browser behavior of the `hidden` attribute. --tw-gradient-to: #10b981; } -.dark .dark\:to-green-800 { - --tw-gradient-to: #166534; +.dark .dark\:to-cyan-300 { + --tw-gradient-to: #67e8f9; +} + +.dark .dark\:bg-clip-text { + -webkit-background-clip: text; + background-clip: text; } .dark .dark\:fill-white { @@ -5240,14 +5252,19 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(255 255 255 / var(--tw-text-opacity)); } -.dark .dark\:text-gray-50 { +.dark .dark\:text-gray-400 { --tw-text-opacity: 1; - color: rgb(249 250 251 / var(--tw-text-opacity)); + color: rgb(156 163 175 / var(--tw-text-opacity)); } -.dark .dark\:text-gray-900 { +.dark .dark\:text-blue-500 { --tw-text-opacity: 1; - color: rgb(17 24 39 / var(--tw-text-opacity)); + color: rgb(59 130 246 / var(--tw-text-opacity)); +} + +.dark .dark\:text-gray-300 { + --tw-text-opacity: 1; + color: rgb(209 213 219 / var(--tw-text-opacity)); } .dark .dark\:text-purple-400 { @@ -5270,19 +5287,24 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(229 231 235 / var(--tw-text-opacity)); } -.dark .dark\:text-gray-300 { - --tw-text-opacity: 1; - color: rgb(209 213 219 / var(--tw-text-opacity)); -} - .dark .dark\:text-purple-700 { --tw-text-opacity: 1; color: rgb(126 34 206 / var(--tw-text-opacity)); } -.dark .dark\:text-gray-400 { +.dark .dark\:text-sky-400 { --tw-text-opacity: 1; - color: rgb(156 163 175 / var(--tw-text-opacity)); + color: rgb(56 189 248 / var(--tw-text-opacity)); +} + +.dark .dark\:text-gray-50 { + --tw-text-opacity: 1; + color: rgb(249 250 251 / var(--tw-text-opacity)); +} + +.dark .dark\:text-gray-900 { + --tw-text-opacity: 1; + color: rgb(17 24 39 / var(--tw-text-opacity)); } .dark .dark\:text-gray-100 { @@ -5295,21 +5317,6 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(107 114 128 / var(--tw-text-opacity)); } -.dark .dark\:text-violet-400 { - --tw-text-opacity: 1; - color: rgb(167 139 250 / var(--tw-text-opacity)); -} - -.dark .dark\:text-blue-500 { - --tw-text-opacity: 1; - color: rgb(59 130 246 / var(--tw-text-opacity)); -} - -.dark .dark\:text-sky-400 { - --tw-text-opacity: 1; - color: rgb(56 189 248 / var(--tw-text-opacity)); -} - .dark .dark\:text-sky-300 { --tw-text-opacity: 1; color: rgb(125 211 252 / var(--tw-text-opacity)); @@ -5320,16 +5327,6 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(103 232 249 / var(--tw-text-opacity)); } -.dark .dark\:text-gray-700 { - --tw-text-opacity: 1; - color: rgb(55 65 81 / var(--tw-text-opacity)); -} - -.dark .dark\:text-blue-400 { - --tw-text-opacity: 1; - color: rgb(96 165 250 / var(--tw-text-opacity)); -} - .dark .dark\:text-yellow-300 { --tw-text-opacity: 1; color: rgb(253 224 71 / var(--tw-text-opacity)); @@ -5360,11 +5357,26 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(34 211 238 / var(--tw-text-opacity)); } +.dark .dark\:text-violet-400 { + --tw-text-opacity: 1; + 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)); +} + +.dark .dark\:text-blue-400 { + --tw-text-opacity: 1; + color: rgb(96 165 250 / var(--tw-text-opacity)); +} + .dark .dark\:text-cyan-600 { --tw-text-opacity: 1; color: rgb(8 145 178 / var(--tw-text-opacity)); @@ -5380,9 +5392,9 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(248 113 113 / var(--tw-text-opacity)); } -.dark .dark\:text-indigo-500 { +.dark .dark\:text-emerald-400 { --tw-text-opacity: 1; - color: rgb(99 102 241 / var(--tw-text-opacity)); + color: rgb(52 211 153 / var(--tw-text-opacity)); } .dark .dark\:text-emerald-500 { @@ -5390,19 +5402,24 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(16 185 129 / var(--tw-text-opacity)); } +.dark .dark\:text-indigo-500 { + --tw-text-opacity: 1; + color: rgb(99 102 241 / var(--tw-text-opacity)); +} + .dark .dark\:text-teal-500 { --tw-text-opacity: 1; color: rgb(20 184 166 / var(--tw-text-opacity)); } -.dark .dark\:text-emerald-50 { +.dark .dark\:text-emerald-200 { --tw-text-opacity: 1; - color: rgb(236 253 245 / var(--tw-text-opacity)); + color: rgb(167 243 208 / var(--tw-text-opacity)); } -.dark .dark\:text-emerald-400 { +.dark .dark\:text-cyan-900 { --tw-text-opacity: 1; - color: rgb(52 211 153 / var(--tw-text-opacity)); + color: rgb(22 78 99 / var(--tw-text-opacity)); } .dark .dark\:text-cyan-800 { @@ -5410,9 +5427,28 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(21 94 117 / var(--tw-text-opacity)); } -.dark .dark\:text-emerald-200 { +.dark .dark\:text-transparent { + color: transparent; +} + +.dark .dark\:text-emerald-800 { --tw-text-opacity: 1; - color: rgb(167 243 208 / var(--tw-text-opacity)); + color: rgb(6 95 70 / var(--tw-text-opacity)); +} + +.dark .dark\:text-purple-500 { + --tw-text-opacity: 1; + color: rgb(168 85 247 / var(--tw-text-opacity)); +} + +.dark .dark\:text-cyan-200 { + --tw-text-opacity: 1; + color: rgb(165 243 252 / var(--tw-text-opacity)); +} + +.dark .dark\:text-cyan-100 { + --tw-text-opacity: 1; + color: rgb(207 250 254 / var(--tw-text-opacity)); } .dark .dark\:placeholder-white::-moz-placeholder { @@ -5464,49 +5500,16 @@ Ensure the default browser behavior of the `hidden` attribute. opacity: 0.2; } -.dark .dark\:opacity-5 { - opacity: 0.05; -} - .dark .dark\:opacity-25 { opacity: 0.25; } -.dark .dark\:shadow-sm { - --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); - --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} - .dark .dark\: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); } -.dark .dark\: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); -} - -.dark .dark\:shadow { - --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); - --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} - -.dark .dark\: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); -} - -.dark .dark\:shadow-white { - --tw-shadow-color: #fff; - --tw-shadow: var(--tw-shadow-colored); -} - .dark .dark\:ring-2 { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); @@ -5592,14 +5595,23 @@ Ensure the default browser behavior of the `hidden` attribute. border-color: rgb(31 41 55 / var(--tw-border-opacity)); } +.dark .dark\:hover\:bg-gray-800:hover { + --tw-bg-opacity: 1; + background-color: rgb(31 41 55 / var(--tw-bg-opacity)); +} + .dark .dark\:hover\:bg-gray-600:hover { --tw-bg-opacity: 1; background-color: rgb(75 85 99 / var(--tw-bg-opacity)); } -.dark .dark\:hover\:bg-gray-800:hover { +.dark .dark\:hover\:bg-cyan-300:hover { --tw-bg-opacity: 1; - background-color: rgb(31 41 55 / var(--tw-bg-opacity)); + background-color: rgb(103 232 249 / var(--tw-bg-opacity)); +} + +.dark .dark\:hover\:bg-transparent:hover { + background-color: transparent; } .dark .dark\:hover\:bg-cyan-400:hover { @@ -5612,27 +5624,23 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(79 70 229 / var(--tw-bg-opacity)); } -.dark .dark\:hover\:bg-cyan-300:hover { - --tw-bg-opacity: 1; - background-color: rgb(103 232 249 / var(--tw-bg-opacity)); -} - -.dark .dark\:hover\:bg-transparent:hover { - background-color: transparent; -} - .dark .dark\:hover\:bg-gray-700:hover { --tw-bg-opacity: 1; background-color: rgb(55 65 81 / var(--tw-bg-opacity)); } -.dark .dark\:hover\:stroke-cyan-400:hover { - stroke: #22d3ee; +.dark .dark\:hover\:bg-emerald-500:hover { + --tw-bg-opacity: 1; + background-color: rgb(16 185 129 / var(--tw-bg-opacity)); } -.dark .hover\:dark\:text-violet-400:hover { - --tw-text-opacity: 1; - color: rgb(167 139 250 / var(--tw-text-opacity)); +.dark .dark\:hover\:bg-emerald-400:hover { + --tw-bg-opacity: 1; + background-color: rgb(52 211 153 / var(--tw-bg-opacity)); +} + +.dark .dark\:hover\:stroke-cyan-400:hover { + stroke: #22d3ee; } .dark .dark\:hover\:text-purple-500:hover { @@ -5655,6 +5663,16 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(107 33 168 / var(--tw-text-opacity)); } +.dark .dark\:hover\:text-sky-800:hover { + --tw-text-opacity: 1; + color: rgb(7 89 133 / var(--tw-text-opacity)); +} + +.dark .hover\:dark\:text-violet-400:hover { + --tw-text-opacity: 1; + color: rgb(167 139 250 / var(--tw-text-opacity)); +} + .dark .dark\:hover\:text-gray-300:hover { --tw-text-opacity: 1; color: rgb(209 213 219 / var(--tw-text-opacity)); @@ -5665,11 +5683,6 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(255 255 255 / var(--tw-text-opacity)); } -.dark .dark\:hover\:text-sky-800:hover { - --tw-text-opacity: 1; - color: rgb(7 89 133 / var(--tw-text-opacity)); -} - .dark .dark\:hover\:text-sky-300:hover { --tw-text-opacity: 1; color: rgb(125 211 252 / var(--tw-text-opacity)); @@ -5816,16 +5829,16 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(8 145 178 / var(--tw-text-opacity)); } -.dark .dark\:focus\:ring-indigo-900:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgb(49 46 129 / var(--tw-ring-opacity)); -} - .dark .dark\:focus\:ring-gray-800:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(31 41 55 / var(--tw-ring-opacity)); } +.dark .dark\:focus\:ring-indigo-900:focus { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(49 46 129 / var(--tw-ring-opacity)); +} + .dark .dark\:focus\:ring-gray-500:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(107 114 128 / var(--tw-ring-opacity)); @@ -5853,21 +5866,16 @@ Ensure the default browser behavior of the `hidden` attribute. margin-right: 0.5rem; } - .sm\:mx-0 { - margin-left: 0px; - margin-right: 0px; - } - - .sm\:my-5 { - margin-top: 1.25rem; - margin-bottom: 1.25rem; - } - .sm\:mx-auto { margin-left: auto; margin-right: auto; } + .sm\:mx-0 { + margin-left: 0px; + margin-right: 0px; + } + .sm\:mx-6 { margin-left: 1.5rem; margin-right: 1.5rem; @@ -5878,6 +5886,11 @@ Ensure the default browser behavior of the `hidden` attribute. margin-bottom: 0px; } + .sm\:my-5 { + margin-top: 1.25rem; + margin-bottom: 1.25rem; + } + .sm\:mt-0 { margin-top: 0px; } @@ -5890,50 +5903,22 @@ Ensure the default browser behavior of the `hidden` attribute. margin-left: auto; } - .sm\:ml-4 { - margin-left: 1rem; - } - .sm\:mr-4 { margin-right: 1rem; } - .sm\:-mr-20 { - margin-right: -5rem; - } - - .sm\:mt-6 { - margin-top: 1.5rem; - } - - .sm\:mb-0 { - margin-bottom: 0px; - } - - .sm\:mr-3 { - margin-right: 0.75rem; - } - - .sm\:mt-10 { - margin-top: 2.5rem; - } - - .sm\:mt-1 { - margin-top: 0.25rem; - } - - .sm\:mb-16 { - margin-bottom: 4rem; - } - - .sm\:mr-10 { - margin-right: 2.5rem; + .sm\:ml-4 { + margin-left: 1rem; } .sm\:ml-0 { margin-left: 0px; } + .sm\:mb-0 { + margin-bottom: 0px; + } + .sm\:mb-12 { margin-bottom: 3rem; } @@ -5954,6 +5939,18 @@ Ensure the default browser behavior of the `hidden` attribute. margin-left: 0.75rem; } + .sm\:-mr-20 { + margin-right: -5rem; + } + + .sm\:mt-6 { + margin-top: 1.5rem; + } + + .sm\:mt-1 { + margin-top: 0.25rem; + } + .sm\:ml-5 { margin-left: 1.25rem; } @@ -5962,6 +5959,22 @@ Ensure the default browser behavior of the `hidden` attribute. margin-right: auto; } + .sm\:mr-3 { + margin-right: 0.75rem; + } + + .sm\:mt-10 { + margin-top: 2.5rem; + } + + .sm\:mb-16 { + margin-bottom: 4rem; + } + + .sm\:mr-10 { + margin-right: 2.5rem; + } + .sm\:block { display: block; } @@ -5986,8 +5999,8 @@ Ensure the default browser behavior of the `hidden` attribute. height: 18rem; } - .sm\:h-20 { - height: 5rem; + .sm\:w-10\/12 { + width: 83.333333%; } .sm\:w-10 { @@ -6002,32 +6015,16 @@ Ensure the default browser behavior of the `hidden` attribute. width: 16rem; } - .sm\:w-full { - width: 100%; - } - - .sm\:w-3\/5 { - width: 60%; - } - - .sm\:w-2\/3 { - width: 66.666667%; + .sm\:w-1\/4 { + width: 25%; } .sm\:w-1\/2 { width: 50%; } - .sm\:w-5\/6 { - width: 83.333333%; - } - - .sm\:w-1\/3 { - width: 33.333333%; - } - - .sm\:w-1\/4 { - width: 25%; + .sm\:w-full { + width: 100%; } .sm\:w-7\/12 { @@ -6042,12 +6039,20 @@ Ensure the default browser behavior of the `hidden` attribute. width: 4rem; } - .sm\:w-10\/12 { + .sm\:w-3\/5 { + width: 60%; + } + + .sm\:w-2\/3 { + width: 66.666667%; + } + + .sm\:w-5\/6 { width: 83.333333%; } - .sm\:w-20 { - width: 5rem; + .sm\:w-1\/3 { + width: 33.333333%; } .sm\:max-w-xl { @@ -6090,10 +6095,6 @@ Ensure the default browser behavior of the `hidden` attribute. flex-direction: row; } - .sm\:flex-col { - flex-direction: column; - } - .sm\:items-start { align-items: flex-start; } @@ -6156,14 +6157,6 @@ Ensure the default browser behavior of the `hidden` attribute. border-radius: 0.5rem; } - .sm\:rounded-none { - border-radius: 0px; - } - - .sm\:rounded-full { - border-radius: 9999px; - } - .sm\:border-none { border-style: none; } @@ -6172,16 +6165,12 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: transparent; } - .sm\:p-10 { - padding: 2.5rem; - } - .sm\:p-8 { padding: 2rem; } - .sm\:p-6 { - padding: 1.5rem; + .sm\:p-10 { + padding: 2.5rem; } .sm\:px-6 { @@ -6189,9 +6178,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 { @@ -6199,36 +6188,26 @@ Ensure the default browser behavior of the `hidden` attribute. padding-right: 2.5rem; } + .sm\:px-0 { + padding-left: 0px; + padding-right: 0px; + } + .sm\:px-8 { padding-left: 2rem; padding-right: 2rem; } - .sm\:px-5 { - padding-left: 1.25rem; - padding-right: 1.25rem; - } - - .sm\:py-0 { - padding-top: 0px; - padding-bottom: 0px; - } - - .sm\:py-32 { - padding-top: 8rem; - padding-bottom: 8rem; - } - - .sm\:px-12 { - padding-left: 3rem; - padding-right: 3rem; - } - .sm\:px-4 { padding-left: 1rem; padding-right: 1rem; } + .sm\:px-5 { + padding-left: 1.25rem; + padding-right: 1.25rem; + } + .sm\:px-16 { padding-left: 4rem; padding-right: 4rem; @@ -6244,6 +6223,28 @@ Ensure the default browser behavior of the `hidden` attribute. padding-bottom: 6rem; } + .sm\:py-0 { + padding-top: 0px; + padding-bottom: 0px; + } + + .sm\:py-32 { + padding-top: 8rem; + padding-bottom: 8rem; + } + + .sm\:pt-12 { + padding-top: 3rem; + } + + .sm\:pb-16 { + padding-bottom: 4rem; + } + + .sm\:pl-6 { + padding-left: 1.5rem; + } + .sm\:pl-0 { padding-left: 0px; } @@ -6264,22 +6265,6 @@ Ensure the default browser behavior of the `hidden` attribute. padding-right: 2.5rem; } - .sm\:pt-12 { - padding-top: 3rem; - } - - .sm\:pb-16 { - padding-bottom: 4rem; - } - - .sm\:pl-6 { - padding-left: 1.5rem; - } - - .sm\:pt-0 { - padding-top: 0px; - } - .sm\:text-left { text-align: left; } @@ -6288,6 +6273,11 @@ Ensure the default browser behavior of the `hidden` attribute. text-align: center; } + .sm\:text-4xl { + font-size: 2.25rem; + line-height: 2.5rem; + } + .sm\:text-6xl { font-size: 3.75rem; line-height: 1; @@ -6298,24 +6288,13 @@ Ensure the default browser behavior of the `hidden` attribute. line-height: 2.25rem; } - .sm\:text-4xl { - font-size: 2.25rem; - line-height: 2.5rem; - } - - .sm\:text-base { - font-size: 1rem; - line-height: 1.5rem; - } - .sm\:text-5xl { font-size: 3rem; line-height: 1; } - .sm\:text-sm { - font-size: 0.875rem; - line-height: 1.25rem; + .sm\:text-\[42px\] { + font-size: 42px; } .sm\:text-lg { @@ -6323,8 +6302,14 @@ Ensure the default browser behavior of the `hidden` attribute. line-height: 1.75rem; } - .sm\:text-\[42px\] { - font-size: 42px; + .sm\:text-base { + font-size: 1rem; + line-height: 1.5rem; + } + + .sm\:text-sm { + font-size: 0.875rem; + line-height: 1.25rem; } .sm\:text-2xl { @@ -6336,17 +6321,17 @@ Ensure the default browser behavior of the `hidden` attribute. line-height: 1; } - .sm\: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); - } - .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); } + + .sm\: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); + } } @media (min-width: 768px) { @@ -6415,11 +6400,6 @@ Ensure the default browser behavior of the `hidden` attribute. margin-right: 0px; } - .md\:my-0 { - margin-top: 0px; - margin-bottom: 0px; - } - .md\:-mx-8 { margin-left: -2rem; margin-right: -2rem; @@ -6445,6 +6425,11 @@ Ensure the default browser behavior of the `hidden` attribute. margin-right: 1rem; } + .md\:my-0 { + margin-top: 0px; + margin-bottom: 0px; + } + .md\:mx-2 { margin-left: 0.5rem; margin-right: 0.5rem; @@ -6465,16 +6450,16 @@ Ensure the default browser behavior of the `hidden` attribute. margin-right: auto; } - .md\:-mx-12 { - margin-left: -3rem; - margin-right: -3rem; - } - .md\:my-24 { margin-top: 6rem; margin-bottom: 6rem; } + .md\:-mx-12 { + margin-left: -3rem; + margin-right: -3rem; + } + .md\:mr-2 { margin-right: 0.5rem; } @@ -6499,14 +6484,6 @@ Ensure the default browser behavior of the `hidden` attribute. margin-bottom: 6rem; } - .md\:mr-8 { - margin-right: 2rem; - } - - .md\:mt-10 { - margin-top: 2.5rem; - } - .md\:mb-4 { margin-bottom: 1rem; } @@ -6515,26 +6492,6 @@ Ensure the default browser behavior of the `hidden` attribute. margin-bottom: 2rem; } - .md\:ml-12 { - margin-left: 3rem; - } - - .md\:mr-3 { - margin-right: 0.75rem; - } - - .md\:-mr-4 { - margin-right: -1rem; - } - - .md\:-ml-4 { - margin-left: -1rem; - } - - .md\:mr-10 { - margin-right: 2.5rem; - } - .md\:ml-0 { margin-left: 0px; } @@ -6555,6 +6512,14 @@ Ensure the default browser behavior of the `hidden` attribute. margin-top: 1.25rem; } + .md\:mr-8 { + margin-right: 2rem; + } + + .md\:mt-10 { + margin-top: 2.5rem; + } + .md\:-ml-5 { margin-left: -1.25rem; } @@ -6595,6 +6560,30 @@ Ensure the default browser behavior of the `hidden` attribute. margin-top: 6rem; } + .md\:ml-12 { + margin-left: 3rem; + } + + .md\:mr-3 { + margin-right: 0.75rem; + } + + .md\:-mr-4 { + margin-right: -1rem; + } + + .md\:-ml-4 { + margin-left: -1rem; + } + + .md\:mr-10 { + margin-right: 2.5rem; + } + + .md\:mt-12 { + margin-top: 3rem; + } + .md\:block { display: block; } @@ -6615,20 +6604,16 @@ Ensure the default browser behavior of the `hidden` attribute. display: none; } - .md\:h-10 { - height: 2.5rem; + .md\:h-auto { + height: auto; } .md\:h-full { height: 100%; } - .md\:h-24 { - height: 6rem; - } - - .md\:h-auto { - height: auto; + .md\:h-10 { + height: 2.5rem; } .md\:h-96 { @@ -6651,14 +6636,18 @@ Ensure the default browser behavior of the `hidden` attribute. height: 4rem; } - .md\:w-1\/4 { - width: 25%; + .md\:h-24 { + height: 6rem; } .md\:w-1\/2 { width: 50%; } + .md\:w-1\/4 { + width: 25%; + } + .md\:w-auto { width: auto; } @@ -6671,36 +6660,20 @@ Ensure the default browser behavior of the `hidden` attribute. width: 33.333333%; } - .md\:w-3\/6 { - width: 50%; - } - - .md\:w-10 { - width: 2.5rem; + .md\:w-8 { + width: 2rem; } .md\:w-2\/3 { width: 66.666667%; } - .md\:w-full { - width: 100%; - } - - .md\:w-11\/12 { - width: 91.666667%; - } - - .md\:w-10\/12 { - width: 83.333333%; - } - .md\:w-1\/3 { width: 33.333333%; } - .md\:w-8 { - width: 2rem; + .md\:w-full { + width: 100%; } .md\:w-5\/12 { @@ -6711,6 +6684,22 @@ Ensure the default browser behavior of the `hidden` attribute. width: 16.666667%; } + .md\:w-11\/12 { + width: 91.666667%; + } + + .md\:w-10\/12 { + width: 83.333333%; + } + + .md\:w-3\/6 { + width: 50%; + } + + .md\:w-10 { + width: 2.5rem; + } + .md\:w-7\/12 { width: 58.333333%; } @@ -6719,10 +6708,6 @@ Ensure the default browser behavior of the `hidden` attribute. width: 2.25rem; } - .md\:w-4\/5 { - width: 80%; - } - .md\:w-40 { width: 10rem; } @@ -6747,6 +6732,10 @@ Ensure the default browser behavior of the `hidden` attribute. width: 40%; } + .md\:w-4\/5 { + width: 80%; + } + .md\:max-w-full { max-width: 100%; } @@ -6755,6 +6744,10 @@ Ensure the default browser behavior of the `hidden` attribute. max-width: 28rem; } + .md\:max-w-screen-lg { + max-width: 1024px; + } + .md\:max-w-lg { max-width: 32rem; } @@ -6763,18 +6756,14 @@ Ensure the default browser behavior of the `hidden` attribute. max-width: 24rem; } - .md\:max-w-6xl { - max-width: 72rem; - } - - .md\:max-w-screen-lg { - max-width: 1024px; - } - .md\:max-w-3xl { max-width: 48rem; } + .md\:max-w-6xl { + max-width: 72rem; + } + .md\:flex-shrink { flex-shrink: 1; } @@ -6796,14 +6785,14 @@ Ensure the default browser behavior of the `hidden` attribute. grid-template-columns: repeat(5, minmax(0, 1fr)); } - .md\:grid-cols-2 { - grid-template-columns: repeat(2, minmax(0, 1fr)); - } - .md\:grid-cols-9 { grid-template-columns: repeat(9, minmax(0, 1fr)); } + .md\:grid-cols-2 { + grid-template-columns: repeat(2, minmax(0, 1fr)); + } + .md\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } @@ -6868,12 +6857,6 @@ Ensure the default browser behavior of the `hidden` attribute. margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse))); } - .md\:space-x-2 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(0.5rem * var(--tw-space-x-reverse)); - margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse))); - } - .md\:space-x-3 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(0.75rem * var(--tw-space-x-reverse)); @@ -6886,6 +6869,12 @@ Ensure the default browser behavior of the `hidden` attribute. margin-bottom: calc(0px * var(--tw-space-y-reverse)); } + .md\:space-x-2 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(0.5rem * var(--tw-space-x-reverse)); + margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse))); + } + .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))); @@ -6952,16 +6941,16 @@ Ensure the default browser behavior of the `hidden` attribute. border-left-width: 1px; } - .md\:border-l-0 { - border-left-width: 0px; + .md\:border-t { + border-top-width: 1px; } .md\:border-r-0 { border-right-width: 0px; } - .md\:border-t { - border-top-width: 1px; + .md\:border-l-0 { + border-left-width: 0px; } .md\:border-solid { @@ -6984,14 +6973,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\:p-10 { padding: 2.5rem; } @@ -7001,51 +6990,16 @@ Ensure the default browser behavior of the `hidden` attribute. padding-right: 6rem; } - .md\:px-10 { - padding-left: 2.5rem; - padding-right: 2.5rem; - } - - .md\:py-4 { - padding-top: 1rem; - padding-bottom: 1rem; - } - .md\:px-8 { padding-left: 2rem; padding-right: 2rem; } - .md\:px-0 { - padding-left: 0px; - padding-right: 0px; - } - - .md\:py-32 { - padding-top: 8rem; - padding-bottom: 8rem; - } - .md\:py-0 { padding-top: 0px; padding-bottom: 0px; } - .md\:px-5 { - padding-left: 1.25rem; - padding-right: 1.25rem; - } - - .md\:py-16 { - padding-top: 4rem; - padding-bottom: 4rem; - } - - .md\:py-40 { - padding-top: 10rem; - padding-bottom: 10rem; - } - .md\:px-4 { padding-left: 1rem; padding-right: 1rem; @@ -7056,16 +7010,41 @@ Ensure the default browser behavior of the `hidden` attribute. padding-bottom: 0.75rem; } + .md\:py-32 { + padding-top: 8rem; + padding-bottom: 8rem; + } + + .md\:px-10 { + padding-left: 2.5rem; + 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; + } + .md\:px-20 { padding-left: 5rem; padding-right: 5rem; @@ -7076,6 +7055,11 @@ Ensure the default browser behavior of the `hidden` attribute. padding-right: 0.5rem; } + .md\:px-5 { + padding-left: 1.25rem; + padding-right: 1.25rem; + } + .md\:px-12 { padding-left: 3rem; padding-right: 3rem; @@ -7101,6 +7085,11 @@ Ensure the default browser behavior of the `hidden` attribute. padding-bottom: 2.5rem; } + .md\:py-40 { + padding-top: 10rem; + padding-bottom: 10rem; + } + .md\:pl-20 { padding-left: 5rem; } @@ -7117,22 +7106,6 @@ Ensure the default browser behavior of the `hidden` attribute. padding-bottom: 3rem; } - .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\:pt-0 { padding-top: 0px; } @@ -7161,6 +7134,14 @@ 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; } @@ -7177,6 +7158,14 @@ Ensure the default browser behavior of the `hidden` attribute. padding-left: 3.5rem; } + .md\:pt-40 { + padding-top: 10rem; + } + + .md\:pb-64 { + padding-bottom: 16rem; + } + .md\:text-left { text-align: left; } @@ -7189,55 +7178,55 @@ Ensure the default browser behavior of the `hidden` attribute. text-align: right; } + .md\:text-\[40px\] { + font-size: 40px; + } + .md\:text-5xl { font-size: 3rem; line-height: 1; } - .md\:text-lg { - font-size: 1.125rem; - line-height: 1.75rem; - } - - .md\:text-4xl { - font-size: 2.25rem; - line-height: 2.5rem; - } - - .md\:text-6xl { - font-size: 3.75rem; - line-height: 1; - } - - .md\:text-xl { - font-size: 1.25rem; - line-height: 1.75rem; - } - - .md\:text-\[40px\] { - font-size: 40px; - } - .md\:text-base { font-size: 1rem; line-height: 1.5rem; } + .md\:text-4xl { + font-size: 2.25rem; + line-height: 2.5rem; + } + + .md\:text-xl { + font-size: 1.25rem; + line-height: 1.75rem; + } + + .md\:text-lg { + font-size: 1.125rem; + line-height: 1.75rem; + } + + .md\:text-6xl { + font-size: 3.75rem; + line-height: 1; + } + .md\:text-sm { font-size: 0.875rem; line-height: 1.25rem; } - .md\:text-3xl { - font-size: 1.875rem; - line-height: 2.25rem; - } - .md\:text-2xl { font-size: 1.5rem; line-height: 2rem; } + .md\:text-3xl { + font-size: 1.875rem; + line-height: 2.25rem; + } + .md\:font-medium { font-weight: 500; } @@ -7250,14 +7239,14 @@ Ensure the default browser behavior of the `hidden` attribute. line-height: 1.375; } - .md\:leading-tight { - line-height: 1.25; - } - .md\:leading-none { line-height: 1; } + .md\:leading-tight { + line-height: 1.25; + } + .md\:tracking-tight { letter-spacing: -0.025em; } @@ -7382,6 +7371,16 @@ Ensure the default browser behavior of the `hidden` attribute. grid-row: span 4 / span 4; } + .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; @@ -7407,19 +7406,17 @@ Ensure the default browser behavior of the `hidden` attribute. margin-right: 0.5rem; } - .lg\:my-8 { - margin-top: 2rem; - margin-bottom: 2rem; - } - .lg\:mx-8 { margin-left: 2rem; margin-right: 2rem; } - .lg\:mx-auto { - margin-left: auto; - margin-right: auto; + .lg\:mb-20 { + margin-bottom: 5rem; + } + + .lg\:mt-16 { + margin-top: 4rem; } .lg\:mt-0 { @@ -7454,34 +7451,6 @@ Ensure the default browser behavior of the `hidden` attribute. margin-left: 2rem; } - .lg\:mr-12 { - margin-right: 3rem; - } - - .lg\:mr-8 { - margin-right: 2rem; - } - - .lg\:mt-24 { - margin-top: 6rem; - } - - .lg\:-ml-12 { - margin-left: -3rem; - } - - .lg\:mt-20 { - margin-top: 5rem; - } - - .lg\:mt-10 { - margin-top: 2.5rem; - } - - .lg\:mb-20 { - margin-bottom: 5rem; - } - .lg\:mb-16 { margin-bottom: 4rem; } @@ -7494,10 +7463,18 @@ Ensure the default browser behavior of the `hidden` attribute. margin-left: 1rem; } + .lg\:mt-20 { + margin-top: 5rem; + } + .lg\:mt-5 { margin-top: 1.25rem; } + .lg\:mr-12 { + margin-right: 3rem; + } + .lg\:ml-0 { margin-left: 0px; } @@ -7562,8 +7539,20 @@ Ensure the default browser behavior of the `hidden` attribute. margin-right: 0px; } - .lg\:mt-16 { - margin-top: 4rem; + .lg\:mr-8 { + margin-right: 2rem; + } + + .lg\:mt-24 { + margin-top: 6rem; + } + + .lg\:-ml-12 { + margin-left: -3rem; + } + + .lg\:mt-10 { + margin-top: 2.5rem; } .lg\:block { @@ -7590,16 +7579,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-\[32rem\] { - height: 32rem; + .lg\:h-screen { + height: 100vh; } .lg\:h-10 { @@ -7614,6 +7603,10 @@ Ensure the default browser behavior of the `hidden` attribute. height: 3rem; } + .lg\:w-1\/2 { + width: 50%; + } + .lg\:w-1\/4 { width: 25%; } @@ -7642,24 +7635,12 @@ Ensure the default browser behavior of the `hidden` attribute. width: 33.333333%; } - .lg\:w-2\/6 { - width: 33.333333%; - } - - .lg\:w-1\/2 { - width: 50%; - } - .lg\:w-8\/12 { width: 66.666667%; } - .lg\:w-screen { - width: 100vw; - } - - .lg\:w-3\/4 { - width: 75%; + .lg\:w-2\/6 { + width: 33.333333%; } .lg\:w-full { @@ -7706,10 +7687,22 @@ Ensure the default browser behavior of the `hidden` attribute. width: 3rem; } + .lg\:w-3\/4 { + width: 75%; + } + .lg\:w-4\/6 { width: 66.666667%; } + .lg\:w-screen { + width: 100vw; + } + + .lg\:max-w-4xl { + max-width: 56rem; + } + .lg\:max-w-screen-xl { max-width: 1280px; } @@ -7722,20 +7715,16 @@ 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-lg { - max-width: 32rem; + .lg\:max-w-6xl { + max-width: 72rem; } .lg\:max-w-5xl { @@ -7787,20 +7776,16 @@ Ensure the default browser behavior of the `hidden` attribute. grid-template-columns: repeat(5, minmax(0, 1fr)); } - .lg\:grid-cols-3 { - grid-template-columns: repeat(3, minmax(0, 1fr)); - } - .lg\:grid-cols-8 { grid-template-columns: repeat(8, minmax(0, 1fr)); } - .lg\:flex-row { - flex-direction: row; + .lg\:grid-cols-3 { + grid-template-columns: repeat(3, minmax(0, 1fr)); } - .lg\:flex-col { - flex-direction: column; + .lg\:flex-row { + flex-direction: row; } .lg\:flex-wrap { @@ -7871,10 +7856,6 @@ Ensure the default browser behavior of the `hidden` attribute. margin-left: calc(4rem * calc(1 - var(--tw-space-x-reverse))); } - .lg\:rounded-none { - border-radius: 0px; - } - .lg\:border-transparent { border-color: transparent; } @@ -7901,11 +7882,21 @@ Ensure the default browser behavior of the `hidden` attribute. padding: 2rem; } + .lg\:px-6 { + padding-left: 1.5rem; + padding-right: 1.5rem; + } + .lg\:px-8 { padding-left: 2rem; padding-right: 2rem; } + .lg\:px-12 { + padding-left: 3rem; + padding-right: 3rem; + } + .lg\:px-20 { padding-left: 5rem; padding-right: 5rem; @@ -7921,26 +7912,6 @@ Ensure the default browser behavior of the `hidden` attribute. padding-right: 8rem; } - .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\:px-12 { - padding-left: 3rem; - padding-right: 3rem; - } - .lg\:py-16 { padding-top: 4rem; padding-bottom: 4rem; @@ -7951,6 +7922,11 @@ Ensure the default browser behavior of the `hidden` attribute. padding-right: 4rem; } + .lg\:py-24 { + padding-top: 6rem; + padding-bottom: 6rem; + } + .lg\:py-7 { padding-top: 1.75rem; padding-bottom: 1.75rem; @@ -7976,6 +7952,11 @@ Ensure the default browser behavior of the `hidden` attribute. padding-bottom: 5rem; } + .lg\:px-10 { + padding-left: 2.5rem; + padding-right: 2.5rem; + } + .lg\:px-9 { padding-left: 2.25rem; padding-right: 2.25rem; @@ -7986,14 +7967,22 @@ Ensure the default browser behavior of the `hidden` attribute. padding-right: 0.75rem; } + .lg\:px-5 { + padding-left: 1.25rem; + padding-right: 1.25rem; + } + .lg\:px-0 { padding-left: 0px; padding-right: 0px; } - .lg\:px-10 { - padding-left: 2.5rem; - padding-right: 2.5rem; + .lg\:pt-\[120px\] { + padding-top: 120px; + } + + .lg\:pb-\[90px\] { + padding-bottom: 90px; } .lg\:pl-12 { @@ -8008,38 +7997,10 @@ Ensure the default browser behavior of the `hidden` attribute. padding-top: 0px; } - .lg\:pl-32 { - padding-left: 8rem; - } - .lg\:pr-16 { padding-right: 4rem; } - .lg\:pt-40 { - padding-top: 10rem; - } - - .lg\:pb-40 { - padding-bottom: 10rem; - } - - .lg\:pt-20 { - padding-top: 5rem; - } - - .lg\:pr-20 { - padding-right: 5rem; - } - - .lg\:pt-\[120px\] { - padding-top: 120px; - } - - .lg\:pb-\[90px\] { - padding-bottom: 90px; - } - .lg\:pb-56 { padding-bottom: 14rem; } @@ -8056,6 +8017,14 @@ Ensure the default browser behavior of the `hidden` attribute. padding-bottom: 7rem; } + .lg\:pl-32 { + padding-left: 8rem; + } + + .lg\:pl-0 { + padding-left: 0px; + } + .lg\:pl-16 { padding-left: 4rem; } @@ -8108,8 +8077,20 @@ Ensure the default browser behavior of the `hidden` attribute. padding-right: 0px; } - .lg\:pl-0 { - padding-left: 0px; + .lg\:pt-40 { + padding-top: 10rem; + } + + .lg\:pb-40 { + padding-bottom: 10rem; + } + + .lg\:pt-20 { + padding-top: 5rem; + } + + .lg\:pr-20 { + padding-right: 5rem; } .lg\:text-left { @@ -8120,19 +8101,14 @@ Ensure the default browser behavior of the `hidden` attribute. text-align: right; } - .lg\:text-2xl { - font-size: 1.5rem; - line-height: 2rem; - } - .lg\:text-5xl { font-size: 3rem; line-height: 1; } - .lg\:text-base { - font-size: 1rem; - line-height: 1.5rem; + .lg\:text-2xl { + font-size: 1.5rem; + line-height: 2rem; } .lg\:text-sm { @@ -8154,6 +8130,11 @@ Ensure the default browser behavior of the `hidden` attribute. font-size: 40px; } + .lg\:text-base { + font-size: 1rem; + line-height: 1.5rem; + } + .lg\:text-6xl { font-size: 3.75rem; line-height: 1; @@ -8194,6 +8175,22 @@ Ensure the default browser behavior of the `hidden` attribute. margin: auto; } + .xl\:mt-28 { + margin-top: 7rem; + } + + .xl\:ml-1 { + margin-left: 0.25rem; + } + + .xl\:mt-0 { + margin-top: 0px; + } + + .xl\:mb-6 { + margin-bottom: 1.5rem; + } + .xl\:mb-8 { margin-bottom: 2rem; } @@ -8214,22 +8211,6 @@ Ensure the default browser behavior of the `hidden` attribute. margin-top: -3rem; } - .xl\:mt-28 { - margin-top: 7rem; - } - - .xl\:ml-1 { - margin-left: 0.25rem; - } - - .xl\:mt-0 { - margin-top: 0px; - } - - .xl\:mb-6 { - margin-bottom: 1.5rem; - } - .xl\:inline { display: inline; } @@ -8262,22 +8243,14 @@ Ensure the default browser behavior of the `hidden` attribute. width: 6rem; } - .xl\:max-w-3xl { - max-width: 48rem; - } - - .xl\:max-w-6xl { - max-width: 72rem; - } - - .xl\:max-w-full { - max-width: 100%; - } - .xl\:max-w-screen-xl { max-width: 1280px; } + .xl\:max-w-3xl { + max-width: 48rem; + } + .xl\:max-w-7xl { max-width: 80rem; } @@ -8286,6 +8259,14 @@ Ensure the default browser behavior of the `hidden` attribute. max-width: 1024px; } + .xl\:max-w-6xl { + max-width: 72rem; + } + + .xl\:max-w-full { + max-width: 100%; + } + .xl\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } @@ -8306,10 +8287,6 @@ Ensure the default browser behavior of the `hidden` attribute. background-image: linear-gradient(to right, var(--tw-gradient-stops)); } - .xl\:bg-contain { - background-size: contain; - } - .xl\:bg-clip-text { -webkit-background-clip: text; background-clip: text; @@ -8323,21 +8300,6 @@ Ensure the default browser behavior of the `hidden` attribute. padding: 5rem; } - .xl\:px-0 { - padding-left: 0px; - padding-right: 0px; - } - - .xl\:py-40 { - padding-top: 10rem; - padding-bottom: 10rem; - } - - .xl\:px-12 { - padding-left: 3rem; - padding-right: 3rem; - } - .xl\:px-8 { padding-left: 2rem; padding-right: 2rem; @@ -8348,11 +8310,34 @@ Ensure the default browser behavior of the `hidden` attribute. padding-right: 5rem; } + .xl\:px-12 { + padding-left: 3rem; + padding-right: 3rem; + } + .xl\:px-10 { padding-left: 2.5rem; padding-right: 2.5rem; } + .xl\:px-0 { + padding-left: 0px; + padding-right: 0px; + } + + .xl\:py-40 { + padding-top: 10rem; + padding-bottom: 10rem; + } + + .xl\:pt-8 { + padding-top: 2rem; + } + + .xl\:pb-32 { + padding-bottom: 8rem; + } + .xl\:pt-40 { padding-top: 10rem; } @@ -8377,14 +8362,6 @@ Ensure the default browser behavior of the `hidden` attribute. padding-right: 0px; } - .xl\:pt-8 { - padding-top: 2rem; - } - - .xl\:pb-32 { - padding-bottom: 8rem; - } - .xl\:text-left { text-align: left; } @@ -8393,6 +8370,10 @@ Ensure the default browser behavior of the `hidden` attribute. text-align: center; } + .xl\:text-\[42px\] { + font-size: 42px; + } + .xl\:text-6xl { font-size: 3.75rem; line-height: 1; @@ -8403,30 +8384,26 @@ Ensure the default browser behavior of the `hidden` attribute. line-height: 1.75rem; } - .xl\:text-lg { - font-size: 1.125rem; - line-height: 1.75rem; - } - - .xl\:text-4xl { - font-size: 2.25rem; - line-height: 2.5rem; - } - - .xl\:text-\[42px\] { - font-size: 42px; - } - .xl\:text-2xl { font-size: 1.5rem; line-height: 2rem; } + .xl\:text-lg { + font-size: 1.125rem; + line-height: 1.75rem; + } + .xl\:text-base { font-size: 1rem; line-height: 1.5rem; } + .xl\:text-4xl { + font-size: 2.25rem; + line-height: 2.5rem; + } + .xl\:text-transparent { color: transparent; } diff --git a/public/componets/pricing/10_pricing.html b/public/componets/pricing/10_pricing.html new file mode 100644 index 0000000..ee2ac38 --- /dev/null +++ b/public/componets/pricing/10_pricing.html @@ -0,0 +1,48 @@ + + + + + + + + + + Pricing 10 + + + + + + + + + + + + + + \ No newline at end of file diff --git a/public/componets/pricing/1_pricing.html b/public/componets/pricing/1_pricing.html new file mode 100644 index 0000000..16cf301 --- /dev/null +++ b/public/componets/pricing/1_pricing.html @@ -0,0 +1,148 @@ + + + + + + + + + + Pricing + + + + + + + +
+
+ Pricing 1 +
+
+ + +
+ +
+
+
+
+
+ + + +
+

Free

+

$0 / Month

+
    +
  • 30-Day Trial
    • +
  • 500GB Bandwidth
    • +
  • 200H DiskSpaces™
    • +
  • 5 Course Submissions
    • +
+ +
+
+
+ + + +
+

Medium

+

$25 / Month

+
    +
  • Incl. Free package
    • +
  • 1TB Bandwidth
    • +
  • 1TB DiskSpaces™
    • +
  • 15 Course Submissions
    • +
+ +
+
+
+ + + +
+

Large

+

$50 / Month

+
    +
  • Incl. Medium package
    • +
  • Unlimited Bandwidth
    • +
  • 2.4TB DiskSpaces™
    • +
  • Unlimited Submissions
    • +
+ +
+
+
+
+ +
+ + + + + + + + + + + \ No newline at end of file diff --git a/public/componets/pricing/2_pricing.html b/public/componets/pricing/2_pricing.html new file mode 100644 index 0000000..cdb3780 --- /dev/null +++ b/public/componets/pricing/2_pricing.html @@ -0,0 +1,306 @@ + + + + + + + + + + Pricing 2 + + + + + + + + + +
+
Pricing 2
+
+ +
+
+
+ +
+
+
+ Basic Package +
+
3 Submissions
+ +
+
+ + + +
+
Starter pack
+
+
+
+ + + +
+
3 Submissions
+
+
+
+ + + +
+
FREE Ebook
+
+
+
+ +
+ Choose Package +
+ +
+
+
+
+
+
+
+
+ Silver Package +
+
10 Submissions
+ +
+
+ + + +
+
Starter pack
+
+
+
+ + + +
+
10 Submissions
+
+
+
+ + + +
+
FREE Ebook
+
+
+
+ +
+ Choose Package +
+ +
+
+
+
+
+
+
+
+ Gold Package +
+
20 Submissions
+ +
+
+ + + +
+
Starter pack
+
+
+
+ + + +
+
20 Submissions
+
+
+
+ + + +
+
FREE Ebook
+
+
+
+ +
+ Choose Package +
+ +
+
+
+
+
+
+
+
+ + + + + + + + + + + + + + \ No newline at end of file diff --git a/public/componets/pricing/3_pricing.html b/public/componets/pricing/3_pricing.html new file mode 100644 index 0000000..d950c36 --- /dev/null +++ b/public/componets/pricing/3_pricing.html @@ -0,0 +1,204 @@ + + + + + + + + + + Pricing 3 + + + + + + + + +
+
Pricing 3
+
+
+
+
+

+ + + Affordable + + for everyone +

+

+ Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque rem aperiam, eaque ipsa quae. +

+
+
+
+
+
+

+ Starter Plan +

+
+

+ $39 +

+

/ month

+
+
+
    +
  • +
    + + + + +
    +

    10 deploys per day

    +
    • +
  • +
    + + + + +
    +

    10 GB of storage

    +
    • +
  • +
    + + + + +
    +

    3 domains

    +
    • +
  • +
    + + + + +
    +

    SSL Certificates

    +
    • +
+ +
+
+
+
+
+
+
+
+

Pro Plan

+
+

+ $59 +

+

/ month

+
+
+
    +
  • +
    + + + + +
    +

    100 deploys per day

    +
    • +
  • +
    + + + + +
    +

    50 GB of storage

    +
    • +
  • +
    + + + + +
    +

    Unlimited domains

    +
    • +
  • +
    + + + + +
    +

    SSL Certificates

    +
    • +
+ +
+
+
+
+
+
+
+
+ + + + + + + + + + + + \ No newline at end of file diff --git a/public/componets/pricing/4_pricing.html b/public/componets/pricing/4_pricing.html new file mode 100644 index 0000000..4746ea0 --- /dev/null +++ b/public/componets/pricing/4_pricing.html @@ -0,0 +1,157 @@ + + + + + + + + + + Pricing 4 + + + + + + + + +
+
Pricing 4
+
+
+
+
+

+ Our Pricing +

+
+

+ + + Transparent + + pricing. Pay as you grow. +

+

+ Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque rem aperiam, eaque ipsa quae. +

+
+
+
+
+
Start
+
+
Free
+
+
+
10 deploys per day
+
10 GB of storage
+
20 domains
+
+
+
+ + Start for free + +

+ Sed ut unde omnis iste natus accusantium doloremque. +

+
+
+
+
+
+ Most Popular +
+
+
+
Pro
+
+
$38
+
/ mo
+
+
+
200 deploys per day
+
80 GB of storage
+
Global CDN
+
+
+
+ + Buy Pro + +

+ Sed ut unde omnis iste natus accusantium doloremque. +

+
+
+
+
+
Business
+
+
$78
+
/ mo
+
+
+
500 GB of storage
+
Unlimited domains
+
24/7 Support
+
+
+
+ + Buy Business + +

+ Sed ut unde omnis iste natus accusantium doloremque. +

+
+
+
+
+ + + + + + + + + + + \ No newline at end of file diff --git a/public/componets/pricing/5_pricing.html b/public/componets/pricing/5_pricing.html new file mode 100644 index 0000000..788c195 --- /dev/null +++ b/public/componets/pricing/5_pricing.html @@ -0,0 +1,236 @@ + + + + + + + + + + Pricing 5 + + + + + + + + +
+
Pricing 5
+
+
+
+
+
+

+ Brand new +

+
+

+ + + Transparent + + pricing. Pay as you grow. +

+

+ Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque rem aperiam, eaque ipsa quae. +

+
+
+
+
+
+
+

+ Personal use +

+

Free

+
+
+ + + + +
+
+
+

Features

+
    +
  • +
    + + + + +
    +

    10 deploys per day

    +
    • +
  • +
    + + + + +
    +

    10 GB of storage

    +
    • +
  • +
    + + + + +
    +

    Unlimited domains

    +
    • +
  • +
    + + + + +
    +

    SSL Certificates

    +
    • +
+
+
+
+ + Start for free + +

+ Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium +

+
+
+
+
+
+
+

+ For your team +

+

$39

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

Features

+
    +
  • +
    + + + + +
    +

    Unlimited deploys

    +
    • +
  • +
    + + + + +
    +

    Up to 10 Team Members

    +
    • +
  • +
    + + + + +
    +

    100 GB of starge

    +
    • +
  • +
    + + + + +
    +

    24/7 support

    +
    • +
  • +
    + + + + +
    +

    Global CDN

    +
    • +
+
+
+
+ + Get started + +

+ Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium +

+
+
+
+
+
+ + + + + + + + + + + \ No newline at end of file diff --git a/public/componets/pricing/6_pricing.html b/public/componets/pricing/6_pricing.html new file mode 100644 index 0000000..7a99a87 --- /dev/null +++ b/public/componets/pricing/6_pricing.html @@ -0,0 +1,149 @@ + + + + + + + + + + Pricing 6 + + + + + + + + + +
+
Pricing 6
+
+
+ +
+
+
+

+ Brand new +

+
+

+ + + Choose + + your way. Advance everyday. +

+

+ Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque rem aperiam, eaque ipsa quae. +

+
+
+
+
+ Plan +
+
+
+
Basic
+

+ Sed ut perspiciatis unde omnis iste natus error sit voluptatem doloremque. +

+
$12
+
+ + Buy Basic + +
+
+
+
+ Plan +
+
+
+
Advanced
+

+ A flower in my garden, a mystery in my panties. Heart attack never was so close. +

+
$38
+
+ + Buy Advanced + +
+
+
+
+ Plan +
+
+
+
Pro
+

+ We never had the chance to. Maybe it was the eleven months he spent in the womb. +

+
$78
+
+ + Buy Pro + +
+
+
+
+ +
+ + + + + + + + + + + \ No newline at end of file diff --git a/public/componets/pricing/7_pricing.html b/public/componets/pricing/7_pricing.html new file mode 100644 index 0000000..e878458 --- /dev/null +++ b/public/componets/pricing/7_pricing.html @@ -0,0 +1,172 @@ + + + + + + + + + + Pricing 7 + + + + + + + + +
+ Pricing 7 +
+ +
+
+
+
+

+ Choose the amount of storage +
that's right for you. +

+ +
+ Bill yearly + + Bill monthly +
+
+ +
+
+ +
+ + Pay with card + +
+ +
+ + + + + + + + + +
+ +
+
+ +
+ Essential + + + +
+ +
+

+ 200 + GB + of storage +

+ + $10 / mo +
+ + + +
+ Pro + +
+ +
+

+ 1 + TB + of storage +

+ + $20 / mo +
+ + + +
+ Premium + +
+ +
+

+ 2 + TB + of storage +

+ + $40 / mo +
+ + +
+
+
+
+
+ + + + + + + + + + + + + \ No newline at end of file diff --git a/public/componets/pricing/8_pricing.html b/public/componets/pricing/8_pricing.html new file mode 100644 index 0000000..9b376b3 --- /dev/null +++ b/public/componets/pricing/8_pricing.html @@ -0,0 +1,246 @@ + + + + + + + + + + Pricing 8 + + + + + + + + + + +
+
Pricing 8
+
+
+
+
+

Plans & Pricing

+

5 minute installation · Try Team plan features for 14 days · No credit card required

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

Free

+

$0

+ Get Started +
+
+
+ + + +

Email APIs, SMTP Relay, and Webhooks

+
+
+ + + +

Suppression Management

+
+
+ + + +

Email Tracking and Analytics

+
+
+ + + +

99.99% Guaranteed Uptime SLA

+
+
+
+
+
+
+

Team

+

$9

+

user / month

+

billed monthly

+
+ Try for free +
+
+
+ + + +

Email APIs, SMTP Relay, and Webhooks

+
+
+ + + +

Suppression Management

+
+
+ + + +

Email Tracking and Analytics

+
+
+ + + +

99.99% Guaranteed Uptime SLA

+
+
+ + + +

5 Days of Log Retention

+
+
+ + + +

Limited 24/7 Ticket Support

+
+
+ + + +

1 Dedicated IP (Foundation 100k and up)

+
+
+ + + +

1,000 Email Address Validations

+
+
+
+
+
+
+

Company

+

$21

+

user / month

+

billed monthly

+
+ Try for free +
+
+
+ + + +

Email APIs, SMTP Relay, and Webhooks

+
+
+ + + +

Suppression Management

+
+
+ + + +

Email Tracking and Analytics

+
+
+ + + +

99.99% Guaranteed Uptime SLA

+
+
+ + + +

5 Days of Log Retention

+
+
+ + + +

Limited 24/7 Ticket Support

+
+
+ + + +

1 Dedicated IP (Foundation 100k and up)

+
+
+ + + +

1,000 Email Address Validations

+
+
+ + + +

Instant Chat Support

+
+
+ + + +

Custom Features

+
+
+
+
+
+
+
+ + + + + + + + + + + + \ No newline at end of file diff --git a/public/componets/pricing/9_pricing.html b/public/componets/pricing/9_pricing.html new file mode 100644 index 0000000..a07e831 --- /dev/null +++ b/public/componets/pricing/9_pricing.html @@ -0,0 +1,48 @@ + + + + + + + + + + Pricing 9 + + + + + + + + + + + + + + \ No newline at end of file diff --git a/public/componets/pricing/pricing.html b/public/componets/pricing/pricing.html index e2b69d2..72750c2 100644 --- a/public/componets/pricing/pricing.html +++ b/public/componets/pricing/pricing.html @@ -116,726 +116,731 @@ - - - -
-
Pricing 2
-
- -
-
-
- -
-
-
- Basic Package -
-
3 Submissions
- -
-
- - - -
-
Starter pack
-
-
-
- - - -
-
3 Submissions
-
-
-
- - - -
-
FREE Ebook
-
-
-
- -
- Choose Package -
- -
-
-
-
-
-
-
-
- Silver Package -
-
10 Submissions
- -
-
- - - -
-
Starter pack
-
-
-
- - - -
-
10 Submissions
-
-
-
- - - -
-
FREE Ebook
-
-
-
- -
- Choose Package -
- -
-
-
-
-
-
-
-
- Gold Package -
-
20 Submissions
- -
-
- - - -
-
Starter pack
-
-
-
- - - -
-
20 Submissions
-
-
-
- - - -
-
FREE Ebook
-
-
-
- -
- Choose Package -
- -
-
-
-
-
-
-
-
- - - - - -
-
Pricing 3
-
-
- -
-
-

- - - Affordable - - for everyone -

-

- Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque rem aperiam, eaque ipsa quae. -

+ +
+
Pricing 2
+
+ +
+
+
+ +
+
+
+ Basic Package +
+
3 Submissions
+ +
+
+ + + +
+
Starter pack
+
+
+
+ + + +
+
3 Submissions
+
+
+
+ + + +
+
FREE Ebook
+
+
+
+ +
+ Choose Package +
+ +
+
+
+
+
+
+
+
+ Silver Package +
+
10 Submissions
+ +
+
+ + + +
+
Starter pack
+
+
+
+ + + +
+
10 Submissions
+
+
+
+ + + +
+
FREE Ebook
+
+
+
+ +
+ Choose Package +
+ +
+
+
+
+
+
+
+
+ Gold Package +
+
20 Submissions
+ +
+
+ + + +
+
Starter pack
+
+
+
+ + + +
+
20 Submissions
+
+
+
+ + + +
+
FREE Ebook
+
+
+
+ +
+ Choose Package +
+ +
+
+
+
+
-
-
-
-
-

- Starter Plan +

+
+ + + + + + + +
+
Pricing 3
+
+
+
+
+

+ + + Affordable + + for everyone +

+

+ Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque rem aperiam, eaque ipsa quae. +

+
+
+
+
+
+

+ Starter Plan +

+
+

+ $39

-
-

- $39 -

-

/ month

-
+

/ month

-
    -
  • -
    - - - - -
    -

    10 deploys per day

    -
    • -
  • -
    - - - - -
    -

    10 GB of storage

    -
    • -
  • -
    - - - - -
    -

    3 domains

    -
    • -
  • -
    - - - - -
    -

    SSL Certificates

    -
    • -
-
-
-
-
-
-
-
-
-

Pro Plan

-
-

- $59 -

-

/ month

+
    +
  • +
    + + + +
    -
-
    -
  • -
    - - - - -
    -

    100 deploys per day

    -
    • -
  • -
    - - - - -
    -

    50 GB of storage

    -
    • -
  • -
    - - - - -
    -

    Unlimited domains

    -
    • -
  • -
    - - - - -
    -

    SSL Certificates

    -
    • -
- -
-
-
-
+

10 deploys per day

+ +
  • +
    + + + + +
    +

    10 GB of storage

    +
    • +
  • +
    + + + + +
    +

    3 domains

    +
    • +
  • +
    + + + + +
    +

    SSL Certificates

    +
    • + +
    +
    +
    +
    +
    +
    +
    +
    +

    Pro Plan

    +
    +

    + $59 +

    +

    / month

    +
    +
    +
      +
    • +
      + + + + +
      +

      100 deploys per day

      +
      • +
    • +
      + + + + +
      +

      50 GB of storage

      +
      • +
    • +
      + + + + +
      +

      Unlimited domains

      +
      • +
    • +
      + + + + +
      +

      SSL Certificates

      +
      • +
    + +
    +
    +
    +
    - - +
    + + + + -
    -
    Pricing 4
    -
    -
    -
    -
    -

    - Our Pricing -

    -
    -

    - - - Transparent - - pricing. Pay as you grow. -

    -

    - Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque rem aperiam, eaque ipsa quae. +

    +
    Pricing 4
    +
    +
    +
    +
    +

    + Our Pricing

    -
    -
    -
    -
    Start
    -
    -
    Free
    -
    -
    -
    10 deploys per day
    -
    10 GB of storage
    -
    20 domains
    -
    +

    + + + Transparent + + pricing. Pay as you grow. +

    +

    + Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque rem aperiam, eaque ipsa quae. +

    +
    +
    +
    +
    +
    Start
    +
    +
    Free
    -
    - - Start for free - -

    - Sed ut unde omnis iste natus accusantium doloremque. -

    +
    +
    10 deploys per day
    +
    10 GB of storage
    +
    20 domains
    -
    -
    -
    - Most Popular -
    -
    -
    -
    Pro
    -
    -
    $38
    -
    / mo
    -
    -
    -
    200 deploys per day
    -
    80 GB of storage
    -
    Global CDN
    -
    -
    -
    - - Buy Pro - -

    - Sed ut unde omnis iste natus accusantium doloremque. -

    +
    + + Start for free + +

    + Sed ut unde omnis iste natus accusantium doloremque. +

    +
    +
    +
    +
    +
    + Most Popular
    -
    -
    -
    Business
    -
    -
    $78
    -
    / mo
    -
    -
    -
    500 GB of storage
    -
    Unlimited domains
    -
    24/7 Support
    -
    +
    +
    Pro
    +
    +
    $38
    +
    / mo
    -
    - - Buy Business - -

    - Sed ut unde omnis iste natus accusantium doloremque. -

    +
    +
    200 deploys per day
    +
    80 GB of storage
    +
    Global CDN
    +
    + + Buy Pro + +

    + Sed ut unde omnis iste natus accusantium doloremque. +

    +
    +
    +
    +
    +
    Business
    +
    +
    $78
    +
    / mo
    +
    +
    +
    500 GB of storage
    +
    Unlimited domains
    +
    24/7 Support
    +
    +
    +
    + + Buy Business + +

    + Sed ut unde omnis iste natus accusantium doloremque. +

    +
    - - +
    + + - - +
    -
    Pricing 5
    -
    -
    -
    -
    -

    - Brand new -

    -
    -

    - - - Transparent - - pricing. Pay as you grow. -

    -

    - Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque rem aperiam, eaque ipsa quae. +

    Pricing 5
    + +
    +
    +
    +
    +

    + Brand new

    -
    -
    -
    -
    -
    -

    - Personal use -

    -

    Free

    -
    -
    - - - - -
    -
    +

    + + + Transparent + + pricing. Pay as you grow. +

    +

    + Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque rem aperiam, eaque ipsa quae. +

    +
    +
    +
    +
    +
    -

    Features

    -
      -
    • -
      - - - - -
      -

      10 deploys per day

      -
      • -
    • -
      - - - - -
      -

      10 GB of storage

      -
      • -
    • -
      - - - - -
      -

      Unlimited domains

      -
      • -
    • -
      - - - - -
      -

      SSL Certificates

      -
      • -
    +

    + Personal use +

    +

    Free

    +
    +
    + + + +
    -
    - - Start for free - -

    - Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium -

    +
    +

    Features

    +
      +
    • +
      + + + + +
      +

      10 deploys per day

      +
      • +
    • +
      + + + + +
      +

      10 GB of storage

      +
      • +
    • +
      + + + + +
      +

      Unlimited domains

      +
      • +
    • +
      + + + + +
      +

      SSL Certificates

      +
      • +
    -
    -
    -
    -
    -

    - For your team -

    -

    $39

    -
    -
    - - - - - - - - -
    -
    +
    + + Start for free + +

    + Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium +

    +
    +
    +
    +
    +
    -

    Features

    -
      -
    • -
      - - - - -
      -

      Unlimited deploys

      -
      • -
    • -
      - - - - -
      -

      Up to 10 Team Members

      -
      • -
    • -
      - - - - -
      -

      100 GB of starge

      -
      • -
    • -
      - - - - -
      -

      24/7 support

      -
      • -
    • -
      - - - - -
      -

      Global CDN

      -
      • -
    +

    + For your team +

    +

    $39

    +
    +
    + + + + + + + +
    - - Get started - -

    - Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium -

    +

    Features

    +
      +
    • +
      + + + + +
      +

      Unlimited deploys

      +
      • +
    • +
      + + + + +
      +

      Up to 10 Team Members

      +
      • +
    • +
      + + + + +
      +

      100 GB of starge

      +
      • +
    • +
      + + + + +
      +

      24/7 support

      +
      • +
    • +
      + + + + +
      +

      Global CDN

      +
      • +
    +
    + + Get started + +

    + Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium +

    +
    - - +
    +
    + + +
    -
    Pricing 6
    -
    +
    Pricing 6
    + +
    +
    -

    +

    Brand new

    -

    +

    - your way. Advance everyday.

    -

    +

    Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque rem aperiam, eaque ipsa quae.

    @@ -914,324 +919,329 @@
    - - + + + + -
    - Pricing 7 -
    +
    + Pricing 7 +
    -
    -
    -
    -
    -

    - Choose the amount of storage -
    that's right for you. -

    +
    +
    +
    +
    +

    + Choose the amount of storage +
    that's right for you. +

    -
    - Bill yearly -
    + + + Bill monthly +
    +
    -
    -
    +
    +
    -
    - - Pay with card - -
    +
    + + Pay with card + +
    -
    - - - + + + + - - - + + + - -
    + + -
    -
    - -
    - Essential - - - -
    +
    +
    + +
    + Essential + + + +
    -
    -

    - 200 - GB - of storage -

    +
    +

    + 200 + GB + of storage +

    - $10 / mo -
    -     + $10 / mo +
    + - -
    - Pro - -
    +     +
    + Pro + +
    -
    -

    - 1 - TB - of storage -

    +
    +

    + 1 + TB + of storage +

    - $20 / mo -
    -     + $20 / mo +
    + - -
    - Premium - -
    +     +
    + Premium + +
    -
    -

    - 2 - TB - of storage -

    +
    +

    + 2 + TB + of storage +

    - $40 / mo -
    -     + $40 / mo +
    + + +
    +
    +
    +
    +
    + + + -
    -
    -
    -
    -
    - -
    -
    Pricing 8
    -
    -
    -
    -
    -

    Plans & Pricing

    -

    5 minute installation · Try Team plan features for 14 days · No credit card required

    -
    -
    - - -
    +
    Pricing 8
    +
    +
    +
    +
    +

    Plans & Pricing

    +

    5 minute installation · Try Team plan features for 14 days · No credit card required

    +
    +
    + +
    -
    +
    +
    +
    -

    Free

    -

    $0

    - Get Started +

    Free

    +

    $0

    + Get Started
    -

    Email APIs, SMTP Relay, and Webhooks

    +

    Email APIs, SMTP Relay, and Webhooks

    -

    Suppression Management

    +

    Suppression Management

    -

    Email Tracking and Analytics

    +

    Email Tracking and Analytics

    -

    99.99% Guaranteed Uptime SLA

    +

    99.99% Guaranteed Uptime SLA

    -

    Team

    -

    $9

    -

    user / month

    -

    billed monthly

    +

    Team

    +

    $9

    +

    user / month

    +

    billed monthly

    - Try for free + Try for free
    -

    Email APIs, SMTP Relay, and Webhooks

    +

    Email APIs, SMTP Relay, and Webhooks

    -

    Suppression Management

    +

    Suppression Management

    -

    Email Tracking and Analytics

    +

    Email Tracking and Analytics

    -

    99.99% Guaranteed Uptime SLA

    +

    99.99% Guaranteed Uptime SLA

    -

    5 Days of Log Retention

    +

    5 Days of Log Retention

    -

    Limited 24/7 Ticket Support

    +

    Limited 24/7 Ticket Support

    -

    1 Dedicated IP (Foundation 100k and up)

    +

    1 Dedicated IP (Foundation 100k and up)

    -

    1,000 Email Address Validations

    +

    1,000 Email Address Validations

    -

    Company

    -

    $21

    -

    user / month

    -

    billed monthly

    +

    Company

    +

    $21

    +

    user / month

    +

    billed monthly

    - Try for free + Try for free
    -

    Email APIs, SMTP Relay, and Webhooks

    +

    Email APIs, SMTP Relay, and Webhooks

    -

    Suppression Management

    +

    Suppression Management

    -

    Email Tracking and Analytics

    +

    Email Tracking and Analytics

    -

    99.99% Guaranteed Uptime SLA

    +

    99.99% Guaranteed Uptime SLA

    -

    5 Days of Log Retention

    +

    5 Days of Log Retention

    -

    Limited 24/7 Ticket Support

    +

    Limited 24/7 Ticket Support

    -

    1 Dedicated IP (Foundation 100k and up)

    +

    1 Dedicated IP (Foundation 100k and up)

    -

    1,000 Email Address Validations

    +

    1,000 Email Address Validations

    -

    Instant Chat Support

    +

    Instant Chat Support

    -

    Custom Features

    +

    Custom Features

    -
    - +
    + - - + +