hds-web 1.8.0 → 1.8.2

package/src/styles/tailwind.css

@@ -957,6 +957,10 @@ select{
   top: 2rem;
 }
 
+.top-\[442\.72px\]{
+  top: 442.72px;
+}
+
 .isolate{
   isolation: isolate;
 }
@@ -1159,6 +1163,10 @@ select{
   margin-left: -1px;
 }
 
+.-mt-4{
+  margin-top: -1rem;
+}
+
 .-mt-5{
   margin-top: -1.25rem;
 }
@@ -1259,6 +1267,10 @@ select{
   margin-right: 1rem;
 }
 
+.mr-5{
+  margin-right: 1.25rem;
+}
+
 .mr-8{
   margin-right: 2rem;
 }
@@ -1323,10 +1335,6 @@ select{
   margin-top: 70px;
 }
 
-.-mt-4{
-  margin-top: -1rem;
-}
-
 .line-clamp-3{
   overflow: hidden;
   display: -webkit-box;
@@ -1454,10 +1462,34 @@ select{
   height: 130px;
 }
 
+.h-\[18\.52px\]{
+  height: 18.52px;
+}
+
+.h-\[3\.1px\]{
+  height: 3.1px;
+}
+
 .h-\[33px\]{
   height: 33px;
 }
 
+.h-\[400px\]{
+  height: 400px;
+}
+
+.h-\[442px\]{
+  height: 442px;
+}
+
+.h-\[449\.94px\]{
+  height: 449.94px;
+}
+
+.h-\[472\.64px\]{
+  height: 472.64px;
+}
+
 .h-\[60px\]{
   height: 60px;
 }
@@ -1518,6 +1550,10 @@ select{
   width: 3.5rem;
 }
 
+.w-16{
+  width: 4rem;
+}
+
 .w-2{
   width: 0.5rem;
 }
@@ -1558,6 +1594,10 @@ select{
   width: 1.5rem;
 }
 
+.w-72{
+  width: 18rem;
+}
+
 .w-8{
   width: 2rem;
 }
@@ -1570,6 +1610,10 @@ select{
   width: 103px;
 }
 
+.w-\[151\.7px\]{
+  width: 151.7px;
+}
+
 .w-\[22\.5rem\]{
   width: 22.5rem;
 }
@@ -1578,10 +1622,18 @@ select{
   width: 220px;
 }
 
+.w-\[221px\]{
+  width: 221px;
+}
+
 .w-\[290px\]{
   width: 290px;
 }
 
+.w-\[598\.55px\]{
+  width: 598.55px;
+}
+
 .w-\[60\%\]{
   width: 60%;
 }
@@ -1590,6 +1642,10 @@ select{
   width: 60px;
 }
 
+.w-\[643\.51px\]{
+  width: 643.51px;
+}
+
 .w-\[70\%\]{
   width: 70%;
 }
@@ -1624,6 +1680,10 @@ select{
   min-width: 11.5rem;
 }
 
+.min-w-\[140px\]{
+  min-width: 140px;
+}
+
 .min-w-\[18rem\]{
   min-width: 18rem;
 }
@@ -1666,6 +1726,18 @@ select{
   max-width: 10rem;
 }
 
+.max-w-\[125px\]{
+  max-width: 125px;
+}
+
+.max-w-\[148px\]{
+  max-width: 148px;
+}
+
+.max-w-\[150px\]{
+  max-width: 150px;
+}
+
 .max-w-\[15rem\]{
   max-width: 15rem;
 }
@@ -1674,10 +1746,22 @@ select{
   max-width: 18rem;
 }
 
+.max-w-\[210px\]{
+  max-width: 210px;
+}
+
 .max-w-\[22\.313rem\]{
   max-width: 22.313rem;
 }
 
+.max-w-\[220px\]{
+  max-width: 220px;
+}
+
+.max-w-\[221px\]{
+  max-width: 221px;
+}
+
 .max-w-\[22rem\]{
   max-width: 22rem;
 }
@@ -1694,6 +1778,10 @@ select{
   max-width: 44.44rem;
 }
 
+.max-w-\[64px\]{
+  max-width: 64px;
+}
+
 .max-w-\[6rem\]{
   max-width: 6rem;
 }
@@ -1720,10 +1808,6 @@ select{
   max-width: min-content;
 }
 
-.max-w-\[1328px\]{
-  max-width: 1328px;
-}
-
 .flex-1{
   flex: 1 1 0%;
 }
@@ -2012,6 +2096,10 @@ select{
   gap: 3rem;
 }
 
+.gap-14{
+  gap: 3.5rem;
+}
+
 .gap-2{
   gap: 0.5rem;
 }
@@ -2059,6 +2147,11 @@ select{
           column-gap: 3rem;
 }
 
+.gap-x-14{
+  -webkit-column-gap: 3.5rem;
+          column-gap: 3.5rem;
+}
+
 .gap-x-16{
   -webkit-column-gap: 4rem;
           column-gap: 4rem;
@@ -2103,6 +2196,10 @@ select{
   row-gap: 2.5rem;
 }
 
+.gap-y-14{
+  row-gap: 3.5rem;
+}
+
 .gap-y-6{
   row-gap: 1.5rem;
 }
@@ -2182,6 +2279,10 @@ select{
   align-self: flex-end;
 }
 
+.justify-self-end{
+  justify-self: end;
+}
+
 .overflow-auto{
   overflow: auto;
 }
@@ -2334,6 +2435,11 @@ select{
   border-right-width: 1px;
 }
 
+.border-x-2{
+  border-left-width: 2px;
+  border-right-width: 2px;
+}
+
 .border-b{
   border-bottom-width: 1px;
 }
@@ -3072,6 +3178,10 @@ select{
   background-color: rgb(255 255 255 / var(--tw-bg-opacity));
 }
 
+.bg-neutral-0\/20{
+  background-color: rgb(255 255 255 / 0.2);
+}
+
 .bg-neutral-100{
   --tw-bg-opacity: 1;
   background-color: rgb(243 244 246 / var(--tw-bg-opacity));
@@ -5677,6 +5787,10 @@ select{
   stroke-width: 1.5px;
 }
 
+.stroke-\[2px\]{
+  stroke-width: 2px;
+}
+
 .object-contain{
   object-fit: contain;
 }
@@ -5979,6 +6093,10 @@ select{
   padding-right: 2.5rem;
 }
 
+.pr-12{
+  padding-right: 3rem;
+}
+
 .pr-2{
   padding-right: 0.5rem;
 }
@@ -6027,10 +6145,18 @@ select{
   padding-top: 3rem;
 }
 
+.pt-14{
+  padding-top: 3.5rem;
+}
+
 .pt-16{
   padding-top: 4rem;
 }
 
+.pt-2{
+  padding-top: 0.5rem;
+}
+
 .pt-3{
   padding-top: 0.75rem;
 }
@@ -6047,6 +6173,10 @@ select{
   padding-top: 1.5rem;
 }
 
+.pt-8{
+  padding-top: 2rem;
+}
+
 .pt-\[81px\]{
   padding-top: 81px;
 }
@@ -6918,6 +7048,12 @@ select{
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 
+.shadow-sh1{
+  --tw-shadow: 0px -1px 3px rgba(28, 38, 63, 0.1), 0px -1px 2px rgba(28, 38, 63, 0.06);
+  --tw-shadow-colored: 0px -1px 3px var(--tw-shadow-color), 0px -1px 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-sm{
   --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
   --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
@@ -6930,12 +7066,6 @@ select{
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 
-.shadow-sh1{
-  --tw-shadow: 0px -1px 3px rgba(28, 38, 63, 0.1), 0px -1px 2px rgba(28, 38, 63, 0.06);
-  --tw-shadow-colored: 0px -1px 3px var(--tw-shadow-color), 0px -1px 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);
-}
-
 .outline{
   outline-style: solid;
 }
@@ -7072,6 +7202,11 @@ select{
 
 /* Typography classes */
 
+.carouselShadow{
+  -webkit-filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)) drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
+          filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)) drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
+}
+
 .border-transparent{
   border: transparent !important;
 }
@@ -8020,16 +8155,46 @@ select{
   top: -0.75rem;
 }
 
+.before\:left-0::before{
+  content: var(--tw-content);
+  left: 0px;
+}
+
 .before\:left-1\/2::before{
   content: var(--tw-content);
   left: 50%;
 }
 
+.before\:top-0::before{
+  content: var(--tw-content);
+  top: 0px;
+}
+
 .before\:z-10::before{
   content: var(--tw-content);
   z-index: 10;
 }
 
+.before\:z-\[1\]::before{
+  content: var(--tw-content);
+  z-index: 1;
+}
+
+.before\:inline-block::before{
+  content: var(--tw-content);
+  display: inline-block;
+}
+
+.before\:h-full::before{
+  content: var(--tw-content);
+  height: 100%;
+}
+
+.before\:w-\[90px\]::before{
+  content: var(--tw-content);
+  width: 90px;
+}
+
 .before\:w-max::before{
   content: var(--tw-content);
   width: -webkit-max-content;
@@ -8066,6 +8231,11 @@ select{
   background-color: rgb(13 65 198 / var(--tw-bg-opacity));
 }
 
+.before\:bg-gradient-to-r::before{
+  content: var(--tw-content);
+  background-image: linear-gradient(to right, var(--tw-gradient-stops));
+}
+
 .before\:px-2::before{
   content: var(--tw-content);
   padding-left: 0.5rem;
@@ -8090,6 +8260,11 @@ select{
   color: rgb(255 255 255 / var(--tw-text-opacity));
 }
 
+.before\:content-\[\'\'\]::before{
+  --tw-content: '';
+  content: var(--tw-content);
+}
+
 .before\:content-\[attr\(data-tip\)\]::before{
   --tw-content: attr(data-tip);
   content: var(--tw-content);
@@ -8115,21 +8290,56 @@ select{
   left: 50%;
 }
 
+.after\:left-\[unset\]::after{
+  content: var(--tw-content);
+  left: unset;
+}
+
+.after\:right-0::after{
+  content: var(--tw-content);
+  right: 0px;
+}
+
+.after\:top-0::after{
+  content: var(--tw-content);
+  top: 0px;
+}
+
 .after\:z-10::after{
   content: var(--tw-content);
   z-index: 10;
 }
 
+.after\:z-\[1\]::after{
+  content: var(--tw-content);
+  z-index: 1;
+}
+
+.after\:inline-block::after{
+  content: var(--tw-content);
+  display: inline-block;
+}
+
 .after\:h-0::after{
   content: var(--tw-content);
   height: 0px;
 }
 
+.after\:h-full::after{
+  content: var(--tw-content);
+  height: 100%;
+}
+
 .after\:w-0::after{
   content: var(--tw-content);
   width: 0px;
 }
 
+.after\:w-\[90px\]::after{
+  content: var(--tw-content);
+  width: 90px;
+}
+
 .after\:-translate-x-1\/2::after{
   content: var(--tw-content);
   --tw-translate-x: -50%;
@@ -8137,6 +8347,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));
 }
 
+.after\:rotate-180::after{
+  content: var(--tw-content);
+  --tw-rotate: 180deg;
+  -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));
+}
+
 .after\:border-8::after{
   content: var(--tw-content);
   border-width: 8px;
@@ -8148,6 +8365,16 @@ select{
   border-top-color: rgb(13 65 198 / var(--tw-border-opacity));
 }
 
+.after\:bg-gradient-to-r::after{
+  content: var(--tw-content);
+  background-image: linear-gradient(to right, var(--tw-gradient-stops));
+}
+
+.after\:content-\[\'\'\]::after{
+  --tw-content: '';
+  content: var(--tw-content);
+}
+
 .first\:ml-0:first-child{
   margin-left: 0px;
 }
@@ -8828,9 +9055,9 @@ select{
   color: rgb(255 255 255 / var(--tw-text-opacity));
 }
 
-.hover\:text-blue-700:hover{
+.hover\:text-neutral-1000:hover{
   --tw-text-opacity: 1;
-  color: rgb(13 65 198 / var(--tw-text-opacity));
+  color: rgb(0 6 21 / var(--tw-text-opacity));
 }
 
 .hover\:shadow:hover{
@@ -8839,6 +9066,12 @@ select{
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 
+.hover\:shadow-2xl:hover{
+  --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);
+}
+
 .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);
@@ -8851,12 +9084,6 @@ select{
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 
-.hover\:shadow-2xl:hover{
-  --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);
-}
-
 .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;
@@ -9151,6 +9378,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:hover .group-hover\:translate-x-\[5px\]{
+  --tw-translate-x: 5px;
+  -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:hover .group-hover\:bg-amber-300{
   --tw-bg-opacity: 1;
   background-color: rgb(255 206 112 / var(--tw-bg-opacity));
@@ -9265,6 +9498,25 @@ select{
   }
 }
 
+@media (min-width: 360px){
+  .mb-s\:flex{
+    display: flex;
+  }
+
+  .mb-s\:max-w-\[142px\]{
+    max-width: 142px;
+  }
+
+  .mb-s\:rounded-s-3xl{
+    border-start-start-radius: 1.5rem;
+    border-end-start-radius: 1.5rem;
+  }
+
+  .mb-s\:rounded-tr-none{
+    border-top-right-radius: 0px;
+  }
+}
+
 @media (min-width: 400px){
   .mb-m\:flex{
     display: flex;
@@ -9298,6 +9550,10 @@ select{
     align-self: center;
   }
 
+  .mb-m\:p-6{
+    padding: 1.5rem;
+  }
+
   .mb-m\:px-5{
     padding-left: 1.25rem;
     padding-right: 1.25rem;
@@ -9480,6 +9736,10 @@ select{
     gap: 0px;
   }
 
+  .tb\:gap-12{
+    gap: 3rem;
+  }
+
   .tb\:gap-16{
     gap: 4rem;
   }
@@ -9501,6 +9761,10 @@ select{
             column-gap: 4rem;
   }
 
+  .tb\:gap-y-16{
+    row-gap: 4rem;
+  }
+
   .tb\:rounded-3xl{
     border-radius: 1.5rem;
   }
@@ -9538,6 +9802,10 @@ select{
     padding: 1.5rem;
   }
 
+  .tb\:p-8{
+    padding: 2rem;
+  }
+
   .tb\:px-0{
     padding-left: 0px;
     padding-right: 0px;
@@ -9600,6 +9868,10 @@ select{
     padding-top: 4rem;
   }
 
+  .tb\:pt-24{
+    padding-top: 6rem;
+  }
+
   .tb\:pt-8{
     padding-top: 2rem;
   }
@@ -9608,10 +9880,6 @@ select{
     padding-top: 2.875rem;
   }
 
-  .tb\:pl-0{
-    padding-left: 0px;
-  }
-
   .tb\:text-left{
     text-align: left;
   }
@@ -9979,12 +10247,41 @@ select{
 }
 
 @media (min-width: 800px){
+  .tb-m\:flex{
+    display: flex;
+  }
+
+  .tb-m\:w-1\/2{
+    width: 50%;
+  }
+
   .tb-m\:snap-start{
     scroll-snap-align: start;
   }
+
+  .tb-m\:flex-row{
+    flex-direction: row;
+  }
+
+  .tb-m\:justify-start{
+    justify-content: flex-start;
+  }
+
+  .tb-m\:pb-0{
+    padding-bottom: 0px;
+  }
+
+  .tb-m\:pt-0{
+    padding-top: 0px;
+  }
 }
 
 @media (min-width: 905px){
+  .tb-l\:mx-4{
+    margin-left: 1rem;
+    margin-right: 1rem;
+  }
+
   .tb-l\:mb-0{
     margin-bottom: 0px;
   }
@@ -10155,6 +10452,10 @@ select{
     padding-bottom: 0px;
   }
 
+  .tb-l\:pb-16{
+    padding-bottom: 4rem;
+  }
+
   .tb-l\:pb-6{
     padding-bottom: 1.5rem;
   }
@@ -10219,10 +10520,20 @@ select{
     width: 100%;
   }
 
+  .db-s\:min-w-fit{
+    min-width: -webkit-fit-content;
+    min-width: -moz-fit-content;
+    min-width: fit-content;
+  }
+
   .db-s\:max-w-\[490px\]{
     max-width: 490px;
   }
 
+  .db-s\:max-w-\[524px\]{
+    max-width: 524px;
+  }
+
   .db-s\:max-w-\[540px\]{
     max-width: 540px;
   }
@@ -10239,6 +10550,10 @@ select{
     justify-content: space-between;
   }
 
+  .db-s\:gap-20{
+    gap: 5rem;
+  }
+
   .db-s\:gap-x-\[92px\]{
     -webkit-column-gap: 92px;
             column-gap: 92px;
@@ -10257,6 +10572,10 @@ select{
     padding-right: 0px;
   }
 
+  .db-s\:pb-0{
+    padding-bottom: 0px;
+  }
+
   .db-s\:pt-0{
     padding-top: 0px;
   }
@@ -10353,6 +10672,10 @@ select{
     gap: 0px;
   }
 
+  .db\:gap-24{
+    gap: 6rem;
+  }
+
   .db\:gap-28{
     gap: 7rem;
   }
@@ -10361,6 +10684,10 @@ select{
     gap: 9rem;
   }
 
+  .db\:gap-40{
+    gap: 10rem;
+  }
+
   .db\:gap-x-10{
     -webkit-column-gap: 2.5rem;
             column-gap: 2.5rem;
@@ -10375,10 +10702,6 @@ select{
     row-gap: 0.5rem;
   }
 
-  .db\:overflow-visible{
-    overflow: visible;
-  }
-
   .db\:rounded-3xl{
     border-radius: 1.5rem;
   }
@@ -10406,11 +10729,6 @@ select{
     padding-right: 1rem;
   }
 
-  .db\:px-\[100px\]{
-    padding-left: 100px;
-    padding-right: 100px;
-  }
-
   .db\:py-20{
     padding-top: 5rem;
     padding-bottom: 5rem;
@@ -10429,6 +10747,10 @@ select{
     padding-bottom: 2.5rem;
   }
 
+  .db\:pb-12{
+    padding-bottom: 3rem;
+  }
+
   .db\:pb-28{
     padding-bottom: 7rem;
   }
@@ -10746,6 +11068,14 @@ select{
   padding-bottom: 0.5rem;
 }
 
+.\[\&\>svg\>path\]\:fill-neutral-400>svg>path{
+  fill: #9DA4AE;
+}
+
+.\[\&\>svg\>path\]\:hover\:fill-neutral-600:hover>svg>path{
+  fill: #4D5761;
+}
+
 .\[\&\>ul\>li\]\:list-disc>ul>li{
   list-style-type: disc;
 }