0.0.1 new functional twb

static/v2/css/blocks/b_make_poster_order.css

@@ -0,0 +1,13 @@
+.b_make_poster_order {
+    --title-font-size: 44px;
+    --title-font-weight: 700;
+    --title-margin-bottom: 60px;
+
+    .make_poster_order_title{
+        width: 100%;
+        font-size: var(--title-font-size);
+        font-weight: var(--title-font-weight);
+        margin-bottom: var(--title-margin-bottom);
+        text-align: center;
+    }
+}

static/v2/css/forms.css

@@ -0,0 +1,49 @@
+.field_container{
+    --input-border: #E6E6E6;
+    --input-font-size: 16px;
+    --input-border-radius: 10px;
+
+    --placeholder-color: #27242499;
+    --placeholder-font-size: 16px;
+
+    --label-color: #000;
+    --label-required-color: #FF613A;
+    --label-font-size: 16px;
+    --label-font-weight: 500;
+
+    label{
+        display: block;
+        color: var(--label-color);
+        font-weight: var(--label-font-weight);
+        &:has(div){
+            display: flex;
+            align-items: center;
+        }
+        .required_field_icon{
+            color: var(--label-required-color);
+        }
+    }
+
+    input{
+        padding: 20px 10px;
+        border: 1px solid var(--input-border);
+        border-radius: var(--input-border-radius);
+        font-size: var(--input-font-size);
+        &::placeholder{
+            font-size: var(--placeholder-font-size);
+            color: var(--placeholder-color);
+        }
+    }
+}
+
+.form_line{
+    --display: flex;
+    &._50_grid {
+        --display: grid;
+        grid-template-columns: repeat(2, 1fr);
+        gap: 40px;
+    }
+    display: var(--display);
+    justify-content: space-between;
+
+}

static/v2/css/widgets/w_select_country.css

@@ -0,0 +1,59 @@
+.w_select_country {
+    position: relative;
+    --header-padding: 10px 20px;
+    --select-border: #E6E6E6;
+    --select-border-radius: 10px;
+
+    .w_select_country_header{
+        display: flex;
+        align-items: center;
+        gap: 10px;
+        justify-content: space-between;
+        border: 1px solid var(--select-border);
+        border-radius: var(--select-border-radius);
+        padding: 10px;
+
+        .select_country_header_left_part{
+            display: flex;
+            align-items: center;
+            gap: 10px;
+            width: calc(100% - 36px);
+
+            .container_inf_about_country{
+                display: none;
+                align-items: center;
+                gap: 5px;
+                &:has(img[src]){
+                    display: flex;
+                }
+                img{
+                    height: 12px;
+                    width: 24px;
+                    object-fit: contain;
+                }
+                div{
+                    color: #27242499;
+                    font-size: 14px;
+                }
+            }
+            input{
+                border: none;
+                outline: none;
+                background: none;
+                padding: 0;
+                flex-grow: 1;
+                border-radius: 0;
+            }
+        }
+        .w_select_country_icon{
+            height: 26px;
+        }
+    }
+    .w_select_country_content{
+        position: absolute;
+        top: 60px;
+    }
+    &.closed{
+        .w_select_country_content{display: none}
+    }
+}