0.0.23 my routes

static/v2/css/widgets/w_route_card.css

@@ -0,0 +1,47 @@
+.w_route_card {
+    padding: 20px;
+    --route-card-bg: #FFFFFF;
+    --route-card-box_shadow: 0 -1px 10px rgba(198, 199, 203, 0.2), -1px 4px 10px rgba(198, 199, 203, 0.2);
+    --route-text-color: #000000;
+
+    --route-text-container-bg: #F1F1F1;
+    --route-text-container-padding: 15px;
+    --route-text-img-filter: brightness(0) saturate(100%) invert(100%) sepia(2%) saturate(256%) hue-rotate(113deg) brightness(115%) contrast(89%);
+
+    --route-card-owner-avatar-size: 52px;
+
+    background: var(--route-card-bg);
+    box-shadow: var(--route-card-box_shadow);
+    color: var(--route-text-color);
+    .route_card_info_data{
+        position: relative;
+        .route_card_text_img{
+            position: absolute;
+            top: 25px;
+            filter: var(--route-text-img-filter);
+            display: block;
+        }
+        .route_card_owner_avatar{
+            height: var(--route-card-owner-avatar-size);
+            width: var(--route-card-owner-avatar-size);
+            border-radius: 100%;
+            display: block;
+        }
+        .route_card_text_container{
+            background: var(--route-text-container-bg);
+            padding: var(--route-text-container-padding);
+        }
+        .route_card_owner_info{
+            margin-left: 75px;
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+
+            .route_card_info_left_part{
+                display: flex;
+                align-items: center;
+                gap: 10px;
+            }
+        }
+    }
+}

static/v2/icons/widgets/w_route_card/route_card_avatar_spline.svg

@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<!-- Creator: CorelDRAW -->
+<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="19.8846mm" height="20.793mm" version="1.1" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd"
+viewBox="0 0 258.52 270.33"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ xmlns:xodm="http://www.corel.com/coreldraw/odm/2003">
+ <defs>
+  <style type="text/css">
+   <![CDATA[
+    .fil0 {fill:white}
+   ]]>
+  </style>
+ </defs>
+ <g id="Слой_x0020_1">
+  <metadata id="CorelCorpID_0Corel-Layer"/>
+  <path class="fil0" d="M258.52 144.48c-61.71,23.28 -75.41,41 -79.65,125.86 0,-29.93 -38.87,-50.18 -68.8,-50.18 -60.79,0 -110.08,-49.28 -110.08,-110.08 0,-60.79 49.28,-110.08 110.08,-110.08 60.79,0 110.08,49.28 110.08,110.08 0,17.24 12.26,34.4 29.5,34.4l8.87 0z"/>
+ </g>
+</svg>