hds-web 1.33.3 → 1.33.5

package/src/styles/tailwind.css

@@ -1,5 +1,7 @@
 @import url('https://fonts.googleapis.com/css2?family=Petrona:ital,wght@1,200&display=swap');
 
+@import url('https://fonts.googleapis.com/css2?family=Fira+Code&display=swap');
+
 /*
 ! tailwindcss v3.3.1 | MIT License | https://tailwindcss.com
 */
@@ -892,6 +894,10 @@ select{
   left: -60%;
 }
 
+.-right-1{
+  right: -0.25rem;
+}
+
 .-right-\[44px\]{
   right: -44px;
 }
@@ -928,6 +934,10 @@ select{
   left: 50%;
 }
 
+.left-10{
+  left: 2.5rem;
+}
+
 .left-14{
   left: 3.5rem;
 }
@@ -940,6 +950,10 @@ select{
   left: 1rem;
 }
 
+.left-40{
+  left: 10rem;
+}
+
 .left-\[0px\]{
   left: 0px;
 }
@@ -1008,6 +1022,10 @@ select{
   top: 1.25rem;
 }
 
+.top-8{
+  top: 2rem;
+}
+
 .top-\[112px\]{
   top: 112px;
 }
@@ -1132,10 +1150,6 @@ select{
   margin: -0.625rem;
 }
 
-.-m-3{
-  margin: -0.75rem;
-}
-
 .m-1{
   margin: 0.25rem;
 }
@@ -1277,6 +1291,10 @@ select{
   margin-left: -0.375rem;
 }
 
+.-ml-2{
+  margin-left: -0.5rem;
+}
+
 .-ml-3{
   margin-left: -0.75rem;
 }
@@ -1305,6 +1323,10 @@ select{
   margin-top: -1.5rem;
 }
 
+.-mt-\[200px\]{
+  margin-top: -200px;
+}
+
 .-mt-\[81px\]{
   margin-top: -81px;
 }
@@ -1457,6 +1479,10 @@ select{
   margin-top: 0.75rem;
 }
 
+.mt-3\.5{
+  margin-top: 0.875rem;
+}
+
 .mt-4{
   margin-top: 1rem;
 }
@@ -1500,6 +1526,13 @@ select{
   -webkit-line-clamp: 3;
 }
 
+.line-clamp-5{
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 5;
+}
+
 .block{
   display: block;
 }
@@ -1624,10 +1657,22 @@ select{
   height: 130px;
 }
 
+.h-\[179px\]{
+  height: 179px;
+}
+
+.h-\[18px\]{
+  height: 18px;
+}
+
 .h-\[2px\]{
   height: 2px;
 }
 
+.h-\[336px\]{
+  height: 336px;
+}
+
 .h-\[338px\]{
   height: 338px;
 }
@@ -1668,8 +1713,8 @@ select{
   height: 700px;
 }
 
