hds-web 1.20.5 → 1.20.7

package/src/styles/tailwind.css

@@ -1012,6 +1012,18 @@ select{
   top: 112px;
 }
 
+.top-\[116px\]{
+  top: 116px;
+}
+
+.top-\[124px\]{
+  top: 124px;
+}
+
+.top-\[170px\]{
+  top: 170px;
+}
+
 .top-\[4px\]{
   top: 4px;
 }
@@ -1024,8 +1036,8 @@ select{
   top: 72px;
 }
 
-.top-\[96px\]{
-  top: 96px;
+.top-full{
+  top: 100%;
 }
 
 .isolate{
@@ -1076,6 +1088,10 @@ select{
   z-index: 1;
 }
 
+.z-\[20\]{
+  z-index: 20;
+}
+
 .z-\[2\]{
   z-index: 2;
 }
@@ -1227,6 +1243,11 @@ select{
   margin-bottom: 1.5rem;
 }
 
+.my-8{
+  margin-top: 2rem;
+  margin-bottom: 2rem;
+}
+
 .-mb-\[112\%\]{
   margin-bottom: -112%;
 }
@@ -2614,6 +2635,10 @@ select{
   border-radius: 1.5rem;
 }
 
+.rounded-\[100px\]{
+  border-radius: 100px;
+}
+
 .rounded-\[32px\]{
   border-radius: 32px;
 }
@@ -6332,6 +6357,11 @@ select{
   padding-bottom: 1.625rem;
 }
 
+.py-\[2px\]{
+  padding-top: 2px;
+  padding-bottom: 2px;
+}
+
 .pb-1{
   padding-bottom: 0.25rem;
 }
@@ -6528,8 +6558,8 @@ select{
   text-align: right;
 }
 
-.indent-5{
-  text-indent: 1.25rem;
+.indent-8{
+  text-indent: 2rem;
 }
 
 .font-petrona{
@@ -6827,6 +6857,10 @@ select{
   line-height: 1rem;
 }
 
+.font-bold{
+  font-weight: 700;
+}
+
 .font-medium{
   font-weight: 500;
 }
@@ -7564,6 +7598,10 @@ select{
   width: 100%;
 }
 
+.shodow-none:focus {
+  box-shadow: none !important;
+}
+
 .marketoFormWrapper .mktoFormRow {
   width: 100%;
 }
@@ -7622,33 +7660,62 @@ select{
   width: calc(100% - 150px);
 }
 
+.word-break {
+  word-break: break-word;
+}
+
 .search-results .ais-Hits .ais-Hits-list,
 .search-results .Hits .ais-Hits-list {
   display: grid;
-  grid-template-columns: repeat(3, 1fr);
+  grid-template-columns: repeat(2, 1fr);
   grid-gap: 40px;
+  padding-top: 26px;
 }
 
 .search-results .ais-Hits .ais-Hits-list .ais-Hits-item,
 .search-results .Hits .ais-Hits-list .ais-Hits-item {
   border-bottom: 1px solid transparent;
+  padding: 12px;
+  border-radius: 16px;
+  transition: all .3s ease-in-out;
 }
 
 .search-results .ais-Hits .ais-Hits-list .ais-Hits-item:hover,
 .search-results .Hits .ais-Hits-list .ais-Hits-item:hover {
-  border-bottom: 1px solid #e5e7eb;
+  background-color: #F0F4FF;
 }
 
+/* .search-results .ais-Hits .ais-Hits-list .ais-Hits-item:hover,
+.search-results .Hits .ais-Hits-list .ais-Hits-item:hover {
+  border-bottom: 1px solid #e5e7eb;
+} */
+
 .search-results .ais-Hits .ais-Hits-list .ais-Hits-item .hit-slug,
 .search-results .Hits .ais-Hits-list .ais-Hits-item .hit-slug {
   word-break: break-word;
 }
 
+.search-results .ais-Hits .ais-Hits-list .ais-Hits-item .ais-Snippet-highlighted,
+.search-results .Hits .ais-Hits-list .ais-Hits-item .ais-Snippet-highlighted {
+  color: #1E56E3;
+  background-color: transparent;
+}
+
+.search-results .ais-Hits .ais-Hits-list .ais-Hits-item .ais-Highlight-highlighted,
+.search-results .Hits .ais-Hits-list .ais-Hits-item .ais-Highlight-highlighted {
+  color: #1E56E3;
+  background-color: transparent;
+}
+
 @media (max-width: 799px) {
   .search-results .ais-Hits .ais-Hits-list,
   .search-results .Hits .ais-Hits-list {
     grid-template-columns: 1fr;
   }
+
+  .search-results {
+    width: 100%;
+  }
 }
 
 @media (min-width: 800px) and (max-width: 905px) {
@@ -8675,32 +8742,6 @@ select{
   }
 }
 
-.carousel-wrapper {
-  display: grid;
-  place-content: center;
-  border-radius: 2rem;
-}
-
-.carousel-content {
-  position: relative;
-  width: 10rem;
-  height: 10rem;
-}
-
-.carousel-item {
-  position: absolute;
-  background-position: center;
-  background-size: cover;
-  background-repeat: no-repeat;
-}
-
-.carousel-btns {
-  display: flex;
-  justify-content: center;
-  gap: 1rem;
-  z-index: 6;
-}
-
 .placeholder\:text-neutral-500::-webkit-input-placeholder{
   --tw-text-opacity: 1;
   color: rgb(108 115 127 / var(--tw-text-opacity));
@@ -8711,6 +8752,16 @@ select{
   color: rgb(108 115 127 / var(--tw-text-opacity));
 }
 
+.placeholder\:text-neutral-800::-webkit-input-placeholder{
+  --tw-text-opacity: 1;
+  color: rgb(31 42 55 / var(--tw-text-opacity));
+}
+
+.placeholder\:text-neutral-800::placeholder{
+  --tw-text-opacity: 1;
+  color: rgb(31 42 55 / var(--tw-text-opacity));
+}
+
 .before\:invisible::before{
   content: var(--tw-content);
   visibility: hidden;
@@ -9770,6 +9821,10 @@ select{
   border-width: 1px;
 }
 
+.focus\:border-0:focus{
+  border-width: 0px;
+}
+
 .focus\:border-2:focus{
   border-width: 2px;
 }
@@ -9783,6 +9838,11 @@ select{
   border-color: rgb(2 125 89 / var(--tw-border-opacity));
 }
 
+.focus\:border-neutral-0:focus{
+  --tw-border-opacity: 1;
+  border-color: rgb(255 255 255 / var(--tw-border-opacity));
+}
+
 .focus\:border-neutral-200:focus{
   --tw-border-opacity: 1;
   border-color: rgb(229 231 235 / var(--tw-border-opacity));
@@ -9873,6 +9933,11 @@ select{
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 
+.focus\:shadow-\[none\]:focus{
+  --tw-shadow-color: none;
+  --tw-shadow: var(--tw-shadow-colored);
+}
+
 .focus\:outline-none:focus{
   outline: 2px solid transparent;
   outline-offset: 2px;
@@ -10337,6 +10402,14 @@ select{
     right: 0px;
   }
 
+  .tb\:top-\[114px\]{
+    top: 114px;
+  }
+
+  .tb\:top-\[160px\]{
+    top: 160px;
+  }
+
   .tb\:mb-0{
     margin-bottom: 0px;
   }
@@ -10777,6 +10850,11 @@ select{
     text-align: center;
   }
 
+  .tb\:text-2xl{
+    font-size: 1.5rem;
+    line-height: 2rem;
+  }
+
   .tb\:text-hds-t-body1{
     font-size: 1rem;
     line-height: 1.75rem;
@@ -11171,6 +11249,14 @@ select{
     top: 9rem;
   }
 
+  .tb-m\:top-\[120px\]{
+    top: 120px;
+  }
+
+  .tb-m\:z-0{
+    z-index: 0;
+  }
+
   .tb-m\:ml-6{
     margin-left: 1.5rem;
   }
@@ -11187,12 +11273,16 @@ select{
     display: flex;
   }
 
+  .tb-m\:hidden{
+    display: none;
+  }
+
   .tb-m\:w-1\/2{
     width: 50%;
   }
 
-  .tb-m\:min-w-\[150px\]{
-    min-width: 150px;
+  .tb-m\:min-w-\[182px\]{
+    min-width: 182px;
   }
 
   .tb-m\:snap-start{
@@ -11239,6 +11329,15 @@ select{
   .tb-m\:pt-16{
     padding-top: 4rem;
   }
+
+  .tb-m\:indent-11{
+    text-indent: 2.75rem;
+  }
+
+  .tb-m\:text-4xl{
+    font-size: 2.25rem;
+    line-height: 2.5rem;
+  }
 }
 
 @media (min-width: 905px){
@@ -12153,4 +12252,3 @@ select{
   -webkit-padding-start: 1rem;
           padding-inline-start: 1rem;
 }
-