@@ -424,6 +424,51 @@ Ensure the default browser behavior of the `hidden` attribute.
424 --tw-backdrop-saturate: ;
424 --tw-backdrop-saturate: ;
425 --tw-backdrop-sepia: ;
425 --tw-backdrop-sepia: ;
430+@media (min-width: 360px) {
436+@media (min-width: 475px) {
442+@media (min-width: 640px) {
448+@media (min-width: 768px) {
454+@media (min-width: 1024px) {
460+@media (min-width: 1280px) {
466+@media (min-width: 1536px) {
427.pointer-events-none {
472.pointer-events-none {
428 pointer-events: none;
473 pointer-events: none;
@@ -433,52 +478,139 @@ Ensure the default browser behavior of the `hidden` attribute.
433.visible {
478.visible {
434 visibility: visible;
479 visibility: visible;
436.absolute {
484.absolute {
437 position: absolute;
485 position: absolute;
439.relative {
487.relative {
440 position: relative;
488 position: relative;
442.right-0 {
508.right-0 {
443 right: 0px;
509 right: 0px;
446 top: 0px;
515 top: 0px;
448−.z-10 {
517+.bottom-0 {
449− z-index: 10;
518+ bottom: 0px;
452 z-index: 20;
560 z-index: 20;
569+ grid-column: span 3 / span 3;
572+ grid-column: span 2 / span 2;
455 margin: 1rem;
575 margin: 1rem;
458 margin: 2rem;
584 margin: 2rem;
461 margin: -0.5rem;
587 margin: -0.5rem;
464− margin-left: 1rem;
590+ margin: auto;
468− margin-left: 2rem;
593+ margin: 0.25rem;
471−.my-1\.5 {
595+.mx-auto {
472− margin-top: 0.375rem;
596+ margin-left: auto;
473− margin-bottom: 0.375rem;
597+ margin-right: auto;
476 margin-top: 0.25rem;
600 margin-top: 0.25rem;
477 margin-bottom: 0.25rem;
601 margin-bottom: 0.25rem;
604+ margin-top: 0.75rem;
605+ margin-bottom: 0.75rem;
479−.mx-auto {
611+.mx-8 {
480− margin-left: auto;
612+ margin-left: 2rem;
481− margin-right: auto;
613+ margin-right: 2rem;
484 margin-top: 1rem;
616 margin-top: 1rem;
@@ -488,27 +620,60 @@ Ensure the default browser behavior of the `hidden` attribute.
488 margin-top: 0.5rem;
620 margin-top: 0.5rem;
489 margin-bottom: 0.5rem;
621 margin-bottom: 0.5rem;
624+ margin-top: 1.25rem;
625+ margin-bottom: 1.25rem;
633+ margin-bottom: auto;
636+ margin-left: -0.25rem;
637+ margin-right: -0.25rem;
640+ margin-left: 0.25rem;
641+ margin-right: 0.25rem;
644+ margin-top: 0.375rem;
645+ margin-bottom: 0.375rem;
492 margin-top: 0.5rem;
648 margin-top: 0.5rem;
494.ml-\[22px\] {
650.ml-\[22px\] {
495 margin-left: 22px;
651 margin-left: 22px;
498− margin-left: 0.25rem;
654+ margin-right: 0.25rem;
501− margin-top: -0.5rem;
657+ margin-left: 2rem;
504 margin-right: 1rem;
660 margin-right: 1rem;
507− margin-left: 1rem;
663+ margin-left: 0.25rem;
510 margin-top: 1rem;
666 margin-top: 1rem;
669+ margin-top: 1.25rem;
675+ margin-top: -0.5rem;
513 margin-top: -0.25rem;
678 margin-top: -0.25rem;
@@ -527,6 +692,45 @@ Ensure the default browser behavior of the `hidden` attribute.
528 margin-top: -0px;
693 margin-top: -0px;
696+ margin-top: 0.75rem;
705+ margin-left: -0.25rem;
708+ margin-right: 0.75rem;
714+ margin-bottom: 0.25rem;
717+ margin-right: 0.5rem;
723+ margin-bottom: -6rem;
726+ margin-bottom: -5rem;
729+ margin-bottom: -4rem;
732+ margin-bottom: 0.5rem;
530.-mt-0\.5 {
734.-mt-0\.5 {
531 margin-top: -0.125rem;
735 margin-top: -0.125rem;
@@ -554,9 +758,29 @@ Ensure the default browser behavior of the `hidden` attribute.
555 display: none;
759 display: none;
762+ aspect-ratio: 1 / 1;
558 height: 100%;
765 height: 100%;
780+ height: -webkit-fit-content;
781+ height: -moz-fit-content;
782+ height: fit-content;
561 height: 2.5rem;
785 height: 2.5rem;
@@ -566,12 +790,6 @@ Ensure the default browser behavior of the `hidden` attribute.
567 height: 2rem;
791 height: 2rem;
576 height: 0.5rem;
794 height: 0.5rem;
@@ -581,29 +799,142 @@ Ensure the default browser behavior of the `hidden` attribute.
582 height: 1.75rem;
800 height: 1.75rem;
830+ height: -webkit-min-content;
831+ height: -moz-min-content;
832+ height: min-content;
585 width: 100%;
853 width: 100%;
588− width: 2.5rem;
856+ width: -webkit-min-content;
857+ width: -moz-min-content;
591− width: 3rem;
864+ width: 128px;
593.w-\[100vw\] {
866.w-\[100vw\] {
594 width: 100vw;
867 width: 100vw;
597 width: 1.75rem;
879 width: 1.75rem;
915+ width: -webkit-fit-content;
916+ width: -moz-fit-content;
920+ width: -webkit-max-content;
921+ width: -moz-max-content;
599.min-w-0 {
927.min-w-0 {
600 min-width: 0px;
928 min-width: 0px;
602.max-w-md {
933.max-w-md {
603 max-width: 28rem;
934 max-width: 28rem;
605−.max-w-\[256px\] {
936+.max-w-xs {
606− max-width: 256px;
937+ max-width: 20rem;
608.max-w-sm {
939.max-w-sm {
609 max-width: 24rem;
940 max-width: 24rem;
@@ -614,6 +945,27 @@ Ensure the default browser behavior of the `hidden` attribute.
614.max-w-2xl {
945.max-w-2xl {
615 max-width: 42rem;
946 max-width: 42rem;
617.flex-shrink-0 {
969.flex-shrink-0 {
618 flex-shrink: 0;
970 flex-shrink: 0;
@@ -623,15 +975,67 @@ Ensure the default browser behavior of the `hidden` attribute.
624 flex-shrink: 1;
976 flex-shrink: 1;
626.flex-grow {
981.flex-grow {
627 flex-grow: 1;
982 flex-grow: 1;
630 flex-grow: 1;
985 flex-grow: 1;
632.border-collapse {
990.border-collapse {
633 border-collapse: collapse;
991 border-collapse: collapse;
993+.origin-bottom-right {
994+ transform-origin: bottom right;
997+ transform-origin: left;
1000+ transform-origin: right;
1003+ transform-origin: top left;
1006+ transform-origin: top right;
1008+.origin-bottom-left {
1009+ transform-origin: bottom left;
1012+ --tw-translate-x: 0px;
1013+ 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));
1016+ --tw-translate-y: 0px;
1017+ 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));
1020+ --tw-translate-x: 25%;
1021+ 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));
1024+ --tw-translate-y: 25%;
1025+ 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));
1027+.-translate-x-1\/4 {
1028+ --tw-translate-x: -25%;
1029+ 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));
1031+.-translate-y-1\/4 {
1032+ --tw-translate-y: -25%;
1033+ 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));
1036+ --tw-rotate: 90deg;
1037+ 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));
635.rotate-45 {
1039.rotate-45 {
636 --tw-rotate: 45deg;
1040 --tw-rotate: 45deg;
637 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));
1041 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));
@@ -640,39 +1044,172 @@ Ensure the default browser behavior of the `hidden` attribute.
640 --tw-rotate: -45deg;
1044 --tw-rotate: -45deg;
641 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));
1045 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));
1050+ 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));
1055+ 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));
643.transform {
1057.transform {
644 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));
1058 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));
1060+@-webkit-keyframes spin {
1063+ transform: rotate(360deg);
1069+ transform: rotate(360deg);
1073+ -webkit-animation: spin 1s linear infinite;
1074+ animation: spin 1s linear infinite;
646.cursor-pointer {
1076.cursor-pointer {
647 cursor: pointer;
1077 cursor: pointer;
649.resize {
1079.resize {
650 resize: both;
1080 resize: both;
1083+ grid-auto-columns: -webkit-min-content;
1084+ grid-auto-columns: min-content;
1087+ grid-auto-columns: minmax(0, 1fr);
1090+ grid-auto-columns: -webkit-max-content;
1091+ grid-auto-columns: max-content;
1094+ grid-auto-flow: row;
1097+ grid-auto-flow: column;
1099+.grid-flow-row-dense {
1100+ grid-auto-flow: row dense;
1102+.grid-flow-col-dense {
1103+ grid-auto-flow: column dense;
1106+ grid-auto-rows: -webkit-min-content;
1107+ grid-auto-rows: min-content;
1110+ grid-auto-rows: auto;
1113+ grid-auto-rows: -webkit-max-content;
1114+ grid-auto-rows: max-content;
652.grid-cols-3 {
1116.grid-cols-3 {
653 grid-template-columns: repeat(3, minmax(0, 1fr));
1117 grid-template-columns: repeat(3, minmax(0, 1fr));
1120+ grid-template-columns: repeat(2, minmax(0, 1fr));
1123+ grid-template-columns: repeat(1, minmax(0, 1fr));
1126+ grid-template-columns: repeat(4, minmax(0, 1fr));
1129+ grid-template-columns: repeat(6, minmax(0, 1fr));
1132+ grid-template-rows: repeat(2, minmax(0, 1fr));
1135+ grid-template-rows: none;
1138+ grid-template-rows: repeat(3, minmax(0, 1fr));
655.flex-col {
1140.flex-col {
656 flex-direction: column;
1141 flex-direction: column;
658.flex-wrap {
1143.flex-wrap {
659 flex-wrap: wrap;
1144 flex-wrap: wrap;
1146+.place-content-center {
1147+ place-content: center;
1149+.place-items-stretch {
1150+ place-items: stretch;
661.content-center {
1152.content-center {
662 align-content: center;
1153 align-content: center;
1156+ align-items: flex-start;
664.items-center {
1158.items-center {
665 align-items: center;
1159 align-items: center;
1162+ justify-content: flex-end;
667.justify-center {
1164.justify-center {
668 justify-content: center;
1165 justify-content: center;
1168+ justify-content: space-between;
1171+ justify-content: space-evenly;
1173+.justify-items-center {
1174+ justify-items: center;
1176+.justify-items-stretch {
1177+ justify-items: stretch;
670−.gap-1\.5 {
1179+.gap-5 {
671− gap: 0.375rem;
1186+ gap: 0.5rem;
674 gap: 0.25rem;
1189 gap: 0.25rem;
1198+ -moz-column-gap: 1rem;
1202+ -moz-column-gap: 0.25rem;
1203+ column-gap: 0.25rem;
1206+ -moz-column-gap: 0.5rem;
1207+ column-gap: 0.5rem;
1210+ -moz-column-gap: 0.75rem;
1211+ column-gap: 0.75rem;
676.space-y-4 > :not([hidden]) ~ :not([hidden]) {
1213.space-y-4 > :not([hidden]) ~ :not([hidden]) {
677 --tw-space-y-reverse: 0;
1214 --tw-space-y-reverse: 0;
678 margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
1215 margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
@@ -698,6 +1235,61 @@ Ensure the default browser behavior of the `hidden` attribute.
698 margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
1235 margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
699 margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
1236 margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
1238+.divide-y > :not([hidden]) ~ :not([hidden]) {
1239+ --tw-divide-y-reverse: 0;
1240+ border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
1241+ border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
1243+.divide-x > :not([hidden]) ~ :not([hidden]) {
1244+ --tw-divide-x-reverse: 0;
1245+ border-right-width: calc(1px * var(--tw-divide-x-reverse));
1246+ border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
1248+.divide-gold > :not([hidden]) ~ :not([hidden]) {
1249+ --tw-divide-opacity: 1;
1250+ border-color: rgb(252 211 77 / var(--tw-divide-opacity));
1252+.divide-black > :not([hidden]) ~ :not([hidden]) {
1253+ --tw-divide-opacity: 1;
1254+ border-color: rgb(0 0 0 / var(--tw-divide-opacity));
1256+.divide-gray-800 > :not([hidden]) ~ :not([hidden]) {
1257+ --tw-divide-opacity: 1;
1258+ border-color: rgb(31 41 55 / var(--tw-divide-opacity));
1260+.divide-gray-600 > :not([hidden]) ~ :not([hidden]) {
1261+ --tw-divide-opacity: 1;
1262+ border-color: rgb(75 85 99 / var(--tw-divide-opacity));
1264+.divide-red-600 > :not([hidden]) ~ :not([hidden]) {
1265+ --tw-divide-opacity: 1;
1266+ border-color: rgb(220 38 38 / var(--tw-divide-opacity));
1268+.divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
1269+ --tw-divide-opacity: 1;
1270+ border-color: rgb(229 231 235 / var(--tw-divide-opacity));
1272+.divide-gray-400 > :not([hidden]) ~ :not([hidden]) {
1273+ --tw-divide-opacity: 1;
1274+ border-color: rgb(156 163 175 / var(--tw-divide-opacity));
1276+.divide-gray-300 > :not([hidden]) ~ :not([hidden]) {
1277+ --tw-divide-opacity: 1;
1278+ border-color: rgb(209 213 219 / var(--tw-divide-opacity));
1280+.divide-gray-500 > :not([hidden]) ~ :not([hidden]) {
1281+ --tw-divide-opacity: 1;
1282+ border-color: rgb(107 114 128 / var(--tw-divide-opacity));
1284+.place-self-center {
1285+ place-self: center;
1288+ align-self: flex-start;
1291+ align-self: center;
701.justify-self-start {
1293.justify-self-start {
702 justify-self: start;
1294 justify-self: start;
@@ -707,12 +1299,22 @@ Ensure the default browser behavior of the `hidden` attribute.
707.overflow-auto {
1299.overflow-auto {
708 overflow: auto;
1300 overflow: auto;
710.overflow-scroll {
1305.overflow-scroll {
711 overflow: scroll;
1306 overflow: scroll;
713.overflow-y-auto {
1308.overflow-y-auto {
714 overflow-y: auto;
1309 overflow-y: auto;
1311+.whitespace-pre-line {
1312+ white-space: pre-line;
1315+ overflow-wrap: normal;
1316+ word-break: normal;
716.break-words {
1318.break-words {
717 overflow-wrap: break-word;
1319 overflow-wrap: break-word;
@@ -722,27 +1324,110 @@ Ensure the default browser behavior of the `hidden` attribute.
722.rounded-md {
1324.rounded-md {
723 border-radius: 0.375rem;
1325 border-radius: 0.375rem;
726− border-radius: 9999px;
728.rounded-lg {
1327.rounded-lg {
729 border-radius: 0.5rem;
1328 border-radius: 0.5rem;
1331+ border-radius: 9999px;
731.rounded {
1333.rounded {
732 border-radius: 0.25rem;
1334 border-radius: 0.25rem;
734.rounded-xl {
1336.rounded-xl {
735 border-radius: 0.75rem;
1337 border-radius: 0.75rem;
1340+ border-radius: 0.125rem;
1343+ border-radius: 1rem;
1346+ border-radius: 1.5rem;
1349+ border-bottom-right-radius: 1rem;
1350+ border-bottom-left-radius: 1rem;
1353+ border-top-left-radius: 1rem;
1354+ border-top-right-radius: 1rem;
1357+ border-top-left-radius: 0.375rem;
1358+ border-top-right-radius: 0.375rem;
1361+ border-bottom-right-radius: 1rem;
1364+ border-bottom-left-radius: 0px;
1367+ border-top-left-radius: 0.5rem;
1370+ border-bottom-right-radius: 0.5rem;
737.border {
1372.border {
738 border-width: 1px;
1373 border-width: 1px;
740.border-4 {
1375.border-4 {
741 border-width: 4px;
1376 border-width: 4px;
1387+.border-\[1\.5px\] {
1388+ border-width: 1.5px;
1391+ border-left-width: 8px;
1394+ border-right-width: 1px;
743.border-b {
1396.border-b {
744 border-bottom-width: 1px;
1397 border-bottom-width: 1px;
1400+ border-left-width: 1px;
1403+ border-top-width: 1px;
1406+ border-bottom-width: 0px;
1409+ border-style: none;
1412+ --tw-border-opacity: 1;
1413+ border-color: rgb(107 114 128 / var(--tw-border-opacity));
1416+ --tw-border-opacity: 1;
1417+ border-color: rgb(156 163 175 / var(--tw-border-opacity));
1420+ --tw-border-opacity: 1;
1421+ border-color: rgb(252 211 77 / var(--tw-border-opacity));
1424+ --tw-border-opacity: 1;
1425+ border-color: rgb(209 213 219 / var(--tw-border-opacity));
1428+ --tw-border-opacity: 1;
1429+ border-color: rgb(31 36 60 / var(--tw-border-opacity));
746.border-white {
1431.border-white {
747 --tw-border-opacity: 1;
1432 --tw-border-opacity: 1;
748 border-color: rgb(255 255 255 / var(--tw-border-opacity));
1433 border-color: rgb(255 255 255 / var(--tw-border-opacity));
@@ -751,38 +1436,78 @@ Ensure the default browser behavior of the `hidden` attribute.
751 --tw-border-opacity: 1;
1436 --tw-border-opacity: 1;
752 border-color: rgb(0 0 0 / var(--tw-border-opacity));
1437 border-color: rgb(0 0 0 / var(--tw-border-opacity));
754−.border-navy {
1439+.border-red-500 {
755 --tw-border-opacity: 1;
1440 --tw-border-opacity: 1;
756− border-color: rgb(31 36 60 / var(--tw-border-opacity));
1441+ border-color: rgb(239 68 68 / var(--tw-border-opacity));
758−.border-gold {
1443+.border-gold-s5 {
759 --tw-border-opacity: 1;
1444 --tw-border-opacity: 1;
760− border-color: rgb(252 211 77 / var(--tw-border-opacity));
1445+ border-color: rgb(126 106 39 / var(--tw-border-opacity));
762−.bg-gold {
1447+.border-gold-s2 {
1448+ --tw-border-opacity: 1;
1449+ border-color: rgb(202 169 62 / var(--tw-border-opacity));
1452+ --tw-border-opacity: 1;
1453+ border-color: rgb(227 190 69 / var(--tw-border-opacity));
1456+ --tw-border-opacity: 1;
1457+ border-color: rgb(31 41 55 / var(--tw-border-opacity));
1460+ --tw-border-opacity: 1;
1461+ border-color: rgb(75 85 99 / var(--tw-border-opacity));
1464+ --tw-border-opacity: 1;
1465+ border-color: rgb(229 231 235 / var(--tw-border-opacity));
763 --tw-bg-opacity: 1;
1468 --tw-bg-opacity: 1;
764− background-color: rgb(252 211 77 / var(--tw-bg-opacity));
1469+ background-color: rgb(156 163 175 / var(--tw-bg-opacity));
1472+ --tw-bg-opacity: 1;
1473+ background-color: rgb(255 255 255 / var(--tw-bg-opacity));
766.bg-navy {
1475.bg-navy {
767 --tw-bg-opacity: 1;
1476 --tw-bg-opacity: 1;
768 background-color: rgb(31 36 60 / var(--tw-bg-opacity));
1477 background-color: rgb(31 36 60 / var(--tw-bg-opacity));
770−.bg-black {
1479+.bg-gold {
771 --tw-bg-opacity: 1;
1480 --tw-bg-opacity: 1;
772− background-color: rgb(0 0 0 / var(--tw-bg-opacity));
1481+ background-color: rgb(252 211 77 / var(--tw-bg-opacity));
774−.bg-gray-300 {
1483+.bg-l1-blue {
775 --tw-bg-opacity: 1;
1484 --tw-bg-opacity: 1;
776− background-color: rgb(209 213 219 / var(--tw-bg-opacity));
1485+ background-color: rgb(23 146 199 / var(--tw-bg-opacity));
778−.bg-white {
1487+.bg-l2-green {
779 --tw-bg-opacity: 1;
1488 --tw-bg-opacity: 1;
780− background-color: rgb(255 255 255 / var(--tw-bg-opacity));
1489+ background-color: rgb(23 199 106 / var(--tw-bg-opacity));
1492+ --tw-bg-opacity: 1;
1493+ background-color: rgb(187 0 17 / var(--tw-bg-opacity));
782.bg-orange-gold {
1495.bg-orange-gold {
783 --tw-bg-opacity: 1;
1496 --tw-bg-opacity: 1;
784 background-color: rgb(247 211 146 / var(--tw-bg-opacity));
1497 background-color: rgb(247 211 146 / var(--tw-bg-opacity));
1500+ --tw-bg-opacity: 1;
1501+ background-color: rgb(209 213 219 / var(--tw-bg-opacity));
1504+ --tw-bg-opacity: 1;
1505+ background-color: rgb(229 231 235 / var(--tw-bg-opacity));
1508+ --tw-bg-opacity: 1;
1509+ background-color: rgb(0 0 0 / var(--tw-bg-opacity));
786.bg-amber-300 {
1511.bg-amber-300 {
787 --tw-bg-opacity: 1;
1512 --tw-bg-opacity: 1;
788 background-color: rgb(252 211 77 / var(--tw-bg-opacity));
1513 background-color: rgb(252 211 77 / var(--tw-bg-opacity));
@@ -791,10 +1516,6 @@ Ensure the default browser behavior of the `hidden` attribute.
791 --tw-bg-opacity: 1;
1516 --tw-bg-opacity: 1;
792 background-color: rgb(253 224 71 / var(--tw-bg-opacity));
1517 background-color: rgb(253 224 71 / var(--tw-bg-opacity));
796− background-color: rgb(156 163 175 / var(--tw-bg-opacity));
798.bg-orange-300 {
1519.bg-orange-300 {
799 --tw-bg-opacity: 1;
1520 --tw-bg-opacity: 1;
800 background-color: rgb(253 186 116 / var(--tw-bg-opacity));
1521 background-color: rgb(253 186 116 / var(--tw-bg-opacity));
@@ -819,36 +1540,123 @@ Ensure the default browser behavior of the `hidden` attribute.
819 --tw-bg-opacity: 1;
1540 --tw-bg-opacity: 1;
820 background-color: rgb(253 230 138 / var(--tw-bg-opacity));
1541 background-color: rgb(253 230 138 / var(--tw-bg-opacity));
822−.bg-gray-200 {
1543+.bg-gold-t8 {
823 --tw-bg-opacity: 1;
1544 --tw-bg-opacity: 1;
824− background-color: rgb(229 231 235 / var(--tw-bg-opacity));
1545+ background-color: rgb(254 246 219 / var(--tw-bg-opacity));
1548+ --tw-bg-opacity: 1;
1549+ background-color: rgb(50 42 15 / var(--tw-bg-opacity));
1552+ --tw-bg-opacity: 1;
1553+ background-color: rgb(151 127 46 / var(--tw-bg-opacity));
1556+ --tw-bg-opacity: 1;
1557+ background-color: rgb(252 215 95 / var(--tw-bg-opacity));
1560+ --tw-bg-opacity: 1;
1561+ background-color: rgb(253 220 113 / var(--tw-bg-opacity));
1564+ --tw-bg-opacity: 1;
1565+ background-color: rgb(202 169 62 / var(--tw-bg-opacity));
1568+ --tw-bg-opacity: 1;
1569+ background-color: rgb(227 190 69 / var(--tw-bg-opacity));
1572+ --tw-bg-opacity: 1;
1573+ background-color: rgb(30 64 175 / var(--tw-bg-opacity));
1576+ --tw-bg-opacity: 1;
1577+ background-color: rgb(20 83 45 / var(--tw-bg-opacity));
1580+ --tw-bg-opacity: 1;
1581+ background-color: rgb(220 252 231 / var(--tw-bg-opacity));
1584+ --tw-bg-opacity: 1;
1585+ background-color: rgb(191 219 254 / var(--tw-bg-opacity));
1588+ --tw-bg-opacity: 1;
1589+ background-color: rgb(107 114 128 / var(--tw-bg-opacity));
1592+ --tw-bg-opacity: 1;
1593+ background-color: rgb(254 202 202 / var(--tw-bg-opacity));
1596+ --tw-bg-opacity: 1;
1597+ background-color: rgb(254 226 226 / var(--tw-bg-opacity));
1600+ --tw-bg-opacity: 1;
1601+ background-color: rgb(75 85 99 / var(--tw-bg-opacity));
1607+ -o-object-fit: cover;
827 padding: 1rem;
1617 padding: 1rem;
830 padding: 0.5rem;
1626 padding: 0.5rem;
833 padding: 1.5rem;
1629 padding: 1.5rem;
836− padding: 2rem;
1632+ padding: 0px;
841−.p-1 {
1634+.p-\[3px\] {
842− padding: 0.25rem;
1635+ padding: 3px;
844−.py-0\.5 {
1637+.p-\[4px\] {
845− padding-top: 0.125rem;
1638+ padding: 4px;
846− padding-bottom: 0.125rem;
849 padding-left: 0.5rem;
1641 padding-left: 0.5rem;
850 padding-right: 0.5rem;
1642 padding-right: 0.5rem;
1645+ padding-top: 0.25rem;
1646+ padding-bottom: 0.25rem;
1649+ padding-left: 1rem;
1650+ padding-right: 1rem;
1653+ padding-left: 0.125rem;
1654+ padding-right: 0.125rem;
1658+ padding-right: 0px;
853 padding-top: 0px;
1661 padding-top: 0px;
854 padding-bottom: 0px;
1662 padding-bottom: 0px;
@@ -861,26 +1669,37 @@ Ensure the default browser behavior of the `hidden` attribute.
861 padding-top: 0.5rem;
1669 padding-top: 0.5rem;
862 padding-bottom: 0.5rem;
1670 padding-bottom: 0.5rem;
864−.px-0\.5 {
1672+.px-6 {
865− padding-left: 0.125rem;
1673+ padding-left: 1.5rem;
866− padding-right: 0.125rem;
1674+ padding-right: 1.5rem;
1678+ padding-bottom: 2rem;
869− padding-left: 0px;
1681+ padding-left: 2rem;
870− padding-right: 0px;
1682+ padding-right: 2rem;
873 padding-left: 0.75rem;
1685 padding-left: 0.75rem;
874 padding-right: 0.75rem;
1686 padding-right: 0.75rem;
877− padding-top: 0.25rem;
878− padding-bottom: 0.25rem;
881 padding-left: 0.25rem;
1689 padding-left: 0.25rem;
882 padding-right: 0.25rem;
1690 padding-right: 0.25rem;
1693+ padding-left: 0.375rem;
1694+ padding-right: 0.375rem;
1697+ padding-top: 0.125rem;
1698+ padding-bottom: 0.125rem;
1701+ padding-top: 2.5rem;
885 padding-bottom: 2rem;
1704 padding-bottom: 2rem;
@@ -899,6 +1718,9 @@ Ensure the default browser behavior of the `hidden` attribute.
900 padding-left: 1.25rem;
1719 padding-left: 1.25rem;
902.text-center {
1724.text-center {
903 text-align: center;
1725 text-align: center;
@@ -923,9 +1745,13 @@ Ensure the default browser behavior of the `hidden` attribute.
923.font-mono {
1745.font-mono {
924 font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
1746 font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
926−.text-3xl {
1748+.text-sm {
927− font-size: 1.875rem;
1749+ font-size: 0.875rem;
928− line-height: 2.25rem;
1750+ line-height: 1.25rem;
1753+ font-size: 1.25rem;
1754+ line-height: 1.75rem;
930.text-2xl {
1756.text-2xl {
931 font-size: 1.5rem;
1757 font-size: 1.5rem;
@@ -935,13 +1761,9 @@ Ensure the default browser behavior of the `hidden` attribute.
935 font-size: 1.125rem;
1761 font-size: 1.125rem;
936 line-height: 1.75rem;
1762 line-height: 1.75rem;
938−.text-sm {
1764+.text-3xl {
939− font-size: 0.875rem;
1765+ font-size: 1.875rem;
940− line-height: 1.25rem;
1766+ line-height: 2.25rem;
944− line-height: 1.75rem;
946.text-base {
1768.text-base {
947 font-size: 1rem;
1769 font-size: 1rem;
@@ -950,6 +1772,9 @@ Ensure the default browser behavior of the `hidden` attribute.
950.font-bold {
1772.font-bold {
951 font-weight: 700;
1773 font-weight: 700;
1776+ text-transform: capitalize;
953.leading-4 {
1778.leading-4 {
954 line-height: 1rem;
1779 line-height: 1rem;
@@ -959,25 +1784,39 @@ Ensure the default browser behavior of the `hidden` attribute.
959.leading-3 {
1784.leading-3 {
960 line-height: .75rem;
1785 line-height: .75rem;
1788+ line-height: 1.25rem;
962−.text-gray-700 {
1793+.text-gray-600 {
963 --tw-text-opacity: 1;
1794 --tw-text-opacity: 1;
964− color: rgb(55 65 81 / var(--tw-text-opacity));
1795+ color: rgb(75 85 99 / var(--tw-text-opacity));
966−.text-green-600 {
1797+.text-white {
967 --tw-text-opacity: 1;
1798 --tw-text-opacity: 1;
968− color: rgb(22 163 74 / var(--tw-text-opacity));
1799+ color: rgb(255 255 255 / var(--tw-text-opacity));
970.text-gray-800 {
1801.text-gray-800 {
971 --tw-text-opacity: 1;
1802 --tw-text-opacity: 1;
972 color: rgb(31 41 55 / var(--tw-text-opacity));
1803 color: rgb(31 41 55 / var(--tw-text-opacity));
974−.text-gray-500 {
1805+.text-gray-700 {
975 --tw-text-opacity: 1;
1806 --tw-text-opacity: 1;
976− color: rgb(107 114 128 / var(--tw-text-opacity));
1807+ color: rgb(55 65 81 / var(--tw-text-opacity));
978−.text-gray-600 {
1809+.text-black {
979 --tw-text-opacity: 1;
1810 --tw-text-opacity: 1;
1811+ color: rgb(0 0 0 / var(--tw-text-opacity));
1814+ --tw-text-opacity: 1;
1815+ color: rgb(22 163 74 / var(--tw-text-opacity));
1818+ --tw-text-opacity: 1;
980− color: rgb(75 85 99 / var(--tw-text-opacity));
1819+ color: rgb(107 114 128 / var(--tw-text-opacity));
982.text-green-500 {
1821.text-green-500 {
983 --tw-text-opacity: 1;
1822 --tw-text-opacity: 1;
@@ -987,10 +1826,6 @@ Ensure the default browser behavior of the `hidden` attribute.
987 --tw-text-opacity: 1;
1826 --tw-text-opacity: 1;
988 color: rgb(21 128 61 / var(--tw-text-opacity));
1827 color: rgb(21 128 61 / var(--tw-text-opacity));
991− --tw-text-opacity: 1;
992− color: rgb(255 255 255 / var(--tw-text-opacity));
994.text-gray-400 {
1829.text-gray-400 {
995 --tw-text-opacity: 1;
1830 --tw-text-opacity: 1;
996 color: rgb(156 163 175 / var(--tw-text-opacity));
1831 color: rgb(156 163 175 / var(--tw-text-opacity));
@@ -999,6 +1834,10 @@ Ensure the default browser behavior of the `hidden` attribute.
999 --tw-text-opacity: 1;
1834 --tw-text-opacity: 1;
1000 color: rgb(252 211 77 / var(--tw-text-opacity));
1835 color: rgb(252 211 77 / var(--tw-text-opacity));
1838+ --tw-text-opacity: 1;
1839+ color: rgb(209 213 219 / var(--tw-text-opacity));
1002.underline {
1841.underline {
1003 -webkit-text-decoration-line: underline;
1842 -webkit-text-decoration-line: underline;
1004 text-decoration-line: underline;
1843 text-decoration-line: underline;
@@ -1010,31 +1849,95 @@ Ensure the default browser behavior of the `hidden` attribute.
1010.underline-offset-2 {
1849.underline-offset-2 {
1011 text-underline-offset: 2px;
1850 text-underline-offset: 2px;
1013.opacity-50 {
1858.opacity-50 {
1014 opacity: 0.5;
1859 opacity: 0.5;
1016.opacity-10 {
1861.opacity-10 {
1017 opacity: 0.1;
1862 opacity: 0.1;
1019.outline {
1876.outline {
1020 outline-style: solid;
1877 outline-style: solid;
1880+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1881+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1882+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
1885+ --tw-blur: blur(8px);
1886+ 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);
1889+ --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
1890+ 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);
1893+ --tw-sepia: sepia(100%);
1894+ 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);
1022.filter {
1896.filter {
1023 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);
1897 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);
1900+ transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
1901+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
1902+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
1903+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1904+ transition-duration: 150ms;
1025.transition-opacity {
1906.transition-opacity {
1026 transition-property: opacity;
1907 transition-property: opacity;
1027 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1908 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1028 transition-duration: 150ms;
1909 transition-duration: 150ms;
1030−.last\:border-none:last-child {
1911+.transition-transform {
1031− border-style: none;
1912+ transition-property: transform;
1913+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1914+ transition-duration: 150ms;
1033−.hover\:opacity-40:hover {
1916+.transition-all {
1034− opacity: 0.4;
1917+ transition-property: all;
1918+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1919+ transition-duration: 150ms;
1922+ transition-duration: 150ms;
1924+.hover\:bg-gray-200:hover {
1925+ --tw-bg-opacity: 1;
1926+ background-color: rgb(229 231 235 / var(--tw-bg-opacity));
1928+.hover\:opacity-80:hover {
1036@media (min-width: 360px) {
1931@media (min-width: 360px) {
1933+ .\32xs\:-bottom-3\.5 {
1937+ .\32xs\:-bottom-3 {
1038 .\32xs\:m-8 {
1941 .\32xs\:m-8 {
1039 margin: 2rem;
1942 margin: 2rem;
@@ -1044,11 +1947,75 @@ Ensure the default browser behavior of the `hidden` attribute.
1044 margin-right: 2rem;
1947 margin-right: 2rem;
1950+ .\32xs\:space-y-8 > :not([hidden]) ~ :not([hidden]) {
1951+ --tw-space-y-reverse: 0;
1952+ margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
1953+ margin-bottom: calc(2rem * var(--tw-space-y-reverse));
1047 .\32xs\:py-8 {
1960 .\32xs\:py-8 {
1048 padding-top: 2rem;
1961 padding-top: 2rem;
1049 padding-bottom: 2rem;
1962 padding-bottom: 2rem;
1965+@media (min-width: 475px) {
1976+ margin-bottom: 0.25rem;
1979+ .xs\:max-w-\[18rem\] {
1983+ .xs\:max-w-\[8rem\] {
1988+ flex-direction: row;
1992+ flex-direction: column;
1995+ .xs\:items-center {
1996+ align-items: center;
1999+ .xs\:self-stretch {
2000+ align-self: stretch;
2003+ .xs\:rounded-bl-2xl {
2004+ border-bottom-left-radius: 1rem;
2007+ .xs\:rounded-bl-none {
2008+ border-bottom-left-radius: 0px;
2012+ border-left-width: 1px;
2016+ border-top-width: 0px;
1052@media (min-width: 768px) {
2019@media (min-width: 768px) {
1054 .md\:mx-auto {
2021 .md\:mx-auto {
@@ -1056,6 +2023,10 @@ Ensure the default browser behavior of the `hidden` attribute.
1056 margin-right: auto;
2023 margin-right: auto;
1059 .md\:min-w-\[256px\] {
2030 .md\:min-w-\[256px\] {
1060 min-width: 256px;
2031 min-width: 256px;
@@ -1072,6 +2043,10 @@ Ensure the default browser behavior of the `hidden` attribute.
1072 flex-direction: row;
2043 flex-direction: row;
1075 .md\:items-start {
2050 .md\:items-start {
1076 align-items: flex-start;
2051 align-items: flex-start;