@ebay/skin 19.1.3 → 19.3.0

package/dist/button/button.css

@@ -171,6 +171,12 @@ button.btn--primary {
         var(--color-foreground-on-accent)
     );
     font-weight: 700;
+    transition: all var(--motion-duration-short-3)
+        var(--motion-easing-quick-enter);
+}
+a.fake-btn--primary:active,
+button.btn--primary:active {
+    transform: scale(0.97);
 }
 
 a.fake-btn--primary {
@@ -324,11 +330,19 @@ a.fake-btn--secondary,
 button.btn--secondary {
     background-color: var(--btn-secondary-background-color, transparent);
     border-color: var(--btn-secondary-border-color, var(--color-stroke-accent));
+    color: var(
+        --btn-secondary-foreground-color,
+        var(--color-foreground-accent)
+    );
+    transition: all var(--motion-duration-short-3)
+        var(--motion-easing-quick-enter);
+}
+a.fake-btn--secondary:active,
+button.btn--secondary:active {
+    transform: scale(0.97);
 }
 
-a.fake-btn--secondary,
-a.fake-btn--secondary:visited,
-button.btn--secondary {
+a.fake-btn--secondary:visited {
     color: var(
         --btn-secondary-foreground-color,
         var(--color-foreground-accent)
@@ -435,6 +449,12 @@ a.fake-btn--secondary[aria-disabled="true"] {
 a.fake-btn--tertiary,
 button.btn--tertiary {
     border-color: var(--btn-tertiary-border-color, var(--color-stroke-default));
+    transition: all var(--motion-duration-short-3)
+        var(--motion-easing-quick-enter);
+}
+a.fake-btn--tertiary:active,
+button.btn--tertiary:active {
+    transform: scale(0.97);
 }
 
 a.fake-btn--tertiary[href]:focus,

package/dist/drawer-dialog/drawer-dialog.css

@@ -11,6 +11,7 @@
     -webkit-overflow-scrolling: touch;
     align-items: flex-end;
     overflow-y: auto;
+    overflow: hidden;
     position: fixed;
     right: 0;
     top: 0;

package/dist/eek/eek.css

@@ -1,6 +1,7 @@
 .eek {
     align-items: stretch;
     display: inline-flex;
+    flex-direction: row-reverse;
     font-family: Arial, sans-serif;
     font-weight: 700;
     height: 24px;
@@ -14,12 +15,14 @@
 .eek__container {
     align-items: center;
     border: 1px solid #000;
-    border-radius: 2px 0 0 2px;
-    border-right: none;
+    border-left: none;
+    border-radius: 0 2px 2px 0;
     display: inline-flex;
+    flex-direction: row-reverse;
 }
 
 .eek .icon--eek-arrow {
+    rotate: 180deg;
     width: 9px;
 }
 
@@ -38,7 +41,7 @@
     content: "";
     display: block;
     height: 19.7989898732px;
-    margin-top: 2.3px;
+    margin-block-start: 2.3px;
     position: relative;
     right: 12px;
     transform: rotate(45deg);
@@ -105,7 +108,7 @@
     color: #fff;
     display: inline-block;
     font-size: 18px;
-    margin-left: 8px;
+    margin-inline-end: 8px;
     text-shadow:
         -0.5px 0.5px 0 #000,
         0.5px 0.5px 0 #000,
@@ -161,10 +164,6 @@
         }
     }
 }
-[dir="rtl"] .eek .icon--eek-arrow {
-    transform: rotate(180deg);
-}
-[dir="rtl"] .eek__container {
-    border-left: none;
-    border-right: 1px solid #000;
+[dir="rtl"] .eek {
+    direction: ltr;
 }

package/dist/icon/icon.css

@@ -41,6 +41,11 @@ svg.icon--32-fit {
     height: 32px;
     width: 32px;
 }
+svg.icon--48,
+svg.icon--48-fit {
+    height: 48px;
+    width: 48px;
+}
 svg.icon--64,
 svg.icon--64-fit {
     height: 32px;

package/dist/item-tile/item-tile.css

@@ -0,0 +1,94 @@
+.item-tile {
+    display: grid;
+    gap: var(--spacing-200);
+    grid-area: body;
+    grid-template-areas: "header" "body";
+    grid-template-rows: auto 1fr;
+}
+
+.item-tile--list-view {
+    display: flex;
+    flex-direction: row;
+    gap: var(--spacing-100);
+}
+
+.item-tile__header {
+    grid-area: header;
+}
+
+.item-tile__header .file-preview-card__body a {
+    display: block;
+    width: 100%;
+}
+
+.item-tile__header .file-preview-card__body a:focus-visible {
+    border-radius: var(
+        --item-tile-media-border-radius,
+        var(--border-radius-100)
+    );
+    outline-offset: 3px;
+}
+
+.item-tile__body {
+    display: grid;
+    grid-area: body;
+    grid-template-areas: "section-primary" "section-secondary" "section-tertiary";
+    grid-template-rows: 25px 0.75fr 1fr;
+}
+
+.item-tile--list-view .item-tile__header {
+    max-width: 200px;
+}
+
+.item-tile--list-view .item-tile__body {
+    display: flex;
+    flex-direction: column;
+}
+
+.item-tile__section-primary {
+    display: inline-block;
+    grid-area: section-primary;
+    margin-block-end: var(--spacing-50);
+}
+
+.item-tile__section-primary .signal {
+    margin: 0;
+}
+
+.item-tile__section-secondary {
+    grid-area: section-secondary;
+}
+
+.item-tile__section-tertiary {
+    grid-area: section-tertiary;
+}
+.item-tile__section-tertiary p {
+    margin-block-end: 0.2143em;
+    margin-block-start: 0;
+}
+
+.item-tile__section-tertiary a,
+.item-tile__title {
+    color: var(--color-foreground-link-primary);
+    text-decoration: none;
+}
+
+.item-tile__title {
+    -webkit-box-orient: vertical;
+    display: -webkit-box;
+    -webkit-line-clamp: 3;
+    overflow: hidden;
+}
+
+.item-tile__title:hover {
+    color: var(--color-foreground-link-primary);
+    text-decoration: underline;
+}
+
+.item-tile__title:visited {
+    color: var(--color-foreground-link-visited);
+}
+
+.item-tile__subtitle {
+    color: var(--color-foreground-secondary);
+}

package/dist/item-tile-group/item-tile-group.css

@@ -0,0 +1,33 @@
+.layout-grid.item-tile-group {
+    --layout-grid-columns-min: 2;
+    --layout-grid-columns-xs: 2;
+    --layout-grid-columns-sm: 2;
+    --layout-grid-columns-md: 3;
+    --layout-grid-columns-lg: 4;
+    --layout-grid-columns-xl: 5;
+    --layout-grid-columns-xl2: 5;
+    --layout-grid-columns-xl3: 5;
+    --layout-grid-columns-xl4: 5;
+}
+
+.layout-grid.item-tile-group--list-view {
+    --layout-grid-columns-min: 1;
+    --layout-grid-columns-xs: 1;
+    --layout-grid-columns-sm: 1;
+    --layout-grid-columns-md: 1;
+    --layout-grid-columns-lg: 1;
+    --layout-grid-columns-xl: 2;
+    --layout-grid-columns-xl2: 2;
+    --layout-grid-columns-xl3: 2;
+    --layout-grid-columns-xl4: 2;
+}
+
+.item-tile-group .item-tile__title {
+    -webkit-line-clamp: 3;
+}
+
+@media (min-width: 768px) {
+    .item-tile-group .item-tile__title {
+        -webkit-line-clamp: 2;
+    }
+}

package/dist/panel-dialog/panel-dialog.css

@@ -10,7 +10,7 @@
     -webkit-overflow-scrolling: touch;
     flex-direction: column;
     overflow-y: auto;
-    overflow-y: hidden;
+    overflow: hidden;
     position: fixed;
     right: 0;
     top: 0;

package/dist/svg/icon/icon-clock-fast-16.svg

@@ -0,0 +1,7 @@
+<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M6.5 3.67a5 5 0 1 1 0 8.663 1 1 0 1 0-1 1.73 7 7 0 1 0 0-12.126 1 1 0 0 0 1 1.732ZM10 6a1 1 0 1 0-2 0v2a1 1 0 0 0 .293.707l1.5 1.5a1 1 0 0 0 1.414-1.414L10 7.587V6ZM0 6a1 1 0 0 1 1-1h3a1 1 0 1 1 0 2H1a1 1 0 0 1-1-1Zm2 3a1 1 0 0 0 0 2h2a1 1 0 1 0 0-2H2Z"
+  />
+</svg>

package/dist/svg/icon/icon-clock-fast-24.svg

@@ -0,0 +1,7 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M9.534 7.626a7 7 0 1 1 0 8.749 1 1 0 0 0-1.56 1.251 9 9 0 1 0 0-11.25 1 1 0 1 0 1.56 1.25ZM16 9.001a1 1 0 1 0-2 0v3a1 1 0 0 0 .293.707l2 2a1 1 0 0 0 1.414-1.414L16 11.587V9Zm-16 1a1 1 0 0 1 1-1h5a1 1 0 0 1 0 2H1a1 1 0 0 1-1-1Zm3 3a1 1 0 1 0 0 2h3a1 1 0 1 0 0-2H3Z"
+  />
+</svg>

package/dist/svg/icon/icon-ebay-logo-16-colored.svg

@@ -0,0 +1,18 @@
+<svg viewBox="0 0 40 16" xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M39.925 3.85 33.74 16H31.5l1.779-3.374-4.656-8.775h2.34l3.427 6.856 3.416-6.856h2.12Z"
+    fill="#92C821"
+  />
+  <path
+    d="M25.276 8.486c-1.814.06-2.941.387-2.941 1.582 0 .773.616 1.612 2.182 1.612 2.1 0 3.22-1.144 3.22-3.021v-.207c-.736 0-1.643.007-2.46.034Zm4.462 2.48c0 .581.017 1.156.067 1.674h-1.86a10.89 10.89 0 0 1-.068-1.26c-1.007 1.236-2.203 1.592-3.864 1.592-2.462 0-3.78-1.302-3.78-2.807 0-2.18 1.793-2.95 4.906-3.02.851-.02 1.807-.023 2.598-.023v-.213c0-1.46-.936-2.06-2.558-2.06-1.204 0-2.092.498-2.183 1.36h-2.102c.222-2.147 2.478-2.69 4.461-2.69 2.376 0 4.383.845 4.383 3.358v4.088Z"
+    fill="#FFBD14"
+  />
+  <path
+    d="M15.205 11.603c1.86 0 3.132-1.338 3.132-3.358s-1.272-3.358-3.132-3.358c-1.849 0-3.132 1.339-3.132 3.358 0 2.02 1.283 3.358 3.132 3.358ZM10.073 0h2v5.026c.98-1.169 2.331-1.508 3.66-1.508 2.23 0 4.706 1.505 4.706 4.753 0 2.72-1.97 4.7-4.742 4.7-1.452 0-2.818-.52-3.66-1.552 0 .412-.024.827-.069 1.22h-1.963a41.61 41.61 0 0 0 .068-2.066V0Z"
+    fill="#0968F6"
+  />
+  <path
+    d="M7.97 7.421c-.077-1.872-1.428-2.572-2.872-2.572-1.557 0-2.8.788-3.017 2.572h5.89Zm-5.932 1.33c.108 1.817 1.36 2.89 3.082 2.89 1.193 0 2.254-.486 2.61-1.543h2.063c-.402 2.145-2.681 2.874-4.644 2.874C1.581 12.972 0 11.007 0 8.357 0 5.44 1.636 3.519 5.182 3.519c2.822 0 4.89 1.477 4.89 4.701v.532H2.039Z"
+    fill="#F02D2D"
+  />
+</svg>

package/dist/svg/icon/icon-ebay-plus-logo-dark-16-colored.svg

@@ -0,0 +1,10 @@
+<svg viewBox="0 0 58 16" xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M33.043 4.636h1.39v1.073c.507-.81 1.47-1.242 2.445-1.242 1.91 0 3.447 1.566 3.447 3.809 0 2.243-1.537 3.81-3.447 3.81-.975 0-1.938-.433-2.445-1.243V15.5h-1.39V4.636Zm5.838 3.638c0-1.58-.934-2.648-2.258-2.648-1.323 0-2.27 1.068-2.27 2.648s.935 2.648 2.27 2.648c1.336 0 2.258-1.066 2.258-2.646v-.002Zm2.579-6.463h1.39v10.064h-1.39V1.81Zm3.883 9.572c-.574-.5-.855-1.256-.855-2.459V4.642h1.39V8.87c0 .757.146 1.213.427 1.527.294.337.738.486 1.283.486.544 0 .975-.149 1.282-.486.268-.311.428-.77.428-1.527V4.642h1.39v4.282c0 1.203-.294 1.96-.87 2.459-.507.459-1.268.702-2.23.702-.963 0-1.737-.243-2.245-.702Zm6.608-1.797h1.35c.16.946.841 1.392 1.83 1.392.748 0 1.537-.31 1.537-1.026 0-.662-.548-.933-1.39-1.094l-1.005-.204c-1.283-.256-2.192-.918-2.192-2.12 0-1.203 1.2-2.094 2.793-2.094 1.496 0 2.74.716 2.94 2.256h-1.31c-.173-.797-.814-1.176-1.67-1.176-.738 0-1.456.311-1.456.946 0 .554.388.864 1.188 1.027l.936.186C56.824 7.936 58 8.436 58 9.787c0 1.485-1.292 2.296-2.925 2.296-1.604.002-2.9-.74-3.124-2.497Z"
+    fill="#D5FBD1"
+  />
+  <path
+    d="m31.825 4.637-5.444 10.86h-1.79l1.86-3.652-3.013-5.722c.145.378.214.782.205 1.188v3.522c0 .408.058 1.045.058 1.045h-1.49s-.04-.514-.04-1.035c0 0-.756 1.311-3.104 1.311-1.722 0-2.997-.84-2.997-2.38 0-.085.004-.17.014-.255-.446 1.586-1.787 2.612-3.6 2.612-2.121 0-2.906-1.236-2.906-1.236 0 .466-.056.98-.056.98H7.94s.036-.712.036-1.22V8.746H1.64c0 1.348 1.015 2.31 2.421 2.31 1.73 0 2.085-1.227 2.085-1.227h1.66s-.22 2.28-3.642 2.28C1.255 12.11 0 10.664 0 8.369c0-2.897 1.866-3.857 4.104-3.857 2.974 0 3.84 1.973 3.876 3.307V.5h1.617v5.239s.685-1.206 2.894-1.206c2.357 0 3.753 1.68 3.753 3.777 0 .25-.019.5-.058.746.38-1.084 1.7-1.62 3.876-1.62h1.965v-.353c0-.985-.858-1.498-1.965-1.498-1.707 0-1.791 1.088-1.791 1.088h-1.68c0-.295.215-2.161 3.583-2.161 1.148 0 2.405.242 3.045 1.199l-.56-1.074h1.886l2.789 5.65 2.783-5.65h1.708ZM6.302 7.667c0-1.245-.915-2.075-2.256-2.075-1.176 0-2.37.754-2.37 2.075h4.626Zm8.265.643c0-1.53-.966-2.67-2.486-2.67-1.7 0-2.484 1.363-2.484 2.685 0 1.419.875 2.7 2.496 2.7 1.358 0 2.474-1.074 2.474-2.715Zm7.457.175c-2.545 0-4.277.009-4.277 1.287 0 .701.514 1.306 1.714 1.306 2.192 0 2.563-1.516 2.563-2.125v-.468Z"
+    fill="#fff"
+  />
+</svg>

package/dist/svg/icon/icon-european-conformity-48.svg

@@ -1,7 +1,5 @@
 <svg viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
   <path
-    fill-rule="evenodd"
-    clip-rule="evenodd"
-    d="M23 36.803a.518.518 0 0 0-.572-.508 12.15 12.15 0 0 1-1.139.054c-6.719 0-12.204-5.554-12.204-12.35 0-6.796 5.485-12.35 12.204-12.35.382 0 .762.018 1.137.054a.52.52 0 0 0 .574-.509V7.04a.49.49 0 0 0-.451-.492 16.927 16.927 0 0 0-1.26-.048C11.767 6.5 4 14.366 4 24.001 4 33.636 11.766 41.5 21.29 41.5c.423 0 .844-.017 1.259-.048A.49.49 0 0 0 23 40.96v-4.157Zm7.377-15.476v.002-.002Zm9.483 0h-9.483c1.211-5.527 6.092-9.678 11.907-9.678.384 0 .765.018 1.143.055a.519.519 0 0 0 .573-.509V7.04a.49.49 0 0 0-.452-.492c-.418-.03-.84-.048-1.264-.048C32.758 6.5 25 14.364 25 24s7.76 17.5 17.284 17.5c.425 0 .846-.017 1.264-.048A.49.49 0 0 0 44 40.96v-4.157a.517.517 0 0 0-.572-.508c-.377.036-.76.056-1.144.056-5.816 0-10.697-4.152-11.908-9.675h9.484a.5.5 0 0 0 .5-.5v-4.35a.5.5 0 0 0-.5-.5Z"
+    d="M46 39.638v-4.75a10.86 10.86 0 0 1-1.571.112c-5.266 0-9.668-3.7-10.747-8.643h9.175v-4.715h-9.175C34.76 16.7 39.162 13 44.429 13c.533 0 1.058.038 1.572.111V8.365a15.906 15.906 0 0 0-1.572-.078c-8.68 0-15.714 7.035-15.714 15.713 0 8.679 7.035 15.714 15.714 15.714.53 0 1.054-.026 1.572-.078v.002ZM2 24c0 8.68 7.035 15.714 15.714 15.714.566 0 1.125-.03 1.676-.088v-4.753a11.09 11.09 0 0 1-1.676.126c-6.075 0-11-4.925-11-11 0-6.076 4.925-11 11-11 .57 0 1.13.042 1.676.125v-4.75c-.55-.057-1.11-.087-1.676-.087C9.035 8.287 2 15.322 2 24Z"
   />
 </svg>

package/dist/svg/icon/icon-exclude-64.svg

@@ -0,0 +1,7 @@
+<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg">
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M16.308 12.537A24.895 24.895 0 0 1 32 7c13.807 0 25 11.193 25 25a24.895 24.895 0 0 1-5.537 15.692L16.308 12.537Zm-3.771 3.771A24.895 24.895 0 0 0 7 32c0 13.807 11.193 25 25 25a24.895 24.895 0 0 0 15.692-5.537L12.537 16.308ZM32 2C15.431 2 2 15.431 2 32c0 16.569 13.431 30 30 30 16.569 0 30-13.431 30-30C62 15.431 48.569 2 32 2Z"
+  />
+</svg>

package/dist/svg/icon/icon-location-arrow-16.svg

@@ -0,0 +1,7 @@
+<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="m12.352 3.647-7.672 3.2 2.87.673c.461.108.822.47.93.931l.674 2.868 3.198-7.672Zm.913-2.547c1.03-.43 2.064.604 1.635 1.635l-4.793 11.494c-.467 1.12-2.094.986-2.37-.195L6.64 9.36 1.965 8.265C.785 7.988.65 6.36 1.769 5.895L13.265 1.1Z"
+  />
+</svg>

package/dist/svg/icon/icon-location-arrow-24.svg

@@ -0,0 +1,7 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M19.46 4.54 5.4 10.403l5.81 1.363c.51.119.906.516 1.025 1.024l1.363 5.807L19.459 4.54Zm.632-2.43c1.133-.473 2.27.664 1.798 1.798L14.7 21.15c-.513 1.231-2.303 1.084-2.608-.215l-1.715-7.312L3.06 11.91c-1.298-.304-1.446-2.094-.215-2.607L20.092 2.11Z"
+  />
+</svg>

package/dist/svg/icon/icon-psa-16-colored.svg

@@ -0,0 +1,10 @@
+<svg viewBox="0 0 45 16" xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M25.2 3.189c.028-.024.01-.07-.028-.066-2.527.187-3.883.44-5.464.962-1.605.551-2.903 1.406-2.903 1.914 0 .23.254.44.743.598.513.163.95.275 1.304.345l2.437.551c1.464.322 2.974.878 3.86 1.43.72.438 1.091 1.082 1.091 1.867 0 3.202-4.438 5.21-11.596 5.21-2.324 0-3.487-.415-3.487-1.27 0-.299.23-.76.72-1.475.372-.51.584-.691.955-.808 1.535-.486 1.346-.439 1.511-.439.09 0 .165.075.165.164 0 .135-.047.182-.254.345l-.447.327c-.029.023-.014.065.023.07.659.023 1.294.042 1.469.042 3.044 0 5.463-.439 7.506-1.359.908-.392 1.28-.69 1.28-.99 0-.298-.325-.555-1.163-.877-.767-.299-1.74-.58-2.348-.691l-3.836-.691c-1.717-.3-2.371-.855-2.371-2.054 0-.346.094-.902.277-1.592.396-1.43.72-1.845 1.906-2.512C19.035.784 22.15 0 25.101 0c.932 0 1.93.117 2.861.322.514.094.603.229.603.808 0 .667-.207 1.452-.513 1.797-.254.346-.372.416-1.44.785-.673.228-.955.392-2.07 1.13-.255.163-.396.228-.556.228-.188 0-.372-.158-.372-.322 0-.14.047-.229.278-.415L25.2 3.189Z"
+    fill="#EB1C2D"
+  />
+  <path
+    d="M43.487 13.993h.076c.09 0 .16-.028.16-.098 0-.06-.047-.103-.146-.103a.368.368 0 0 0-.09.01v.19Zm-.004.387h-.16v-.68c.061-.014.15-.019.263-.019.132 0 .189.019.24.051a.188.188 0 0 1 .066.15c0 .075-.056.135-.14.159v.009c.065.023.103.075.126.168a.47.47 0 0 0 .052.173h-.174c-.019-.024-.033-.089-.056-.168-.015-.075-.057-.108-.142-.108h-.075v.266Zm-.424-.36c0 .304.226.547.537.547a.524.524 0 0 0 .522-.542c0-.303-.22-.55-.527-.55a.533.533 0 0 0-.532.546Zm1.238 0a.689.689 0 0 1-.706.692.695.695 0 0 1-.71-.691c0-.378.315-.682.71-.682.4 0 .706.304.706.682Zm-9.355-4.63h-5.045c-.024 0-.038-.024-.029-.043l2.485-4.79a.028.028 0 0 1 .052 0l2.555 4.79c.019.02.005.042-.019.042Zm.098-7.849a.117.117 0 0 0-.103-.06h-5.092a.123.123 0 0 0-.104.06L25.915 8.55a.156.156 0 0 0 .038.191c.593.533.918 1.242.918 2.05 0 1.037-.4 2.414-2.08 3.59-.048.033-.024.108.032.108h2.273a.117.117 0 0 0 .104-.061l1.134-2.213c.01-.014.024-.023.038-.023h8.099c.014 0 .028.01.038.023l1.204 2.218c.019.037.061.06.104.06h4.334a.041.041 0 0 0 .038-.06L35.04 1.542ZM11.905 6.607c0 .77-.362 1.382-1.303 1.382H4.47a.116.116 0 0 1-.118-.117v-3.04a.12.12 0 0 1 .118-.116h5.788c1.214 0 1.647.504 1.647 1.382v.509Zm3.869 2.208c.004-.023-.005-.042-.029-.051-1.091-.322-2.014-.957-2.014-2.47 0-.523.165-1.242.301-1.755.245-.883.49-1.448.89-1.905a.042.042 0 0 0 0-.056c-.725-.687-1.869-1.093-3.633-1.093H.45a.116.116 0 0 0-.118.117V14.38c0 .066.052.117.118.117h3.788a.116.116 0 0 0 .118-.117v-3.04c0-.064.051-.116.117-.116h7.869c1.986-.004 2.998-1.092 3.43-2.409Z"
+    fill="#0050A2"
+  />
+</svg>

package/dist/svg/icon/icon-psa-16.svg

@@ -0,0 +1,7 @@
+<svg viewBox="0 0 45 16" xmlns="http://www.w3.org/2000/svg">
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M25.172 3.123c.038-.004.056.042.028.066l-1.308 1.144c-.23.186-.278.275-.278.415 0 .164.184.322.372.322.16 0 .301-.065.555-.228 1.116-.738 1.398-.902 2.071-1.13 1.068-.37 1.186-.44 1.44-.785.306-.345.513-1.13.513-1.797 0-.58-.09-.714-.602-.808A13.575 13.575 0 0 0 25.102 0c-2.951 0-6.067.784-8.551 2.19-1.186.667-1.511 1.083-1.906 2.512-.184.69-.278 1.246-.278 1.592 0 1.2.654 1.755 2.372 2.054l3.835.69c.607.113 1.581.393 2.348.692.838.322 1.163.579 1.163.877 0 .3-.372.598-1.28.99-2.043.92-4.461 1.359-7.506 1.359-.174 0-.81-.019-1.469-.042-.037-.005-.051-.047-.023-.07l.447-.327c.207-.163.254-.21.254-.345a.166.166 0 0 0-.165-.164l-.063-.001c-.087 0-.174.037-1.447.44-.372.117-.584.299-.956.808-.49.714-.72 1.176-.72 1.475 0 .854 1.163 1.27 3.488 1.27 7.157 0 11.595-2.008 11.595-5.21 0-.785-.371-1.429-1.091-1.868-.885-.55-2.396-1.107-3.86-1.429l-2.437-.55a12.37 12.37 0 0 1-1.304-.346c-.49-.159-.743-.369-.743-.598 0-.508 1.299-1.363 2.903-1.914 1.581-.523 2.937-.775 5.464-.962Zm18.39 10.87h-.075V13.8a.368.368 0 0 1 .09-.01c.099 0 .146.043.146.104 0 .07-.07.098-.16.098Zm-.239.387h.16v-.266h.075c.085 0 .127.033.142.107l.015.056a.389.389 0 0 0 .04.112h.175a.469.469 0 0 1-.052-.172c-.023-.094-.061-.145-.127-.168v-.01c.085-.023.141-.084.141-.158a.188.188 0 0 0-.066-.15c-.051-.033-.108-.051-.24-.051-.113 0-.202.005-.263.018v.682Zm.273.187a.531.531 0 0 1-.537-.546c0-.3.226-.546.532-.546.306 0 .527.247.527.55a.524.524 0 0 1-.522.542Zm-.005.145c.4 0 .706-.304.706-.691a.687.687 0 0 0-.706-.682.694.694 0 0 0-.71.682c0 .387.315.69.71.69ZM29.897 9.389h5.044c.024 0 .038-.023.02-.042l-2.556-4.79a.028.028 0 0 0-.052 0l-2.485 4.79c-.01.019.005.042.029.042Zm5.04-7.909c.042 0 .084.024.103.061l7.149 12.89a.041.041 0 0 1-.038.061h-4.334a.117.117 0 0 1-.104-.06l-1.205-2.218c-.009-.014-.023-.023-.037-.023h-8.1c-.013 0-.027.009-.037.023L27.2 14.427a.117.117 0 0 1-.104.06h-2.273c-.056 0-.08-.074-.033-.107 1.68-1.176 2.08-2.554 2.08-3.59 0-.808-.324-1.518-.917-2.05a.156.156 0 0 1-.038-.191l3.826-7.008a.123.123 0 0 1 .104-.06h5.092ZM10.602 7.99c.94 0 1.303-.612 1.303-1.382v-.51c0-.877-.433-1.381-1.647-1.381H4.47a.12.12 0 0 0-.118.117v3.039c0 .065.052.117.118.117h6.132Zm5.143.775c.024.009.033.028.029.05-.433 1.318-1.445 2.405-3.431 2.41H4.474a.116.116 0 0 0-.117.117v3.04a.116.116 0 0 1-.118.116H.451a.116.116 0 0 1-.118-.117V1.602c0-.066.052-.117.118-.117h10.838c1.764 0 2.908.406 3.633 1.092a.042.042 0 0 1 0 .057c-.4.457-.645 1.022-.89 1.904-.136.514-.3 1.233-.3 1.756 0 1.513.922 2.147 2.013 2.47Z"
+  />
+</svg>

package/dist/svg/icon/icon-top-rated-plus-16.svg

@@ -0,0 +1,7 @@
+<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M3.5-.004a2.5 2.5 0 0 0-2.5 2.5v11.17c0 1.732 1.819 2.86 3.37 2.091l3.485-1.727a.334.334 0 0 1 .296 0l3.48 1.726c1.55.77 3.37-.358 3.37-2.09V2.496a2.5 2.5 0 0 0-2.5-2.5h-9Zm-.5 2.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 .5.5v11.17c0 .247-.26.409-.48.299l-3.48-1.727a2.333 2.333 0 0 0-2.074 0l-3.485 1.727A.333.333 0 0 1 3 13.667V2.497Zm5.65.873a.76.76 0 0 0-1.303 0l-.975 1.624-1.778.399a.76.76 0 0 0-.414 1.233l1.176 1.386-.258 2.135a.76.76 0 0 0 1.116.76L8 9.939l1.785.967a.76.76 0 0 0 1.116-.76l-.258-2.135 1.176-1.386a.76.76 0 0 0-.414-1.233l-1.778-.399-.975-1.624ZM7.494 6.04 8 5.196l.506.844.166.275.313.07.899.202-.596.702-.212.25.039.326.126 1.04-.884-.479L8 8.234l-.357.193-.883.478.125-1.04.04-.325-.212-.25-.597-.702.899-.202.314-.07.165-.275Z"
+  />
+</svg>

package/dist/svg/icon/icon-top-rated-plus-24.svg

@@ -0,0 +1,7 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M5 0a3 3 0 0 0-3 3v17.992c0 2.421 2.72 3.845 4.71 2.465l4.723-3.275a1 1 0 0 1 1.14 0l4.717 3.272c1.99 1.38 4.71-.044 4.71-2.465V3a3 3 0 0 0-3-3H5ZM4 3a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v17.989a1 1 0 0 1-1.57.822l-4.717-3.272a3 3 0 0 0-3.42 0L5.57 21.814A1 1 0 0 1 4 20.992V3Zm9.287 1.737a1.5 1.5 0 0 0-2.574 0L9.452 6.845l-2.282.513a1.5 1.5 0 0 0-.816 2.432l1.51 1.787-.33 2.743c-.146 1.21 1.135 2.08 2.205 1.497L12 14.59l2.26 1.228c1.07.582 2.352-.287 2.206-1.497l-.33-2.743 1.51-1.787a1.5 1.5 0 0 0-.816-2.432l-2.282-.513-1.26-2.108ZM10.97 8.203 12 6.48l1.03 1.722a1.1 1.1 0 0 0 .703.508l1.854.417-1.232 1.457a1.1 1.1 0 0 0-.252.842l.261 2.17-1.839-.999a1.1 1.1 0 0 0-1.05 0l-1.84 1 .262-2.171a1.1 1.1 0 0 0-.252-.842L8.413 9.128l1.855-.417a1.1 1.1 0 0 0 .702-.508Z"
+  />
+</svg>

package/dist/svg/icon/icon-top-service-16.svg

@@ -2,6 +2,6 @@
   <path
     fill-rule="evenodd"
     clip-rule="evenodd"
-    d="M6.5 3.668a5 5 0 1 1 0 8.663 1 1 0 0 0-1 1.732 7 7 0 1 0 0-12.126 1 1 0 1 0 1 1.731ZM10 6a1 1 0 1 0-2 0v2a1 1 0 0 0 .293.707l1.5 1.5a1 1 0 0 0 1.414-1.414L10 7.586V6ZM0 6a1 1 0 0 1 1-1h3a1 1 0 0 1 0 2H1a1 1 0 0 1-1-1Zm2 3a1 1 0 1 0 0 2h2a1 1 0 1 0 0-2H2Z"
+    d="M3.5-.004a2.5 2.5 0 0 0-2.5 2.5v11.17c0 1.732 1.819 2.86 3.37 2.091l3.485-1.727a.334.334 0 0 1 .296 0l3.48 1.726c1.55.77 3.37-.358 3.37-2.09V2.496a2.5 2.5 0 0 0-2.5-2.5h-9Zm-.5 2.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 .5.5v11.17c0 .247-.26.409-.48.299l-3.48-1.727a2.333 2.333 0 0 0-2.074 0l-3.485 1.727A.333.333 0 0 1 3 13.667V2.497Zm5.65.873a.76.76 0 0 0-1.303 0l-.975 1.624-1.778.399a.76.76 0 0 0-.414 1.233l1.176 1.386-.258 2.135a.76.76 0 0 0 1.116.76L8 9.939l1.785.967a.76.76 0 0 0 1.116-.76l-.258-2.135 1.176-1.386a.76.76 0 0 0-.414-1.233l-1.778-.399-.975-1.624ZM7.494 6.04 8 5.196l.506.844.166.275.313.07.899.202-.596.702-.212.25.039.326.126 1.04-.884-.479L8 8.234l-.357.193-.883.478.125-1.04.04-.325-.212-.25-.597-.702.899-.202.314-.07.165-.275Z"
   />
 </svg>

package/dist/svg/icon/icon-top-service-24.svg

@@ -2,6 +2,6 @@
   <path
     fill-rule="evenodd"
     clip-rule="evenodd"
-    d="M9.534 7.625a7 7 0 1 1 0 8.749 1 1 0 1 0-1.56 1.251 9 9 0 1 0 0-11.251 1 1 0 0 0 1.56 1.251ZM16 9a1 1 0 1 0-2 0v3a1 1 0 0 0 .293.707l2 2a1 1 0 0 0 1.414-1.414L16 11.586V9ZM0 10a1 1 0 0 1 1-1h5a1 1 0 0 1 0 2H1a1 1 0 0 1-1-1Zm3 3a1 1 0 1 0 0 2h3a1 1 0 1 0 0-2H3Z"
+    d="M5 0a3 3 0 0 0-3 3v17.992c0 2.421 2.72 3.845 4.71 2.465l4.723-3.275a1 1 0 0 1 1.14 0l4.717 3.272c1.99 1.38 4.71-.044 4.71-2.465V3a3 3 0 0 0-3-3H5ZM4 3a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v17.989a1 1 0 0 1-1.57.822l-4.717-3.272a3 3 0 0 0-3.42 0L5.57 21.814A1 1 0 0 1 4 20.992V3Zm9.287 1.737a1.5 1.5 0 0 0-2.574 0L9.452 6.845l-2.282.513a1.5 1.5 0 0 0-.816 2.432l1.51 1.787-.33 2.743c-.146 1.21 1.135 2.08 2.205 1.497L12 14.59l2.26 1.228c1.07.582 2.352-.287 2.206-1.497l-.33-2.743 1.51-1.787a1.5 1.5 0 0 0-.816-2.432l-2.282-.513-1.26-2.108ZM10.97 8.203 12 6.48l1.03 1.722a1.1 1.1 0 0 0 .703.508l1.854.417-1.232 1.457a1.1 1.1 0 0 0-.252.842l.261 2.17-1.839-.999a1.1 1.1 0 0 0-1.05 0l-1.84 1 .262-2.171a1.1 1.1 0 0 0-.252-.842L8.413 9.128l1.855-.417a1.1 1.1 0 0 0 .702-.508Z"
   />
 </svg>

package/dist/svg/icon/icon-top-service-filled-16-colored.svg

@@ -0,0 +1,13 @@
+<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M3.5-.002a2.5 2.5 0 0 0-2.5 2.5v11.17c0 1.731 1.818 2.86 3.37 2.09l3.484-1.727a.333.333 0 0 1 .296 0l3.48 1.727c1.55.77 3.37-.359 3.37-2.09V2.498a2.5 2.5 0 0 0-2.5-2.5h-9Z"
+    fill="#0968F6"
+  />
+  <path
+    d="M7.99 3.756a.01.01 0 0 1 .017 0l1.14 1.9 2.093.469a.01.01 0 0 1 .005.017L9.858 7.777l.297 2.46a.01.01 0 0 1-.015.01L8 9.089l-2.142 1.16a.01.01 0 0 1-.015-.01l.297-2.46-1.387-1.636a.01.01 0 0 1 .005-.017l2.092-.47 1.14-1.899Z"
+    stroke="#fff"
+    stroke-width="1.5"
+  />
+</svg>

package/dist/svg/icon/icon-top-service-filled-24-colored.svg

@@ -0,0 +1,14 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M5 .002a3 3 0 0 0-3 3v17.993c0 2.42 2.72 3.844 4.71 2.465l4.723-3.275a1 1 0 0 1 1.14 0l4.717 3.272c1.99 1.38 4.71-.044 4.71-2.466V3.002a3 3 0 0 0-3-3H5Z"
+    fill="#0968F6"
+  />
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M10.712 4.74a1.5 1.5 0 0 1 2.575 0l1.26 2.107 2.283.513a1.5 1.5 0 0 1 .816 2.432l-1.51 1.787.33 2.743c.145 1.21-1.135 2.08-2.206 1.498L12 14.59l-2.26 1.23c-1.071.581-2.352-.288-2.206-1.498l.33-2.743-1.51-1.787a1.5 1.5 0 0 1 .815-2.432l2.283-.513 1.26-2.108ZM12 6.482l-1.03 1.722a1.1 1.1 0 0 1-.703.508l-1.854.417 1.232 1.457a1.1 1.1 0 0 1 .252.842l-.262 2.17 1.84-.999a1.1 1.1 0 0 1 1.05 0l1.84 1-.262-2.17a1.1 1.1 0 0 1 .252-.843l1.231-1.457-1.854-.417a1.1 1.1 0 0 1-.702-.508L12 6.483Z"
+    fill="#fff"
+  />
+</svg>

package/dist/svg/icon/icon-trophy-16.svg

@@ -1,7 +1,7 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
   <path
     fill-rule="evenodd"
-    d="M4 1a1 1 0 0 0-1 1c0 .7.027 1.378.08 2.032-.816-.117-1.701.06-2.322.628C.264 5.113 0 5.753 0 6.5c0 1.614 1.237 2.493 2.231 2.919.905.388 1.9.544 2.54.575.567.874 1.306 1.562 2.23 1.854V13H4.21a1 1 0 1 0 0 2h7.579a1 1 0 1 0 0-2H9v-1.152c.923-.292 1.662-.98 2.23-1.854a7.766 7.766 0 0 0 2.539-.575C14.763 8.993 16 8.114 16 6.499c0-.746-.264-1.386-.758-1.839-.62-.569-1.506-.745-2.322-.628.053-.654.08-1.333.08-2.032a1 1 0 0 0-1-1H4Zm8.617 5.27a14.88 14.88 0 0 1-.4 1.562C12.879 7.669 14 7.327 14 6.5c0-.337-.178-.475-.505-.5-.269-.02-.699.035-.878.27-.001.002.001-.003 0 0Zm-9.23.007c.11.55.242 1.07.396 1.555C3.121 7.669 2 7.327 2 6.5c0-.337.178-.475.505-.5.231-.017.752.026.882.277ZM10.98 3H5.02c.087 2.088.444 3.828.981 5.063C6.641 9.53 7.384 10 8 10c.616 0 1.36-.469 1.999-1.937.537-1.235.894-2.975.98-5.063Z"
     clip-rule="evenodd"
+    d="M4 1.001a1 1 0 0 0-1 1v1H1a1 1 0 0 0-1 1v1.333a3.667 3.667 0 0 0 3.412 3.658A5.009 5.009 0 0 0 7 11.901v1.1H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2H9v-1.1a5.009 5.009 0 0 0 3.588-2.909A3.667 3.667 0 0 0 16 5.334V4.001a1 1 0 0 0-1-1h-2v-1a1 1 0 0 0-1-1H4Zm4 9a3 3 0 0 0 3-3v-4H5v4a3 3 0 0 0 3 3Zm6-4.667c0 .684-.411 1.271-1 1.528V5.001h1v.333ZM3 6.862V5.001H2v.333c0 .684.411 1.271 1 1.528Z"
   />
 </svg>

package/dist/svg/icon/icon-trophy-24.svg

@@ -1,7 +1,7 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
   <path
     fill-rule="evenodd"
-    d="M5 2a1 1 0 0 0-1 1c0 1.395.086 2.753.25 4.048-.879-.163-1.83.031-2.467.692C1.246 8.296 1 9.08 1 10c0 1.902.98 3.198 2.22 3.973 1.072.67 2.344.964 3.415 1.018 1.095 1.962 2.57 3.478 4.365 3.895V21H6a1 1 0 1 0 0 2h12a1 1 0 1 0 0-2h-5v-2.114c1.794-.417 3.27-1.933 4.365-3.895 1.07-.054 2.343-.348 3.415-1.018C22.02 13.198 23 11.903 23 10c0-.92-.246-1.704-.783-2.26-.637-.66-1.588-.855-2.467-.692C19.914 5.753 20 4.395 20 3a1 1 0 0 0-1-1H5Zm14.347 7.443a23.119 23.119 0 0 1-.986 3.39c.48-.119.951-.301 1.359-.556C20.48 11.803 21 11.1 21 10c0-.579-.151-.798-.221-.871-.335-.347-1.256-.076-1.432.314Zm-14.694 0c.26 1.216.592 2.354.986 3.39a4.7 4.7 0 0 1-1.359-.556C3.52 11.803 3 11.1 3 10c0-.469.08-1.007.638-1.009.322 0 .856.127 1.015.452ZM17.984 4H6.016c.115 3.623.848 6.842 1.94 9.184C9.186 15.82 10.686 17 12 17c1.314 0 2.813-1.18 4.044-3.816 1.092-2.342 1.825-5.56 1.94-9.184Z"
     clip-rule="evenodd"
+    d="M6 2.001a1 1 0 0 0-1 1v2H2a1 1 0 0 0-1 1v2a5.001 5.001 0 0 0 4.275 4.948A7.008 7.008 0 0 0 11 17.93v2.071H8a1 1 0 1 0 0 2h8a1 1 0 1 0 0-2h-3v-2.07a7.008 7.008 0 0 0 5.725-4.982A5.001 5.001 0 0 0 23 8V6a1 1 0 0 0-1-1h-3V3a1 1 0 0 0-1-1H6Zm6 14a5 5 0 0 0 5-5v-7H7v7a5 5 0 0 0 5 5Zm9-8a3.001 3.001 0 0 1-2 2.83V7h2v1Zm-16 2.83V7H3v1c0 1.306.835 2.417 2 2.83Z"
   />
 </svg>