-.h-\[718px\]{
-  height: 718px;
+.h-\[800px\]{
+  height: 800px;
 }
 
 .h-\[80px\]{
@@ -1704,26 +1749,38 @@ select{
   height: 100vh;
 }
 
+.max-h-\[144px\]{
+  max-height: 144px;
+}
+
 .max-h-\[181px\]{
   max-height: 181px;
 }
 
+.max-h-\[200px\]{
+  max-height: 200px;
+}
+
 .max-h-\[20px\]{
   max-height: 20px;
 }
 
-.max-h-\[26\.25\]{
-  max-height: 26.25;
+.max-h-\[25px\]{
+  max-height: 25px;
 }
 
-.max-h-\[28px\]{
-  max-height: 28px;
+.max-h-\[26\.25\]{
+  max-height: 26.25;
 }
 
 .max-h-\[40px\]{
   max-height: 40px;
 }
 
+.max-h-\[44px\]{
+  max-height: 44px;
+}
+
 .max-h-\[530px\]{
   max-height: 530px;
 }
@@ -1776,6 +1833,10 @@ select{
   min-height: 64px;
 }
 
+.min-h-\[742px\]{
+  min-height: 742px;
+}
+
 .\!w-full{
   width: 100% !important;
 }
@@ -1868,10 +1929,22 @@ select{
   width: 147px;
 }
 
+.w-\[14px\]{
+  width: 14px;
+}
+
 .w-\[15px\]{
   width: 15px;
 }
 
+.w-\[18px\]{
+  width: 18px;
+}
+
+.w-\[21px\]{
+  width: 21px;
+}
+
 .w-\[22\.5rem\]{
   width: 22.5rem;
 }
@@ -1880,6 +1953,10 @@ select{
   width: 220px;
 }
 
+.w-\[223px\]{
+  width: 223px;
+}
+
 .w-\[290px\]{
   width: 290px;
 }
@@ -1888,6 +1965,14 @@ select{
   width: 300px;
 }
 
+.w-\[400px\]{
+  width: 400px;
+}
+
+.w-\[45px\]{
+  width: 45px;
+}
+
 .w-\[580px\]{
   width: 580px;
 }
@@ -1962,6 +2047,10 @@ select{
   min-width: 130px;
 }
 
+.min-w-\[152px\]{
+  min-width: 152px;
+}
+
 .min-w-\[18rem\]{
   min-width: 18rem;
 }
@@ -2064,8 +2153,8 @@ select{
   max-width: 242px;
 }
 
-.max-w-\[280px\]{
-  max-width: 280px;
+.max-w-\[270px\]{
+  max-width: 270px;
 }
 
 .max-w-\[29\.18rem\]{
@@ -2100,6 +2189,10 @@ select{
   max-width: 430px;
 }
 
+.max-w-\[435px\]{
+  max-width: 435px;
+}
+
 .max-w-\[44\.44rem\]{
   max-width: 44.44rem;
 }
@@ -2108,6 +2201,10 @@ select{
   max-width: 460px;
 }
 
+.max-w-\[518px\]{
+  max-width: 518px;
+}
+
 .max-w-\[583px\]{
   max-width: 583px;
 }
@@ -2250,6 +2347,12 @@ select{
           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;
+  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+          transform: 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;
   -webkit-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));
@@ -2263,6 +2366,13 @@ select{
           transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 
+.scale-75{
+  --tw-scale-x: .75;
+  --tw-scale-y: .75;
+  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
 .transform{
   -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
           transform: 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));
@@ -2462,10 +2572,18 @@ select{
   gap: 1.5rem;
 }
 
+.gap-8{
+  gap: 2rem;
+}
+
 .gap-\[11px\]{
   gap: 11px;
 }
 
+.gap-\[12px\]{
+  gap: 12px;
+}
+
 .gap-\[14rem\]{
   gap: 14rem;
 }
@@ -2613,6 +2731,11 @@ select{
   border-color: rgb(30 86 227 / 0.1);
 }
 
+.divide-neutral-0 > :not([hidden]) ~ :not([hidden]){
+  --tw-divide-opacity: 1;
+  border-color: rgb(255 255 255 / var(--tw-divide-opacity));
+}
+
 .divide-neutral-100 > :not([hidden]) ~ :not([hidden]){
   --tw-divide-opacity: 1;
   border-color: rgb(243 244 246 / var(--tw-divide-opacity));
@@ -2751,6 +2874,11 @@ select{
   border-bottom-left-radius: 1.5rem;
 }
 
+.rounded-l-full{
+  border-top-left-radius: 9999px;
+  border-bottom-left-radius: 9999px;
+}
+
 .rounded-l-md{
   border-top-left-radius: 0.375rem;
   border-bottom-left-radius: 0.375rem;
@@ -3520,6 +3648,11 @@ select{
   background-color: rgb(0 35 43 / var(--tw-bg-opacity));
 }
 
+.bg-discord{
+  --tw-bg-opacity: 1;
+  background-color: rgb(88 101 242 / var(--tw-bg-opacity));
+}
+
 .bg-green-100{
   --tw-bg-opacity: 1;
   background-color: rgb(218 255 244 / var(--tw-bg-opacity));
@@ -5799,6 +5932,10 @@ select{
   --tw-gradient-to-position:  ;
 }
 
+.fill-blue-500{
+  fill: #3970FD;
+}
+
 .fill-neutral-500{
   fill: #6C737F;
 }
@@ -6267,6 +6404,10 @@ select{
   padding: 0px 8px 0px 0px;;
 }
 
+.p-\[22px\]{
+  padding: 22px;
+}
+
 .px-0{
   padding-left: 0px;
   padding-right: 0px;
@@ -6312,11 +6453,6 @@ select{
   padding-right: 0.75rem;
 }
 
-.px-3\.5{
-  padding-left: 0.875rem;
-  padding-right: 0.875rem;
-}
-
 .px-4{
   padding-left: 1rem;
   padding-right: 1rem;
@@ -6362,6 +6498,11 @@ select{
   padding-bottom: 2.5rem;
 }
 
+.py-11{
+  padding-top: 2.75rem;
+  padding-bottom: 2.75rem;
+}
+
 .py-12{
   padding-top: 3rem;
   padding-bottom: 3rem;
@@ -6427,6 +6568,11 @@ select{
   padding-bottom: 2px;
 }
 
+.py-\[3\.5px\]{
+  padding-top: 3.5px;
+  padding-bottom: 3.5px;
+}
+
 .pb-0{
   padding-bottom: 0px;
 }
@@ -6487,10 +6633,6 @@ select{
   padding-left: 0px;
 }
 
-.pl-1{
-  padding-left: 0.25rem;
-}
-
 .pl-10{
   padding-left: 2.5rem;
 }
@@ -6527,10 +6669,22 @@ select{
   padding-left: 2rem;
 }
 
+.pl-\[11px\]{
+  padding-left: 11px;
+}
+
+.pl-\[18px\]{
+  padding-left: 18px;
+}
+
 .pl-\[30px\]{
   padding-left: 30px;
 }
 
+.pl-\[38px\]{
+  padding-left: 38px;
+}
+
 .pr-10{
   padding-right: 2.5rem;
 }
@@ -6571,8 +6725,12 @@ select{
   padding-right: 2rem;
 }
 
-.pr-\[10px\]{
-  padding-right: 10px;
+.pr-\[3px\]{
+  padding-right: 3px;
+}
+
+.pr-\[74px\]{
+  padding-right: 74px;
 }
 
 .pt-0{
@@ -6643,6 +6801,10 @@ select{
   text-indent: 2rem;
 }
 
+.font-firaCode{
+  font-family: Fira Code, monospace;
+}
+
 .font-petrona{
   font-family: Petrona, serif;
 }
@@ -6923,6 +7085,13 @@ select{
   font-weight: 400;
 }
 
+.text-hds-t-h3{
+  font-size: 1.875rem;
+  line-height: 2.5rem;
+  letter-spacing: -0.02em;
+  font-weight: 700;
+}
+
 .text-sm{
   font-size: 0.875rem;
   line-height: 1.25rem;
@@ -7602,6 +7771,12 @@ select{
           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);
 }
 
+.brightness-0{
+  --tw-brightness: brightness(0);
+  -webkit-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
+          filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
+}
+
 .filter{
   -webkit-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
           filter: 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);
@@ -7641,6 +7816,14 @@ select{
   transition-duration: 0s;
 }
 
+.duration-100{
+  transition-duration: 100ms;
+}
+
+.duration-1000{
+  transition-duration: 1000ms;
+}
+
 .duration-150{
   transition-duration: 150ms;
 }
@@ -7657,6 +7840,10 @@ select{
   transition-duration: 500ms;
 }
 
+.duration-700{
+  transition-duration: 700ms;
+}
+
 .duration-\[1500ms\]{
   transition-duration: 1500ms;
 }
@@ -7673,6 +7860,10 @@ select{
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
 }
 
+.ease-linear{
+  transition-timing-function: linear;
+}
+
 .ease-out{
   transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
 }
@@ -7737,7 +7928,7 @@ select{
 
 @media (min-width: 905px) {
   .hds-hidden-tbl {
-    display: none;
+    display: none !important;
   }
 }
 
@@ -7747,6 +7938,79 @@ select{
   }
 }
 
+.video-play-btn {
+  z-index: 10;
+}
+
+.video-play-btn:before {
+  content: "";
+  position: absolute;
+  z-index: 0;
+  left: 50%;
+  top: 50%;
+  -webkit-transform: translateX(-50%) translateY(-50%);
+          transform: translateX(-50%) translateY(-50%);
+  display: block;
+  width: 56px;
+  height: 56px;
+  /* background: #3970FD; */
+  border-radius: 50%;
+  -webkit-animation: pulse-border 1500ms ease-out infinite;
+          animation: pulse-border 1500ms ease-out infinite;
+}
+
+.video-play-btn:after {
+  content: "";
+  position: absolute;
+  z-index: 1;
+  left: 50%;
+  top: 50%;
+  -webkit-transform: translateX(-50%) translateY(-50%);
+          transform: translateX(-50%) translateY(-50%);
+  display: block;
+  width: 56px;
+  height: 56px;
+  /* background: #3970FD; */
+  border-radius: 50%;
+  transition: all 200ms;
+}
+
+.video-play-btn>div {
+  z-index: 2;
+}
+
+.video-play-btn svg {
+  fill: #fff;
+}
+
+@-webkit-keyframes pulse-border {
+  0% {
+    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
+            transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
+    opacity: 1;
+  }
+
+  100% {
+    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
+            transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
+    opacity: 0;
+  }
+}
+
+@keyframes pulse-border {
+  0% {
+    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
+            transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
+    opacity: 1;
+  }
+
+  100% {
+    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
+            transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
+    opacity: 0;
+  }
+}
+
 .search-results {
   width: calc(100% - 150px);
 }
@@ -8857,6 +9121,30 @@ select{
   z-index: 6;
 }
 
+.placeholder\:bg-neutral-0::-webkit-input-placeholder{
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+}
+
+.placeholder\:bg-neutral-0::placeholder{
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+}
+
+.placeholder\:text-hds-m-body3c::-webkit-input-placeholder{
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+  letter-spacing: ;
+  font-weight: 400;
+}
+
+.placeholder\:text-hds-m-body3c::placeholder{
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+  letter-spacing: ;
+  font-weight: 400;
+}
+
 .placeholder\:text-neutral-500::-webkit-input-placeholder{
   --tw-text-opacity: 1;
   color: rgb(108 115 127 / var(--tw-text-opacity));
@@ -8968,6 +9256,18 @@ select{
   background-color: rgb(13 65 198 / var(--tw-bg-opacity));
 }
 
+.before\:bg-blue-800::before{
+  content: var(--tw-content);
+  --tw-bg-opacity: 1;
+  background-color: rgb(0 40 142 / var(--tw-bg-opacity));
+}
+
+.before\:bg-neutral-0::before{
+  content: var(--tw-content);
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+}
+
 .before\:bg-gradient-to-r::before{
   content: var(--tw-content);
   background-image: linear-gradient(to right, var(--tw-gradient-stops));
@@ -9108,6 +9408,18 @@ select{
   background-color: rgb(13 65 198 / var(--tw-bg-opacity));
 }
 
+.after\:bg-blue-800::after{
+  content: var(--tw-content);
+  --tw-bg-opacity: 1;
+  background-color: rgb(0 40 142 / var(--tw-bg-opacity));
+}
+
+.after\:bg-neutral-0::after{
+  content: var(--tw-content);
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+}
+
 .after\:bg-gradient-to-r::after{
   content: var(--tw-content);
   background-image: linear-gradient(to right, var(--tw-gradient-stops));
@@ -9127,6 +9439,10 @@ select{
   border-bottom-left-radius: 9999px;
 }
 
+.first\:pt-0:first-child{
+  padding-top: 0px;
+}
+
 .last\:mb-0:last-child{
   margin-bottom: 0px;
 }
@@ -9148,6 +9464,10 @@ select{
   padding-bottom: 0px;
 }
 
+.visited\:bg-neutral-0:visited{
+  background-color: rgb(255 255 255 );
+}
+
 .checked\:border-blue-600:checked{
   --tw-border-opacity: 1;
   border-color: rgb(30 86 227 / var(--tw-border-opacity));
@@ -9317,11 +9637,6 @@ select{
   border-color: rgb(13 65 198 / var(--tw-border-opacity));
 }
 
-.hover\:border-neutral-0:hover{
-  --tw-border-opacity: 1;
-  border-color: rgb(255 255 255 / var(--tw-border-opacity));
-}
-
 .hover\:border-neutral-300:hover{
   --tw-border-opacity: 1;
   border-color: rgb(210 214 219 / var(--tw-border-opacity));
@@ -9331,6 +9646,10 @@ select{
   --tw-border-opacity: 0;
 }
 
+.hover\:border-opacity-100:hover{
+  --tw-border-opacity: 1;
+}
+
 .hover\:bg-amber-100:hover{
   --tw-bg-opacity: 1;
   background-color: rgb(255 243 212 / var(--tw-bg-opacity));
@@ -9566,6 +9885,10 @@ select{
   background-color: rgb(108 115 127 / var(--tw-bg-opacity));
 }
 
+.hover\:bg-neutral-500\/30:hover{
+  background-color: rgb(108 115 127 / 0.3);
+}
+
 .hover\:bg-neutral-600:hover{
   --tw-bg-opacity: 1;
   background-color: rgb(77 87 97 / var(--tw-bg-opacity));
@@ -9870,6 +10193,12 @@ select{
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 
+.hover\:brightness-100:hover{
+  --tw-brightness: brightness(1);
+  -webkit-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
+          filter: 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);
+}
+
 .hover\:transition:hover{
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
@@ -10003,11 +10332,6 @@ select{
   color: rgb(30 86 227 / var(--tw-text-opacity));
 }
 
-.focus\:text-blue-700:focus{
-  --tw-text-opacity: 1;
-  color: rgb(13 65 198 / var(--tw-text-opacity));
-}
-
 .focus\:text-neutral-0:focus{
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity));
@@ -10118,27 +10442,16 @@ select{
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 
-.focus-visible\:outline:focus-visible{
-  outline-style: solid;
-}
-
-.focus-visible\:outline-2:focus-visible{
-  outline-width: 2px;
-}
-
-.focus-visible\:outline-offset-2:focus-visible{
-  outline-offset: 2px;
-}
-
-.focus-visible\:outline-offset-\[-4px\]:focus-visible{
-  outline-offset: -4px;
-}
-
 .active\:bg-blue-600:active{
   --tw-bg-opacity: 1;
   background-color: rgb(30 86 227 / var(--tw-bg-opacity));
 }
 
+.active\:bg-neutral-0:active{
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+}
+
 .active\:bg-neutral-200:active{
   --tw-bg-opacity: 1;
   background-color: rgb(229 231 235 / var(--tw-bg-opacity));
@@ -10182,6 +10495,11 @@ select{
   color: rgb(108 115 127 / var(--tw-text-opacity));
 }
 
+.disabled\:ring-neutral-200:disabled{
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(229 231 235 / var(--tw-ring-opacity));
+}
+
 .group\/btn:hover .group-hover\/btn\:visible{
   visibility: visible;
 }
@@ -10190,6 +10508,10 @@ select{
   visibility: visible;
 }
 
+.group\/eventListing:hover .group-hover\/eventListing\:visible{
+  visibility: visible;
+}
+
 .group\/icon:hover .group-hover\/icon\:visible{
   visibility: visible;
 }
@@ -10218,6 +10540,12 @@ select{
           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));
 }
 
+.group\/eventListing:hover .group-hover\/eventListing\:translate-x-\[0\.15rem\]{
+  --tw-translate-x: 0.15rem;
+  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+          transform: 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));
+}
+
 .group\/icon:hover .group-hover\/icon\:translate-x-1{
   --tw-translate-x: 0.25rem;
   -webkit-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));
@@ -10254,6 +10582,19 @@ select{
           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));
 }
 
+.group\/badge:hover .group-hover\/badge\:border-opacity-0{
+  --tw-border-opacity: 0;
+}
+
+.group\/eventListing:hover .group-hover\/eventListing\:border-opacity-0{
+  --tw-border-opacity: 0;
+}
+
+.group\/badge:hover .group-hover\/badge\:bg-blue-500{
+  --tw-bg-opacity: 1;
+  background-color: rgb(57 112 253 / var(--tw-bg-opacity));
+}
+
 .group\/card:hover .group-hover\/card\:bg-blue-200{
   --tw-bg-opacity: 1;
   background-color: rgb(223 232 255 / var(--tw-bg-opacity));
@@ -10264,6 +10605,11 @@ select{
   background-color: rgb(243 244 246 / var(--tw-bg-opacity));
 }
 
+.group\/icon:hover .group-hover\/icon\:bg-blue-200{
+  --tw-bg-opacity: 1;
+  background-color: rgb(223 232 255 / var(--tw-bg-opacity));
+}
+
 .group:hover .group-hover\:bg-amber-300{
   --tw-bg-opacity: 1;
   background-color: rgb(255 206 112 / var(--tw-bg-opacity));
@@ -10335,6 +10681,10 @@ select{
   stroke: #3970FD;
 }
 
+.group\/icon:hover .group-hover\/icon\:stroke-blue-600{
+  stroke: #1E56E3;
+}
+
 .group:hover .group-hover\:stroke-blue-500{
   stroke: #3970FD;
 }
@@ -10351,6 +10701,11 @@ select{
   stroke: #111927;
 }
 
+.group\/badge:hover .group-hover\/badge\:text-neutral-0{
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity));
+}
+
 .group\/btn:hover .group-hover\/btn\:text-blue-600{
   --tw-text-opacity: 1;
   color: rgb(30 86 227 / var(--tw-text-opacity));
@@ -10371,11 +10726,24 @@ select{
   color: rgb(0 6 21 / var(--tw-text-opacity));
 }
 
+.group:hover .group-hover\:text-neutral-0{
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity));
+}
+
 .group:hover .group-hover\:text-neutral-1000{
   --tw-text-opacity: 1;
   color: rgb(0 6 21 / var(--tw-text-opacity));
 }
 
+.group\/img:hover .group-hover\/img\:opacity-0{
+  opacity: 0;
+}
+
+.group\/img:hover .group-hover\/img\:opacity-100{
+  opacity: 1;
+}
+
 .group\/sc:hover .group-hover\/sc\:opacity-100{
   opacity: 1;
 }
@@ -10390,16 +10758,36 @@ select{
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 
+.group:hover .group-hover\:brightness-100{
+  --tw-brightness: brightness(1);
+  -webkit-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
+          filter: 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);
+}
+
+.group\/eventListing:hover .group-hover\/eventListing\:transition-all{
+  transition-property: all;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
+
 .group:hover .group-hover\:transition-all{
   transition-property: all;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
 }
 
+.group\/eventListing:hover .group-hover\/eventListing\:delay-100{
+  transition-delay: 100ms;
+}
+
 .group:hover .group-hover\:delay-100{
   transition-delay: 100ms;
 }
 
+.group\/eventListing:hover .group-hover\/eventListing\:duration-300{
+  transition-duration: 300ms;
+}
+
 .group:hover .group-hover\:duration-100{
   transition-duration: 100ms;
 }
@@ -10594,6 +10982,10 @@ select{
     margin-top: 2.5rem;
   }
 
+  .tb\:mt-12{
+    margin-top: 3rem;
+  }
+
   .tb\:mt-4{
     margin-top: 1rem;
   }
@@ -10648,10 +11040,18 @@ select{
     height: 100%;
   }
 
+  .tb\:max-h-\[17px\]{
+    max-height: 17px;
+  }
+
   .tb\:max-h-\[181px\]{
     max-height: 181px;
   }
 
+  .tb\:max-h-\[18px\]{
+    max-height: 18px;
+  }
+
   .tb\:max-h-\[25\.25rem\]{
     max-height: 25.25rem;
   }
@@ -10706,8 +11106,8 @@ select{
     min-width: 150px;
   }
 
-  .tb\:min-w-\[182px\]{
-    min-width: 182px;
+  .tb\:min-w-\[186px\]{
+    min-width: 186px;
   }
 
   .tb\:min-w-\[18rem\]{
@@ -10758,6 +11158,10 @@ select{
     max-width: 393px;
   }
 
+  .tb\:max-w-\[420px\]{
+    max-width: 420px;
+  }
+
   .tb\:max-w-\[480px\]{
     max-width: 480px;
   }
@@ -10868,6 +11272,18 @@ select{
     row-gap: 4rem;
   }
 
+  .tb\:divide-x > :not([hidden]) ~ :not([hidden]){
+    --tw-divide-x-reverse: 0;
+    border-right-width: calc(1px * var(--tw-divide-x-reverse));
+    border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
+  }
+
+  .tb\:divide-y-0 > :not([hidden]) ~ :not([hidden]){
+    --tw-divide-y-reverse: 0;
+    border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
+    border-bottom-width: calc(0px * var(--tw-divide-y-reverse));
+  }
+
   .tb\:rounded-3xl{
     border-radius: 1.5rem;
   }
@@ -10968,11 +11384,26 @@ select{
     padding-right: 1rem;
   }
 
+  .tb\:px-6{
+    padding-left: 1.5rem;
+    padding-right: 1.5rem;
+  }
+
   .tb\:px-8{
     padding-left: 2rem;
     padding-right: 2rem;
   }
 
+  .tb\:py-0{
+    padding-top: 0px;
+    padding-bottom: 0px;
+  }
+
+  .tb\:py-1{
+    padding-top: 0.25rem;
+    padding-bottom: 0.25rem;
+  }
+
   .tb\:py-12{
     padding-top: 3rem;
     padding-bottom: 3rem;
@@ -11016,6 +11447,10 @@ select{
     padding-right: 1rem;
   }
 
+  .tb\:pr-6{
+    padding-right: 1.5rem;
+  }
+
   .tb\:pt-0{
     padding-top: 0px;
   }
@@ -11323,6 +11758,20 @@ select{
     --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);
   }
+
+  .placeholder\:tb\:text-hds-t-body3c::-webkit-input-placeholder{
+    font-size: 0.875rem;
+    line-height: 1.25rem;
+    letter-spacing: ;
+    font-weight: 400;
+  }
+
+  .placeholder\:tb\:text-hds-t-body3c::placeholder{
+    font-size: 0.875rem;
+    line-height: 1.25rem;
+    letter-spacing: ;
+    font-weight: 400;
+  }
 }
 
 @media (min-width: 640px){
@@ -11380,16 +11829,6 @@ select{
             column-gap: 2rem;
   }
 
-  .sm\:px-3{
-    padding-left: 0.75rem;
-    padding-right: 0.75rem;
-  }
-
-  .sm\:px-3\.5{
-    padding-left: 0.875rem;
-    padding-right: 0.875rem;
-  }
-
   .sm\:px-6{
     padding-left: 1.5rem;
     padding-right: 1.5rem;
@@ -11419,11 +11858,6 @@ select{
     --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
     box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
   }
-
-  .sm\:before\:flex-1::before{
-    content: var(--tw-content);
-    flex: 1 1 0%;
-  }
 }
 
 @media (min-width: 768px){
@@ -11499,6 +11933,10 @@ select{
     justify-content: flex-start;
   }
 
+  .tb-m\:justify-center{
+    justify-content: center;
+  }
+
   .tb-m\:gap-16{
     gap: 4rem;
   }
@@ -11580,14 +12018,34 @@ select{
     display: none;
   }
 
+  .tb-l\:h-12{
+    height: 3rem;
+  }
+
+  .tb-l\:h-\[124px\]{
+    height: 124px;
+  }
+
   .tb-l\:h-full{
     height: 100%;
   }
 
+  .tb-l\:min-h-\[518px\]{
+    min-height: 518px;
+  }
+
   .tb-l\:w-1\/2{
     width: 50%;
   }
 
+  .tb-l\:w-12{
+    width: 3rem;
+  }
+
+  .tb-l\:w-\[170px\]{
+    width: 170px;
+  }
+
   .tb-l\:w-\[38\%\]{
     width: 38%;
   }
@@ -11626,6 +12084,10 @@ select{
     min-width: 700px;
   }
 
+  .tb-l\:max-w-7xl{
+    max-width: 80rem;
+  }
+
   .tb-l\:max-w-\[1240px\]{
     max-width: 1240px;
   }
@@ -11819,8 +12281,8 @@ select{
     padding-top: 0px;
   }
 
-  .tb-l\:pt-20{
-    padding-top: 5rem;
+  .tb-l\:pt-14{
+    padding-top: 3.5rem;
   }
 
   .tb-l\:text-left{
@@ -11832,6 +12294,16 @@ select{
   }
 }
 
+@media (min-width: 970px){
+  .tb-xl\:w-\[175px\]{
+    width: 175px;
+  }
+
+  .tb-xl\:w-\[223px\]{
+    width: 223px;
+  }
+}
+
 @media (min-width: 1024px){
   .lg\:flex{
     display: flex;
@@ -11906,8 +12378,8 @@ select{
     max-width: 540px;
   }
 
-  .db-s\:max-w-\[717px\]{
-    max-width: 717px;
+  .db-s\:max-w-\[650px\]{
+    max-width: 650px;
   }
 
   .db-s\:flex-row{
@@ -11984,6 +12456,10 @@ select{
     margin-top: 0px;
   }
 
+  .db\:mt-16{
+    margin-top: 4rem;
+  }
+
   .db\:block{
     display: block;
   }
@@ -12112,6 +12588,10 @@ select{
     row-gap: 0.5rem;
   }
 
+  .db\:overflow-visible{
+    overflow: visible;
+  }
+
   .db\:rounded-3xl{
     border-radius: 1.5rem;
   }
@@ -12465,6 +12945,20 @@ select{
     letter-spacing: -0.01em;
     font-weight: 400;
   }
+
+  .placeholder\:db\:text-hds-d-body3c::-webkit-input-placeholder{
+    font-size: 0.875rem;
+    line-height: 1.25rem;
+    letter-spacing: ;
+    font-weight: 400;
+  }
+
+  .placeholder\:db\:text-hds-d-body3c::placeholder{
+    font-size: 0.875rem;
+    line-height: 1.25rem;
+    letter-spacing: ;
+    font-weight: 400;
+  }
 }
 
 .\[\&\>\*\]\:mb-8>*{
@@ -12479,15 +12973,44 @@ select{
   display: inline-block;
 }
 
+.\[\&\>p\>a\:hover\]\:text-blue-800>p>a:hover{
+  --tw-text-opacity: 1;
+  color: rgb(0 40 142 / var(--tw-text-opacity));
+}
+
 .\[\&\>p\>a\]\:text-blue-600>p>a{
   --tw-text-opacity: 1;
   color: rgb(30 86 227 / var(--tw-text-opacity));
 }
 
+.\[\&\>p\>img\:nth-child\(2\)\]\:max-w-\[140px\]>p>img:nth-child(2){
+  max-width: 140px;
+}
+
+.\[\&\>p\>img\]\:mt-4>p>img{
+  margin-top: 1rem;
+}
+
+.\[\&\>p\>img\]\:w-full>p>img{
+  width: 100%;
+}
+
+.\[\&\>p\>img\]\:max-w-\[420px\]>p>img{
+  max-width: 420px;
+}
+
+.\[\&\>p\]\:pb-1>p{
+  padding-bottom: 0.25rem;
+}
+
 .\[\&\>p\]\:pb-2>p{
   padding-bottom: 0.5rem;
 }
 
+.\[\&\>p\]\:pb-4>p{
+  padding-bottom: 1rem;
+}
+
 .\[\&\>p\]\:text-neutral-600>p{
   --tw-text-opacity: 1;
   color: rgb(77 87 97 / var(--tw-text-opacity));
@@ -12509,14 +13032,28 @@ select{
   fill: #4D5761;
 }
 
+.\[\&\>ul\>li\>a\]\:text-blue-600>ul>li>a{
+  --tw-text-opacity: 1;
+  color: rgb(30 86 227 / var(--tw-text-opacity));
+}
+
 .\[\&\>ul\>li\]\:list-disc>ul>li{
   list-style-type: disc;
 }
 
+.\[\&\>ul\>li\]\:pb-1>ul>li{
+  padding-bottom: 0.25rem;
+}
+
 .\[\&\>ul\>li\]\:pb-2>ul>li{
   padding-bottom: 0.5rem;
 }
 
+.\[\&\>ul\>li\]\:text-neutral-600>ul>li{
+  --tw-text-opacity: 1;
+  color: rgb(77 87 97 / var(--tw-text-opacity));
+}
+
 .\[\&\>ul\>li\]\:last\:pb-0:last-child>ul>li{
   padding-bottom: 0px;
 }