From 7fbb4cf2dabb012569e153568ac223015aecafe3 Mon Sep 17 00:00:00 2001 From: Egor Date: Wed, 15 Oct 2025 08:14:17 +0300 Subject: [PATCH 1/3] Add files via upload --- .../anima-logo.svg | 5 + .../anima.min.js | 636 +++++++ .../frame-4.svg | 4 + .../frame-43.svg | 4 + .../globals.css | 22 + .../group-161@2x.png | Bin 0 -> 356 bytes .../history-1.svg | 5 + .../image-115@2x.png | Bin 0 -> 8259 bytes .../licence-2.svg | 5 + .../load.js | 1 + .../options-2.svg | 7 + .../renew-1.svg | 4 + .../sale-1.svg | 5 + .../star-1.svg | 9 + .../style.css | 1558 +++++++++++++++++ .../styleguide.css | 9 + .../user-1.svg | 5 + .../vector-10.svg | 3 + .../vector-11.svg | 3 + .../vector-8.svg | 3 + .../vector-9.svg | 3 + .../vuesax-bold-user-cirlce-add-2.svg | 5 + miniapp/new/miniapp/globals.css | 18 + miniapp/new/miniapp/icons/index.css | 1220 +++++++++++++ miniapp/new/miniapp/icons/index.html | 82 + miniapp/new/miniapp/img/logo-mini-1.svg | 4 + miniapp/new/miniapp/img/offer-1.svg | 4 + miniapp/new/miniapp/index.html | 951 ++++++++++ miniapp/new/miniapp/instructions/globals.css | 18 + miniapp/new/miniapp/instructions/index.html | 383 ++++ miniapp/new/miniapp/instructions/style.css | 614 +++++++ .../new/miniapp/instructions/styleguide.css | 9 + .../anima-logo.svg | 5 + .../anima.min.js | 636 +++++++ .../apple-icon-2.svg | 4 + .../frame-43.svg | 4 + .../github-stars-1.svg | 3 + .../globals.css | 19 + .../happ-dark-1.svg | 9 + .../load.js | 1 + .../style.css | 313 ++++ .../styleguide.css | 9 + .../vector-1.svg | 3 + .../Bedolaga Subscription_files/globals.css | 19 + .../Bedolaga Subscription_files/load.js | 1 + .../logo-mini-1.svg | 4 + .../Bedolaga Subscription_files/offer-1.svg | 4 + .../Bedolaga Subscription_files/style.css | 433 +++++ .../styleguide.css | 9 + miniapp/new/miniapp/promosection/index.html | 334 ++++ miniapp/new/miniapp/style.css | 1529 ++++++++++++++++ miniapp/new/miniapp/styleguide.css | 9 + 52 files changed, 8947 insertions(+) create mode 100644 miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/anima-logo.svg create mode 100644 miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/anima.min.js create mode 100644 miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/frame-4.svg create mode 100644 miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/frame-43.svg create mode 100644 miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/globals.css create mode 100644 miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/group-161@2x.png create mode 100644 miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/history-1.svg create mode 100644 miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/image-115@2x.png create mode 100644 miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/licence-2.svg create mode 100644 miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/load.js create mode 100644 miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/options-2.svg create mode 100644 miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/renew-1.svg create mode 100644 miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/sale-1.svg create mode 100644 miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/star-1.svg create mode 100644 miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/style.css create mode 100644 miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/styleguide.css create mode 100644 miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/user-1.svg create mode 100644 miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/vector-10.svg create mode 100644 miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/vector-11.svg create mode 100644 miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/vector-8.svg create mode 100644 miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/vector-9.svg create mode 100644 miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/vuesax-bold-user-cirlce-add-2.svg create mode 100644 miniapp/new/miniapp/globals.css create mode 100644 miniapp/new/miniapp/icons/index.css create mode 100644 miniapp/new/miniapp/icons/index.html create mode 100644 miniapp/new/miniapp/img/logo-mini-1.svg create mode 100644 miniapp/new/miniapp/img/offer-1.svg create mode 100644 miniapp/new/miniapp/index.html create mode 100644 miniapp/new/miniapp/instructions/globals.css create mode 100644 miniapp/new/miniapp/instructions/index.html create mode 100644 miniapp/new/miniapp/instructions/style.css create mode 100644 miniapp/new/miniapp/instructions/styleguide.css create mode 100644 miniapp/new/miniapp/instructions/Инструкция по подписке Bedolaga_files/anima-logo.svg create mode 100644 miniapp/new/miniapp/instructions/Инструкция по подписке Bedolaga_files/anima.min.js create mode 100644 miniapp/new/miniapp/instructions/Инструкция по подписке Bedolaga_files/apple-icon-2.svg create mode 100644 miniapp/new/miniapp/instructions/Инструкция по подписке Bedolaga_files/frame-43.svg create mode 100644 miniapp/new/miniapp/instructions/Инструкция по подписке Bedolaga_files/github-stars-1.svg create mode 100644 miniapp/new/miniapp/instructions/Инструкция по подписке Bedolaga_files/globals.css create mode 100644 miniapp/new/miniapp/instructions/Инструкция по подписке Bedolaga_files/happ-dark-1.svg create mode 100644 miniapp/new/miniapp/instructions/Инструкция по подписке Bedolaga_files/load.js create mode 100644 miniapp/new/miniapp/instructions/Инструкция по подписке Bedolaga_files/style.css create mode 100644 miniapp/new/miniapp/instructions/Инструкция по подписке Bedolaga_files/styleguide.css create mode 100644 miniapp/new/miniapp/instructions/Инструкция по подписке Bedolaga_files/vector-1.svg create mode 100644 miniapp/new/miniapp/promosection/Bedolaga Subscription_files/globals.css create mode 100644 miniapp/new/miniapp/promosection/Bedolaga Subscription_files/load.js create mode 100644 miniapp/new/miniapp/promosection/Bedolaga Subscription_files/logo-mini-1.svg create mode 100644 miniapp/new/miniapp/promosection/Bedolaga Subscription_files/offer-1.svg create mode 100644 miniapp/new/miniapp/promosection/Bedolaga Subscription_files/style.css create mode 100644 miniapp/new/miniapp/promosection/Bedolaga Subscription_files/styleguide.css create mode 100644 miniapp/new/miniapp/promosection/index.html create mode 100644 miniapp/new/miniapp/style.css create mode 100644 miniapp/new/miniapp/styleguide.css diff --git a/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/anima-logo.svg b/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/anima-logo.svg new file mode 100644 index 00000000..fc3a5a6e --- /dev/null +++ b/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/anima-logo.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/anima.min.js b/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/anima.min.js new file mode 100644 index 00000000..5488d63c --- /dev/null +++ b/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/anima.min.js @@ -0,0 +1,636 @@ +var ot = Object.defineProperty; +var it = (e, t, n) => t in e ? ot(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n; +var H = (e, t, n) => (it(e, typeof t != "symbol" ? t + "" : t, n), n), I = (e, t, n) => { + if (!t.has(e)) + throw TypeError("Cannot " + n); +}; +var d = (e, t, n) => (I(e, t, "read from private field"), n ? n.call(e) : t.get(e)), C = (e, t, n) => { + if (t.has(e)) + throw TypeError("Cannot add the same private member more than once"); + t instanceof WeakSet ? t.add(e) : t.set(e, n); +}, k = (e, t, n, o) => (I(e, t, "write to private field"), o ? o.call(e, n) : t.set(e, n), n); +const st = (e, t, n, o, s) => { + const f = n.length; + let a = t.length, i = f, r = 0, p = 0, l = null; + for (; r < a || p < i; ) + if (a === r) { + const c = i < f ? p ? o(n[p - 1], -0).nextSibling : o(n[i], 0) : s; + for (; p < i; ) + e.insertBefore(o(n[p++], 1), c); + } else if (i === p) + for (; r < a; ) + (!l || !l.has(t[r])) && e.removeChild(o(t[r], -1)), r++; + else if (t[r] === n[p]) + r++, p++; + else if (t[a - 1] === n[i - 1]) + a--, i--; + else if (t[r] === n[i - 1] && n[p] === t[a - 1]) { + const c = o(t[--a], -0).nextSibling; + e.insertBefore( + o(n[p++], 1), + o(t[r++], -0).nextSibling + ), e.insertBefore(o(n[--i], 1), c), t[a] = n[i]; + } else { + if (!l) { + l = /* @__PURE__ */ new Map(); + let c = p; + for (; c < i; ) + l.set(n[c], c++); + } + if (l.has(t[r])) { + const c = l.get(t[r]); + if (p < c && c < i) { + let m = r, u = 1; + for (; ++m < a && m < i && l.get(t[m]) === c + u; ) + u++; + if (u > c - p) { + const U = o(t[r], 0); + for (; p < c; ) + e.insertBefore(o(n[p++], 1), U); + } else + e.replaceChild( + o(n[p++], 1), + o(t[r++], -1) + ); + } else + r++; + } else + e.removeChild(o(t[r++], -1)); + } + return n; +}, { isArray: Z } = Array, { getPrototypeOf: rt, getOwnPropertyDescriptor: at } = Object, ct = "http://www.w3.org/2000/svg", g = [], q = () => document.createRange(), W = (e, t, n) => (e.set(t, n), n), lt = (e, t) => { + let n; + do + n = at(e, t); + while (!n && (e = rt(e))); + return n; +}, ft = (e, t) => t.reduceRight(pt, e), pt = (e, t) => e.childNodes[t], mt = 1, ut = 8, dt = 11, { setPrototypeOf: ht } = Object, gt = (e) => { + function t(n) { + return ht(n, new.target.prototype); + } + return t.prototype = e.prototype, t; +}; +let w; +const X = (e, t, n) => (w || (w = q()), n ? w.setStartAfter(e) : w.setStartBefore(e), w.setEndAfter(t), w.deleteContents(), e), $ = ({ firstChild: e, lastChild: t }, n) => X(e, t, n); +let R = !1; +const T = (e, t) => R && e.nodeType === dt ? 1 / t < 0 ? t ? $(e, !0) : e.lastChild : t ? e.valueOf() : e.firstChild : e, z = (e) => document.createComment(e); +var y, E, h; +class Ut extends gt(DocumentFragment) { + constructor(n) { + super(n); + C(this, y, z("<>")); + C(this, E, z("")); + C(this, h, g); + this.replaceChildren(d(this, y), ...n.childNodes, d(this, E)), R = !0; + } + get firstChild() { + return d(this, y); + } + get lastChild() { + return d(this, E); + } + get parentNode() { + return d(this, y).parentNode; + } + remove() { + $(this, !1); + } + replaceWith(n) { + $(this, !0).replaceWith(n); + } + valueOf() { + const { parentNode: n } = this; + if (n === this) + d(this, h) === g && k(this, h, [...this.childNodes]); + else { + if (n) { + let { firstChild: o, lastChild: s } = this; + for (k(this, h, [o]); o !== s; ) + d(this, h).push(o = o.nextSibling); + } + this.replaceChildren(...d(this, h)); + } + return this; + } +} +y = new WeakMap(), E = new WeakMap(), h = new WeakMap(); +const Q = (e, t, n) => e.setAttribute(t, n), S = (e, t) => e.removeAttribute(t), wt = (e, t) => { + for (const n in t) { + const o = t[n], s = n === "role" ? n : `aria-${n}`; + o == null ? S(e, s) : Q(e, s, o); + } + return t; +}; +let v; +const yt = (e, t, n) => { + n = n.slice(1), v || (v = /* @__PURE__ */ new WeakMap()); + const o = v.get(e) || W(v, e, {}); + let s = o[n]; + return s && s[0] && e.removeEventListener(n, ...s), s = Z(t) ? t : [t, !1], o[n] = s, s[0] && e.addEventListener(n, ...s), t; +}, F = (e, t) => { + const { t: n, n: o } = e; + let s = !1; + switch (typeof t) { + case "object": + if (t !== null) { + (o || n).replaceWith(e.n = t.valueOf()); + break; + } + case "undefined": + s = !0; + default: + n.data = s ? "" : t, o && (e.n = null, o.replaceWith(n)); + break; + } + return t; +}, xt = (e, t) => j( + e, + t, + t == null ? "class" : "className" +), bt = (e, t) => { + const { dataset: n } = e; + for (const o in t) + t[o] == null ? delete n[o] : n[o] = t[o]; + return t; +}, D = (e, t, n) => e[n] = t, Ft = (e, t, n) => D(e, t, n.slice(1)), j = (e, t, n) => t == null ? (S(e, n), t) : D(e, t, n), Y = (e, t) => (typeof t == "function" ? t(e) : t.current = e, t), B = (e, t, n) => (t == null ? S(e, n) : Q(e, n, t), t), Et = (e, t) => t == null ? j(e, t, "style") : D(e.style, t, "cssText"), At = (e, t, n) => (e.toggleAttribute(n.slice(1), t), t), _ = (e, t, n) => { + const { length: o } = t; + if (e.data = `[${o}]`, o) + return st(e.parentNode, n, t, T, e); + switch (n.length) { + case 1: + n[0].remove(); + case 0: + break; + default: + X( + T(n[0], 0), + T(n.at(-1), -0), + !1 + ); + break; + } + return g; +}, Ct = /* @__PURE__ */ new Map([ + ["aria", wt], + ["class", xt], + ["data", bt], + ["ref", Y], + ["style", Et] +]), vt = (e, t, n) => { + switch (t[0]) { + case ".": + return Ft; + case "?": + return At; + case "@": + return yt; + default: + return n || "ownerSVGElement" in e ? t === "ref" ? Y : B : Ct.get(t) || (t in e ? t.startsWith("on") ? D : lt(e, t)?.set ? j : B : B); + } +}, Mt = (e, t) => (e.textContent = t ?? "", t), b = (e, t, n) => ({ a: e, b: t, c: n }), _t = (e, t) => ({ b: e, c: t }), St = (e, t, n, o) => ({ v: g, u: e, t, n, c: o }), A = () => b(null, null, g), tt = (e) => (t, n) => { + const { a: o, b: s, c: f } = e(t, n), a = document.importNode(o, !0); + let i = g; + if (s !== g) { + i = []; + for (let r, p, l = 0; l < s.length; l++) { + const { a: c, b: m, c: u } = s[l], U = c === p ? r : r = ft(a, p = c); + i[l] = St( + m, + U, + u, + m === _ ? [] : m === F ? A() : null + ); + } + } + return _t( + f ? a.firstChild : new Ut(a), + i + ); +}, Dt = /^(?:plaintext|script|style|textarea|title|xmp)$/i, kt = /^(?:area|base|br|col|embed|hr|img|input|keygen|link|menuitem|meta|param|source|track|wbr)$/i, Tt = /<([a-zA-Z0-9]+[a-zA-Z0-9:._-]*)([^>]*?)(\/?)>/g, Bt = /([^\s\\>"'=]+)\s*=\s*(['"]?)\x01/g, Lt = /[\x01\x02]/g, Nt = (e, t, n) => { + let o = 0; + return e.join("").trim().replace( + Tt, + (s, f, a, i) => `<${f}${a.replace(Bt, "=$2$1").trimEnd()}${i ? n || kt.test(f) ? " /" : `>` + ).replace( + Lt, + (s) => s === "" ? `` : t + o++ + ); +}; +let M = document.createElement("template"), L, N; +const Ot = (e, t) => { + if (t) + return L || (L = document.createElementNS(ct, "svg"), N = q(), N.selectNodeContents(L)), N.createContextualFragment(e); + M.innerHTML = e; + const { content: n } = M; + return M = M.cloneNode(!1), n; +}, O = (e) => { + const t = []; + let n; + for (; n = e.parentNode; ) + t.push(t.indexOf.call(n.childNodes, e)), e = n; + return t; +}, P = () => document.createTextNode(""), $t = (e, t, n) => { + const o = Ot(Nt(e, x, n), n), { length: s } = e; + let f = g; + if (s > 1) { + const r = [], p = document.createTreeWalker(o, 129); + let l = 0, c = `${x}${l++}`; + for (f = []; l < s; ) { + const m = p.nextNode(); + if (m.nodeType === ut) { + if (m.data === c) { + const u = Z(t[l - 1]) ? _ : F; + u === F && r.push(m), f.push(b(O(m), u, null)), c = `${x}${l++}`; + } + } else { + let u; + for (; m.hasAttribute(c); ) { + u || (u = O(m)); + const U = m.getAttribute(c); + f.push(b(u, vt(m, U, n), U)), S(m, c), c = `${x}${l++}`; + } + !n && Dt.test(m.localName) && m.textContent.trim() === `` && (f.push(b(u || O(m), Mt, null)), c = `${x}${l++}`); + } + } + for (l = 0; l < r.length; l++) + r[l].replaceWith(P()); + } + const { childNodes: a } = o; + let { length: i } = a; + return i < 1 ? (i = 1, o.appendChild(P())) : i === 1 && s !== 1 && a[0].nodeType !== mt && (i = 0), W(et, e, b(o, f, i === 1)); +}, et = /* @__PURE__ */ new WeakMap(), x = "is\xB5", nt = (e) => (t, n) => et.get(t) || $t(t, n, e), Wt = tt(nt(!1)), jt = tt(nt(!0)), K = (e, { s: t, t: n, v: o }) => { + if (e.a !== n) { + const { b: s, c: f } = (t ? jt : Wt)(n, o); + e.a = n, e.b = s, e.c = f; + } + for (let { c: s } = e, f = 0; f < s.length; f++) { + const a = o[f], i = s[f]; + switch (i.u) { + case _: + i.v = _( + i.t, + Kt(i.c, a), + i.v + ); + break; + case F: + const r = a instanceof V ? K(i.c || (i.c = A()), a) : (i.c = null, a); + r !== i.v && (i.v = F(i, r)); + break; + default: + a !== i.v && (i.v = i.u(i.t, a, i.n, i.v)); + break; + } + } + return e.b; +}, Kt = (e, t) => { + let n = 0, { length: o } = t; + for (o < e.length && e.splice(o); n < o; n++) { + const s = t[n]; + s instanceof V ? t[n] = K(e[n] || (e[n] = A()), s) : e[n] = null; + } + return t; +}; +class V { + constructor(t, n, o) { + this.s = t, this.t = n, this.v = o; + } + toDOM(t = A()) { + return K(t, this); + } +} +const G = /* @__PURE__ */ new WeakMap(), Vt = (e, t) => { + const n = G.get(e) || W(G, e, A()), { b: o } = n; + return o !== (typeof t == "function" ? t() : t).toDOM(n) && e.replaceChildren(n.b.valueOf()), e; +}; +/*! (c) Andrea Giammarchi - MIT */ +const Ht = (e) => (t, ...n) => new V(e, t, n), It = Ht(!1), zt = ` + /* Font definitions */ + /* cyrillic-ext */ + @font-face { + font-family: 'Inter'; + font-style: normal; + font-weight: 400; + src: url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyfAZJhiJ-Ek-_EeAmM.woff2) format('woff2'); + unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; + } + /* cyrillic */ + @font-face { + font-family: 'Inter'; + font-style: normal; + font-weight: 400; + src: url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyfAZthiJ-Ek-_EeAmM.woff2) format('woff2'); + unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; + } + /* greek-ext */ + @font-face { + font-family: 'Inter'; + font-style: normal; + font-weight: 400; + src: url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyfAZNhiJ-Ek-_EeAmM.woff2) format('woff2'); + unicode-range: U+1F00-1FFF; + } + /* greek */ + @font-face { + font-family: 'Inter'; + font-style: normal; + font-weight: 400; + src: url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyfAZxhiJ-Ek-_EeAmM.woff2) format('woff2'); + unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; + } + /* vietnamese */ + @font-face { + font-family: 'Inter'; + font-style: normal; + font-weight: 400; + src: url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyfAZBhiJ-Ek-_EeAmM.woff2) format('woff2'); + unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; + } + /* latin-ext */ + @font-face { + font-family: 'Inter'; + font-style: normal; + font-weight: 400; + src: url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyfAZFhiJ-Ek-_EeAmM.woff2) format('woff2'); + unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; + } + /* latin */ + @font-face { + font-family: 'Inter'; + font-style: normal; + font-weight: 400; + src: url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyfAZ9hiJ-Ek-_EeA.woff2) format('woff2'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; + } + + /* Mulish font faces */ + /* cyrillic-ext */ + @font-face { + font-family: 'Mulish'; + font-style: normal; + font-weight: 600; + src: url(https://fonts.gstatic.com/s/mulish/v13/1Ptyg83HX_SGhgqO0yLcmjzUAuWexU1W8aqvG547LTdNwPak.woff2) format('woff2'); + unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; + } + /* cyrillic */ + @font-face { + font-family: 'Mulish'; + font-style: normal; + font-weight: 600; + src: url(https://fonts.gstatic.com/s/mulish/v13/1Ptyg83HX_SGhgqO0yLcmjzUAuWexU1W8aOvG547LTdNwPak.woff2) format('woff2'); + unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; + } + /* vietnamese */ + @font-face { + font-family: 'Mulish'; + font-style: normal; + font-weight: 600; + src: url(https://fonts.gstatic.com/s/mulish/v13/1Ptyg83HX_SGhgqO0yLcmjzUAuWexU1W8aivG547LTdNwPak.woff2) format('woff2'); + unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; + } + /* latin-ext */ + @font-face { + font-family: 'Mulish'; + font-style: normal; + font-weight: 600; + src: url(https://fonts.gstatic.com/s/mulish/v13/1Ptyg83HX_SGhgqO0yLcmjzUAuWexU1W8amvG547LTdNwPak.woff2) format('woff2'); + unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; + } + /* latin */ + @font-face { + font-family: 'Mulish'; + font-style: normal; + font-weight: 600; + src: url(https://fonts.gstatic.com/s/mulish/v13/1Ptyg83HX_SGhgqO0yLcmjzUAuWexU1W8aevG547LTdNwA.woff2) format('woff2'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; + } + + /* These global styles should be scoped to the banner */ + .anima-banner * { + -webkit-font-smoothing: antialiased; + box-sizing: border-box; + } + + /* These should be scoped to banner elements */ + .anima-banner button:focus-visible { + outline: 2px solid #4a90e2 !important; + outline: -webkit-focus-ring-color auto 5px !important; + } + + .anima-banner a { + text-decoration: none; + } + + /* Variables should be scoped to the banner */ + .anima-banner { + --text-medium-sm-font-family: "Mulish", Helvetica; + --text-medium-sm-font-weight: 600; + --text-medium-sm-font-size: 12px; + --text-medium-sm-letter-spacing: 0px; + --text-medium-sm-line-height: 160.0000023841858%; + --text-medium-sm-font-style: normal; + --colors-purple-purple-8: rgba(168, 152, 236, 1); + --colors-grey-grey-6: rgba(226, 226, 223, 1); + --colors-purple-purple-11: rgba(87, 70, 175, 1); + } + + /* Component styles */ + .anima-banner { + position: fixed; + top: 0; + left: 0; + right: 0; + z-index: 9999; + display: flex; + height: 48px; + align-items: center; + justify-content: center; + gap: 10px; + background-color: #101729; + border-bottom: 3px solid #6c53ce; + } + + .anima-banner .text-wrapper { + position: relative; + width: fit-content; + font-family: "Inter", Helvetica; + font-weight: 400; + color: #f2f5f9; + font-size: 14px; + text-align: center; + letter-spacing: 0; + line-height: normal; + } + + .anima-banner .anima-playground { + position: relative; + width: 175px; + height: 24px; + } + + .anima-banner .anima-logo { + position: absolute; + width: 24px; + height: 24px; + top: 0; + left: 0; + } + + .anima-banner .playground-text { + position: absolute; + top: 3px; + left: 84px; + font-family: "Mulish", Helvetica; + font-weight: 600; + color: var(--colors-purple-purple-8); + font-size: 17px; + letter-spacing: 0; + line-height: 15.8px; + white-space: nowrap; + } + + .anima-banner .text-wrapper-2 { + position: absolute; + top: 3px; + left: 28px; + font-family: "Mulish", Helvetica; + font-weight: 600; + color: #ffffff; + font-size: 17px; + letter-spacing: 0; + line-height: 15.8px; + white-space: nowrap; + } + + .anima-banner .button { + all: unset; + box-sizing: border-box; + display: inline-flex; + height: 28px; + align-items: center; + justify-content: center; + gap: 8px; + padding: 0px 12px; + position: relative; + flex: 0 0 auto; + background-color: var(--colors-purple-purple-11); + border-radius: 6px; + cursor: pointer; + } + + .anima-banner .button:hover { + opacity: 0.9; + } + + .anima-banner .label { + position: relative; + width: fit-content; + font-family: var(--text-medium-sm-font-family); + font-weight: var(--text-medium-sm-font-weight); + color: var(--colors-grey-grey-6); + font-size: var(--text-medium-sm-font-size); + letter-spacing: var(--text-medium-sm-letter-spacing); + line-height: var(--text-medium-sm-line-height); + white-space: nowrap; + font-style: var(--text-medium-sm-font-style); + } + + /* Responsive styles */ + @media screen and (max-width: 768px) { + .hide-tablet { + display: none; + } + + .anima-banner { + gap: 8px; + } + } + + @media screen and (max-width: 480px) { + .anima-banner { + gap: 6px; + } + + .hide-mobile { + display: none; + } + + .anima-banner .text-wrapper { + font-size: 12px; + } + + .anima-banner .anima-playground { + width: 150px; + } + + .anima-banner .div, + .anima-banner .text-wrapper-2 { + font-size: 15px; + } + } +`, Pt = ({ onStartNowClick: e, startNowUrl: t }) => It` + +
+
Generated by
+
+ +
anima
+
playground
+
+

Turn your own designs to code today

+ { + e && e(); +}} class="button">
Start now
+
+`, Gt = (e) => fetch("https://l.animaapp.com/analytics/collect", { + method: "POST", + headers: { + "Content-Type": "application/json", + "X-Client-Id": "dev.animaapp.io" + }, + body: JSON.stringify(e) +}).catch(() => { +}), J = (e, t = {}) => { + const n = { + eventAction: e, + params: { + platform: "playground-website", + origin: "playground-website", + ...t, + domain: window.location.hostname, + url: window.location.href + }, + time: new Date().getTime() + }; + return Gt([n]); +}; +class Jt { + constructor() { + H(this, "data"); + this.data = window.__anima__, document.addEventListener("DOMContentLoaded", () => { + this.setup(); + }); + } + setup() { + const t = this.data?.session_data; + J("playground-website.pageview", { + session_id: this.data?.session_id || "" + }), t?.is_paying_team || this.injectFreeWebsiteBanner(); + } + injectFreeWebsiteBanner() { + const n = `https://www.animaapp.com/an?url=https%3A%2F%2Fwww.animaapp.com&utm_content=${window.location.hostname}&utm_medium=anima-playground&utm_source=free-website-banner`, o = document.createElement("div"); + o.style.marginBottom = "48px", Vt( + o, + Pt({ + onStartNowClick: () => { + J("playground-website.banner.start-now-click"); + }, + startNowUrl: n + }) + ), document.body.prepend(o); + } +} +const qt = new Jt(); +export { + qt as animaScripts +}; diff --git a/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/frame-4.svg b/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/frame-4.svg new file mode 100644 index 00000000..e080ce36 --- /dev/null +++ b/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/frame-4.svg @@ -0,0 +1,4 @@ + + + + diff --git a/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/frame-43.svg b/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/frame-43.svg new file mode 100644 index 00000000..445e1dfe --- /dev/null +++ b/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/frame-43.svg @@ -0,0 +1,4 @@ + + + + diff --git a/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/globals.css b/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/globals.css new file mode 100644 index 00000000..962a0200 --- /dev/null +++ b/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/globals.css @@ -0,0 +1,22 @@ +@import url("https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css"); +@import url("https://fonts.googleapis.com/css?family=Inter:500,700,400"); +* { + -webkit-font-smoothing: antialiased; + box-sizing: border-box; +} +html, +body { + margin: 0px; + height: 100%; +} +button:focus-visible { + outline: 2px solid #4a90e2 !important; + outline: -webkit-focus-ring-color auto 5px !important; +} +a { + text-decoration: none; +} +input:focus-visible { + outline: 2px solid #4a90 e2 !important; + outline: -webkit-focus-ring-color auto 5px !important; +} diff --git a/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/group-161@2x.png b/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/group-161@2x.png new file mode 100644 index 0000000000000000000000000000000000000000..8cdf963ec2cfbf8796e55fec563d44fd4e573722 GIT binary patch literal 356 zcmeAS@N?(olHy`uVBq!ia0y~yU@`-;IXKvWVM%xNb!1@J*w6hZkrl}Q>FMGaQo;E4wxZt=2Z^?a@8!20oZu^H z!6J3FE%?C>Ci4dAH3yOlyVod2<{e=4aA4fj#Nx;y+QOT;`*4qH%mU;0#m$BJY0r#V zr^d^Ck(#EqdQZ(t&e^s3TdMyr{X3gKcmH=L28NZJLm$5Vvnn&HJJ2|zW=7S8Kcb7D zeRwo=2P1<5f9%89w@z1LmWi2OJRi4k`{O5lK!^Pc|MqOUp3B)zp|6!&lo=Q%aL4cb zpm&v%fg$0SSNf-ZuPc8lb%Da1`P=g@yfHZ%J^M$dh2CNY1_w5uyBgNT`r9(xbFZpJ zYcdwTv#pQX+`+`4z^<6#bofrMba=eE?{98Cvw$$G%f`UKU|{fc^>bP0l+XkK-7|)$ literal 0 HcmV?d00001 diff --git a/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/history-1.svg b/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/history-1.svg new file mode 100644 index 00000000..c29f09c5 --- /dev/null +++ b/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/history-1.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/image-115@2x.png b/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/image-115@2x.png new file mode 100644 index 0000000000000000000000000000000000000000..725a6e51fd5c0e1d0cfa0cb206d50855c07f663b GIT binary patch literal 8259 zcmV-JAiUp+P)0lvMz!s2r8=xMv8!fXh1qh z4+IFLOnOM2^h}a@@4M%*!Jr|zcj}wT`~QAnhRmI0GIQR&rymX^LUeSreYv9E$Faet zGjM#2RuFn~f)FEciXZ^N6F6`t%N#%e8<1%ij^i2yp4X7uN}hvKg&-93z@?IhE^-{C z*fc@ffB^$;Bqknf+k}M$~YpF0tcr+5Po#C zcRH4unpy>Bz~n;MrArsrs)pK;f*?FVF4wVSXY&R#UkoyUpFj!l!gikHe(-U2OG-&e zsRk2avJXEvHrPvB%RNW#P9|TmAPb&U5y;mS4up-3VDn|MN>vC(#^{0&PS60qi2Q8} zKt5_MjXHtjRtXB*_im)87lDy5nh*v?MurMPEU&jABqFd+r3 zJp?z68J*GlI3{+7gM+8*Tg0*a0r{^F$aEAu1>okmd3Y$Q)D^#i9_Y0b2FJ#F@paW3 ziO=tDkm;}xA==_(V?Q@7ElmSDptBJAMMZT|Xd8BsyZu0>!$SzgaMB?f?^u0gPU0=#CR_#xgW{hc#x5~oe&~WeVn{~_STe_ z*U&zR$&C`)Bh-_(RqiClP;ZctX$1jStPgthH~3bqfn-ik3W9@Pdg!INApdJ47n~u z#uyMm%vUz@J@fK@&$ju~PRMH&^JD>(F&1Rk3*>EKPRsAzCWJm+d|VYAHwR>7j0gvc zdBFpN9h?7un-JP*Tt*85M1qWr5g|u%557owD-}?2`-9pU0CJU_jM3qEUOVg7f12;$ zQEaPm$|a)c1~RvyR4BmKMoDg!pipv{$`0aNM~)3%;DP4_Xwqt-u}Mq5rB~ruM~?Doxsi65uC~6PWE}S14`@A`0A1;cEg-Lle~1*F#O62C8c7prWc4N-C!G}&8m^@0z@_wTxR#X%Sp`Lqky9u>*5Tm!q2%8~w~ph$@Ze(ta09`Lu(z{? zgxF{p-nR$z>Jko-LH^+5=?)I|)S2f-N7L8@CFK>6mR$fRFQ&qY3s)ienhI*`b*i4U zD9CAYG(R(Yh$w_JX3S6?IeoH>oD&v*97l%*!kB)&U`Rq74C@mIHa3=*hpTC5gmYKY zVc+rdu>ZGYBB1$X)8N4hsbBE$d}mPzgCc@@@q*$!SRi=Bb|!*1lnC7HNh3tP?xx{j zJ!IzHfVGKx;me&#U~OO?j6~m2;Ufp?;2^5dY-=c5+NiZRdQ;z|4GdpKNRfj>|lG+F{rGr1t~)u zU4fzy3LN-K@iazZn>Aq=Ja*rBhz<>ej*KhuRl2%35&vWRjSVVm>R{dTkHXUrPJ$2r z`#o&>@mI<2i~Eq$OFSfx?N6$e+V_te!YJ@c0Ua4)fHrZ$AKKL z9_}sxdF{81MnOeCqqE~pow+kPMb^CXBpg3~1wQ$9FC09bOd>r}artoG%@Gr`YxwT2 z&hYnn_rU`bhJvHLJ(wHZNih7TCLd@e`Krcn969Fd$cL*TyGa9aGB=S}akGww`kIoc z4|e3sk%ahA0Gu5i!PDItyhudG+rw2a3m#PyUr!IJwfMR*JlHIR&9858e609&^!#O5 zwP`mTKAU3pW11YtF3r}lSvCFP3EknJ3m=4T5y4PC%qoPa6l?Xh(uj=Vj<;ps5lH;$2o#p8 zEhgBXT~N%l9^>S+R8~_rN;SJ7XkH-{crhVVSMZ44NaCqK96Bu~j9MBuO4Us3QGKBW zjT2gwO7rHCnpFsK7p&K?J5O;3dF_*LVDHg0784_F4NPcdfkjvv7%pz5(!60%v+IQQ z4Gq+5QNP>r(_whw-(QG+I!mXpxSVM{%a}kGHOJh!D`pqM+B*6S;{Cr}fW<3518bqU zoX&#P1(p*+F!O0*b|FOXJ}p@7W(qK{fyGUJULIlr6uL&792~&T)r z=x0QIw5Uu?9Nbk*MiK7j^+b1bu%jzC5LgT@hV8A1*Md1QyAW102%(dsz3AjMr1gse z=i}iHy<#FDBG?bQMTSCLbch&ja3+H1;9w_~eBKFE5m1;gR{PlUkKh=I&$6Il5W+?+ zy|A?Pn*RufAI*u`g|NJm-m1lPCftqCAE*x~T%!i`g#JCcz{q|*#mr@0!FVthRN>cv zo?V%Ru!+HdV9}p#jbuq11G5WZVF|r*j!sqluyqkabZ-nLVXOxy3=^X?4)%6nXuK$6 zyDeeyrDGI`7CSroib9s3YYfaTgt<3LsMlhq4IW)A>U?x)08Ae{1g4G}03iXsU`*_6 z*-J?|1-agS}W@K%W^?s;1urjDaMC@S2KV2xG#7 zsMluX6o9EnCA*-yiY=2T)Zd4CEfz0TQ2u-utZ#9m%MsL)ke#`ceI+4;`NgHwYeW3$ zcMnxT`;}>i;^3J}%n7tul1WQ32@CR+KOc*#>}~0+Zgo|)*-9Lmkwlk%Z1{s&A2g{- zp#i?P8dSE2Dz8{{2J6$N219cA`mo6*D)7~Hb)p{IoTY+JaCb+m@xX&qM*1OYU(?=~bKwrs$(!Do$uBAu zO9Xy7c>zu)r;7h?G(v0@FQkOnDC+f>(z2=7c8d(5URzSG)+wjckVrxZ(NBf$2O1$n zx<`jn2_b?VQAbe<;g-FJVfmU()Vh~GU}g@BYH>|PZ+Qp%c~h^=D>9w&b|)mE6XMaD zozHUI(AOs)IeVFUE$+ys5J03$cra5je0pvn)jG^F3TN;ju-3U41IaY0##&%nqQmI> z(yWscVQw_3tS<^J&0HP)45V!kTR% zDIrW%(I)|TxVb=o2K^_Ae3*@t1@q$v$1}M(Sh#=O5bCwq+V?QSg~{@M6cd*ZOZJj6 zk(3akaZIZhV$NKjZuI&OhP|#(=KEnhcQM! z&opu0QR?->6XJk{d&OIZ=dB=ue_N0+a zI~BeU>6GsShM*^p><6@9-S(AC^G8aWk(?0X8+4c<>0og0ZlXR!3wEui1;byDP5%q% z3s(F+asLFS=WN+~h`NLnlOeiyrgtl0Qir}>EDVVxr)>Xnf?hAgS$AO!wHjwGr!h6B zd}#7$=)_Q5)f#sXyNfA-6*GBu>_0)h9;Y8TFmzlva*qBYHwBUu!gE(LsEc}BoE#t_ zt~1brVZ2Wg_fW6L81>`R$LlZXeV&_c0iMra+QH zh*>YcUAjiSekQ|*fS?6Vn^}WAGHonG1qXmG;IPB+K>A$}S+{jB_1YdJa@2)k{tGsf z&&rpEle!s63L&!Z=vnHu1BqT3z)eIf_CzJ5G%3Z#Z)g%E3DFQ(D&2so0KMQh6`EP-vm z9H(B7y4SKNW>M>gQ$`PfafAB+3s*97m|RF>2gE}VLp=$`ilvgY&=ScCA%boST713S zVQ?RMhb=1TU;l7`X()Bim~e6Sa(e{$dci*zJRt7SwBRoF*1AOMlry{-o|wtz_CePS z%kFO~BrSwVC(eVKp-;+!8Eihi3#plK;M7H?=RA7fxHg^6wl+#wxBO}9%E4yvb+9BW z3?mT|j2N+y_|svKB9azDOu^ckbc}jEW)(*=4(Wb%%_gRC3n+lEKRxG;4)P~wO@cn% z=a=oY~9@4h6b!O+~#vzH20m8x#*Le7@rs$r8d`teF%ipBGQl^dny@cO6pBQ`M+V)4UMnMRDE9>{Xk zn;OXrA+m1kPtLJOWt2mc=VJY-4&(U?*=_`p9(gNE}M^vsEwtmAVO0OIB>y z%G9?T^AU$9(7R=jW9P2G^(?lwb*983gzzYdb(S&oRmLzDOOr@s+b_o;J%_H#K{NM^ z=m#%7c0a6s@d?pq#|rLF+mh(rM99+*PG+7DjTf<$NA6mL5TZ}-JBHjk6hI7@u~4F} zgk>LpEyk8vz^V1R2q5}Fm%RHK(+rW3clCt3y3@zW5gg)pTtW$~tzi*DhzX#A1XH zr&ey*{xj2DyIFr3CK?bdU>As0n|=Uefenb3eY}Y&i2y7A{>qpXi+sEHup}cSf5c*h z5IJ<_5*)q2P#Zx`u6K#sg!Ks9xGRaN;EEO;X|eE)HB9Y!6$%dC_}fFwWd_)h|BLT` z0ZYK5gb-Qz)h?#>L;A$RgrV&HWtP0Zo+;!IY{O=Fb36Mk56?yZ`>d=LT_YV5DN%$6vvL-;$Z0hq2+8 zh+a!OaHkne%J_((md4yzoDiZ&yuE%a({rLi{NdUEV^2!`@$hL_^^JZXCK@}dH~#?Z zxBblYJdB9E`s8fz@nCoVe71ETA{K+xZY2i*vURv-vANI!8gRm>%10e6~9X)2gFq;IPhD+<6$V#vHr z1d#Oz#^Uvt7tDg`V+VmQB%Qnf?|#l^ut^1r-3godeEU8~zOG_BdF8d9*MwXclnxc-~(cW=;GE{Fk=EdG6A1W(mNJhiSCBciFvPlNF2oM^X-sX6NbaGg%2`EcA9yQ z2>#w9XTVaicp*e`NW9mDSiODY*wUQP8I0C)5<{8g@4vGI5`R7_9;45{zX6gN((_v~ zb<7}m``L%7+x-3!3}wEu>MQ2sUrJbo5F#g%uZji-s|yB4Q8a0JahM`2r~_gYM6Kf} zGR(+Ew-HN$d`mDR{MmQbG3&Nc!)k;OE9P)C*?mN@XKh|Is8=`9{esgyO~t@oU18&! zOLP`M)H`4N&qi_1vZZ4+LWtZP7RbS%-t_G{5ER-W@v&mIGpmuK3u6bx!W-oo0x>=MZV0A)>U@B8;W-d$`-cJ-P7Vu~uPIg3`j&$%0TZ@o8;YcoqXXi{2 z3*&7W)3RDp-_QU{R;)Lv?rI9GQV0=ofOd5?jPBnXSV2Kdh>I3W0}h-@*312Yp}3b9 z%!I!ZXSA-}UJ*1zKKyDYe6`#1V#Dnq+!R7j_m{y6q9=dk{MAgc8-uRnW3dZr{~j@7 zH>;{zcKs_lGyqn=yb$gls{iEBRp0yo|K7NRdIW|A(b&8bE+sd1V1=BzbWO}7#2Lf7 z5JC)`F$3d?KxaS!gFkNEpgyqrrG*e{fceSWla9k{pME3RUNZVX&W4Kr38BZ+Y_K`q5(SD8%hAhmcbjh!^u&`z-P}FBffEcjW!gf(j`=vM0z-4XyG7|0+hqYGA2m7IW@DLQ7fJM0m(y}cFG%m2C!?~;J;@DPaC*8ALXuz73MJv{ch3a)y z?E`ERf#;Mj*QnLGx8lXTL(L_kV|UO?@+Rn;8~x}@aOjNjI^F;JTQZDW@Cxky^*6Ds zpyR?__OQ1X-{@OAVQpz`gNvs}FLIZ?0g4rYI}!SUU6ENB{g;R z@Xek>@YwQ?#9`u6?xJr(1O=~HTvbsa4yd_J*y7^i?8<7Y&XP6slM1aIi~&y@GYFoY zb1y`&j4TsCOq}>=(=Ir3*}9TY^+tfx1^sdcKq81S$=i0q;^Ja03E|-warR~{RtoN0 zSjD&X=c8apEaz^~A!6grwm5e+1D<<-J$&-*9*gOgYEn4vwd!LPw+1i&>DcYkrHgB& zrWX64872^FW%&7cz@pjr!mNqIh`wlh+hb^9f4unzor>u@3gn{B*Mc&kSf#o(xu{j$ zFCZ-Jb>R4yK<17F`+39sY2#qhu)E-5S~jdA$F8;2ei#E1XaB(cs>;eL-96novUQFEnKogWQQXnt zIBscfR?eR~o8Gy&se%83{Hp>P8N+Z{;V*1x?SVT6N~@}>DqX!ibBJSW26S-0p^Tnz zfXBt${7bp5W@)rp=2;M$wUcb2#+$Jv(=iZ)4F#&4I}WXGyVm$uBEgELC&^*X-ZxD~ z22c-#>%%}iBsuQPe+`)k`5M*Tj00-QDS9`}Psi~<|^v}@& z-|%pMCGgv1L6m6;*#Y-Bfbv0=N~LCbo=)xHFax5=zIHqjVapgTE@ONI?rTA5_b{sf zB0BdZEJ-b?3iRqUk=)$`G94N;LIQn!=iNw8F9IFVI~*4t9`4WpO^XEJ{t0ppV#h*& zQnHPGSdf|XI_QC+V#1tXWa!-rURX))M}SO6AcYtBXKrNW?FT(ESOlb|yyBXdo5x0h z6NL~5iO5M0)(KCxz?EDB|43nOzCmhZ4cey~lNDpaqh^Crm`?ti2{Kj%*;Udx1vkD+ zc=U7m`S}Jbo-x{P6&M)kB-kq#a{??Trn@J|SS-ZwC>D5ln`_j5LWIxYMbkzhg@ZY1z8}a0Qne*4zGY60%yB< zXhOo-#Kc6CHOn^ZhaVjs?N+1J^dk1wSdQbykV`O*9NBIlV+v5WJIx8gZq8PD#6{_F zi6!1^NTjv{DT2a-dXk&oo@=a002ovPDHLkV1nxZ Bp!)y- literal 0 HcmV?d00001 diff --git a/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/licence-2.svg b/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/licence-2.svg new file mode 100644 index 00000000..60ff2946 --- /dev/null +++ b/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/licence-2.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/load.js b/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/load.js new file mode 100644 index 00000000..a1831f8c --- /dev/null +++ b/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/load.js @@ -0,0 +1 @@ +window.__anima__ = {"session_id":"JCnGzpbH","session_data":{"is_paying_team":false}}; \ No newline at end of file diff --git a/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/options-2.svg b/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/options-2.svg new file mode 100644 index 00000000..fdcb15de --- /dev/null +++ b/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/options-2.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/renew-1.svg b/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/renew-1.svg new file mode 100644 index 00000000..cc89cf79 --- /dev/null +++ b/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/renew-1.svg @@ -0,0 +1,4 @@ + + + + diff --git a/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/sale-1.svg b/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/sale-1.svg new file mode 100644 index 00000000..75fda340 --- /dev/null +++ b/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/sale-1.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/star-1.svg b/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/star-1.svg new file mode 100644 index 00000000..94aa9835 --- /dev/null +++ b/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/star-1.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/style.css b/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/style.css new file mode 100644 index 00000000..fe1bac03 --- /dev/null +++ b/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/style.css @@ -0,0 +1,1558 @@ +.bedolaga-expanded { + background-color: var(--x1st-layer); + width: 100%; + min-width: 375px; + min-height: 3776px; + position: relative; +} + +.bedolaga-expanded .language { + display: flex; + width: 33px; + height: 32px; + align-items: center; + justify-content: center; + gap: 10px; + padding: 10px; + position: absolute; + top: 16px; + left: 326px; + background-color: var(--vanila); + border-radius: 10px; +} + +.bedolaga-expanded .text-wrapper { + position: relative; + width: fit-content; + margin-top: -3.50px; + margin-bottom: -1.50px; + margin-left: -3.00px; + margin-right: -3.00px; + font-family: "Inter", Helvetica; + font-weight: 500; + color: var(--x1st-layer); + font-size: 14px; + letter-spacing: -0.41px; + line-height: normal; +} + +.bedolaga-expanded .frame { + width: 263px; + align-items: center; + gap: 8px; + position: absolute; + top: 16px; + left: 56px; + display: flex; + flex-direction: column; +} + +.bedolaga-expanded .image { + position: relative; + width: 80px; + height: 80px; + aspect-ratio: 1; + object-fit: cover; +} + +.bedolaga-expanded .div { + display: flex; + flex-direction: column; + align-items: center; + position: relative; + align-self: stretch; + width: 100%; + flex: 0 0 auto; +} + +.bedolaga-expanded .div-wrapper { + display: inline-flex; + height: 32px; + align-items: center; + justify-content: center; + gap: 10px; + padding: 10px; + position: relative; +} + +.bedolaga-expanded .text-wrapper-2 { + position: relative; + width: fit-content; + margin-top: -7.00px; + margin-bottom: -5.00px; + font-family: "Inter", Helvetica; + font-weight: 700; + color: var(--white); + font-size: 20px; + text-align: center; + letter-spacing: -0.41px; + line-height: normal; + white-space: nowrap; +} + +.bedolaga-expanded .frame-2 { + display: flex; + align-items: center; + justify-content: center; + gap: 10px; + padding: 5px 10px; + position: relative; + align-self: stretch; + width: 100%; + flex: 0 0 auto; +} + +.bedolaga-expanded .text-wrapper-3 { + position: relative; + width: fit-content; + margin-top: -1.00px; + font-family: "Inter", Helvetica; + font-weight: 500; + color: var(--white); + font-size: 14px; + text-align: center; + letter-spacing: -0.41px; + line-height: normal; +} + +.bedolaga-expanded .frame-3 { + display: flex; + flex-direction: column; + width: 343px; + align-items: flex-start; + gap: 16px; + padding: 16px; + position: absolute; + top: 176px; + left: calc(50.00% - 172px); + background-color: var(--x2nd-layer); + border-radius: 15px; +} + +.bedolaga-expanded .frame-4 { + display: flex; + align-items: center; + justify-content: space-between; + position: relative; + align-self: stretch; + width: 100%; + flex: 0 0 auto; +} + +.bedolaga-expanded .frame-5 { + display: inline-flex; + align-items: center; + gap: 11px; + position: relative; + flex: 0 0 auto; +} + +.bedolaga-expanded .img { + position: relative; + width: 40px; + height: 40px; +} + +.bedolaga-expanded .text-wrapper-4 { + position: relative; + width: fit-content; + font-family: "Inter", Helvetica; + font-weight: 500; + color: #fafafa; + font-size: 16px; + letter-spacing: -0.41px; + line-height: normal; + white-space: nowrap; +} + +.bedolaga-expanded .staus { + display: inline-flex; + align-items: center; + justify-content: center; + gap: 10px; + padding: 8px; + position: relative; + flex: 0 0 auto; + background-color: #ae463d; + border-radius: 37px; +} + +.bedolaga-expanded .text-wrapper-5 { + position: relative; + width: fit-content; + margin-top: -1.00px; + font-family: "Inter", Helvetica; + font-weight: 500; + color: var(--white); + font-size: 12px; + letter-spacing: -0.41px; + line-height: normal; +} + +.bedolaga-expanded .frame-6 { + display: flex; + flex-direction: column; + align-items: flex-start; + gap: 8px; + position: relative; + align-self: stretch; + width: 100%; + flex: 0 0 auto; +} + +.bedolaga-expanded .frame-7 { + display: flex; + flex-direction: column; + align-items: center; + padding: 8px 16px; + position: relative; + align-self: stretch; + width: 100%; + flex: 0 0 auto; + background-color: var(--x3d-layer); + border-radius: 10px; +} + +.bedolaga-expanded .frame-8 { + display: flex; + height: 32px; + align-items: center; + justify-content: space-between; + padding: 10px 0px; + position: relative; + align-self: stretch; + width: 100%; +} + +.bedolaga-expanded .text-wrapper-6 { + width: fit-content; + margin-top: -3.50px; + margin-bottom: -1.50px; + font-weight: 400; + color: var(--white); + font-size: 14px; + position: relative; + font-family: "Inter", Helvetica; + letter-spacing: -0.41px; + line-height: normal; +} + +.bedolaga-expanded .text-wrapper-7 { + position: relative; + width: fit-content; + margin-top: -4.50px; + margin-bottom: -2.50px; + font-family: "Inter", Helvetica; + font-weight: 700; + color: var(--white); + font-size: 16px; + text-align: right; + letter-spacing: -0.41px; + line-height: normal; + white-space: nowrap; +} + +.bedolaga-expanded .frame-9 { + display: flex; + height: 32px; + align-items: center; + justify-content: center; + gap: 10px; + padding: 10px 0px; + position: relative; + align-self: stretch; + width: 100%; +} + +.bedolaga-expanded .text-wrapper-8 { + position: relative; + flex: 1; + margin-top: -3.50px; + margin-bottom: -1.50px; + font-family: "Inter", Helvetica; + font-weight: 400; + color: var(--white); + font-size: 14px; + letter-spacing: -0.41px; + line-height: normal; +} + +.bedolaga-expanded .text-wrapper-9 { + position: relative; + width: fit-content; + margin-top: -4.50px; + margin-bottom: -2.50px; + font-family: "Inter", Helvetica; + font-weight: 700; + color: var(--white); + font-size: 16px; + text-align: center; + letter-spacing: -0.41px; + line-height: normal; + white-space: nowrap; +} + +.bedolaga-expanded .frame-10 { + display: flex; + align-items: center; + gap: 8px; + position: relative; + align-self: stretch; + width: 100%; + flex: 0 0 auto; +} + +.bedolaga-expanded .frame-11 { + display: flex; + flex-direction: column; + align-items: flex-start; + gap: 10px; + padding: 8px 16px; + position: relative; + flex: 1; + flex-grow: 1; + background-color: var(--x3d-layer); + border-radius: 10px; +} + +.bedolaga-expanded .text-wrapper-10 { + width: fit-content; + margin-top: -1.00px; + font-weight: 400; + color: var(--white); + font-size: 14px; + position: relative; + font-family: "Inter", Helvetica; + letter-spacing: -0.41px; + line-height: normal; +} + +.bedolaga-expanded .text-wrapper-11 { + align-self: stretch; + font-weight: 700; + font-size: 16px; + text-align: right; + position: relative; + font-family: "Inter", Helvetica; + color: var(--white); + letter-spacing: -0.41px; + line-height: normal; +} + +.bedolaga-expanded .text-wrapper-12 { + position: relative; + width: fit-content; + font-family: "Inter", Helvetica; + font-weight: 400; + color: var(--white); + font-size: 14px; + text-align: center; + letter-spacing: -0.41px; + line-height: normal; +} + +.bedolaga-expanded .text-wrapper-13 { + position: relative; + width: fit-content; + margin-top: -1.00px; + font-family: "Inter", Helvetica; + font-weight: 700; + color: var(--white); + font-size: 16px; + text-align: center; + letter-spacing: -0.41px; + line-height: normal; + white-space: nowrap; +} + +.bedolaga-expanded .button { + all: unset; + box-sizing: border-box; + display: flex; + align-items: center; + justify-content: center; + gap: 10px; + padding: 10px; + position: relative; + align-self: stretch; + width: 100%; + flex: 0 0 auto; + background-color: var(--vanila); + border-radius: 10px; +} + +.bedolaga-expanded .text-wrapper-14 { + width: fit-content; + margin-top: -1.00px; + font-weight: 500; + color: var(--x1st-layer); + font-size: 14px; + position: relative; + font-family: "Inter", Helvetica; + letter-spacing: -0.41px; + line-height: normal; +} + +.bedolaga-expanded .frame-12 { + display: flex; + flex-direction: column; + width: 343px; + align-items: flex-start; + position: absolute; + top: 648px; + left: 16px; +} + +.bedolaga-expanded .frame-13 { + display: flex; + align-items: center; + justify-content: center; + gap: 10px; + padding: 10px; + position: relative; + align-self: stretch; + width: 100%; + flex: 0 0 auto; +} + +.bedolaga-expanded .text-wrapper-15 { + flex: 1; + margin-top: -1.00px; + font-weight: 700; + color: var(--white); + font-size: 20px; + text-align: center; + position: relative; + font-family: "Inter", Helvetica; + letter-spacing: -0.41px; + line-height: normal; +} + +.bedolaga-expanded .frame-14 { + display: flex; + flex-direction: column; + align-items: flex-start; + gap: 16px; + padding: 16px; + position: relative; + align-self: stretch; + width: 100%; + flex: 0 0 auto; + background-color: var(--x2nd-layer); + border-radius: 15px; + border: 1px solid; + border-color: var(--x3d-layer); +} + +.bedolaga-expanded .text-wrapper-16 { + width: fit-content; + font-weight: 500; + color: var(--white); + font-size: 16px; + white-space: nowrap; + position: relative; + font-family: "Inter", Helvetica; + letter-spacing: -0.41px; + line-height: normal; +} + +.bedolaga-expanded .vector { + position: relative; + width: 14px; + height: 8px; + margin-right: -1.00px; +} + +.bedolaga-expanded .frame-15 { + display: flex; + flex-direction: column; + height: 88px; + align-items: center; + justify-content: center; + gap: 10px; + padding: 8px; + position: relative; + flex: 1; + flex-grow: 1; + background-color: var(--x3d-layer); + border-radius: 10px; + border: 1px solid; + border-color: var(--x3d-layer); +} + +.bedolaga-expanded .text-wrapper-17 { + position: relative; + align-self: stretch; + font-family: "Inter", Helvetica; + font-weight: 400; + color: var(--white); + font-size: 14px; + text-align: center; + letter-spacing: -0.41px; + line-height: normal; +} + +.bedolaga-expanded .text-wrapper-18 { + align-self: stretch; + font-weight: 700; + font-size: 16px; + text-align: center; + position: relative; + font-family: "Inter", Helvetica; + color: var(--white); + letter-spacing: -0.41px; + line-height: normal; +} + +.bedolaga-expanded .star { + position: absolute; + top: 7px; + left: 8px; + width: 20px; + height: 20px; +} + +.bedolaga-expanded .frame-16 { + display: flex; + flex-direction: column; + height: 88px; + align-items: center; + justify-content: center; + gap: 10px; + padding: 8px; + position: relative; + flex: 1; + flex-grow: 1; + background-color: var(--x3d-layer); + border-radius: 10px; + border: 1px solid; + border-color: var(--vanila); +} + +.bedolaga-expanded .frame-17 { + display: flex; + flex-direction: column; + height: 88px; + align-items: center; + justify-content: center; + gap: 10px; + padding: 8px; + position: relative; + flex: 1; + flex-grow: 1; + background-color: var(--x3d-layer); + border-radius: 10px; +} + +.bedolaga-expanded .text-wrapper-19 { + width: 132px; + height: 17px; + margin-top: -3.50px; + margin-bottom: -1.50px; + font-weight: 400; + color: var(--white); + font-size: 14px; + position: relative; + font-family: "Inter", Helvetica; + letter-spacing: -0.41px; + line-height: normal; +} + +.bedolaga-expanded .frame-18 { + display: flex; + height: 32px; + align-items: center; + justify-content: space-around; + gap: 10px; + padding: 10px 0px; + position: relative; + align-self: stretch; + width: 100%; +} + +.bedolaga-expanded .p { + flex: 1; + height: 17px; + margin-top: -3.50px; + margin-bottom: -1.50px; + font-weight: 500; + color: #ff6868; + font-size: 14px; + text-align: center; + position: relative; + font-family: "Inter", Helvetica; + letter-spacing: -0.41px; + line-height: normal; +} + +.bedolaga-expanded .frame-19 { + display: flex; + flex-direction: column; + width: 343px; + align-items: center; + justify-content: center; + gap: 8px; + padding: 16px; + position: absolute; + top: 520px; + left: 16px; + background-color: var(--x2nd-layer); + border-radius: 15px; + border: 1px solid; + border-color: var(--x3d-layer); +} + +.bedolaga-expanded .frame-20 { + display: flex; + align-items: center; + justify-content: center; + gap: 10px; + padding: 8px 0px; + position: relative; + align-self: stretch; + width: 100%; + flex: 0 0 auto; + background-color: var(--x3d-layer); + border-radius: 10px; +} + +.bedolaga-expanded .text-wrapper-20 { + flex: 1; + margin-top: -1.00px; + font-weight: 400; + color: var(--white); + font-size: 14px; + text-align: center; + position: relative; + font-family: "Inter", Helvetica; + letter-spacing: -0.41px; + line-height: normal; +} + +.bedolaga-expanded .frame-21 { + display: flex; + flex-direction: column; + width: 343px; + align-items: center; + gap: 24px; + padding: 16px; + position: absolute; + top: 1644px; + left: 16px; + background-color: var(--x2nd-layer); + border-radius: 15px; + border: 1px solid; + border-color: var(--x3d-layer); +} + +.bedolaga-expanded .frame-22 { + display: flex; + flex-direction: column; + align-items: center; + gap: 16px; + position: relative; + align-self: stretch; + width: 100%; + flex: 0 0 auto; +} + +.bedolaga-expanded .frame-23 { + display: flex; + flex-direction: column; + width: 214px; + align-items: center; + gap: 6px; + position: relative; + flex: 0 0 auto; +} + +.bedolaga-expanded .text-wrapper-21 { + align-self: stretch; + margin-top: -1.00px; + font-weight: 700; + color: var(--white); + font-size: 14px; + text-align: center; + position: relative; + font-family: "Inter", Helvetica; + letter-spacing: -0.41px; + line-height: normal; +} + +.bedolaga-expanded .text-wrapper-22 { + align-self: stretch; + font-weight: 400; + color: var(--white); + font-size: 12px; + position: relative; + font-family: "Inter", Helvetica; + letter-spacing: -0.41px; + line-height: normal; +} + +.bedolaga-expanded .frame-24 { + display: flex; + flex-direction: column; + height: 72px; + align-items: center; + justify-content: center; + gap: 10px; + padding: 8px; + position: relative; + flex: 1; + flex-grow: 1; + background-color: var(--x3d-layer); + border-radius: 10px; + border: 1px solid; + border-color: var(--vanila); +} + +.bedolaga-expanded .text-wrapper-23 { + position: relative; + align-self: stretch; + font-family: "Inter", Helvetica; + font-weight: 500; + color: var(--white); + font-size: 14px; + letter-spacing: -0.41px; + line-height: normal; +} + +.bedolaga-expanded .frame-25 { + display: flex; + flex-direction: column; + height: 72px; + align-items: center; + justify-content: center; + gap: 8px; + padding: 8px; + position: relative; + flex: 1; + flex-grow: 1; + background-color: var(--x3d-layer); + border-radius: 10px; + border: 1px solid; + border-color: var(--vanila); +} + +.bedolaga-expanded .frame-26 { + display: flex; + flex-direction: column; + height: 72px; + align-items: center; + justify-content: center; + gap: 10px; + padding: 8px; + position: relative; + flex: 1; + flex-grow: 1; + background-color: var(--x3d-layer); + border-radius: 10px; +} + +.bedolaga-expanded .frame-27 { + display: flex; + flex-direction: column; + height: 72px; + align-items: center; + justify-content: center; + gap: 8px; + padding: 8px; + position: relative; + flex: 1; + flex-grow: 1; + background-color: var(--x3d-layer); + border-radius: 10px; +} + +.bedolaga-expanded .frame-wrapper { + display: flex; + flex-direction: column; + width: 310px; + align-items: center; + gap: 16px; + position: relative; + flex: 0 0 auto; +} + +.bedolaga-expanded .frame-28 { + display: flex; + flex-direction: column; + align-items: center; + gap: 13px; + position: relative; + align-self: stretch; + width: 100%; + flex: 0 0 auto; +} + +.bedolaga-expanded .frame-29 { + display: flex; + flex-direction: column; + align-items: flex-end; + gap: 8px; + position: relative; + align-self: stretch; + width: 100%; + flex: 0 0 auto; +} + +.bedolaga-expanded .text-wrapper-24 { + align-self: stretch; + font-weight: 500; + font-size: 14px; + text-align: center; + position: relative; + font-family: "Inter", Helvetica; + color: var(--white); + letter-spacing: -0.41px; + line-height: normal; +} + +.bedolaga-expanded .frame-30 { + display: flex; + flex-direction: column; + align-items: center; + gap: 16px; + padding: 0px 8px; + position: relative; + align-self: stretch; + width: 100%; + flex: 0 0 auto; +} + +.bedolaga-expanded .frame-31 { + position: relative; + width: 32px; + height: 32px; +} + +.bedolaga-expanded .text-wrapper-25 { + font-size: 20px; + position: relative; + width: fit-content; + font-family: "Inter", Helvetica; + font-weight: 700; + color: var(--white); + letter-spacing: -0.41px; + line-height: normal; + white-space: nowrap; +} + +.bedolaga-expanded .text-wrapper-26 { + width: fit-content; + margin-top: -3.50px; + margin-bottom: -1.50px; + font-weight: 500; + color: var(--white); + font-size: 14px; + position: relative; + font-family: "Inter", Helvetica; + letter-spacing: -0.41px; + line-height: normal; +} + +.bedolaga-expanded .frame-32 { + display: flex; + flex-direction: column; + width: 343px; + align-items: center; + gap: 16px; + padding: 16px; + position: absolute; + top: 2382px; + left: 16px; + background-color: var(--x2nd-layer); + border-radius: 15px; + border: 1px solid; + border-color: var(--x3d-layer); +} + +.bedolaga-expanded .referal { + display: flex; + width: 40px; + height: 40px; + align-items: center; + justify-content: center; + gap: 10px; + padding: 10px; + position: relative; + background-color: var(--vanila); + border-radius: 10px; +} + +.bedolaga-expanded .vuesax-bold-user { + position: relative; + width: 24px; + height: 24px; + margin-top: -2.00px; + margin-bottom: -2.00px; + margin-left: -2.00px; + margin-right: -2.00px; +} + +.bedolaga-expanded .frame-33 { + display: flex; + flex-direction: column; + align-items: flex-start; + position: relative; + align-self: stretch; + width: 100%; + flex: 0 0 auto; +} + +.bedolaga-expanded .text-wrapper-27 { + flex: 1; + margin-top: -1.00px; + font-weight: 500; + color: var(--white); + font-size: 14px; + text-align: center; + position: relative; + font-family: "Inter", Helvetica; + letter-spacing: -0.41px; + line-height: normal; +} + +.bedolaga-expanded .frame-34 { + display: flex; + flex-direction: column; + width: 343px; + align-items: flex-start; + gap: 13px; + padding: 16px; + position: absolute; + top: 3196px; + left: 16px; + background-color: var(--x2nd-layer); + border-radius: 15px; + border: 1px solid; + border-color: var(--x3d-layer); +} + +.bedolaga-expanded .text-wrapper-28 { + flex: 1; + margin-top: -1.00px; + font-weight: 700; + color: var(--white); + font-size: 14px; + text-align: center; + position: relative; + font-family: "Inter", Helvetica; + letter-spacing: -0.41px; + line-height: normal; +} + +.bedolaga-expanded .frame-35 { + display: flex; + flex-direction: column; + width: 343px; + align-items: flex-start; + gap: 13px; + padding: 16px; + position: absolute; + top: 3058px; + left: 16px; + background-color: var(--x2nd-layer); + border-radius: 15px; + border: 1px solid; + border-color: var(--x3d-layer); +} + +.bedolaga-expanded .frame-36 { + display: flex; + width: 343px; + align-items: center; + justify-content: center; + gap: 10px; + padding: 10px; + position: absolute; + top: 3334px; + left: 16px; +} + +.bedolaga-expanded .text-wrapper-29 { + width: fit-content; + margin-top: -1.00px; + font-weight: 500; + color: var(--white); + font-size: 20px; + white-space: nowrap; + position: relative; + font-family: "Inter", Helvetica; + letter-spacing: -0.41px; + line-height: normal; +} + +.bedolaga-expanded .frame-37 { + display: flex; + flex-direction: column; + width: 343px; + align-items: flex-start; + gap: 13px; + padding: 16px; + position: absolute; + top: 3394px; + left: 16px; + background-color: var(--x2nd-layer); + border-radius: 15px; + border: 1px solid; + border-color: var(--x3d-layer); +} + +.bedolaga-expanded .frame-38 { + display: flex; + flex-direction: column; + width: 343px; + align-items: flex-start; + gap: 13px; + padding: 16px; + position: absolute; + top: 3482px; + left: 16px; + background-color: var(--x2nd-layer); + border-radius: 15px; + border: 1px solid; + border-color: var(--x3d-layer); +} + +.bedolaga-expanded .frame-39 { + display: flex; + width: 343px; + align-items: center; + gap: 11px; + padding: 16px; + position: absolute; + top: 3570px; + left: 16px; + background-color: var(--x2nd-layer); + border-radius: 15px; + border: 1px solid; + border-color: var(--x3d-layer); +} + +.bedolaga-expanded .text-wrapper-30 { + flex: 1; + font-weight: 500; + color: var(--white); + font-size: 16px; + position: relative; + font-family: "Inter", Helvetica; + letter-spacing: -0.41px; + line-height: normal; +} + +.bedolaga-expanded .frame-40 { + display: flex; + flex-direction: column; + width: 343px; + align-items: center; + gap: 16px; + padding: 16px; + position: absolute; + top: 1129px; + left: 16px; + background-color: var(--x2nd-layer); + border-radius: 15px; + border: 1px solid; + border-color: var(--x3d-layer); +} + +.bedolaga-expanded .frame-41 { + display: flex; + flex-direction: column; + align-items: flex-start; + gap: 16px; + position: relative; + align-self: stretch; + width: 100%; + flex: 0 0 auto; +} + +.bedolaga-expanded .frame-42 { + align-items: flex-start; + gap: 10px; + padding: 16px; + position: relative; + flex: 1; + flex-grow: 1; + background-color: var(--x3d-layer); + border-radius: 10px; + display: flex; + flex-direction: column; +} + +.bedolaga-expanded .text-wrapper-31 { + position: relative; + align-self: stretch; + margin-top: -1.00px; + font-family: "Inter", Helvetica; + font-weight: 400; + color: var(--white); + font-size: 14px; + letter-spacing: -0.41px; + line-height: normal; +} + +.bedolaga-expanded .frame-43 { + display: flex; + flex-direction: column; + width: 92px; + align-items: flex-start; + gap: 4px; + position: relative; + flex: 0 0 auto; +} + +.bedolaga-expanded .text-wrapper-32 { + align-self: stretch; + margin-top: -1.00px; + font-weight: 500; + color: var(--white); + font-size: 14px; + position: relative; + font-family: "Inter", Helvetica; + letter-spacing: -0.41px; + line-height: normal; +} + +.bedolaga-expanded .frame-44 { + display: inline-flex; + align-items: center; + gap: 10px; + padding: 8px; + position: relative; + flex: 0 0 auto; + background-color: var(--x3d-layer); + border-radius: 10px; +} + +.bedolaga-expanded .frame-45 { + display: flex; + flex-direction: column; + align-items: center; + gap: 8px; + padding: 16px; + position: relative; + align-self: stretch; + width: 100%; + flex: 0 0 auto; + background-color: var(--x3d-layer); + border-radius: 10px; +} + +.bedolaga-expanded .text-wrapper-33 { + width: fit-content; + margin-top: -4.50px; + margin-bottom: -2.50px; + font-weight: 700; + color: var(--vanila); + font-size: 16px; + text-align: right; + white-space: nowrap; + position: relative; + font-family: "Inter", Helvetica; + letter-spacing: -0.41px; + line-height: normal; +} + +.bedolaga-expanded .group { + position: relative; + align-self: stretch; + width: 100%; + height: 4px; + margin-top: -2.00px; + margin-left: -2.00px; + margin-right: -2.00px; +} + +.bedolaga-expanded .text-wrapper-34 { + width: fit-content; + margin-top: -1.00px; + font-weight: 700; + color: var(--white); + font-size: 16px; + white-space: nowrap; + position: relative; + font-family: "Inter", Helvetica; + letter-spacing: -0.41px; + line-height: normal; +} + +.bedolaga-expanded .text-wrapper-35 { + width: fit-content; + margin-top: -1.00px; + font-weight: 700; + font-size: 16px; + text-align: right; + white-space: nowrap; + position: relative; + font-family: "Inter", Helvetica; + color: var(--white); + letter-spacing: -0.41px; + line-height: normal; +} + +.bedolaga-expanded .frame-46 { + display: inline-flex; + height: 32px; + align-items: center; + justify-content: center; + gap: 10px; + padding: 10px 0px; + position: relative; +} + +.bedolaga-expanded .frame-47 { + display: flex; + flex-wrap: wrap; + gap: 8px 8px; + align-self: stretch; + width: 100%; + align-items: center; + position: relative; + flex: 0 0 auto; +} + +.bedolaga-expanded .frame-48 { + display: inline-flex; + gap: 4px; + padding: 8px; + background-color: #385241; + border-radius: 10px; + align-items: center; + position: relative; + flex: 0 0 auto; +} + +.bedolaga-expanded .text-wrapper-36 { + width: fit-content; + margin-top: -1.00px; + font-weight: 400; + color: var(--white); + font-size: 12px; + position: relative; + font-family: "Inter", Helvetica; + letter-spacing: -0.41px; + line-height: normal; +} + +.bedolaga-expanded .text-wrapper-37 { + width: fit-content; + margin-top: -1.00px; + font-weight: 400; + color: var(--white); + font-size: 12px; + text-align: right; + position: relative; + font-family: "Inter", Helvetica; + letter-spacing: -0.41px; + line-height: normal; +} + +.bedolaga-expanded .frame-49 { + display: inline-flex; + align-items: center; + gap: 4px; + padding: 8px; + position: relative; + flex: 0 0 auto; + background-color: #493852; + border-radius: 10px; +} + +.bedolaga-expanded .frame-50 { + display: inline-flex; + align-items: center; + gap: 4px; + padding: 8px; + position: relative; + flex: 0 0 auto; + background-color: #384b52; + border-radius: 10px; +} + +.bedolaga-expanded .frame-51 { + display: inline-flex; + align-items: center; + gap: 4px; + padding: 8px; + position: relative; + flex: 0 0 auto; + background-color: #524938; + border-radius: 10px; +} + +.bedolaga-expanded .button-wrapper { + display: flex; + flex-direction: column; + width: 343px; + align-items: center; + justify-content: center; + gap: 8px; + padding: 16px; + position: absolute; + top: 3664px; + left: 16px; + background-color: #2c282780; + border-radius: 15px; + border: 1px solid; + border-color: var(--x3d-layer); + backdrop-filter: blur(7.5px) brightness(100%); + -webkit-backdrop-filter: blur(7.5px) brightness(100%); +} + +.bedolaga-expanded .button-2 { + all: unset; + box-sizing: border-box; + display: flex; + align-items: center; + justify-content: center; + gap: 10px; + padding: 10px; + position: relative; + align-self: stretch; + width: 100%; + flex: 0 0 auto; + background-color: #a1ffc5; + border-radius: 10px; + border: 1px solid; +} + +.bedolaga-expanded .vector-2 { + height: 22px; + margin-top: -1.00px; + margin-bottom: -1.00px; + position: relative; + width: 20px; +} + +.bedolaga-expanded .text-wrapper-38 { + position: relative; + width: fit-content; + font-family: "Inter", Helvetica; + font-weight: 500; + color: var(--x1st-layer); + font-size: 14px; + letter-spacing: -0.41px; + line-height: normal; +} + +.bedolaga-expanded .tg-support { + display: flex; + width: 33px; + height: 32px; + align-items: center; + justify-content: center; + gap: 10px; + padding: 10px; + position: absolute; + top: 16px; + left: 16px; + background-color: var(--vanila); + border-radius: 10px; +} + +.bedolaga-expanded .vector-3 { + height: 20px; + margin-top: -4.00px; + margin-bottom: -4.00px; + margin-left: -3.50px; + margin-right: -3.50px; + position: relative; + width: 20px; +} +/* Original CSS code should be injected here */ + +.visually-hidden { + position: absolute; + width: 1px; + height: 1px; + margin: -1px; + padding: 0; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.language button { + all: unset; + box-sizing: border-box; + cursor: pointer; + display: flex; + align-items: center; + justify-content: center; + width: 100%; + height: 100%; +} + +.frame-20 { + display: flex; + align-items: center; + justify-content: center; + gap: 10px; + padding: 8px 0px; + position: relative; + align-self: stretch; + width: 100%; + flex: 0 0 auto; + background-color: var(--x3d-layer); + border-radius: 10px; +} + +.frame-20 input[type="text"] { + all: unset; + box-sizing: border-box; + flex: 1; + margin-top: -1.00px; + font-weight: 400; + color: var(--white); + font-size: 14px; + text-align: center; + font-family: "Inter", Helvetica; + letter-spacing: -0.41px; + line-height: normal; + padding: 0 10px; +} + +.frame-20 input[type="text"]::placeholder { + color: var(--white); + opacity: 0.7; +} + +.frame-15 input[type="radio"]:checked + .text-wrapper-17, +.frame-15 input[type="radio"]:checked ~ .text-wrapper-18 { + opacity: 1; +} + +.frame-16 input[type="radio"]:checked + .text-wrapper-17, +.frame-16 input[type="radio"]:checked ~ .text-wrapper-18 { + opacity: 1; +} + +.frame-17 input[type="radio"]:checked + .text-wrapper-17, +.frame-17 input[type="radio"]:checked ~ .text-wrapper-18, +.frame-17 input[type="radio"]:checked + .text-wrapper-24, +.frame-17 input[type="radio"]:checked ~ .text-wrapper-18 { + opacity: 1; +} + +.frame-24 input[type="checkbox"]:checked, +.frame-25 input[type="checkbox"]:checked, +.frame-26 input[type="checkbox"]:checked, +.frame-27 input[type="checkbox"]:checked { + opacity: 1; +} + +.frame-15, +.frame-16, +.frame-17, +.frame-24, +.frame-25, +.frame-26, +.frame-27 { + cursor: pointer; + position: relative; +} + +.frame-15 input[type="radio"], +.frame-16 input[type="radio"], +.frame-17 input[type="radio"], +.frame-24 input[type="checkbox"], +.frame-25 input[type="checkbox"], +.frame-26 input[type="checkbox"], +.frame-27 input[type="checkbox"] { + position: absolute; + opacity: 0; + cursor: pointer; +} + +.frame-30 input[type="number"] { + all: unset; + box-sizing: border-box; + font-size: 20px; + width: fit-content; + font-family: "Inter", Helvetica; + font-weight: 700; + color: var(--white); + letter-spacing: -0.41px; + line-height: normal; + white-space: nowrap; + text-align: center; + -moz-appearance: textfield; +} + +.frame-30 input[type="number"]::-webkit-outer-spin-button, +.frame-30 input[type="number"]::-webkit-inner-spin-button { + -webkit-appearance: none; + margin: 0; +} + +.frame-31 { + all: unset; + box-sizing: border-box; + cursor: pointer; + display: flex; + align-items: center; + justify-content: center; + position: relative; + width: 32px; + height: 32px; +} + +.frame-31 img { + width: 100%; + height: 100%; +} + +.button, +.button-2 { + cursor: pointer; +} + +.button:hover, +.button-2:hover { + opacity: 0.9; +} + +.button:active, +.button-2:active { + opacity: 0.8; +} + +.frame-37 a, +.frame-38 a, +.frame-39 a { + display: flex; + align-items: center; + width: 100%; + text-decoration: none; + color: inherit; +} + +.frame-39 a { + gap: 11px; +} + +.tg-support a { + display: flex; + align-items: center; + justify-content: center; + width: 100%; + height: 100%; +} + +fieldset { + border: none; + padding: 0; + margin: 0; +} + +legend { + padding: 0; +} + +.frame-23 { + border: none; +} diff --git a/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/styleguide.css b/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/styleguide.css new file mode 100644 index 00000000..d77e8aad --- /dev/null +++ b/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/styleguide.css @@ -0,0 +1,9 @@ +:root { + --white: rgba(250, 250, 250, 1); + --black: rgba(10, 10, 10, 1); + --vanila: rgba(255, 222, 191, 1); + --x2nd-layer: rgba(25, 32, 29, 1); + --x1st-layer: rgba(17, 21, 19, 1); + --x3d-layer: rgba(35, 47, 42, 1); + --collection-1-color: rgba(255, 255, 255, 1); +} diff --git a/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/user-1.svg b/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/user-1.svg new file mode 100644 index 00000000..659fee01 --- /dev/null +++ b/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/user-1.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/vector-10.svg b/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/vector-10.svg new file mode 100644 index 00000000..b9119d1e --- /dev/null +++ b/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/vector-10.svg @@ -0,0 +1,3 @@ + + + diff --git a/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/vector-11.svg b/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/vector-11.svg new file mode 100644 index 00000000..f30368d8 --- /dev/null +++ b/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/vector-11.svg @@ -0,0 +1,3 @@ + + + diff --git a/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/vector-8.svg b/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/vector-8.svg new file mode 100644 index 00000000..f12b6e31 --- /dev/null +++ b/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/vector-8.svg @@ -0,0 +1,3 @@ + + + diff --git a/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/vector-9.svg b/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/vector-9.svg new file mode 100644 index 00000000..1aab6a9e --- /dev/null +++ b/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/vector-9.svg @@ -0,0 +1,3 @@ + + + diff --git a/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/vuesax-bold-user-cirlce-add-2.svg b/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/vuesax-bold-user-cirlce-add-2.svg new file mode 100644 index 00000000..8ad96fbf --- /dev/null +++ b/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/vuesax-bold-user-cirlce-add-2.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/miniapp/new/miniapp/globals.css b/miniapp/new/miniapp/globals.css new file mode 100644 index 00000000..0cfbeae0 --- /dev/null +++ b/miniapp/new/miniapp/globals.css @@ -0,0 +1,18 @@ +@import url("https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css"); +* { + -webkit-font-smoothing: antialiased; + box-sizing: border-box; +} +html, +body { + margin: 0px; + height: 100%; +} +/* a blue color as a generic focus style */ +button:focus-visible { + outline: 2px solid #4a90e2 !important; + outline: -webkit-focus-ring-color auto 5px !important; +} +a { + text-decoration: none; +} diff --git a/miniapp/new/miniapp/icons/index.css b/miniapp/new/miniapp/icons/index.css new file mode 100644 index 00000000..8ccccbe1 --- /dev/null +++ b/miniapp/new/miniapp/icons/index.css @@ -0,0 +1,1220 @@ +:root { + --default-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, + Ubuntu, "Helvetica Neue", Helvetica, Arial, "PingFang SC", + "Hiragino Sans GB", "Microsoft Yahei UI", "Microsoft Yahei", + "Source Han Sans CN", sans-serif; +} + +.main-container { + overflow: hidden; +} + +.main-container, +.main-container * { + box-sizing: border-box; +} + +input, +select, +textarea, +button { + outline: 0; +} + +.main-container { + position: relative; + width: 983px; + height: 521px; + margin: 0 auto; +} +.flex-row-d { + position: relative; + width: 718.5px; + height: 51px; + margin: 0 0 0 0; + z-index: 58; +} +.happ-dark { + display: flex; + align-items: center; + justify-content: center; + flex-wrap: nowrap; + gap: 8px; + position: absolute; + width: 50px; + height: 50px; + top: 0; + left: 0; + background: #ffdebf; + border-radius: 15px; +} +.vector { + flex-shrink: 0; + position: relative; + width: 25px; + height: 30px; + background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-15/S1Snq4OUjx.png) + no-repeat center; + background-size: cover; + z-index: 1; +} +.vraytun-dark { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + flex-wrap: nowrap; + gap: 8px; + position: absolute; + width: 50px; + height: 50px; + top: 0; + left: 73px; + background: #ffdebf; + z-index: 2; + border-radius: 15px; +} +.v { + flex-shrink: 0; + position: relative; + width: 28px; + height: 15px; + background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-15/k6VXsgeohC.png) + no-repeat center; + background-size: cover; + z-index: 3; +} +.sing-box-dark { + display: flex; + align-items: center; + justify-content: center; + flex-wrap: nowrap; + gap: 8px; + position: absolute; + width: 50px; + height: 50px; + top: 0; + left: 147px; + background: #ffdebf; + z-index: 4; + border-radius: 15px; +} +.vector-1 { + flex-shrink: 0; + position: relative; + width: 29px; + height: 32px; + background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-15/3OVwcQ6uLV.png) + no-repeat center; + background-size: cover; + z-index: 5; +} +.clash-mi-dark { + display: flex; + align-items: center; + justify-content: center; + flex-wrap: nowrap; + gap: 8px; + position: absolute; + width: 50px; + height: 50px; + top: 0; + left: 220px; + background: #ffdebf; + z-index: 6; + border-radius: 15px; +} +.vector-2 { + flex-shrink: 0; + position: relative; + width: 27px; + height: 32px; + background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-15/spV7SQSAxx.png) + no-repeat center; + background-size: cover; + z-index: 7; +} +.flclash-dark { + display: flex; + align-items: center; + justify-content: center; + flex-wrap: nowrap; + gap: 8px; + position: absolute; + width: 50px; + height: 50px; + top: 0; + left: 293px; + background: #ffdebf; + z-index: 10; + border-radius: 15px; +} +.vector-3 { + flex-shrink: 0; + position: relative; + width: 24.001px; + height: 32.001px; + background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-15/uVDJNFr34S.png) + no-repeat center; + background-size: cover; + z-index: 11; +} +.loon-dark { + display: flex; + align-items: center; + justify-content: center; + flex-wrap: nowrap; + gap: 8px; + position: absolute; + width: 50px; + height: 50px; + top: 0; + left: 442px; + background: #ffdebf; + z-index: 54; + border-radius: 15px; +} +.group { + flex-shrink: 0; + position: relative; + width: 24.676px; + height: 36px; + background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-15/epYU1TgXqJ.png) + no-repeat center; + background-size: cover; + z-index: 55; +} +.simplexray-dark { + display: flex; + align-items: center; + justify-content: center; + flex-wrap: nowrap; + gap: 8px; + position: absolute; + width: 50px; + height: 50px; + top: 1px; + left: 367px; + background: #ffdebf; + z-index: 22; + border-radius: 15px; +} +.vector-4 { + flex-shrink: 0; + position: relative; + width: 28px; + height: 28px; + background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-15/hj8JypKWEo.png) + no-repeat center; + background-size: cover; + z-index: 23; +} +.star { + position: absolute; + width: 21px; + height: 21px; + top: 1px; + left: 655px; + background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-15/mP8pggtXF4.png) + no-repeat center; + background-size: cover; + z-index: 56; +} +.group-5 { + position: absolute; + width: 20px; + height: 19.141px; + top: 2.429px; + left: 698.5px; + background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-15/zkTURdJ4iR.png) + no-repeat center; + background-size: 100% 100%; + z-index: 58; +} +.flex-row-e { + display: flex; + align-items: center; + justify-content: space-between; + position: relative; + width: 152.5px; + height: 25px; + margin: 40px 0 0 629px; + z-index: 65; +} +.github { + flex-shrink: 0; + position: relative; + width: 25px; + height: 25px; + background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-15/kpLBn2A4ym.png) + no-repeat center; + background-size: cover; + z-index: 65; + overflow: hidden; +} +.download { + display: flex; + align-items: center; + justify-content: center; + flex-wrap: nowrap; + flex-shrink: 0; + gap: 10px; + position: relative; + width: 25px; + height: 25px; + z-index: 63; +} +.vector-6 { + flex-shrink: 0; + position: relative; + width: 20px; + height: 20px; + background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-15/UyWWwd6Vcn.png) + no-repeat center; + background-size: cover; + z-index: 64; +} +.telegram { + display: flex; + align-items: center; + justify-content: center; + flex-wrap: nowrap; + flex-shrink: 0; + gap: 10px; + position: relative; + width: 25px; + height: 25px; + padding: 10px 10px 10px 10px; + z-index: 59; +} +.vector-7 { + flex-shrink: 0; + position: relative; + width: 20px; + height: 20px; + background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-15/FY2M71o7Sx.png) + no-repeat center; + background-size: cover; + z-index: 60; +} +.website { + display: flex; + align-items: center; + justify-content: center; + flex-wrap: nowrap; + flex-shrink: 0; + gap: 10px; + position: relative; + width: 25px; + height: 25px; + padding: 10px 10px 10px 10px; + z-index: 61; +} +.vector-8 { + flex-shrink: 0; + position: relative; + width: 21.5px; + height: 21.5px; + background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-15/tqvCdN1YoZ.png) + no-repeat center; + background-size: cover; + z-index: 62; +} +.flex-row-cfd { + display: flex; + align-items: center; + justify-content: space-between; + position: relative; + width: 492px; + height: 51px; + margin: -3px 0 0 0; + z-index: 52; +} +.pandora-box-dark { + display: flex; + align-items: center; + justify-content: center; + flex-wrap: nowrap; + flex-shrink: 0; + gap: 8px; + position: relative; + width: 50px; + height: 50px; + background: #ffdebf; + z-index: 12; + border-radius: 15px; +} +.subtract { + flex-shrink: 0; + position: relative; + width: 28px; + height: 16px; + background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-15/DSBoqJt43S.png) + no-repeat center; + background-size: cover; + z-index: 13; +} +.clash-meta-dark { + display: flex; + align-items: center; + justify-content: center; + flex-wrap: nowrap; + flex-shrink: 0; + gap: 8px; + position: relative; + width: 50px; + height: 50px; + background: #ffdebf; + z-index: 14; + border-radius: 15px; +} +.vector-9 { + flex-shrink: 0; + position: relative; + width: 28px; + height: 26px; + background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-15/B4ZzLBMqhP.png) + no-repeat center; + background-size: cover; + z-index: 15; +} +.vbox-dark { + display: flex; + align-items: center; + justify-content: center; + flex-wrap: nowrap; + flex-shrink: 0; + gap: 8px; + position: relative; + width: 50px; + height: 50px; + background: #ffdebf; + z-index: 16; + border-radius: 15px; +} +.vector-a { + flex-shrink: 0; + position: relative; + width: 30px; + height: 18px; + background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-15/NVdzQwErNd.png) + no-repeat center; + background-size: cover; + z-index: 17; +} +.vrayng-dark { + display: flex; + align-items: center; + justify-content: center; + flex-wrap: nowrap; + flex-shrink: 0; + gap: 8px; + position: relative; + width: 50px; + height: 50px; + background: #ffdebf; + z-index: 18; + border-radius: 15px; +} +.vector-b { + flex-shrink: 0; + position: relative; + width: 28px; + height: 26px; + background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-15/FcpvXot5Zq.png) + no-repeat center; + background-size: cover; + z-index: 19; +} +.shadowrocker-dark { + display: flex; + align-items: center; + justify-content: center; + flex-wrap: nowrap; + flex-shrink: 0; + gap: 8px; + position: relative; + width: 50px; + height: 50px; + background: #ffdebf; + z-index: 20; + border-radius: 15px; +} +.vector-c { + flex-shrink: 0; + position: relative; + width: 19px; + height: 32px; + background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-15/OiRVRdXjNU.png) + no-repeat center; + background-size: cover; + z-index: 21; +} +.clash-verge-reve-dark { + display: flex; + align-items: center; + justify-content: center; + flex-wrap: nowrap; + flex-shrink: 0; + gap: 8px; + position: relative; + width: 50px; + height: 50px; + background: #ffdebf; + z-index: 8; + border-radius: 15px; +} +.group-d { + flex-shrink: 0; + position: relative; + width: 31.548px; + height: 30px; + background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-15/kzAeEyHxmp.png) + no-repeat center; + background-size: cover; + z-index: 9; +} +.karing-dark { + display: flex; + align-items: center; + justify-content: center; + flex-wrap: nowrap; + flex-shrink: 0; + gap: 8px; + position: relative; + width: 50px; + height: 50px; + background: #ffdebf; + z-index: 52; + border-radius: 15px; +} +.group-e { + flex-shrink: 0; + position: relative; + width: 35px; + height: 12.035px; + background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-15/eJqo3EvLAi.png) + no-repeat center; + background-size: cover; + z-index: 53; +} +.flex-row-ddac { + display: flex; + align-items: center; + justify-content: space-between; + position: relative; + width: 491px; + height: 50px; + margin: 64px 0 0 1px; + z-index: 44; +} +.straisand-dark { + display: flex; + align-items: center; + justify-content: center; + flex-wrap: nowrap; + flex-shrink: 0; + gap: 8px; + position: relative; + width: 50px; + height: 50px; + background: #ffdebf; + z-index: 24; + border-radius: 15px; +} +.vector-f { + flex-shrink: 0; + position: relative; + width: 32px; + height: 32px; + background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-15/JmagoYbj5j.png) + no-repeat center; + background-size: cover; + z-index: 25; +} +.koala-clash-dark { + display: flex; + align-items: center; + justify-content: center; + flex-wrap: nowrap; + flex-shrink: 0; + gap: 8px; + position: relative; + width: 50px; + height: 50px; + padding: 2px 0 0 0; + background: #ffdebf; + z-index: 34; + border-radius: 15px; +} +.group-10 { + flex-shrink: 0; + position: relative; + width: 35px; + height: 22.727px; + background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-15/qOu8kRTOoP.png) + no-repeat center; + background-size: cover; + z-index: 35; +} +.universal-app-dark { + display: flex; + align-items: center; + justify-content: center; + flex-wrap: nowrap; + flex-shrink: 0; + gap: 8px; + position: relative; + width: 50px; + height: 50px; + background: #ffdebf; + z-index: 36; + border-radius: 15px; +} +.vector-11 { + flex-shrink: 0; + position: relative; + width: 29px; + height: 32px; + background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-15/rk4BSpmNP4.png) + no-repeat center; + background-size: cover; + z-index: 37; +} +.hiddify-dark { + display: flex; + align-items: center; + justify-content: center; + flex-wrap: nowrap; + flex-shrink: 0; + gap: 8px; + position: relative; + width: 50px; + height: 50px; + background: #ffdebf; + z-index: 38; + border-radius: 15px; +} +.vector-12 { + flex-shrink: 0; + position: relative; + width: 26px; + height: 24px; + background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-15/cKT8Gyssjn.png) + no-repeat center; + background-size: cover; + z-index: 39; +} +.stash-dark { + display: flex; + align-items: center; + justify-content: center; + flex-wrap: nowrap; + flex-shrink: 0; + gap: 8px; + position: relative; + width: 50px; + height: 50px; + background: #ffdebf; + z-index: 40; + border-radius: 15px; +} +.subtract-13 { + flex-shrink: 0; + position: relative; + width: 32.092px; + height: 30px; + background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-15/rDL8sskBKo.png) + no-repeat center; + background-size: cover; + z-index: 41; +} +.throne-dark { + display: flex; + align-items: center; + justify-content: center; + flex-wrap: nowrap; + flex-shrink: 0; + gap: 8px; + position: relative; + width: 50px; + height: 50px; + background: #ffdebf; + z-index: 42; + border-radius: 15px; +} +.group-14 { + flex-shrink: 0; + position: relative; + width: 23.841px; + height: 34px; + background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-15/wtEeCUYkbc.png) + no-repeat center; + background-size: cover; + z-index: 43; + border-radius: 2px; +} +.prizrak-box-dark { + display: flex; + align-items: center; + justify-content: center; + flex-wrap: nowrap; + flex-shrink: 0; + gap: 8px; + position: relative; + width: 50px; + height: 50px; + background: #ffdebf; + z-index: 44; + border-radius: 15px; +} +.prizrak-box { + flex-shrink: 0; + position: relative; + width: 36.276px; + height: 34.001px; + background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-15/pQgAOJcowX.png) + no-repeat center; + background-size: cover; + z-index: 45; +} +.flex-row-ba { + position: relative; + width: 926px; + height: 50px; + margin: 63px 0 0 1px; + z-index: 72; +} +.exclave-dark { + display: flex; + align-items: center; + justify-content: center; + flex-wrap: nowrap; + gap: 8px; + position: absolute; + width: 50px; + height: 50px; + top: 0; + left: 0; + background: #ffdebf; + z-index: 26; + border-radius: 15px; +} +.vector-15 { + flex-shrink: 0; + position: relative; + width: 30px; + height: 24px; + background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-15/9gLzqrFiah.png) + no-repeat center; + background-size: cover; + z-index: 27; +} +.vpntv-dark { + display: flex; + align-items: center; + justify-content: center; + flex-wrap: nowrap; + gap: 8px; + position: absolute; + width: 50px; + height: 50px; + top: 0; + left: 73px; + background: #ffdebf; + z-index: 28; + border-radius: 15px; +} +.vpntv { + flex-shrink: 0; + position: relative; + width: 30px; + height: 8px; + background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-15/6AUycgofWm.png) + no-repeat center; + background-size: cover; + z-index: 29; +} +.flclashx-dark { + display: flex; + align-items: center; + justify-content: center; + flex-wrap: nowrap; + gap: 8px; + position: absolute; + width: 50px; + height: 50px; + top: 0; + left: 146px; + background: #ffdebf; + z-index: 30; + border-radius: 15px; +} +.group-16 { + flex-shrink: 0; + position: relative; + width: 21.938px; + height: 33px; + background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-15/w9Ndk7KEnq.png) + no-repeat center; + background-size: cover; + z-index: 31; +} +.xray-dark { + display: flex; + align-items: center; + justify-content: center; + flex-wrap: nowrap; + gap: 8px; + position: absolute; + width: 50px; + height: 50px; + top: 0; + left: 219px; + background: #ffdebf; + z-index: 32; + border-radius: 15px; +} +.vector-17 { + flex-shrink: 0; + position: relative; + width: 30px; + height: 30px; + background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-15/yn3CHHehwP.png) + no-repeat center; + background-size: cover; + z-index: 33; +} +.onexray-dark { + display: flex; + align-items: center; + justify-content: center; + flex-wrap: nowrap; + gap: 8px; + position: absolute; + width: 50px; + height: 50px; + top: 0; + left: 292px; + background: #ffdebf; + z-index: 46; + border-radius: 15px; +} +.group-18 { + flex-shrink: 0; + position: relative; + width: 30px; + height: 27.792px; + background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-15/E7yqvs00JV.png) + no-repeat center; + background-size: cover; + z-index: 47; +} +.husi-dark { + display: flex; + align-items: center; + justify-content: center; + flex-wrap: nowrap; + gap: 8px; + position: absolute; + width: 50px; + height: 50px; + top: 0; + left: 368px; + background: #ffdebf; + z-index: 48; + border-radius: 15px; +} +.group-19 { + flex-shrink: 0; + position: relative; + width: 35.981px; + height: 32px; + background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-15/zJFXOJ64HN.png) + no-repeat center; + background-size: cover; + z-index: 49; +} +.nekobox-dark { + display: flex; + align-items: center; + justify-content: center; + flex-wrap: nowrap; + gap: 8px; + position: absolute; + width: 50px; + height: 50px; + top: 0; + left: 441px; + background: #ffdebf; + z-index: 50; + border-radius: 15px; +} +.group-1a { + flex-shrink: 0; + position: relative; + width: 31.457px; + height: 35.999px; + background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-15/H7NTAwuOf8.png) + no-repeat center; + background-size: cover; + z-index: 51; +} +.regroup { + display: flex; + align-items: center; + justify-content: space-between; + position: absolute; + width: 170px; + height: 50px; + top: 0; + left: 756px; + z-index: 72; +} +.android-icon { + display: flex; + align-items: center; + justify-content: center; + flex-wrap: nowrap; + flex-shrink: 0; + gap: 10px; + position: relative; + width: 30px; + height: 30px; + padding: 10px 10px 10px 10px; + z-index: 68; +} +.android { + flex-shrink: 0; + position: relative; + width: 22px; + height: 27px; + background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-15/puEu1gFutA.png) + no-repeat center; + background-size: cover; + z-index: 69; +} +.apple-icon { + display: flex; + align-items: center; + justify-content: center; + flex-wrap: nowrap; + flex-shrink: 0; + gap: 10px; + position: relative; + width: 30px; + height: 30px; + padding: 10px 10px 10px 10px; + z-index: 70; +} +.vector-1b { + flex-shrink: 0; + position: relative; + width: 22px; + height: 27.001px; + background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-15/X7eSDjVeNn.png) + no-repeat center; + background-size: cover; + z-index: 71; +} +.tv-icon { + display: flex; + align-items: center; + justify-content: center; + flex-wrap: nowrap; + flex-shrink: 0; + gap: 10px; + position: relative; + width: 30px; + height: 30px; + padding: 10px 10px 10px 10px; + z-index: 66; +} +.vector-1c { + flex-shrink: 0; + position: relative; + width: 27px; + height: 27px; + background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-15/Gc73GT6SfF.png) + no-repeat center; + background-size: cover; + z-index: 67; +} +.tv-icon-1d { + display: flex; + align-items: center; + justify-content: center; + flex-wrap: nowrap; + flex-shrink: 0; + gap: 10px; + position: relative; + width: 30px; + height: 30px; + padding: 10px 10px 10px 10px; + z-index: 72; +} +.vector-1e { + flex-shrink: 0; + position: relative; + width: 27px; + height: 27px; + background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-15/SsF1SPW1FL.png) + no-repeat center; + background-size: cover; + z-index: 73; +} +.flex-row-ffa { + display: flex; + align-items: center; + justify-content: space-between; + position: relative; + width: 274px; + height: 25px; + margin: 28px 0 0 709px; + z-index: 91; +} +.vector-1f { + flex-shrink: 0; + position: relative; + width: 22px; + height: 27.001px; + background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-15/wCsi02v8ez.png) + no-repeat center; + background-size: cover; + z-index: 76; +} +.android-icon-20 { + flex-shrink: 0; + position: relative; + width: 22px; + height: 27px; + background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-15/WyL9ncxfEo.png) + no-repeat center; + background-size: cover; + z-index: 91; +} +.vector-21 { + flex-shrink: 0; + position: relative; + width: 27px; + height: 27px; + background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-15/Mbch6uCEmK.png) + no-repeat center; + background-size: cover; + z-index: 82; +} +.macos-icon { + flex-shrink: 0; + position: relative; + width: 27px; + height: 27px; + background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-15/RysG9Ej5NR.png) + no-repeat center; + background-size: cover; + z-index: 88; +} +.vector-22 { + flex-shrink: 0; + position: relative; + width: 27px; + height: 27px; + background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-15/NPz3WYYmX7.png) + no-repeat center; + background-size: cover; + z-index: 79; +} +.appletv-icon { + flex-shrink: 0; + position: relative; + width: 30px; + height: 20px; + background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-15/6J8MpDq6Le.png) + no-repeat center; + background-size: cover; + z-index: 85; +} +.flex-row { + display: flex; + align-items: center; + justify-content: space-between; + position: relative; + width: 340px; + height: 40px; + margin: 37px 0 0 1px; + z-index: 92; +} +.apple-icon-23 { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + flex-wrap: nowrap; + flex-shrink: 0; + gap: 3px; + position: relative; + width: 40px; + height: 40px; + background: #ffdebf; + z-index: 74; + border-radius: 10px; +} +.vector-24 { + flex-shrink: 0; + position: relative; + width: 22px; + height: 27.001px; + background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-15/eJX5cgu06j.png) + no-repeat center; + background-size: cover; + z-index: 75; +} +.android-icon-25 { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + flex-wrap: nowrap; + flex-shrink: 0; + gap: 3px; + position: relative; + width: 40px; + height: 40px; + background: #ffdebf; + z-index: 89; + border-radius: 10px; +} +.android-icon-26 { + flex-shrink: 0; + position: relative; + width: 22px; + height: 27px; + background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-15/AWkTvtTGA5.png) + no-repeat center; + background-size: cover; + z-index: 90; +} +.windows { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + flex-wrap: nowrap; + flex-shrink: 0; + gap: 3px; + position: relative; + width: 40px; + height: 40px; + background: #ffdebf; + z-index: 80; + border-radius: 10px; +} +.vector-27 { + flex-shrink: 0; + position: relative; + width: 27px; + height: 27px; + background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-15/AyrzLEUGH5.png) + no-repeat center; + background-size: cover; + z-index: 81; +} +.macos-icon-28 { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + flex-wrap: nowrap; + flex-shrink: 0; + gap: 3px; + position: relative; + width: 40px; + height: 40px; + background: #ffdebf; + z-index: 86; + border-radius: 10px; +} +.macos-icon-29 { + flex-shrink: 0; + position: relative; + width: 27px; + height: 27px; + background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-15/AFVxmps0Bx.png) + no-repeat center; + background-size: cover; + z-index: 87; +} +.androidtv-icon { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + flex-wrap: nowrap; + flex-shrink: 0; + gap: 3px; + position: relative; + width: 40px; + height: 40px; + background: #ffdebf; + z-index: 77; + border-radius: 10px; +} +.vector-2a { + flex-shrink: 0; + position: relative; + width: 27px; + height: 27px; + background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-15/pMo6YQPzNy.png) + no-repeat center; + background-size: cover; + z-index: 78; +} +.appletv-icon-2b { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + flex-wrap: nowrap; + flex-shrink: 0; + gap: 3px; + position: relative; + width: 40px; + height: 40px; + background: #ffdebf; + z-index: 83; + border-radius: 10px; +} +.appletv-icon-2c { + flex-shrink: 0; + position: relative; + width: 30px; + height: 20px; + background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-15/K3xYJ57ci8.png) + no-repeat center; + background-size: cover; + z-index: 84; +} +.linux-icon { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + flex-wrap: nowrap; + flex-shrink: 0; + gap: 3px; + position: relative; + width: 40px; + height: 40px; + background: #ffdebf; + z-index: 92; + border-radius: 10px; +} +.vector-2d { + flex-shrink: 0; + position: relative; + width: 21px; + height: 25px; + background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-15/SF9rLFUE40.png) + no-repeat center; + background-size: cover; + z-index: 93; +} diff --git a/miniapp/new/miniapp/icons/index.html b/miniapp/new/miniapp/icons/index.html new file mode 100644 index 00000000..22d9652c --- /dev/null +++ b/miniapp/new/miniapp/icons/index.html @@ -0,0 +1,82 @@ + + + + + + Generated by Codia AI + + + + +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + + diff --git a/miniapp/new/miniapp/img/logo-mini-1.svg b/miniapp/new/miniapp/img/logo-mini-1.svg new file mode 100644 index 00000000..ac2747d8 --- /dev/null +++ b/miniapp/new/miniapp/img/logo-mini-1.svg @@ -0,0 +1,4 @@ + + + + diff --git a/miniapp/new/miniapp/img/offer-1.svg b/miniapp/new/miniapp/img/offer-1.svg new file mode 100644 index 00000000..7b4e45f2 --- /dev/null +++ b/miniapp/new/miniapp/img/offer-1.svg @@ -0,0 +1,4 @@ + + + + diff --git a/miniapp/new/miniapp/index.html b/miniapp/new/miniapp/index.html new file mode 100644 index 00000000..a56283b6 --- /dev/null +++ b/miniapp/new/miniapp/index.html @@ -0,0 +1,951 @@ + + + + + + + Bedolaga VPN - Личный кабинет + + + + + + + +
+
+ +
+ Логотип Bedolaga VPN +
+
+

+ Bedolaga VPN +

+
+
+

+ Безопасное и быстрое подключение +

+
+
+
+
+

+ Информация о пользователе +

+
+
+ Иконка пользователя + + Bedolaga_user + +
+
+ + ИСТЕКЛА + +
+
+
+
+
+ + Подписка истекает + + + 30.11.2025 + +
+
+ + Дней осталось: + + + 365 + +
+
+
+
+ + Расход трафика + + + 200 из 250 GB + +
+
+ + Моих устройств + + + 7 из 10 + +
+
+
+
+ + Ваш баланс + + + 0 ₽ + +
+ +
+
+
+

+ Управление услугами +

+
+
+
+
+ Иконка продления +

+ Продлить подписку +

+
+ +
+
+
+ + Выберите период подписки + + + +
+
+ + Дополнительные периоды подписки + + + +
+
+ + Итого + + + 300 ₽ + +
+ + +
+
+
+
+

+ Активация промокода +

+
+ + +
+ +
+
+
+
+ Иконка опций +

+ Опции подписки +

+
+ +
+
+
+ + Выберите нужные локации + +

+ *скидки применяются автоматически +

+
+
+
+ + +
+
+ + +
+
+
+
+
+
+ + Выберите количество трафика + +
+ + + +
+
+ + + +
+
+
+
+
+
+ + Количество устройств + +
+
+ + + + +
+
+ + Итого + + + 120 ₽ + +
+
+
+ +
+
+
+
+
+
+ Иконка реферальной программы +
+

+ Реферальная программа +

+
+ +
+ +
+
+
+

+ Статистика +

+
+
+
+ + Приглашено + + + 17 + +
+
+ + Активные пользователи + + + 16 + +
+
+ + Оплачивают + + + 13 + +
+
+ + Заработано за месяц + + + 170 ₽ + +
+
+ + Заработано всего + + + 530 ₽ + +
+
+ + Конверсия + + + 70% + +
+
+
+
+
+

+ Условия программы +

+
+
+
+ + Минимальная сумма активации + + + 100 ₽ + +
+
+ + Бонус рефералу (первое пополнение) + + + 100 ₽ + +
+
+ + Ваш бонус за пополнение + + + 150 ₽ + +
+
+ + Комиссия с пополнений реферала + + + 25% + +
+
+
+
+ +
+
+
+
+ Иконка истории +

+ История операций +

+
+ +
+
+

+ Остаётся без изменений +

+
+
+
+
+
+ Иконка устройств +

+ Ваши устройства +

+
+ +
+
+

+ Остаётся без изменений +

+
+
+
+ +
+ + + +
+
+
+ Иконка скидок +

+ Система скидок +

+
+ +
+
+
+
+ + Ваш уровень + + + Базовый + +
+
+ + Всего потрачено + + + 150 ₽ + +
+
+
+ + Ваши бонусы: + +
+ + Скидок нет + +
+
+
+
+
+ + Следующий уровень + + + Бронзовый + +
+
+ + Потратьте до получения бонусов + +
+
+ Прогресс до следующего уровня +
+ + 150 ₽ + + + 1 500 ₽ + +
+
+
+
+ + Скидки на уровне: + +
+
+
+ + Продление + + + − 10% + +
+
+ + Локации + + + − 30% + +
+
+ + Трафик + + + − 15% + +
+
+ + Устройства + + + − 5% + +
+
+
+
+
+ + +
+ + \ No newline at end of file diff --git a/miniapp/new/miniapp/instructions/globals.css b/miniapp/new/miniapp/instructions/globals.css new file mode 100644 index 00000000..0cfbeae0 --- /dev/null +++ b/miniapp/new/miniapp/instructions/globals.css @@ -0,0 +1,18 @@ +@import url("https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css"); +* { + -webkit-font-smoothing: antialiased; + box-sizing: border-box; +} +html, +body { + margin: 0px; + height: 100%; +} +/* a blue color as a generic focus style */ +button:focus-visible { + outline: 2px solid #4a90e2 !important; + outline: -webkit-focus-ring-color auto 5px !important; +} +a { + text-decoration: none; +} diff --git a/miniapp/new/miniapp/instructions/index.html b/miniapp/new/miniapp/instructions/index.html new file mode 100644 index 00000000..d54fd0a9 --- /dev/null +++ b/miniapp/new/miniapp/instructions/index.html @@ -0,0 +1,383 @@ + + + + + + + Инструкция по подписке Bedolaga + + + + + + + +
+
+
+

+ Инструкция +

+ +
+
+

+ Выберите ваше устройство: +

+ +
+
+

+ Выполните инструкцию: +

+
+
+
+ Happ +

+ Happ +

+
+ Избранное +
+
+
+ + 1 + +
+
+

+ Скачайте и установите +

+

+ Откройте страницу в Google Play и установите приложение. Или установите приложение из APK файла + напрямую, если Google Play не работает. +

+ + +
+
+
+
+ + 2 + +
+
+

+ Добавить подписку +

+

+ Нажмите кнопку ниже — приложение откроется, и подписка добавится автоматически. +

+ +
+
+
+
+ + 3 + +
+
+

+ Подключиться и использовать +

+

+ В главном разделе нажмите большую кнопку включения в центре для подключения к VPN. Не забудьте выбрать + сервер в списке серверов. При необходимости выберите другой сервер из списка серверов. +

+
+
+
+
+
+ + \ No newline at end of file diff --git a/miniapp/new/miniapp/instructions/style.css b/miniapp/new/miniapp/instructions/style.css new file mode 100644 index 00000000..78f1c65b --- /dev/null +++ b/miniapp/new/miniapp/instructions/style.css @@ -0,0 +1,614 @@ +.bedolaga-subsription { + background-color: var(--x1st-layer); + width: 100%; + min-width: 375px; + min-height: 917px; + display: flex; + flex-direction: column; +} + +.bedolaga-subsription .frame { + display: flex; + margin-left: 16px; + width: 342px; + height: 32px; + position: relative; + margin-top: 16px; + align-items: center; + justify-content: space-between; +} + +.bedolaga-subsription .text-wrapper { + position: relative; + width: fit-content; + font-family: "Inter-Bold", Helvetica; + font-weight: 700; + color: var(--white); + font-size: 20px; + letter-spacing: -0.41px; + line-height: normal; + white-space: nowrap; +} + +.bedolaga-subsription .vector-wrapper { + display: flex; + width: 32px; + height: 32px; + align-items: center; + justify-content: center; + gap: 10px; + padding: 10px; + position: relative; + background-color: var(--vanila); + border-radius: 10px; +} + +.bedolaga-subsription .vector { + position: relative; + width: 10.42px; + height: 10.43px; +} + +.bedolaga-subsription .div { + margin-left: 16px; + width: 343px; + height: 19px; + margin-top: 29px; + font-family: "Inter-Bold", Helvetica; + font-weight: 700; + font-size: 16px; + color: var(--white); + letter-spacing: -0.41px; + line-height: normal; +} + +.bedolaga-subsription .os-selector { + display: flex; + margin-left: 15px; + width: 343px; + height: 56px; + position: relative; + margin-top: 8px; + align-items: center; + gap: 8px; + padding: 8px 16px; + background-color: var(--x2nd-layer); + border-radius: 15px; +} + +.bedolaga-subsription .apple-icon { + position: relative; + width: 40px; + height: 40px; + aspect-ratio: 1; +} + +.bedolaga-subsription .text-wrapper-2 { + position: relative; + flex: 1; + font-family: "Inter-Medium", Helvetica; + font-weight: 500; + color: var(--white); + font-size: 16px; + letter-spacing: -0.41px; + line-height: normal; +} + +.bedolaga-subsription .img { + position: relative; + width: 14px; + height: 8px; + margin-right: -1.00px; +} + +.bedolaga-subsription .frame-2 { + display: flex; + margin-left: 16px; + width: 343px; + height: 635px; + position: relative; + margin-top: 29px; + flex-direction: column; + align-items: flex-start; + gap: 7px; +} + +.bedolaga-subsription .text-wrapper-3 { + position: relative; + align-self: stretch; + margin-top: -1.00px; + font-family: "Inter-Bold", Helvetica; + font-weight: 700; + color: var(--white); + font-size: 16px; + letter-spacing: -0.41px; + line-height: normal; +} + +.bedolaga-subsription .frame-3 { + display: flex; + flex-direction: column; + align-items: flex-start; + gap: 26px; + padding: 16px; + position: relative; + align-self: stretch; + width: 100%; + flex: 0 0 auto; + background-color: var(--x2nd-layer); + border-radius: 15px; +} + +.bedolaga-subsription .frame-4 { + display: flex; + align-items: center; + justify-content: space-between; + position: relative; + align-self: stretch; + width: 100%; + flex: 0 0 auto; +} + +.bedolaga-subsription .frame-5 { + display: inline-flex; + align-items: center; + gap: 8px; + position: relative; + flex: 0 0 auto; +} + +.bedolaga-subsription .happ-dark { + position: relative; + width: 50px; + height: 50px; + aspect-ratio: 1; +} + +.bedolaga-subsription .github-stars { + position: relative; + width: 21px; + height: 21px; +} + +.bedolaga-subsription .frame-6 { + display: flex; + align-items: flex-start; + gap: 8px; + position: relative; + align-self: stretch; + width: 100%; + flex: 0 0 auto; +} + +.bedolaga-subsription .language { + display: flex; + width: 25px; + height: 24px; + align-items: center; + justify-content: center; + gap: 10px; + padding: 10px; + position: relative; + background-color: var(--vanila); + border-radius: 7px; +} + +.bedolaga-subsription .RU { + position: relative; + width: fit-content; + margin-top: -7.50px; + margin-bottom: -5.50px; + margin-left: -1.00px; + margin-right: -1.00px; + font-family: "Inter-Medium", Helvetica; + font-weight: 500; + color: var(--x1st-layer); + font-size: 14px; + letter-spacing: -0.41px; + line-height: normal; +} + +.bedolaga-subsription .frame-7 { + display: flex; + flex-direction: column; + align-items: flex-start; + gap: 10px; + position: relative; + flex: 1; + flex-grow: 1; +} + +.bedolaga-subsription .p { + position: relative; + align-self: stretch; + font-family: "Inter-Regular", Helvetica; + font-weight: 400; + font-size: 14px; + color: var(--white); + letter-spacing: -0.41px; + line-height: normal; +} + +.bedolaga-subsription .button { + all: unset; + box-sizing: border-box; + display: flex; + align-items: center; + justify-content: center; + gap: 10px; + padding: 10px; + position: relative; + align-self: stretch; + width: 100%; + flex: 0 0 auto; + background-color: var(--vanila); + border-radius: 10px; +} + +.bedolaga-subsription .text-wrapper-4 { + position: relative; + width: fit-content; + margin-top: -1.00px; + font-family: "Inter-Medium", Helvetica; + font-weight: 500; + color: var(--x1st-layer); + font-size: 14px; + letter-spacing: -0.41px; + line-height: normal; +} + +.bedolaga-subsription .RU-2 { + margin-left: -2.00px; + margin-right: -2.00px; + position: relative; + width: fit-content; + margin-top: -7.50px; + margin-bottom: -5.50px; + font-family: "Inter-Medium", Helvetica; + font-weight: 500; + color: var(--x1st-layer); + font-size: 14px; + letter-spacing: -0.41px; + line-height: normal; +} + +.bedolaga-subsription .RU-3 { + margin-left: -2.50px; + margin-right: -2.50px; + position: relative; + width: fit-content; + margin-top: -7.50px; + margin-bottom: -5.50px; + font-family: "Inter-Medium", Helvetica; + font-weight: 500; + color: var(--x1st-layer); + font-size: 14px; + letter-spacing: -0.41px; + line-height: normal; +} +/* Inject original globals.css and styleguide.css here */ + +.bedolaga-subsription { + background-color: var(--x1st-layer); + width: 100%; + min-width: 375px; + min-height: 917px; + display: flex; + flex-direction: column; +} + +.bedolaga-subsription .frame { + display: flex; + margin-left: 16px; + width: 342px; + height: 32px; + position: relative; + margin-top: 16px; + align-items: center; + justify-content: space-between; +} + +.bedolaga-subsription .text-wrapper { + position: relative; + width: fit-content; + font-family: "Inter-Bold", Helvetica; + font-weight: 700; + color: var(--white); + font-size: 20px; + letter-spacing: -0.41px; + line-height: normal; + white-space: nowrap; +} + +.bedolaga-subsription .vector-wrapper { + all: unset; + box-sizing: border-box; + display: flex; + width: 32px; + height: 32px; + align-items: center; + justify-content: center; + gap: 10px; + padding: 10px; + position: relative; + background-color: var(--vanila); + border-radius: 10px; + cursor: pointer; +} + +.bedolaga-subsription .vector-wrapper:hover { + opacity: 0.9; +} + +.bedolaga-subsription .vector-wrapper:active { + opacity: 0.8; +} + +.bedolaga-subsription .vector { + position: relative; + width: 10.42px; + height: 10.43px; +} + +.bedolaga-subsription .device-selection { + display: flex; + flex-direction: column; + margin-left: 16px; + width: 343px; +} + +.bedolaga-subsription .div { + width: 343px; + height: 19px; + margin-top: 29px; + font-family: "Inter-Bold", Helvetica; + font-weight: 700; + font-size: 16px; + color: var(--white); + letter-spacing: -0.41px; + line-height: normal; +} + +.bedolaga-subsription .os-selector { + all: unset; + box-sizing: border-box; + display: flex; + width: 343px; + height: 56px; + position: relative; + margin-top: 8px; + align-items: center; + gap: 8px; + padding: 8px 16px; + background-color: var(--x2nd-layer); + border-radius: 15px; + cursor: pointer; +} + +.bedolaga-subsription .os-selector:hover { + background-color: var(--x3d-layer); +} + +.bedolaga-subsription .os-selector:active { + opacity: 0.9; +} + +.bedolaga-subsription .apple-icon { + position: relative; + width: 40px; + height: 40px; + aspect-ratio: 1; +} + +.bedolaga-subsription .text-wrapper-2 { + position: relative; + flex: 1; + font-family: "Inter-Medium", Helvetica; + font-weight: 500; + color: var(--white); + font-size: 16px; + letter-spacing: -0.41px; + line-height: normal; +} + +.bedolaga-subsription .img { + position: relative; + width: 14px; + height: 8px; + margin-right: -1.00px; +} + +.bedolaga-subsription .frame-2 { + display: flex; + margin-left: 16px; + width: 343px; + height: 635px; + position: relative; + margin-top: 29px; + flex-direction: column; + align-items: flex-start; + gap: 7px; +} + +.bedolaga-subsription .text-wrapper-3 { + position: relative; + align-self: stretch; + margin-top: -1.00px; + font-family: "Inter-Bold", Helvetica; + font-weight: 700; + color: var(--white); + font-size: 16px; + letter-spacing: -0.41px; + line-height: normal; +} + +.bedolaga-subsription .frame-3 { + display: flex; + flex-direction: column; + align-items: flex-start; + gap: 26px; + padding: 16px; + position: relative; + align-self: stretch; + width: 100%; + flex: 0 0 auto; + background-color: var(--x2nd-layer); + border-radius: 15px; +} + +.bedolaga-subsription .frame-4 { + display: flex; + align-items: center; + justify-content: space-between; + position: relative; + align-self: stretch; + width: 100%; + flex: 0 0 auto; +} + +.bedolaga-subsription .frame-5 { + display: inline-flex; + align-items: center; + gap: 8px; + position: relative; + flex: 0 0 auto; +} + +.bedolaga-subsription .happ-dark { + position: relative; + width: 50px; + height: 50px; + aspect-ratio: 1; +} + +.bedolaga-subsription .github-stars { + position: relative; + width: 21px; + height: 21px; +} + +.bedolaga-subsription .frame-6 { + display: flex; + align-items: flex-start; + gap: 8px; + position: relative; + align-self: stretch; + width: 100%; + flex: 0 0 auto; +} + +.bedolaga-subsription .language { + display: flex; + width: 25px; + height: 24px; + align-items: center; + justify-content: center; + gap: 10px; + padding: 10px; + position: relative; + background-color: var(--vanila); + border-radius: 7px; +} + +.bedolaga-subsription .RU { + position: relative; + width: fit-content; + margin-top: -7.50px; + margin-bottom: -5.50px; + margin-left: -1.00px; + margin-right: -1.00px; + font-family: "Inter-Medium", Helvetica; + font-weight: 500; + color: var(--x1st-layer); + font-size: 14px; + letter-spacing: -0.41px; + line-height: normal; +} + +.bedolaga-subsription .frame-7 { + display: flex; + flex-direction: column; + align-items: flex-start; + gap: 10px; + position: relative; + flex: 1; + flex-grow: 1; +} + +.bedolaga-subsription .p { + position: relative; + align-self: stretch; + font-family: "Inter-Regular", Helvetica; + font-weight: 400; + font-size: 14px; + color: var(--white); + letter-spacing: -0.41px; + line-height: normal; +} + +.bedolaga-subsription .button { + all: unset; + box-sizing: border-box; + display: flex; + align-items: center; + justify-content: center; + gap: 10px; + padding: 10px; + position: relative; + align-self: stretch; + width: 100%; + flex: 0 0 auto; + background-color: var(--vanila); + border-radius: 10px; + cursor: pointer; +} + +.bedolaga-subsription .button:hover { + opacity: 0.9; +} + +.bedolaga-subsription .button:active { + opacity: 0.8; +} + +.bedolaga-subsription .text-wrapper-4 { + position: relative; + width: fit-content; + margin-top: -1.00px; + font-family: "Inter-Medium", Helvetica; + font-weight: 500; + color: var(--x1st-layer); + font-size: 14px; + letter-spacing: -0.41px; + line-height: normal; +} + +.bedolaga-subsription .RU-2 { + margin-left: -2.00px; + margin-right: -2.00px; + position: relative; + width: fit-content; + margin-top: -7.50px; + margin-bottom: -5.50px; + font-family: "Inter-Medium", Helvetica; + font-weight: 500; + color: var(--x1st-layer); + font-size: 14px; + letter-spacing: -0.41px; + line-height: normal; +} + +.bedolaga-subsription .RU-3 { + margin-left: -2.50px; + margin-right: -2.50px; + position: relative; + width: fit-content; + margin-top: -7.50px; + margin-bottom: -5.50px; + font-family: "Inter-Medium", Helvetica; + font-weight: 500; + color: var(--x1st-layer); + font-size: 14px; + letter-spacing: -0.41px; + line-height: normal; +} diff --git a/miniapp/new/miniapp/instructions/styleguide.css b/miniapp/new/miniapp/instructions/styleguide.css new file mode 100644 index 00000000..d77e8aad --- /dev/null +++ b/miniapp/new/miniapp/instructions/styleguide.css @@ -0,0 +1,9 @@ +:root { + --white: rgba(250, 250, 250, 1); + --black: rgba(10, 10, 10, 1); + --vanila: rgba(255, 222, 191, 1); + --x2nd-layer: rgba(25, 32, 29, 1); + --x1st-layer: rgba(17, 21, 19, 1); + --x3d-layer: rgba(35, 47, 42, 1); + --collection-1-color: rgba(255, 255, 255, 1); +} diff --git a/miniapp/new/miniapp/instructions/Инструкция по подписке Bedolaga_files/anima-logo.svg b/miniapp/new/miniapp/instructions/Инструкция по подписке Bedolaga_files/anima-logo.svg new file mode 100644 index 00000000..fc3a5a6e --- /dev/null +++ b/miniapp/new/miniapp/instructions/Инструкция по подписке Bedolaga_files/anima-logo.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/miniapp/new/miniapp/instructions/Инструкция по подписке Bedolaga_files/anima.min.js b/miniapp/new/miniapp/instructions/Инструкция по подписке Bedolaga_files/anima.min.js new file mode 100644 index 00000000..5488d63c --- /dev/null +++ b/miniapp/new/miniapp/instructions/Инструкция по подписке Bedolaga_files/anima.min.js @@ -0,0 +1,636 @@ +var ot = Object.defineProperty; +var it = (e, t, n) => t in e ? ot(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n; +var H = (e, t, n) => (it(e, typeof t != "symbol" ? t + "" : t, n), n), I = (e, t, n) => { + if (!t.has(e)) + throw TypeError("Cannot " + n); +}; +var d = (e, t, n) => (I(e, t, "read from private field"), n ? n.call(e) : t.get(e)), C = (e, t, n) => { + if (t.has(e)) + throw TypeError("Cannot add the same private member more than once"); + t instanceof WeakSet ? t.add(e) : t.set(e, n); +}, k = (e, t, n, o) => (I(e, t, "write to private field"), o ? o.call(e, n) : t.set(e, n), n); +const st = (e, t, n, o, s) => { + const f = n.length; + let a = t.length, i = f, r = 0, p = 0, l = null; + for (; r < a || p < i; ) + if (a === r) { + const c = i < f ? p ? o(n[p - 1], -0).nextSibling : o(n[i], 0) : s; + for (; p < i; ) + e.insertBefore(o(n[p++], 1), c); + } else if (i === p) + for (; r < a; ) + (!l || !l.has(t[r])) && e.removeChild(o(t[r], -1)), r++; + else if (t[r] === n[p]) + r++, p++; + else if (t[a - 1] === n[i - 1]) + a--, i--; + else if (t[r] === n[i - 1] && n[p] === t[a - 1]) { + const c = o(t[--a], -0).nextSibling; + e.insertBefore( + o(n[p++], 1), + o(t[r++], -0).nextSibling + ), e.insertBefore(o(n[--i], 1), c), t[a] = n[i]; + } else { + if (!l) { + l = /* @__PURE__ */ new Map(); + let c = p; + for (; c < i; ) + l.set(n[c], c++); + } + if (l.has(t[r])) { + const c = l.get(t[r]); + if (p < c && c < i) { + let m = r, u = 1; + for (; ++m < a && m < i && l.get(t[m]) === c + u; ) + u++; + if (u > c - p) { + const U = o(t[r], 0); + for (; p < c; ) + e.insertBefore(o(n[p++], 1), U); + } else + e.replaceChild( + o(n[p++], 1), + o(t[r++], -1) + ); + } else + r++; + } else + e.removeChild(o(t[r++], -1)); + } + return n; +}, { isArray: Z } = Array, { getPrototypeOf: rt, getOwnPropertyDescriptor: at } = Object, ct = "http://www.w3.org/2000/svg", g = [], q = () => document.createRange(), W = (e, t, n) => (e.set(t, n), n), lt = (e, t) => { + let n; + do + n = at(e, t); + while (!n && (e = rt(e))); + return n; +}, ft = (e, t) => t.reduceRight(pt, e), pt = (e, t) => e.childNodes[t], mt = 1, ut = 8, dt = 11, { setPrototypeOf: ht } = Object, gt = (e) => { + function t(n) { + return ht(n, new.target.prototype); + } + return t.prototype = e.prototype, t; +}; +let w; +const X = (e, t, n) => (w || (w = q()), n ? w.setStartAfter(e) : w.setStartBefore(e), w.setEndAfter(t), w.deleteContents(), e), $ = ({ firstChild: e, lastChild: t }, n) => X(e, t, n); +let R = !1; +const T = (e, t) => R && e.nodeType === dt ? 1 / t < 0 ? t ? $(e, !0) : e.lastChild : t ? e.valueOf() : e.firstChild : e, z = (e) => document.createComment(e); +var y, E, h; +class Ut extends gt(DocumentFragment) { + constructor(n) { + super(n); + C(this, y, z("<>")); + C(this, E, z("")); + C(this, h, g); + this.replaceChildren(d(this, y), ...n.childNodes, d(this, E)), R = !0; + } + get firstChild() { + return d(this, y); + } + get lastChild() { + return d(this, E); + } + get parentNode() { + return d(this, y).parentNode; + } + remove() { + $(this, !1); + } + replaceWith(n) { + $(this, !0).replaceWith(n); + } + valueOf() { + const { parentNode: n } = this; + if (n === this) + d(this, h) === g && k(this, h, [...this.childNodes]); + else { + if (n) { + let { firstChild: o, lastChild: s } = this; + for (k(this, h, [o]); o !== s; ) + d(this, h).push(o = o.nextSibling); + } + this.replaceChildren(...d(this, h)); + } + return this; + } +} +y = new WeakMap(), E = new WeakMap(), h = new WeakMap(); +const Q = (e, t, n) => e.setAttribute(t, n), S = (e, t) => e.removeAttribute(t), wt = (e, t) => { + for (const n in t) { + const o = t[n], s = n === "role" ? n : `aria-${n}`; + o == null ? S(e, s) : Q(e, s, o); + } + return t; +}; +let v; +const yt = (e, t, n) => { + n = n.slice(1), v || (v = /* @__PURE__ */ new WeakMap()); + const o = v.get(e) || W(v, e, {}); + let s = o[n]; + return s && s[0] && e.removeEventListener(n, ...s), s = Z(t) ? t : [t, !1], o[n] = s, s[0] && e.addEventListener(n, ...s), t; +}, F = (e, t) => { + const { t: n, n: o } = e; + let s = !1; + switch (typeof t) { + case "object": + if (t !== null) { + (o || n).replaceWith(e.n = t.valueOf()); + break; + } + case "undefined": + s = !0; + default: + n.data = s ? "" : t, o && (e.n = null, o.replaceWith(n)); + break; + } + return t; +}, xt = (e, t) => j( + e, + t, + t == null ? "class" : "className" +), bt = (e, t) => { + const { dataset: n } = e; + for (const o in t) + t[o] == null ? delete n[o] : n[o] = t[o]; + return t; +}, D = (e, t, n) => e[n] = t, Ft = (e, t, n) => D(e, t, n.slice(1)), j = (e, t, n) => t == null ? (S(e, n), t) : D(e, t, n), Y = (e, t) => (typeof t == "function" ? t(e) : t.current = e, t), B = (e, t, n) => (t == null ? S(e, n) : Q(e, n, t), t), Et = (e, t) => t == null ? j(e, t, "style") : D(e.style, t, "cssText"), At = (e, t, n) => (e.toggleAttribute(n.slice(1), t), t), _ = (e, t, n) => { + const { length: o } = t; + if (e.data = `[${o}]`, o) + return st(e.parentNode, n, t, T, e); + switch (n.length) { + case 1: + n[0].remove(); + case 0: + break; + default: + X( + T(n[0], 0), + T(n.at(-1), -0), + !1 + ); + break; + } + return g; +}, Ct = /* @__PURE__ */ new Map([ + ["aria", wt], + ["class", xt], + ["data", bt], + ["ref", Y], + ["style", Et] +]), vt = (e, t, n) => { + switch (t[0]) { + case ".": + return Ft; + case "?": + return At; + case "@": + return yt; + default: + return n || "ownerSVGElement" in e ? t === "ref" ? Y : B : Ct.get(t) || (t in e ? t.startsWith("on") ? D : lt(e, t)?.set ? j : B : B); + } +}, Mt = (e, t) => (e.textContent = t ?? "", t), b = (e, t, n) => ({ a: e, b: t, c: n }), _t = (e, t) => ({ b: e, c: t }), St = (e, t, n, o) => ({ v: g, u: e, t, n, c: o }), A = () => b(null, null, g), tt = (e) => (t, n) => { + const { a: o, b: s, c: f } = e(t, n), a = document.importNode(o, !0); + let i = g; + if (s !== g) { + i = []; + for (let r, p, l = 0; l < s.length; l++) { + const { a: c, b: m, c: u } = s[l], U = c === p ? r : r = ft(a, p = c); + i[l] = St( + m, + U, + u, + m === _ ? [] : m === F ? A() : null + ); + } + } + return _t( + f ? a.firstChild : new Ut(a), + i + ); +}, Dt = /^(?:plaintext|script|style|textarea|title|xmp)$/i, kt = /^(?:area|base|br|col|embed|hr|img|input|keygen|link|menuitem|meta|param|source|track|wbr)$/i, Tt = /<([a-zA-Z0-9]+[a-zA-Z0-9:._-]*)([^>]*?)(\/?)>/g, Bt = /([^\s\\>"'=]+)\s*=\s*(['"]?)\x01/g, Lt = /[\x01\x02]/g, Nt = (e, t, n) => { + let o = 0; + return e.join("").trim().replace( + Tt, + (s, f, a, i) => `<${f}${a.replace(Bt, "=$2$1").trimEnd()}${i ? n || kt.test(f) ? " /" : `>` + ).replace( + Lt, + (s) => s === "" ? `` : t + o++ + ); +}; +let M = document.createElement("template"), L, N; +const Ot = (e, t) => { + if (t) + return L || (L = document.createElementNS(ct, "svg"), N = q(), N.selectNodeContents(L)), N.createContextualFragment(e); + M.innerHTML = e; + const { content: n } = M; + return M = M.cloneNode(!1), n; +}, O = (e) => { + const t = []; + let n; + for (; n = e.parentNode; ) + t.push(t.indexOf.call(n.childNodes, e)), e = n; + return t; +}, P = () => document.createTextNode(""), $t = (e, t, n) => { + const o = Ot(Nt(e, x, n), n), { length: s } = e; + let f = g; + if (s > 1) { + const r = [], p = document.createTreeWalker(o, 129); + let l = 0, c = `${x}${l++}`; + for (f = []; l < s; ) { + const m = p.nextNode(); + if (m.nodeType === ut) { + if (m.data === c) { + const u = Z(t[l - 1]) ? _ : F; + u === F && r.push(m), f.push(b(O(m), u, null)), c = `${x}${l++}`; + } + } else { + let u; + for (; m.hasAttribute(c); ) { + u || (u = O(m)); + const U = m.getAttribute(c); + f.push(b(u, vt(m, U, n), U)), S(m, c), c = `${x}${l++}`; + } + !n && Dt.test(m.localName) && m.textContent.trim() === `` && (f.push(b(u || O(m), Mt, null)), c = `${x}${l++}`); + } + } + for (l = 0; l < r.length; l++) + r[l].replaceWith(P()); + } + const { childNodes: a } = o; + let { length: i } = a; + return i < 1 ? (i = 1, o.appendChild(P())) : i === 1 && s !== 1 && a[0].nodeType !== mt && (i = 0), W(et, e, b(o, f, i === 1)); +}, et = /* @__PURE__ */ new WeakMap(), x = "is\xB5", nt = (e) => (t, n) => et.get(t) || $t(t, n, e), Wt = tt(nt(!1)), jt = tt(nt(!0)), K = (e, { s: t, t: n, v: o }) => { + if (e.a !== n) { + const { b: s, c: f } = (t ? jt : Wt)(n, o); + e.a = n, e.b = s, e.c = f; + } + for (let { c: s } = e, f = 0; f < s.length; f++) { + const a = o[f], i = s[f]; + switch (i.u) { + case _: + i.v = _( + i.t, + Kt(i.c, a), + i.v + ); + break; + case F: + const r = a instanceof V ? K(i.c || (i.c = A()), a) : (i.c = null, a); + r !== i.v && (i.v = F(i, r)); + break; + default: + a !== i.v && (i.v = i.u(i.t, a, i.n, i.v)); + break; + } + } + return e.b; +}, Kt = (e, t) => { + let n = 0, { length: o } = t; + for (o < e.length && e.splice(o); n < o; n++) { + const s = t[n]; + s instanceof V ? t[n] = K(e[n] || (e[n] = A()), s) : e[n] = null; + } + return t; +}; +class V { + constructor(t, n, o) { + this.s = t, this.t = n, this.v = o; + } + toDOM(t = A()) { + return K(t, this); + } +} +const G = /* @__PURE__ */ new WeakMap(), Vt = (e, t) => { + const n = G.get(e) || W(G, e, A()), { b: o } = n; + return o !== (typeof t == "function" ? t() : t).toDOM(n) && e.replaceChildren(n.b.valueOf()), e; +}; +/*! (c) Andrea Giammarchi - MIT */ +const Ht = (e) => (t, ...n) => new V(e, t, n), It = Ht(!1), zt = ` + /* Font definitions */ + /* cyrillic-ext */ + @font-face { + font-family: 'Inter'; + font-style: normal; + font-weight: 400; + src: url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyfAZJhiJ-Ek-_EeAmM.woff2) format('woff2'); + unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; + } + /* cyrillic */ + @font-face { + font-family: 'Inter'; + font-style: normal; + font-weight: 400; + src: url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyfAZthiJ-Ek-_EeAmM.woff2) format('woff2'); + unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; + } + /* greek-ext */ + @font-face { + font-family: 'Inter'; + font-style: normal; + font-weight: 400; + src: url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyfAZNhiJ-Ek-_EeAmM.woff2) format('woff2'); + unicode-range: U+1F00-1FFF; + } + /* greek */ + @font-face { + font-family: 'Inter'; + font-style: normal; + font-weight: 400; + src: url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyfAZxhiJ-Ek-_EeAmM.woff2) format('woff2'); + unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; + } + /* vietnamese */ + @font-face { + font-family: 'Inter'; + font-style: normal; + font-weight: 400; + src: url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyfAZBhiJ-Ek-_EeAmM.woff2) format('woff2'); + unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; + } + /* latin-ext */ + @font-face { + font-family: 'Inter'; + font-style: normal; + font-weight: 400; + src: url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyfAZFhiJ-Ek-_EeAmM.woff2) format('woff2'); + unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; + } + /* latin */ + @font-face { + font-family: 'Inter'; + font-style: normal; + font-weight: 400; + src: url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyfAZ9hiJ-Ek-_EeA.woff2) format('woff2'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; + } + + /* Mulish font faces */ + /* cyrillic-ext */ + @font-face { + font-family: 'Mulish'; + font-style: normal; + font-weight: 600; + src: url(https://fonts.gstatic.com/s/mulish/v13/1Ptyg83HX_SGhgqO0yLcmjzUAuWexU1W8aqvG547LTdNwPak.woff2) format('woff2'); + unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; + } + /* cyrillic */ + @font-face { + font-family: 'Mulish'; + font-style: normal; + font-weight: 600; + src: url(https://fonts.gstatic.com/s/mulish/v13/1Ptyg83HX_SGhgqO0yLcmjzUAuWexU1W8aOvG547LTdNwPak.woff2) format('woff2'); + unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; + } + /* vietnamese */ + @font-face { + font-family: 'Mulish'; + font-style: normal; + font-weight: 600; + src: url(https://fonts.gstatic.com/s/mulish/v13/1Ptyg83HX_SGhgqO0yLcmjzUAuWexU1W8aivG547LTdNwPak.woff2) format('woff2'); + unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; + } + /* latin-ext */ + @font-face { + font-family: 'Mulish'; + font-style: normal; + font-weight: 600; + src: url(https://fonts.gstatic.com/s/mulish/v13/1Ptyg83HX_SGhgqO0yLcmjzUAuWexU1W8amvG547LTdNwPak.woff2) format('woff2'); + unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; + } + /* latin */ + @font-face { + font-family: 'Mulish'; + font-style: normal; + font-weight: 600; + src: url(https://fonts.gstatic.com/s/mulish/v13/1Ptyg83HX_SGhgqO0yLcmjzUAuWexU1W8aevG547LTdNwA.woff2) format('woff2'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; + } + + /* These global styles should be scoped to the banner */ + .anima-banner * { + -webkit-font-smoothing: antialiased; + box-sizing: border-box; + } + + /* These should be scoped to banner elements */ + .anima-banner button:focus-visible { + outline: 2px solid #4a90e2 !important; + outline: -webkit-focus-ring-color auto 5px !important; + } + + .anima-banner a { + text-decoration: none; + } + + /* Variables should be scoped to the banner */ + .anima-banner { + --text-medium-sm-font-family: "Mulish", Helvetica; + --text-medium-sm-font-weight: 600; + --text-medium-sm-font-size: 12px; + --text-medium-sm-letter-spacing: 0px; + --text-medium-sm-line-height: 160.0000023841858%; + --text-medium-sm-font-style: normal; + --colors-purple-purple-8: rgba(168, 152, 236, 1); + --colors-grey-grey-6: rgba(226, 226, 223, 1); + --colors-purple-purple-11: rgba(87, 70, 175, 1); + } + + /* Component styles */ + .anima-banner { + position: fixed; + top: 0; + left: 0; + right: 0; + z-index: 9999; + display: flex; + height: 48px; + align-items: center; + justify-content: center; + gap: 10px; + background-color: #101729; + border-bottom: 3px solid #6c53ce; + } + + .anima-banner .text-wrapper { + position: relative; + width: fit-content; + font-family: "Inter", Helvetica; + font-weight: 400; + color: #f2f5f9; + font-size: 14px; + text-align: center; + letter-spacing: 0; + line-height: normal; + } + + .anima-banner .anima-playground { + position: relative; + width: 175px; + height: 24px; + } + + .anima-banner .anima-logo { + position: absolute; + width: 24px; + height: 24px; + top: 0; + left: 0; + } + + .anima-banner .playground-text { + position: absolute; + top: 3px; + left: 84px; + font-family: "Mulish", Helvetica; + font-weight: 600; + color: var(--colors-purple-purple-8); + font-size: 17px; + letter-spacing: 0; + line-height: 15.8px; + white-space: nowrap; + } + + .anima-banner .text-wrapper-2 { + position: absolute; + top: 3px; + left: 28px; + font-family: "Mulish", Helvetica; + font-weight: 600; + color: #ffffff; + font-size: 17px; + letter-spacing: 0; + line-height: 15.8px; + white-space: nowrap; + } + + .anima-banner .button { + all: unset; + box-sizing: border-box; + display: inline-flex; + height: 28px; + align-items: center; + justify-content: center; + gap: 8px; + padding: 0px 12px; + position: relative; + flex: 0 0 auto; + background-color: var(--colors-purple-purple-11); + border-radius: 6px; + cursor: pointer; + } + + .anima-banner .button:hover { + opacity: 0.9; + } + + .anima-banner .label { + position: relative; + width: fit-content; + font-family: var(--text-medium-sm-font-family); + font-weight: var(--text-medium-sm-font-weight); + color: var(--colors-grey-grey-6); + font-size: var(--text-medium-sm-font-size); + letter-spacing: var(--text-medium-sm-letter-spacing); + line-height: var(--text-medium-sm-line-height); + white-space: nowrap; + font-style: var(--text-medium-sm-font-style); + } + + /* Responsive styles */ + @media screen and (max-width: 768px) { + .hide-tablet { + display: none; + } + + .anima-banner { + gap: 8px; + } + } + + @media screen and (max-width: 480px) { + .anima-banner { + gap: 6px; + } + + .hide-mobile { + display: none; + } + + .anima-banner .text-wrapper { + font-size: 12px; + } + + .anima-banner .anima-playground { + width: 150px; + } + + .anima-banner .div, + .anima-banner .text-wrapper-2 { + font-size: 15px; + } + } +`, Pt = ({ onStartNowClick: e, startNowUrl: t }) => It` + +
+
Generated by
+
+ +
anima
+
playground
+
+

Turn your own designs to code today

+ { + e && e(); +}} class="button">
Start now
+
+`, Gt = (e) => fetch("https://l.animaapp.com/analytics/collect", { + method: "POST", + headers: { + "Content-Type": "application/json", + "X-Client-Id": "dev.animaapp.io" + }, + body: JSON.stringify(e) +}).catch(() => { +}), J = (e, t = {}) => { + const n = { + eventAction: e, + params: { + platform: "playground-website", + origin: "playground-website", + ...t, + domain: window.location.hostname, + url: window.location.href + }, + time: new Date().getTime() + }; + return Gt([n]); +}; +class Jt { + constructor() { + H(this, "data"); + this.data = window.__anima__, document.addEventListener("DOMContentLoaded", () => { + this.setup(); + }); + } + setup() { + const t = this.data?.session_data; + J("playground-website.pageview", { + session_id: this.data?.session_id || "" + }), t?.is_paying_team || this.injectFreeWebsiteBanner(); + } + injectFreeWebsiteBanner() { + const n = `https://www.animaapp.com/an?url=https%3A%2F%2Fwww.animaapp.com&utm_content=${window.location.hostname}&utm_medium=anima-playground&utm_source=free-website-banner`, o = document.createElement("div"); + o.style.marginBottom = "48px", Vt( + o, + Pt({ + onStartNowClick: () => { + J("playground-website.banner.start-now-click"); + }, + startNowUrl: n + }) + ), document.body.prepend(o); + } +} +const qt = new Jt(); +export { + qt as animaScripts +}; diff --git a/miniapp/new/miniapp/instructions/Инструкция по подписке Bedolaga_files/apple-icon-2.svg b/miniapp/new/miniapp/instructions/Инструкция по подписке Bedolaga_files/apple-icon-2.svg new file mode 100644 index 00000000..1aa95772 --- /dev/null +++ b/miniapp/new/miniapp/instructions/Инструкция по подписке Bedolaga_files/apple-icon-2.svg @@ -0,0 +1,4 @@ + + + + diff --git a/miniapp/new/miniapp/instructions/Инструкция по подписке Bedolaga_files/frame-43.svg b/miniapp/new/miniapp/instructions/Инструкция по подписке Bedolaga_files/frame-43.svg new file mode 100644 index 00000000..f35c9197 --- /dev/null +++ b/miniapp/new/miniapp/instructions/Инструкция по подписке Bedolaga_files/frame-43.svg @@ -0,0 +1,4 @@ + + + + diff --git a/miniapp/new/miniapp/instructions/Инструкция по подписке Bedolaga_files/github-stars-1.svg b/miniapp/new/miniapp/instructions/Инструкция по подписке Bedolaga_files/github-stars-1.svg new file mode 100644 index 00000000..c8832f83 --- /dev/null +++ b/miniapp/new/miniapp/instructions/Инструкция по подписке Bedolaga_files/github-stars-1.svg @@ -0,0 +1,3 @@ + + + diff --git a/miniapp/new/miniapp/instructions/Инструкция по подписке Bedolaga_files/globals.css b/miniapp/new/miniapp/instructions/Инструкция по подписке Bedolaga_files/globals.css new file mode 100644 index 00000000..b915243f --- /dev/null +++ b/miniapp/new/miniapp/instructions/Инструкция по подписке Bedolaga_files/globals.css @@ -0,0 +1,19 @@ +@import url("https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css"); +@import url("https://fonts.googleapis.com/css?family=Inter:500,700,400"); +* { + -webkit-font-smoothing: antialiased; + box-sizing: border-box; +} +html, +body { + margin: 0px; + height: 100%; +} +/* a blue color as a generic focus style */ +button:focus-visible { + outline: 2px solid #4a90e2 !important; + outline: -webkit-focus-ring-color auto 5px !important; +} +a { + text-decoration: none; +} diff --git a/miniapp/new/miniapp/instructions/Инструкция по подписке Bedolaga_files/happ-dark-1.svg b/miniapp/new/miniapp/instructions/Инструкция по подписке Bedolaga_files/happ-dark-1.svg new file mode 100644 index 00000000..4ff9af44 --- /dev/null +++ b/miniapp/new/miniapp/instructions/Инструкция по подписке Bedolaga_files/happ-dark-1.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/miniapp/new/miniapp/instructions/Инструкция по подписке Bedolaga_files/load.js b/miniapp/new/miniapp/instructions/Инструкция по подписке Bedolaga_files/load.js new file mode 100644 index 00000000..6952b610 --- /dev/null +++ b/miniapp/new/miniapp/instructions/Инструкция по подписке Bedolaga_files/load.js @@ -0,0 +1 @@ +window.__anima__ = {"session_id":"AWNCQg2Q","session_data":{"is_paying_team":false}}; \ No newline at end of file diff --git a/miniapp/new/miniapp/instructions/Инструкция по подписке Bedolaga_files/style.css b/miniapp/new/miniapp/instructions/Инструкция по подписке Bedolaga_files/style.css new file mode 100644 index 00000000..d486f132 --- /dev/null +++ b/miniapp/new/miniapp/instructions/Инструкция по подписке Bedolaga_files/style.css @@ -0,0 +1,313 @@ +.bedolaga-subsription { + background-color: var(--x1st-layer); + width: 100%; + min-width: 375px; + min-height: 917px; + display: flex; + flex-direction: column; +} + +.bedolaga-subsription .frame { + display: flex; + margin-left: 16px; + width: 342px; + height: 32px; + position: relative; + margin-top: 16px; + align-items: center; + justify-content: space-between; +} + +.bedolaga-subsription .text-wrapper { + position: relative; + width: fit-content; + font-family: "Inter", Helvetica; + font-weight: 700; + color: var(--white); + font-size: 20px; + letter-spacing: -0.41px; + line-height: normal; + white-space: nowrap; +} + +.bedolaga-subsription .img { + position: relative; + width: 32px; + height: 32px; +} + +.bedolaga-subsription .div { + margin-left: 16px; + width: 343px; + height: 19px; + margin-top: 29px; + font-weight: 700; + font-size: 16px; + font-family: "Inter", Helvetica; + color: var(--white); + letter-spacing: -0.41px; + line-height: normal; +} + +.bedolaga-subsription .os-selector { + display: flex; + margin-left: 15px; + width: 343px; + height: 56px; + position: relative; + margin-top: 8px; + align-items: center; + gap: 8px; + padding: 8px 16px; + background-color: var(--x2nd-layer); + border-radius: 15px; +} + +.bedolaga-subsription .apple-icon { + position: relative; + width: 40px; + height: 40px; + aspect-ratio: 1; +} + +.bedolaga-subsription .text-wrapper-2 { + position: relative; + flex: 1; + font-family: "Inter", Helvetica; + font-weight: 500; + color: var(--white); + font-size: 16px; + letter-spacing: -0.41px; + line-height: normal; +} + +.bedolaga-subsription .vector { + position: relative; + width: 14px; + height: 8px; + margin-right: -1.00px; +} + +.bedolaga-subsription .frame-2 { + display: flex; + margin-left: 16px; + width: 343px; + height: 635px; + position: relative; + margin-top: 29px; + flex-direction: column; + align-items: flex-start; + gap: 7px; +} + +.bedolaga-subsription .text-wrapper-3 { + position: relative; + align-self: stretch; + margin-top: -1.00px; + font-family: "Inter", Helvetica; + font-weight: 700; + color: var(--white); + font-size: 16px; + letter-spacing: -0.41px; + line-height: normal; +} + +.bedolaga-subsription .frame-3 { + display: flex; + flex-direction: column; + align-items: flex-start; + gap: 26px; + padding: 16px; + position: relative; + align-self: stretch; + width: 100%; + flex: 0 0 auto; + background-color: var(--x2nd-layer); + border-radius: 15px; +} + +.bedolaga-subsription .frame-4 { + display: flex; + align-items: center; + justify-content: space-between; + position: relative; + align-self: stretch; + width: 100%; + flex: 0 0 auto; +} + +.bedolaga-subsription .frame-5 { + display: inline-flex; + align-items: center; + gap: 8px; + position: relative; + flex: 0 0 auto; +} + +.bedolaga-subsription .happ-dark { + position: relative; + width: 50px; + height: 50px; + aspect-ratio: 1; +} + +.bedolaga-subsription .github-stars { + position: relative; + width: 21px; + height: 21px; +} + +.bedolaga-subsription .frame-6 { + display: flex; + align-items: flex-start; + gap: 8px; + position: relative; + align-self: stretch; + width: 100%; + flex: 0 0 auto; +} + +.bedolaga-subsription .language { + display: flex; + width: 25px; + height: 24px; + align-items: center; + justify-content: center; + gap: 10px; + padding: 10px; + position: relative; + background-color: var(--vanila); + border-radius: 7px; +} + +.bedolaga-subsription .RU { + position: relative; + width: fit-content; + margin-top: -7.50px; + margin-bottom: -5.50px; + margin-left: -1.00px; + margin-right: -1.00px; + font-family: "Inter", Helvetica; + font-weight: 500; + color: var(--x1st-layer); + font-size: 14px; + letter-spacing: -0.41px; + line-height: normal; +} + +.bedolaga-subsription .frame-7 { + display: flex; + flex-direction: column; + align-items: flex-start; + gap: 10px; + position: relative; + flex: 1; + flex-grow: 1; +} + +.bedolaga-subsription .p { + position: relative; + align-self: stretch; + font-weight: 400; + font-size: 14px; + font-family: "Inter", Helvetica; + color: var(--white); + letter-spacing: -0.41px; + line-height: normal; +} + +.bedolaga-subsription .button { + all: unset; + box-sizing: border-box; + display: flex; + align-items: center; + justify-content: center; + gap: 10px; + padding: 10px; + position: relative; + align-self: stretch; + width: 100%; + flex: 0 0 auto; + background-color: var(--vanila); + border-radius: 10px; +} + +.bedolaga-subsription .text-wrapper-4 { + position: relative; + width: fit-content; + margin-top: -1.00px; + font-family: "Inter", Helvetica; + font-weight: 500; + color: var(--x1st-layer); + font-size: 14px; + letter-spacing: -0.41px; + line-height: normal; +} + +.bedolaga-subsription .RU-2 { + margin-left: -2.00px; + margin-right: -2.00px; + position: relative; + width: fit-content; + margin-top: -7.50px; + margin-bottom: -5.50px; + font-family: "Inter", Helvetica; + font-weight: 500; + color: var(--x1st-layer); + font-size: 14px; + letter-spacing: -0.41px; + line-height: normal; +} + +.bedolaga-subsription .RU-3 { + margin-left: -2.50px; + margin-right: -2.50px; + position: relative; + width: fit-content; + margin-top: -7.50px; + margin-bottom: -5.50px; + font-family: "Inter", Helvetica; + font-weight: 500; + color: var(--x1st-layer); + font-size: 14px; + letter-spacing: -0.41px; + line-height: normal; +} +/* Inject original CSS code here */ + +.bedolaga-subsription .img { + background: none; + border: none; + padding: 0; + cursor: pointer; +} + +.bedolaga-subsription .img img { + display: block; + width: 32px; + height: 32px; +} + +.bedolaga-subsription .device-selection { + margin-left: 16px; + margin-top: 29px; +} + +.bedolaga-subsription .os-selector { + cursor: pointer; +} + +.bedolaga-subsription .button { + cursor: pointer; +} + +.bedolaga-subsription h1, +.bedolaga-subsription h2, +.bedolaga-subsription h3, +.bedolaga-subsription h4 { + margin: 0; + padding: 0; + font-weight: inherit; + font-size: inherit; + line-height: inherit; +} diff --git a/miniapp/new/miniapp/instructions/Инструкция по подписке Bedolaga_files/styleguide.css b/miniapp/new/miniapp/instructions/Инструкция по подписке Bedolaga_files/styleguide.css new file mode 100644 index 00000000..d77e8aad --- /dev/null +++ b/miniapp/new/miniapp/instructions/Инструкция по подписке Bedolaga_files/styleguide.css @@ -0,0 +1,9 @@ +:root { + --white: rgba(250, 250, 250, 1); + --black: rgba(10, 10, 10, 1); + --vanila: rgba(255, 222, 191, 1); + --x2nd-layer: rgba(25, 32, 29, 1); + --x1st-layer: rgba(17, 21, 19, 1); + --x3d-layer: rgba(35, 47, 42, 1); + --collection-1-color: rgba(255, 255, 255, 1); +} diff --git a/miniapp/new/miniapp/instructions/Инструкция по подписке Bedolaga_files/vector-1.svg b/miniapp/new/miniapp/instructions/Инструкция по подписке Bedolaga_files/vector-1.svg new file mode 100644 index 00000000..f12b6e31 --- /dev/null +++ b/miniapp/new/miniapp/instructions/Инструкция по подписке Bedolaga_files/vector-1.svg @@ -0,0 +1,3 @@ + + + diff --git a/miniapp/new/miniapp/promosection/Bedolaga Subscription_files/globals.css b/miniapp/new/miniapp/promosection/Bedolaga Subscription_files/globals.css new file mode 100644 index 00000000..99b2571e --- /dev/null +++ b/miniapp/new/miniapp/promosection/Bedolaga Subscription_files/globals.css @@ -0,0 +1,19 @@ +@import url("https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css"); +@import url("https://fonts.googleapis.com/css?family=Inter:500,400,700"); +* { + -webkit-font-smoothing: antialiased; + box-sizing: border-box; +} +html, +body { + margin: 0px; + height: 100%; +} +/* a blue color as a generic focus style */ +button:focus-visible { + outline: 2px solid #4a90e2 !important; + outline: -webkit-focus-ring-color auto 5px !important; +} +a { + text-decoration: none; +} diff --git a/miniapp/new/miniapp/promosection/Bedolaga Subscription_files/load.js b/miniapp/new/miniapp/promosection/Bedolaga Subscription_files/load.js new file mode 100644 index 00000000..590d56a9 --- /dev/null +++ b/miniapp/new/miniapp/promosection/Bedolaga Subscription_files/load.js @@ -0,0 +1 @@ +window.__anima__ = {"session_id":"m69A0VW4","session_data":{"is_paying_team":false}}; \ No newline at end of file diff --git a/miniapp/new/miniapp/promosection/Bedolaga Subscription_files/logo-mini-1.svg b/miniapp/new/miniapp/promosection/Bedolaga Subscription_files/logo-mini-1.svg new file mode 100644 index 00000000..ac2747d8 --- /dev/null +++ b/miniapp/new/miniapp/promosection/Bedolaga Subscription_files/logo-mini-1.svg @@ -0,0 +1,4 @@ + + + + diff --git a/miniapp/new/miniapp/promosection/Bedolaga Subscription_files/offer-1.svg b/miniapp/new/miniapp/promosection/Bedolaga Subscription_files/offer-1.svg new file mode 100644 index 00000000..7b4e45f2 --- /dev/null +++ b/miniapp/new/miniapp/promosection/Bedolaga Subscription_files/offer-1.svg @@ -0,0 +1,4 @@ + + + + diff --git a/miniapp/new/miniapp/promosection/Bedolaga Subscription_files/style.css b/miniapp/new/miniapp/promosection/Bedolaga Subscription_files/style.css new file mode 100644 index 00000000..57c35a6f --- /dev/null +++ b/miniapp/new/miniapp/promosection/Bedolaga Subscription_files/style.css @@ -0,0 +1,433 @@ +.bedolaga-subsription { + background-color: var(--x1st-layer); + width: 100%; + min-width: 375px; + min-height: 917px; + display: flex; + flex-direction: column; + gap: 24px; +} + +.bedolaga-subsription .frame { + margin-left: 16px; + width: 343px; + height: 269px; + margin-top: 43px; + flex-direction: column; + align-items: flex-start; + gap: 16px; + padding: 16px; + background-color: var(--x2nd-layer); + border-radius: 15px; + border: 1px solid; + border-color: var(--x3d-layer); + display: flex; + position: relative; +} + +.bedolaga-subsription .div { + align-items: center; + gap: 11px; + align-self: stretch; + width: 100%; + flex: 0 0 auto; + display: flex; + position: relative; +} + +.bedolaga-subsription .img { + position: relative; + width: 40px; + height: 40px; +} + +.bedolaga-subsription .text-wrapper { + position: relative; + width: fit-content; + font-family: "Inter", Helvetica; + font-weight: 500; + color: var(--white); + font-size: 16px; + letter-spacing: -0.41px; + line-height: normal; + white-space: nowrap; +} + +.bedolaga-subsription .frame-2 { + height: 32px; + align-items: center; + justify-content: space-between; + padding: 10px 0px; + align-self: stretch; + width: 100%; + display: flex; + position: relative; +} + +.bedolaga-subsription .text-wrapper-2 { + width: fit-content; + margin-top: -3.50px; + margin-bottom: -1.50px; + font-weight: 400; + color: var(--white); + font-size: 14px; + position: relative; + font-family: "Inter", Helvetica; + letter-spacing: -0.41px; + line-height: normal; +} + +.bedolaga-subsription .text-wrapper-3 { + width: fit-content; + margin-top: -4.50px; + margin-bottom: -2.50px; + font-weight: 700; + color: var(--white); + font-size: 16px; + text-align: right; + white-space: nowrap; + position: relative; + font-family: "Inter", Helvetica; + letter-spacing: -0.41px; + line-height: normal; +} + +.bedolaga-subsription .div-wrapper { + height: 32px; + align-items: center; + gap: 10px; + padding: 10px 0px; + align-self: stretch; + width: 100%; + display: flex; + position: relative; +} + +.bedolaga-subsription .p { + flex: 1; + margin-top: -12.00px; + margin-bottom: -10.00px; + font-weight: 400; + color: var(--white); + font-size: 14px; + position: relative; + font-family: "Inter", Helvetica; + letter-spacing: -0.41px; + line-height: normal; +} + +.bedolaga-subsription .button { + all: unset; + box-sizing: border-box; + display: flex; + align-items: center; + justify-content: center; + gap: 10px; + padding: 10px; + position: relative; + align-self: stretch; + width: 100%; + flex: 0 0 auto; + background-color: var(--vanila); + border-radius: 10px; +} + +.bedolaga-subsription .text-wrapper-4 { + position: relative; + width: fit-content; + margin-top: -1.00px; + font-family: "Inter", Helvetica; + font-weight: 500; + color: var(--x1st-layer); + font-size: 14px; + letter-spacing: -0.41px; + line-height: normal; +} + +.bedolaga-subsription .frame-3 { + height: 32px; + align-items: center; + justify-content: space-around; + gap: 10px; + padding: 10px 0px; + align-self: stretch; + width: 100%; + display: flex; + position: relative; +} + +.bedolaga-subsription .text-wrapper-5 { + flex: 1; + height: 17px; + margin-top: -3.50px; + margin-bottom: -1.50px; + font-weight: 500; + color: #ff6868; + font-size: 14px; + text-align: center; + position: relative; + font-family: "Inter", Helvetica; + letter-spacing: -0.41px; + line-height: normal; +} + +.bedolaga-subsription .frame-4 { + display: flex; + margin-left: 16px; + width: 343px; + height: 212px; + position: relative; + flex-direction: column; + align-items: flex-start; + gap: 16px; + padding: 16px; + background-color: var(--x2nd-layer); + border-radius: 15px; + border: 1px solid; + border-color: var(--x3d-layer); +} + +.bedolaga-subsription .frame-5 { + align-items: center; + gap: 10px; + padding: 10px 0px; + align-self: stretch; + width: 100%; + flex: 0 0 auto; + display: flex; + position: relative; +} + +.bedolaga-subsription .text-wrapper-6 { + flex: 1; + margin-top: -1.00px; + font-weight: 400; + color: var(--white); + font-size: 14px; + position: relative; + font-family: "Inter", Helvetica; + letter-spacing: -0.41px; + line-height: normal; +} +/* Original CSS code should be injected here from the existing style.css file */ + +.bedolaga-subsription { + background-color: var(--x1st-layer); + width: 100%; + min-width: 375px; + min-height: 917px; + display: flex; + flex-direction: column; + gap: 24px; +} + +.bedolaga-subsription .frame { + margin-left: 16px; + width: 343px; + height: 269px; + margin-top: 43px; + flex-direction: column; + align-items: flex-start; + gap: 16px; + padding: 16px; + background-color: var(--x2nd-layer); + border-radius: 15px; + border: 1px solid; + border-color: var(--x3d-layer); + display: flex; + position: relative; +} + +.bedolaga-subsription .div { + align-items: center; + gap: 11px; + align-self: stretch; + width: 100%; + flex: 0 0 auto; + display: flex; + position: relative; +} + +.bedolaga-subsription .img { + position: relative; + width: 40px; + height: 40px; +} + +.bedolaga-subsription .text-wrapper { + position: relative; + width: fit-content; + font-family: "Inter", Helvetica; + font-weight: 500; + color: var(--white); + font-size: 16px; + letter-spacing: -0.41px; + line-height: normal; + white-space: nowrap; +} + +.bedolaga-subsription .frame-2 { + height: 32px; + align-items: center; + justify-content: space-between; + padding: 10px 0px; + align-self: stretch; + width: 100%; + display: flex; + position: relative; +} + +.bedolaga-subsription .text-wrapper-2 { + width: fit-content; + margin-top: -3.50px; + margin-bottom: -1.50px; + font-weight: 400; + color: var(--white); + font-size: 14px; + position: relative; + font-family: "Inter", Helvetica; + letter-spacing: -0.41px; + line-height: normal; +} + +.bedolaga-subsription .text-wrapper-3 { + width: fit-content; + margin-top: -4.50px; + margin-bottom: -2.50px; + font-weight: 700; + color: var(--white); + font-size: 16px; + text-align: right; + white-space: nowrap; + position: relative; + font-family: "Inter", Helvetica; + letter-spacing: -0.41px; + line-height: normal; +} + +.bedolaga-subsription .div-wrapper { + height: 32px; + align-items: center; + gap: 10px; + padding: 10px 0px; + align-self: stretch; + width: 100%; + display: flex; + position: relative; +} + +.bedolaga-subsription .p { + flex: 1; + margin-top: -12.00px; + margin-bottom: -10.00px; + font-weight: 400; + color: var(--white); + font-size: 14px; + position: relative; + font-family: "Inter", Helvetica; + letter-spacing: -0.41px; + line-height: normal; +} + +.bedolaga-subsription .button { + all: unset; + box-sizing: border-box; + display: flex; + align-items: center; + justify-content: center; + gap: 10px; + padding: 10px; + position: relative; + align-self: stretch; + width: 100%; + flex: 0 0 auto; + background-color: var(--vanila); + border-radius: 10px; + cursor: pointer; +} + +.bedolaga-subsription .button:hover { + opacity: 0.9; +} + +.bedolaga-subsription .button:active { + opacity: 0.8; +} + +.bedolaga-subsription .text-wrapper-4 { + position: relative; + width: fit-content; + margin-top: -1.00px; + font-family: "Inter", Helvetica; + font-weight: 500; + color: var(--x1st-layer); + font-size: 14px; + letter-spacing: -0.41px; + line-height: normal; +} + +.bedolaga-subsription .frame-3 { + height: 32px; + align-items: center; + justify-content: space-around; + gap: 10px; + padding: 10px 0px; + align-self: stretch; + width: 100%; + display: flex; + position: relative; +} + +.bedolaga-subsription .text-wrapper-5 { + flex: 1; + height: 17px; + margin-top: -3.50px; + margin-bottom: -1.50px; + font-weight: 500; + color: #ff6868; + font-size: 14px; + text-align: center; + position: relative; + font-family: "Inter", Helvetica; + letter-spacing: -0.41px; + line-height: normal; +} + +.bedolaga-subsription .frame-4 { + display: flex; + margin-left: 16px; + width: 343px; + height: 212px; + position: relative; + flex-direction: column; + align-items: flex-start; + gap: 16px; + padding: 16px; + background-color: var(--x2nd-layer); + border-radius: 15px; + border: 1px solid; + border-color: var(--x3d-layer); +} + +.bedolaga-subsription .frame-5 { + align-items: center; + gap: 10px; + padding: 10px 0px; + align-self: stretch; + width: 100%; + flex: 0 0 auto; + display: flex; + position: relative; +} + +.bedolaga-subsription .text-wrapper-6 { + flex: 1; + margin-top: -1.00px; + font-weight: 400; + color: var(--white); + font-size: 14px; + position: relative; + font-family: "Inter", Helvetica; + letter-spacing: -0.41px; + line-height: normal; +} diff --git a/miniapp/new/miniapp/promosection/Bedolaga Subscription_files/styleguide.css b/miniapp/new/miniapp/promosection/Bedolaga Subscription_files/styleguide.css new file mode 100644 index 00000000..d77e8aad --- /dev/null +++ b/miniapp/new/miniapp/promosection/Bedolaga Subscription_files/styleguide.css @@ -0,0 +1,9 @@ +:root { + --white: rgba(250, 250, 250, 1); + --black: rgba(10, 10, 10, 1); + --vanila: rgba(255, 222, 191, 1); + --x2nd-layer: rgba(25, 32, 29, 1); + --x1st-layer: rgba(17, 21, 19, 1); + --x3d-layer: rgba(35, 47, 42, 1); + --collection-1-color: rgba(255, 255, 255, 1); +} diff --git a/miniapp/new/miniapp/promosection/index.html b/miniapp/new/miniapp/promosection/index.html new file mode 100644 index 00000000..be101aff --- /dev/null +++ b/miniapp/new/miniapp/promosection/index.html @@ -0,0 +1,334 @@ + + + + + + + Bedolaga Subscription + + + + + + + +
+
+
+
+ Специальное предложение +

+ Специальное предложение! +

+
+
+ + Экономия при продлении + + + − 50% + +
+
+

+ Скидка суммируется с промогруппой и действует один раз. +

+
+ +
+ +
+
+
+
+ Логотип Bedolaga +

+ Бесплатный пробный период! +

+
+
+

+ Убедитесь в качестве нашего сервиса бесплатно! Целых 3 дня на тесты. После чего вы сможете оплатить подписку +

+
+ +
+
+ + \ No newline at end of file diff --git a/miniapp/new/miniapp/style.css b/miniapp/new/miniapp/style.css new file mode 100644 index 00000000..a3d1e7b5 --- /dev/null +++ b/miniapp/new/miniapp/style.css @@ -0,0 +1,1529 @@ +.bedolaga-expanded { + background-color: var(--x1st-layer); + width: 100%; + min-width: 375px; + min-height: 3776px; + position: relative; +} + +.bedolaga-expanded .language { + display: flex; + width: 33px; + height: 32px; + align-items: center; + justify-content: center; + gap: 10px; + padding: 10px; + position: absolute; + top: 16px; + left: 326px; + background-color: var(--vanila); + border-radius: 10px; +} + +.bedolaga-expanded .text-wrapper { + position: relative; + width: fit-content; + margin-top: -3.50px; + margin-bottom: -1.50px; + margin-left: -3.00px; + margin-right: -3.00px; + font-family: "Inter-Medium", Helvetica; + font-weight: 500; + color: var(--x1st-layer); + font-size: 14px; + letter-spacing: -0.41px; + line-height: normal; +} + +.bedolaga-expanded .frame { + width: 263px; + align-items: center; + gap: 8px; + position: absolute; + top: 16px; + left: 56px; + display: flex; + flex-direction: column; +} + +.bedolaga-expanded .image { + position: relative; + width: 80px; + height: 80px; + aspect-ratio: 1; + object-fit: cover; +} + +.bedolaga-expanded .div { + display: flex; + flex-direction: column; + align-items: center; + position: relative; + align-self: stretch; + width: 100%; + flex: 0 0 auto; +} + +.bedolaga-expanded .div-wrapper { + display: inline-flex; + height: 32px; + align-items: center; + justify-content: center; + gap: 10px; + padding: 10px; + position: relative; +} + +.bedolaga-expanded .text-wrapper-2 { + position: relative; + width: fit-content; + margin-top: -7.00px; + margin-bottom: -5.00px; + font-family: "Inter-Bold", Helvetica; + font-weight: 700; + color: var(--white); + font-size: 20px; + text-align: center; + letter-spacing: -0.41px; + line-height: normal; + white-space: nowrap; +} + +.bedolaga-expanded .frame-2 { + display: flex; + align-items: center; + justify-content: center; + gap: 10px; + padding: 5px 10px; + position: relative; + align-self: stretch; + width: 100%; + flex: 0 0 auto; +} + +.bedolaga-expanded .text-wrapper-3 { + position: relative; + width: fit-content; + margin-top: -1.00px; + font-family: "Inter-Medium", Helvetica; + font-weight: 500; + color: var(--white); + font-size: 14px; + text-align: center; + letter-spacing: -0.41px; + line-height: normal; +} + +.bedolaga-expanded .frame-3 { + display: flex; + flex-direction: column; + width: 343px; + align-items: flex-start; + gap: 16px; + padding: 16px; + position: absolute; + top: 176px; + left: calc(50.00% - 172px); + background-color: var(--x2nd-layer); + border-radius: 15px; +} + +.bedolaga-expanded .frame-4 { + display: flex; + align-items: center; + justify-content: space-between; + position: relative; + align-self: stretch; + width: 100%; + flex: 0 0 auto; +} + +.bedolaga-expanded .frame-5 { + display: inline-flex; + align-items: center; + gap: 11px; + position: relative; + flex: 0 0 auto; +} + +.bedolaga-expanded .img { + position: relative; + width: 40px; + height: 40px; +} + +.bedolaga-expanded .text-wrapper-4 { + position: relative; + width: fit-content; + font-family: "Inter-Medium", Helvetica; + font-weight: 500; + color: #fafafa; + font-size: 16px; + letter-spacing: -0.41px; + line-height: normal; + white-space: nowrap; +} + +.bedolaga-expanded .staus { + display: inline-flex; + align-items: center; + justify-content: center; + gap: 10px; + padding: 8px; + position: relative; + flex: 0 0 auto; + background-color: #ae463d; + border-radius: 37px; +} + +.bedolaga-expanded .text-wrapper-5 { + position: relative; + width: fit-content; + margin-top: -1.00px; + font-family: "Inter-Medium", Helvetica; + font-weight: 500; + color: var(--white); + font-size: 12px; + letter-spacing: -0.41px; + line-height: normal; +} + +.bedolaga-expanded .frame-6 { + display: flex; + flex-direction: column; + align-items: flex-start; + gap: 8px; + position: relative; + align-self: stretch; + width: 100%; + flex: 0 0 auto; +} + +.bedolaga-expanded .frame-7 { + display: flex; + flex-direction: column; + align-items: center; + padding: 8px 16px; + position: relative; + align-self: stretch; + width: 100%; + flex: 0 0 auto; + background-color: var(--x3d-layer); + border-radius: 10px; +} + +.bedolaga-expanded .frame-8 { + display: flex; + height: 32px; + align-items: center; + justify-content: space-between; + padding: 10px 0px; + position: relative; + align-self: stretch; + width: 100%; +} + +.bedolaga-expanded .text-wrapper-6 { + width: fit-content; + margin-top: -3.50px; + margin-bottom: -1.50px; + font-family: "Inter-Regular", Helvetica; + font-weight: 400; + color: var(--white); + font-size: 14px; + position: relative; + letter-spacing: -0.41px; + line-height: normal; +} + +.bedolaga-expanded .text-wrapper-7 { + position: relative; + width: fit-content; + margin-top: -4.50px; + margin-bottom: -2.50px; + font-family: "Inter-Bold", Helvetica; + font-weight: 700; + color: var(--white); + font-size: 16px; + text-align: right; + letter-spacing: -0.41px; + line-height: normal; + white-space: nowrap; +} + +.bedolaga-expanded .frame-9 { + display: flex; + height: 32px; + align-items: center; + justify-content: center; + gap: 10px; + padding: 10px 0px; + position: relative; + align-self: stretch; + width: 100%; +} + +.bedolaga-expanded .text-wrapper-8 { + position: relative; + flex: 1; + margin-top: -3.50px; + margin-bottom: -1.50px; + font-family: "Inter-Regular", Helvetica; + font-weight: 400; + color: var(--white); + font-size: 14px; + letter-spacing: -0.41px; + line-height: normal; +} + +.bedolaga-expanded .text-wrapper-9 { + position: relative; + width: fit-content; + margin-top: -4.50px; + margin-bottom: -2.50px; + font-family: "Inter-Bold", Helvetica; + font-weight: 700; + color: var(--white); + font-size: 16px; + text-align: center; + letter-spacing: -0.41px; + line-height: normal; + white-space: nowrap; +} + +.bedolaga-expanded .frame-10 { + display: flex; + align-items: center; + gap: 8px; + position: relative; + align-self: stretch; + width: 100%; + flex: 0 0 auto; +} + +.bedolaga-expanded .frame-11 { + display: flex; + flex-direction: column; + align-items: flex-start; + gap: 10px; + padding: 8px 16px; + position: relative; + flex: 1; + flex-grow: 1; + background-color: var(--x3d-layer); + border-radius: 10px; +} + +.bedolaga-expanded .text-wrapper-10 { + width: fit-content; + margin-top: -1.00px; + font-family: "Inter-Regular", Helvetica; + font-weight: 400; + color: var(--white); + font-size: 14px; + position: relative; + letter-spacing: -0.41px; + line-height: normal; +} + +.bedolaga-expanded .text-wrapper-11 { + align-self: stretch; + font-family: "Inter-Bold", Helvetica; + font-weight: 700; + font-size: 16px; + text-align: right; + position: relative; + color: var(--white); + letter-spacing: -0.41px; + line-height: normal; +} + +.bedolaga-expanded .text-wrapper-12 { + position: relative; + width: fit-content; + font-family: "Inter-Regular", Helvetica; + font-weight: 400; + color: var(--white); + font-size: 14px; + text-align: center; + letter-spacing: -0.41px; + line-height: normal; +} + +.bedolaga-expanded .text-wrapper-13 { + position: relative; + width: fit-content; + margin-top: -1.00px; + font-family: "Inter-Bold", Helvetica; + font-weight: 700; + color: var(--white); + font-size: 16px; + text-align: center; + letter-spacing: -0.41px; + line-height: normal; + white-space: nowrap; +} + +.bedolaga-expanded .button { + all: unset; + box-sizing: border-box; + display: flex; + align-items: center; + justify-content: center; + gap: 10px; + padding: 10px; + position: relative; + align-self: stretch; + width: 100%; + flex: 0 0 auto; + background-color: var(--vanila); + border-radius: 10px; +} + +.bedolaga-expanded .text-wrapper-14 { + width: fit-content; + margin-top: -1.00px; + font-family: "Inter-Medium", Helvetica; + font-weight: 500; + color: var(--x1st-layer); + font-size: 14px; + position: relative; + letter-spacing: -0.41px; + line-height: normal; +} + +.bedolaga-expanded .frame-12 { + display: flex; + flex-direction: column; + width: 343px; + align-items: flex-start; + position: absolute; + top: 648px; + left: 16px; +} + +.bedolaga-expanded .frame-13 { + display: flex; + align-items: center; + justify-content: center; + gap: 10px; + padding: 10px; + position: relative; + align-self: stretch; + width: 100%; + flex: 0 0 auto; +} + +.bedolaga-expanded .text-wrapper-15 { + flex: 1; + margin-top: -1.00px; + font-family: "Inter-Bold", Helvetica; + font-weight: 700; + color: var(--white); + font-size: 20px; + text-align: center; + position: relative; + letter-spacing: -0.41px; + line-height: normal; +} + +.bedolaga-expanded .frame-14 { + display: flex; + flex-direction: column; + align-items: flex-start; + gap: 16px; + padding: 16px; + position: relative; + align-self: stretch; + width: 100%; + flex: 0 0 auto; + background-color: var(--x2nd-layer); + border-radius: 15px; + border: 1px solid; + border-color: var(--x3d-layer); +} + +.bedolaga-expanded .text-wrapper-16 { + width: fit-content; + font-family: "Inter-Medium", Helvetica; + font-weight: 500; + color: var(--white); + font-size: 16px; + white-space: nowrap; + position: relative; + letter-spacing: -0.41px; + line-height: normal; +} + +.bedolaga-expanded .vector { + position: relative; + width: 14px; + height: 8px; + margin-right: -1.00px; +} + +.bedolaga-expanded .frame-15 { + display: flex; + flex-direction: column; + height: 88px; + align-items: center; + justify-content: center; + gap: 10px; + padding: 8px; + position: relative; + flex: 1; + flex-grow: 1; + background-color: var(--x3d-layer); + border-radius: 10px; + border: 1px solid; + border-color: var(--x3d-layer); +} + +.bedolaga-expanded .text-wrapper-17 { + position: relative; + align-self: stretch; + font-family: "Inter-Regular", Helvetica; + font-weight: 400; + color: var(--white); + font-size: 14px; + text-align: center; + letter-spacing: -0.41px; + line-height: normal; +} + +.bedolaga-expanded .text-wrapper-18 { + align-self: stretch; + font-family: "Inter-Bold", Helvetica; + font-weight: 700; + font-size: 16px; + text-align: center; + position: relative; + color: var(--white); + letter-spacing: -0.41px; + line-height: normal; +} + +.bedolaga-expanded .star { + position: absolute; + top: 7px; + left: 8px; + width: 20px; + height: 20px; +} + +.bedolaga-expanded .frame-16 { + display: flex; + flex-direction: column; + height: 88px; + align-items: center; + justify-content: center; + gap: 10px; + padding: 8px; + position: relative; + flex: 1; + flex-grow: 1; + background-color: var(--x3d-layer); + border-radius: 10px; + border: 1px solid; + border-color: var(--vanila); +} + +.bedolaga-expanded .frame-17 { + display: flex; + flex-direction: column; + height: 88px; + align-items: center; + justify-content: center; + gap: 10px; + padding: 8px; + position: relative; + flex: 1; + flex-grow: 1; + background-color: var(--x3d-layer); + border-radius: 10px; +} + +.bedolaga-expanded .text-wrapper-19 { + width: 132px; + height: 17px; + margin-top: -3.50px; + margin-bottom: -1.50px; + font-family: "Inter-Regular", Helvetica; + font-weight: 400; + color: var(--white); + font-size: 14px; + position: relative; + letter-spacing: -0.41px; + line-height: normal; +} + +.bedolaga-expanded .frame-18 { + display: flex; + height: 32px; + align-items: center; + justify-content: space-around; + gap: 10px; + padding: 10px 0px; + position: relative; + align-self: stretch; + width: 100%; +} + +.bedolaga-expanded .p { + flex: 1; + height: 17px; + margin-top: -3.50px; + margin-bottom: -1.50px; + font-family: "Inter-Medium", Helvetica; + font-weight: 500; + color: #ff6868; + font-size: 14px; + text-align: center; + position: relative; + letter-spacing: -0.41px; + line-height: normal; +} + +.bedolaga-expanded .frame-19 { + display: flex; + flex-direction: column; + width: 343px; + align-items: center; + justify-content: center; + gap: 8px; + padding: 16px; + position: absolute; + top: 520px; + left: 16px; + background-color: var(--x2nd-layer); + border-radius: 15px; + border: 1px solid; + border-color: var(--x3d-layer); +} + +.bedolaga-expanded .frame-20 { + display: flex; + align-items: center; + justify-content: center; + gap: 10px; + padding: 8px 0px; + position: relative; + align-self: stretch; + width: 100%; + flex: 0 0 auto; + background-color: var(--x3d-layer); + border-radius: 10px; +} + +.bedolaga-expanded .text-wrapper-20 { + flex: 1; + margin-top: -1.00px; + font-family: "Inter-Regular", Helvetica; + font-weight: 400; + color: var(--white); + font-size: 14px; + text-align: center; + position: relative; + letter-spacing: -0.41px; + line-height: normal; +} + +.bedolaga-expanded .frame-21 { + display: flex; + flex-direction: column; + width: 343px; + align-items: center; + gap: 24px; + padding: 16px; + position: absolute; + top: 1644px; + left: 16px; + background-color: var(--x2nd-layer); + border-radius: 15px; + border: 1px solid; + border-color: var(--x3d-layer); +} + +.bedolaga-expanded .frame-22 { + display: flex; + flex-direction: column; + align-items: center; + gap: 16px; + position: relative; + align-self: stretch; + width: 100%; + flex: 0 0 auto; +} + +.bedolaga-expanded .frame-23 { + display: flex; + flex-direction: column; + width: 214px; + align-items: center; + gap: 6px; + position: relative; + flex: 0 0 auto; +} + +.bedolaga-expanded .text-wrapper-21 { + align-self: stretch; + margin-top: -1.00px; + font-family: "Inter-Bold", Helvetica; + font-weight: 700; + color: var(--white); + font-size: 14px; + text-align: center; + position: relative; + letter-spacing: -0.41px; + line-height: normal; +} + +.bedolaga-expanded .text-wrapper-22 { + align-self: stretch; + font-family: "Inter-Regular", Helvetica; + font-weight: 400; + color: var(--white); + font-size: 12px; + position: relative; + letter-spacing: -0.41px; + line-height: normal; +} + +.bedolaga-expanded .frame-24 { + display: flex; + flex-direction: column; + height: 72px; + align-items: center; + justify-content: center; + gap: 10px; + padding: 8px; + position: relative; + flex: 1; + flex-grow: 1; + background-color: var(--x3d-layer); + border-radius: 10px; + border: 1px solid; + border-color: var(--vanila); +} + +.bedolaga-expanded .text-wrapper-23 { + position: relative; + align-self: stretch; + font-family: "Inter-Medium", Helvetica; + font-weight: 500; + color: var(--white); + font-size: 14px; + letter-spacing: -0.41px; + line-height: normal; +} + +.bedolaga-expanded .frame-25 { + display: flex; + flex-direction: column; + height: 72px; + align-items: center; + justify-content: center; + gap: 8px; + padding: 8px; + position: relative; + flex: 1; + flex-grow: 1; + background-color: var(--x3d-layer); + border-radius: 10px; + border: 1px solid; + border-color: var(--vanila); +} + +.bedolaga-expanded .frame-26 { + display: flex; + flex-direction: column; + height: 72px; + align-items: center; + justify-content: center; + gap: 10px; + padding: 8px; + position: relative; + flex: 1; + flex-grow: 1; + background-color: var(--x3d-layer); + border-radius: 10px; +} + +.bedolaga-expanded .frame-27 { + display: flex; + flex-direction: column; + height: 72px; + align-items: center; + justify-content: center; + gap: 8px; + padding: 8px; + position: relative; + flex: 1; + flex-grow: 1; + background-color: var(--x3d-layer); + border-radius: 10px; +} + +.bedolaga-expanded .frame-wrapper { + display: flex; + flex-direction: column; + width: 310px; + align-items: center; + gap: 16px; + position: relative; + flex: 0 0 auto; +} + +.bedolaga-expanded .frame-28 { + display: flex; + flex-direction: column; + align-items: center; + gap: 13px; + position: relative; + align-self: stretch; + width: 100%; + flex: 0 0 auto; +} + +.bedolaga-expanded .frame-29 { + display: flex; + flex-direction: column; + align-items: flex-end; + gap: 8px; + position: relative; + align-self: stretch; + width: 100%; + flex: 0 0 auto; +} + +.bedolaga-expanded .text-wrapper-24 { + align-self: stretch; + font-family: "Inter-Medium", Helvetica; + font-weight: 500; + font-size: 14px; + text-align: center; + position: relative; + color: var(--white); + letter-spacing: -0.41px; + line-height: normal; +} + +.bedolaga-expanded .frame-30 { + display: flex; + flex-direction: column; + align-items: center; + gap: 16px; + padding: 0px 8px; + position: relative; + align-self: stretch; + width: 100%; + flex: 0 0 auto; +} + +.bedolaga-expanded .vector-wrapper { + display: flex; + width: 32px; + height: 32px; + align-items: center; + justify-content: center; + gap: 10px; + padding: 10px; + position: relative; + background-color: var(--vanila); + border-radius: 10px; +} + +.bedolaga-expanded .vector-2 { + position: relative; + width: 13.5px; + height: 3px; + margin-left: -0.75px; + margin-right: -0.75px; +} + +.bedolaga-expanded .text-wrapper-25 { + font-size: 20px; + position: relative; + width: fit-content; + font-family: "Inter-Bold", Helvetica; + font-weight: 700; + color: var(--white); + letter-spacing: -0.41px; + line-height: normal; + white-space: nowrap; +} + +.bedolaga-expanded .vector-3 { + position: relative; + width: 13.5px; + height: 13.5px; + margin-top: -0.75px; + margin-bottom: -0.75px; + margin-left: -0.75px; + margin-right: -0.75px; +} + +.bedolaga-expanded .text-wrapper-26 { + width: fit-content; + margin-top: -3.50px; + margin-bottom: -1.50px; + font-family: "Inter-Medium", Helvetica; + font-weight: 500; + color: var(--white); + font-size: 14px; + position: relative; + letter-spacing: -0.41px; + line-height: normal; +} + +.bedolaga-expanded .frame-31 { + display: flex; + flex-direction: column; + width: 343px; + align-items: center; + gap: 16px; + padding: 16px; + position: absolute; + top: 2382px; + left: 16px; + background-color: var(--x2nd-layer); + border-radius: 15px; + border: 1px solid; + border-color: var(--x3d-layer); +} + +.bedolaga-expanded .referal { + display: flex; + width: 40px; + height: 40px; + align-items: center; + justify-content: center; + gap: 10px; + padding: 10px; + position: relative; + background-color: var(--vanila); + border-radius: 10px; +} + +.bedolaga-expanded .vuesax-bold-user { + position: relative; + width: 24px; + height: 24px; + margin-top: -2.00px; + margin-bottom: -2.00px; + margin-left: -2.00px; + margin-right: -2.00px; +} + +.bedolaga-expanded .frame-32 { + display: flex; + flex-direction: column; + align-items: flex-start; + position: relative; + align-self: stretch; + width: 100%; + flex: 0 0 auto; +} + +.bedolaga-expanded .text-wrapper-27 { + flex: 1; + margin-top: -1.00px; + font-family: "Inter-Medium", Helvetica; + font-weight: 500; + color: var(--white); + font-size: 14px; + text-align: center; + position: relative; + letter-spacing: -0.41px; + line-height: normal; +} + +.bedolaga-expanded .frame-33 { + display: flex; + flex-direction: column; + width: 343px; + align-items: flex-start; + gap: 13px; + padding: 16px; + position: absolute; + top: 3196px; + left: 16px; + background-color: var(--x2nd-layer); + border-radius: 15px; + border: 1px solid; + border-color: var(--x3d-layer); +} + +.bedolaga-expanded .text-wrapper-28 { + flex: 1; + margin-top: -1.00px; + font-family: "Inter-Bold", Helvetica; + font-weight: 700; + color: var(--white); + font-size: 14px; + text-align: center; + position: relative; + letter-spacing: -0.41px; + line-height: normal; +} + +.bedolaga-expanded .frame-34 { + display: flex; + flex-direction: column; + width: 343px; + align-items: flex-start; + gap: 13px; + padding: 16px; + position: absolute; + top: 3058px; + left: 16px; + background-color: var(--x2nd-layer); + border-radius: 15px; + border: 1px solid; + border-color: var(--x3d-layer); +} + +.bedolaga-expanded .frame-35 { + display: flex; + width: 343px; + align-items: center; + justify-content: center; + gap: 10px; + padding: 10px; + position: absolute; + top: 3334px; + left: 16px; +} + +.bedolaga-expanded .text-wrapper-29 { + width: fit-content; + margin-top: -1.00px; + font-family: "Inter-Medium", Helvetica; + font-weight: 500; + color: var(--white); + font-size: 20px; + white-space: nowrap; + position: relative; + letter-spacing: -0.41px; + line-height: normal; +} + +.bedolaga-expanded .frame-36 { + display: flex; + flex-direction: column; + width: 343px; + align-items: flex-start; + gap: 13px; + padding: 16px; + position: absolute; + top: 3394px; + left: 16px; + background-color: var(--x2nd-layer); + border-radius: 15px; + border: 1px solid; + border-color: var(--x3d-layer); +} + +.bedolaga-expanded .frame-37 { + display: flex; + flex-direction: column; + width: 343px; + align-items: flex-start; + gap: 13px; + padding: 16px; + position: absolute; + top: 3482px; + left: 16px; + background-color: var(--x2nd-layer); + border-radius: 15px; + border: 1px solid; + border-color: var(--x3d-layer); +} + +.bedolaga-expanded .frame-38 { + display: flex; + width: 343px; + align-items: center; + gap: 11px; + padding: 16px; + position: absolute; + top: 3570px; + left: 16px; + background-color: var(--x2nd-layer); + border-radius: 15px; + border: 1px solid; + border-color: var(--x3d-layer); +} + +.bedolaga-expanded .text-wrapper-30 { + flex: 1; + font-family: "Inter-Medium", Helvetica; + font-weight: 500; + color: var(--white); + font-size: 16px; + position: relative; + letter-spacing: -0.41px; + line-height: normal; +} + +.bedolaga-expanded .frame-39 { + display: flex; + flex-direction: column; + width: 343px; + align-items: center; + gap: 16px; + padding: 16px; + position: absolute; + top: 1129px; + left: 16px; + background-color: var(--x2nd-layer); + border-radius: 15px; + border: 1px solid; + border-color: var(--x3d-layer); +} + +.bedolaga-expanded .frame-40 { + display: flex; + flex-direction: column; + align-items: flex-start; + gap: 16px; + position: relative; + align-self: stretch; + width: 100%; + flex: 0 0 auto; +} + +.bedolaga-expanded .frame-41 { + align-items: flex-start; + gap: 10px; + padding: 16px; + position: relative; + flex: 1; + flex-grow: 1; + background-color: var(--x3d-layer); + border-radius: 10px; + display: flex; + flex-direction: column; +} + +.bedolaga-expanded .text-wrapper-31 { + position: relative; + align-self: stretch; + margin-top: -1.00px; + font-family: "Inter-Regular", Helvetica; + font-weight: 400; + color: var(--white); + font-size: 14px; + letter-spacing: -0.41px; + line-height: normal; +} + +.bedolaga-expanded .frame-42 { + display: flex; + flex-direction: column; + width: 92px; + align-items: flex-start; + gap: 4px; + position: relative; + flex: 0 0 auto; +} + +.bedolaga-expanded .text-wrapper-32 { + align-self: stretch; + margin-top: -1.00px; + font-family: "Inter-Medium", Helvetica; + font-weight: 500; + color: var(--white); + font-size: 14px; + position: relative; + letter-spacing: -0.41px; + line-height: normal; +} + +.bedolaga-expanded .frame-43 { + display: inline-flex; + align-items: center; + gap: 10px; + padding: 8px; + position: relative; + flex: 0 0 auto; + background-color: var(--x3d-layer); + border-radius: 10px; +} + +.bedolaga-expanded .frame-44 { + display: flex; + flex-direction: column; + align-items: center; + gap: 8px; + padding: 16px; + position: relative; + align-self: stretch; + width: 100%; + flex: 0 0 auto; + background-color: var(--x3d-layer); + border-radius: 10px; +} + +.bedolaga-expanded .text-wrapper-33 { + width: fit-content; + margin-top: -4.50px; + margin-bottom: -2.50px; + font-family: "Inter-Bold", Helvetica; + font-weight: 700; + color: var(--vanila); + font-size: 16px; + text-align: right; + white-space: nowrap; + position: relative; + letter-spacing: -0.41px; + line-height: normal; +} + +.bedolaga-expanded .group { + position: relative; + align-self: stretch; + width: 100%; + height: 1px; +} + +.bedolaga-expanded .vector-4 { + position: absolute; + top: -2px; + left: -2px; + width: 283px; + height: 4px; +} + +.bedolaga-expanded .vector-5 { + position: absolute; + top: -2px; + left: -2px; + width: 28px; + height: 4px; +} + +.bedolaga-expanded .text-wrapper-34 { + width: fit-content; + margin-top: -1.00px; + font-family: "Inter-Bold", Helvetica; + font-weight: 700; + color: var(--white); + font-size: 16px; + white-space: nowrap; + position: relative; + letter-spacing: -0.41px; + line-height: normal; +} + +.bedolaga-expanded .text-wrapper-35 { + width: fit-content; + margin-top: -1.00px; + font-family: "Inter-Bold", Helvetica; + font-weight: 700; + font-size: 16px; + text-align: right; + white-space: nowrap; + position: relative; + color: var(--white); + letter-spacing: -0.41px; + line-height: normal; +} + +.bedolaga-expanded .frame-45 { + display: inline-flex; + height: 32px; + align-items: center; + justify-content: center; + gap: 10px; + padding: 10px 0px; + position: relative; +} + +.bedolaga-expanded .frame-46 { + display: flex; + flex-wrap: wrap; + gap: 8px 8px; + align-self: stretch; + width: 100%; + align-items: center; + position: relative; + flex: 0 0 auto; +} + +.bedolaga-expanded .frame-47 { + display: inline-flex; + gap: 4px; + padding: 8px; + background-color: #385241; + border-radius: 10px; + align-items: center; + position: relative; + flex: 0 0 auto; +} + +.bedolaga-expanded .text-wrapper-36 { + width: fit-content; + margin-top: -1.00px; + font-family: "Inter-Regular", Helvetica; + font-weight: 400; + color: var(--white); + font-size: 12px; + position: relative; + letter-spacing: -0.41px; + line-height: normal; +} + +.bedolaga-expanded .text-wrapper-37 { + width: fit-content; + margin-top: -1.00px; + font-family: "Inter-Regular", Helvetica; + font-weight: 400; + color: var(--white); + font-size: 12px; + text-align: right; + position: relative; + letter-spacing: -0.41px; + line-height: normal; +} + +.bedolaga-expanded .frame-48 { + display: inline-flex; + align-items: center; + gap: 4px; + padding: 8px; + position: relative; + flex: 0 0 auto; + background-color: #493852; + border-radius: 10px; +} + +.bedolaga-expanded .frame-49 { + display: inline-flex; + align-items: center; + gap: 4px; + padding: 8px; + position: relative; + flex: 0 0 auto; + background-color: #384b52; + border-radius: 10px; +} + +.bedolaga-expanded .frame-50 { + display: inline-flex; + align-items: center; + gap: 4px; + padding: 8px; + position: relative; + flex: 0 0 auto; + background-color: #524938; + border-radius: 10px; +} + +.bedolaga-expanded .button-wrapper { + display: flex; + flex-direction: column; + width: 343px; + align-items: center; + justify-content: center; + gap: 8px; + padding: 16px; + position: absolute; + top: 3664px; + left: 16px; + background-color: #2c282780; + border-radius: 15px; + border: 1px solid; + border-color: var(--x3d-layer); + backdrop-filter: blur(7.5px) brightness(100%); + -webkit-backdrop-filter: blur(7.5px) brightness(100%); +} + +.bedolaga-expanded .button-2 { + all: unset; + box-sizing: border-box; + display: flex; + align-items: center; + justify-content: center; + gap: 10px; + padding: 10px; + position: relative; + align-self: stretch; + width: 100%; + flex: 0 0 auto; + background-color: #a1ffc5; + border-radius: 10px; + border: 1px solid; +} + +.bedolaga-expanded .vector-6 { + position: relative; + width: 20px; + height: 22px; + margin-top: -1.00px; + margin-bottom: -1.00px; +} + +.bedolaga-expanded .text-wrapper-38 { + position: relative; + width: fit-content; + font-family: "Inter-Medium", Helvetica; + font-weight: 500; + color: var(--x1st-layer); + font-size: 14px; + letter-spacing: -0.41px; + line-height: normal; +} + +.bedolaga-expanded .tg-support { + display: flex; + width: 33px; + height: 32px; + align-items: center; + justify-content: center; + gap: 10px; + padding: 10px; + position: absolute; + top: 16px; + left: 16px; + background-color: var(--vanila); + border-radius: 10px; +} + +.bedolaga-expanded .vector-7 { + position: relative; + width: 20px; + height: 20px; + margin-top: -4.00px; + margin-bottom: -4.00px; + margin-left: -3.50px; + margin-right: -3.50px; +} +/* INJECT ORIGINAL CSS HERE */ + +.bedolaga-expanded .language button { + all: unset; + box-sizing: border-box; + cursor: pointer; + display: block; + width: 100%; + height: 100%; +} + +.bedolaga-expanded .frame-19 label { + display: flex; + align-items: center; + justify-content: center; + gap: 10px; + padding: 8px 0px; + position: relative; + align-self: stretch; + width: 100%; + flex: 0 0 auto; + background-color: var(--x3d-layer); + border-radius: 10px; +} + +.bedolaga-expanded .frame-19 input[type="text"] { + all: unset; + box-sizing: border-box; + flex: 1; + margin-top: -1.00px; + font-family: "Inter-Regular", Helvetica; + font-weight: 400; + color: var(--white); + font-size: 14px; + text-align: center; + letter-spacing: -0.41px; + line-height: normal; +} + +.bedolaga-expanded .frame-19 input[type="text"]::placeholder { + color: var(--white); + opacity: 0.7; +} + +.bedolaga-expanded input[type="radio"], +.bedolaga-expanded input[type="checkbox"] { + position: absolute; + opacity: 0; + width: 0; + height: 0; + pointer-events: none; +} + +.bedolaga-expanded label { + cursor: pointer; +} + +.bedolaga-expanded .frame-15, +.bedolaga-expanded .frame-16, +.bedolaga-expanded .frame-17, +.bedolaga-expanded .frame-24, +.bedolaga-expanded .frame-25, +.bedolaga-expanded .frame-26, +.bedolaga-expanded .frame-27 { + cursor: pointer; + transition: border-color 0.2s ease; +} + +.bedolaga-expanded input[type="radio"]:focus + .text-wrapper-17, +.bedolaga-expanded input[type="radio"]:focus + .text-wrapper-24, +.bedolaga-expanded input[type="checkbox"]:focus + .text-wrapper-23 { + outline: 2px solid #4a90e2; + outline-offset: 2px; +} + +.bedolaga-expanded .frame-38 a { + display: flex; + width: 100%; + align-items: center; + gap: 11px; + color: inherit; + text-decoration: none; +} + +.bedolaga-expanded .frame-36 a, +.bedolaga-expanded .frame-37 a { + display: flex; + align-items: center; + justify-content: space-between; + width: 100%; + color: inherit; + text-decoration: none; +} + +.bedolaga-expanded .tg-support { + text-decoration: none; + color: inherit; +} + +.bedolaga-expanded button[aria-expanded] { + cursor: pointer; + transition: opacity 0.2s ease; +} + +.bedolaga-expanded button[aria-expanded]:hover { + opacity: 0.9; +} + +.bedolaga-expanded .button:hover, +.bedolaga-expanded .button-2:hover { + opacity: 0.95; + cursor: pointer; +} + +.bedolaga-expanded .button:active, +.bedolaga-expanded .button-2:active { + opacity: 0.85; +} + +.bedolaga-expanded .vector-wrapper:hover { + opacity: 0.9; + cursor: pointer; +} + +.bedolaga-expanded .vector-wrapper:active { + opacity: 0.7; +} diff --git a/miniapp/new/miniapp/styleguide.css b/miniapp/new/miniapp/styleguide.css new file mode 100644 index 00000000..d77e8aad --- /dev/null +++ b/miniapp/new/miniapp/styleguide.css @@ -0,0 +1,9 @@ +:root { + --white: rgba(250, 250, 250, 1); + --black: rgba(10, 10, 10, 1); + --vanila: rgba(255, 222, 191, 1); + --x2nd-layer: rgba(25, 32, 29, 1); + --x1st-layer: rgba(17, 21, 19, 1); + --x3d-layer: rgba(35, 47, 42, 1); + --collection-1-color: rgba(255, 255, 255, 1); +} From b492437b54beac3ec9ef2c972fdac4cb81efd09a Mon Sep 17 00:00:00 2001 From: Egor Date: Wed, 15 Oct 2025 23:38:51 +0300 Subject: [PATCH 2/3] Fix Pal24 payment flows and webhook handling --- app/database/crud/pal24.py | 4 + app/external/pal24_webhook.py | 17 +- app/handlers/balance/main.py | 5 + app/handlers/balance/pal24.py | 266 +++++++++++++------ app/localization/locales/en.json | 3 + app/localization/locales/ru.json | 3 + app/services/payment/pal24.py | 73 ++++- app/states.py | 1 + app/webapi/routes/miniapp.py | 6 +- tests/services/test_pal24_service_adapter.py | 2 +- tests/services/test_payment_service_pal24.py | 2 +- tests/test_miniapp_payments.py | 8 +- 12 files changed, 294 insertions(+), 96 deletions(-) diff --git a/app/database/crud/pal24.py b/app/database/crud/pal24.py index 42a03015..a88c46b4 100644 --- a/app/database/crud/pal24.py +++ b/app/database/crud/pal24.py @@ -3,6 +3,7 @@ from __future__ import annotations import logging +from datetime import datetime from typing import Any, Dict, Optional from sqlalchemy import select, update @@ -87,6 +88,7 @@ async def update_pal24_payment_status( status: str, is_active: Optional[bool] = None, is_paid: Optional[bool] = None, + paid_at: Optional[datetime] = None, payment_id: Optional[str] = None, payment_status: Optional[str] = None, payment_method: Optional[str] = None, @@ -103,6 +105,8 @@ async def update_pal24_payment_status( update_values["is_active"] = is_active if is_paid is not None: update_values["is_paid"] = is_paid + if paid_at is not None: + update_values["paid_at"] = paid_at if payment_id is not None: update_values["payment_id"] = payment_id if payment_status is not None: diff --git a/app/external/pal24_webhook.py b/app/external/pal24_webhook.py index 28b87ea2..e997ff8e 100644 --- a/app/external/pal24_webhook.py +++ b/app/external/pal24_webhook.py @@ -3,6 +3,7 @@ from __future__ import annotations import asyncio +from concurrent.futures import TimeoutError as FuturesTimeoutError import json import logging import threading @@ -13,7 +14,7 @@ from flask import Flask, jsonify, request from werkzeug.serving import make_server from app.config import settings -from app.database.database import get_db +from app.database.database import AsyncSessionLocal from app.services.pal24_service import Pal24Service, Pal24APIError from app.services.payment_service import PaymentService @@ -56,6 +57,8 @@ def create_pal24_flask_app( logger.error("Pal24 webhook получен, но сервис не настроен") return jsonify({"status": "error", "reason": "service_not_configured"}), 503 + logger.debug("Получен Pal24 webhook: headers=%s", dict(request.headers)) + payload = _normalize_payload() if not payload: logger.warning("Пустой Pal24 webhook") @@ -68,15 +71,19 @@ def create_pal24_flask_app( return jsonify({"status": "error", "reason": str(error)}), 400 async def process() -> bool: - async for db in get_db(): + async with AsyncSessionLocal() as db: try: return await payment_service.process_pal24_postback(db, parsed_payload) - finally: - await db.close() + except Exception: + await db.rollback() + raise try: future = asyncio.run_coroutine_threadsafe(process(), loop) - processed = future.result() + processed = future.result(timeout=settings.PAL24_REQUEST_TIMEOUT) + except FuturesTimeoutError: + logger.error("Обработка Pal24 webhook превысила таймаут %sс", settings.PAL24_REQUEST_TIMEOUT) + return jsonify({"status": "error", "reason": "timeout"}), 504 except Exception as error: # pragma: no cover - defensive logger.exception("Критическая ошибка обработки Pal24 webhook: %s", error) return jsonify({"status": "error", "reason": "internal_error"}), 500 diff --git a/app/handlers/balance/main.py b/app/handlers/balance/main.py index 7c2cf2a0..b8ba775c 100644 --- a/app/handlers/balance/main.py +++ b/app/handlers/balance/main.py @@ -652,6 +652,11 @@ def register_balance_handlers(dp: Dispatcher): start_pal24_payment, F.data == "topup_pal24" ) + from .pal24 import handle_pal24_method_selection + dp.callback_query.register( + handle_pal24_method_selection, + F.data.startswith("pal24_method_"), + ) from .yookassa import check_yookassa_payment_status dp.callback_query.register( diff --git a/app/handlers/balance/pal24.py b/app/handlers/balance/pal24.py index 2c68120a..da713960 100644 --- a/app/handlers/balance/pal24.py +++ b/app/handlers/balance/pal24.py @@ -1,10 +1,12 @@ import html import logging from aiogram import types +from aiogram.exceptions import TelegramBadRequest from aiogram.fsm.context import FSMContext from sqlalchemy.ext.asyncio import AsyncSession from app.config import settings +from app.database.database import AsyncSessionLocal from app.database.models import User from app.keyboards.inline import get_back_keyboard from app.localization.texts import get_texts @@ -15,81 +17,27 @@ from app.states import BalanceStates logger = logging.getLogger(__name__) -@error_handler -async def start_pal24_payment( - callback: types.CallbackQuery, - db_user: User, - state: FSMContext, -): - texts = get_texts(db_user.language) - - if not settings.is_pal24_enabled(): - await callback.answer("❌ Оплата через PayPalych временно недоступна", show_alert=True) - return - - # Формируем текст сообщения в зависимости от доступных способов оплаты - if settings.is_pal24_sbp_button_visible() and settings.is_pal24_card_button_visible(): - payment_methods_text = "СБП и банковской картой" - elif settings.is_pal24_sbp_button_visible(): - payment_methods_text = "СБП" - elif settings.is_pal24_card_button_visible(): - payment_methods_text = "банковской картой" - else: - # Если обе кнопки отключены, используем общий текст - payment_methods_text = "доступными способами" - - message_text = texts.t( - "PAL24_TOPUP_PROMPT", - ( - f"🏦 Оплата через PayPalych ({payment_methods_text})\n\n" - "Введите сумму для пополнения от 100 до 1 000 000 ₽.\n" - f"Оплата проходит через PayPalych ({payment_methods_text})." - ), - ) - - keyboard = get_back_keyboard(db_user.language) - - if settings.YOOKASSA_QUICK_AMOUNT_SELECTION_ENABLED and not settings.DISABLE_TOPUP_BUTTONS: - from .main import get_quick_amount_buttons - quick_amount_buttons = get_quick_amount_buttons(db_user.language) - if quick_amount_buttons: - keyboard.inline_keyboard = quick_amount_buttons + keyboard.inline_keyboard - - await callback.message.edit_text( - message_text, - reply_markup=keyboard, - parse_mode="HTML", - ) - - await state.set_state(BalanceStates.waiting_for_amount) - await state.update_data(payment_method="pal24") - await callback.answer() +def _get_available_pal24_methods() -> list[str]: + methods: list[str] = [] + if settings.is_pal24_sbp_button_visible(): + methods.append("sbp") + if settings.is_pal24_card_button_visible(): + methods.append("card") + if not methods: + methods.append("sbp") + return methods -@error_handler -async def process_pal24_payment_amount( +async def _send_pal24_payment_message( message: types.Message, db_user: User, db: AsyncSession, amount_kopeks: int, + payment_method: str, state: FSMContext, -): +) -> None: texts = get_texts(db_user.language) - if not settings.is_pal24_enabled(): - await message.answer("❌ Оплата через PayPalych временно недоступна") - return - - if amount_kopeks < settings.PAL24_MIN_AMOUNT_KOPEKS: - min_rubles = settings.PAL24_MIN_AMOUNT_KOPEKS / 100 - await message.answer(f"❌ Минимальная сумма для оплаты через PayPalych: {min_rubles:.0f} ₽") - return - - if amount_kopeks > settings.PAL24_MAX_AMOUNT_KOPEKS: - max_rubles = settings.PAL24_MAX_AMOUNT_KOPEKS / 100 - await message.answer(f"❌ Максимальная сумма для оплаты через PayPalych: {max_rubles:,.0f} ₽".replace(',', ' ')) - return - try: payment_service = PaymentService(message.bot) payment_result = await payment_service.create_pal24_payment( @@ -98,6 +46,7 @@ async def process_pal24_payment_amount( amount_kopeks=amount_kopeks, description=settings.get_balance_payment_description(amount_kopeks), language=db_user.language, + payment_method=payment_method, ) if not payment_result: @@ -262,14 +211,15 @@ async def process_pal24_payment_amount( await state.clear() logger.info( - "Создан PayPalych счет для пользователя %s: %s₽, ID: %s", + "Создан PayPalych счет для пользователя %s: %s₽, ID: %s, метод: %s", db_user.telegram_id, amount_kopeks / 100, bill_id, + payment_method, ) - except Exception as e: - logger.error(f"Ошибка создания PayPalych платежа: {e}") + except Exception as error: + logger.error(f"Ошибка создания PayPalych платежа: {error}") await message.answer( texts.t( "PAL24_PAYMENT_ERROR", @@ -278,6 +228,168 @@ async def process_pal24_payment_amount( ) await state.clear() +@error_handler +async def start_pal24_payment( + callback: types.CallbackQuery, + db_user: User, + state: FSMContext, +): + texts = get_texts(db_user.language) + + if not settings.is_pal24_enabled(): + await callback.answer("❌ Оплата через PayPalych временно недоступна", show_alert=True) + return + + # Формируем текст сообщения в зависимости от доступных способов оплаты + if settings.is_pal24_sbp_button_visible() and settings.is_pal24_card_button_visible(): + payment_methods_text = "СБП и банковской картой" + elif settings.is_pal24_sbp_button_visible(): + payment_methods_text = "СБП" + elif settings.is_pal24_card_button_visible(): + payment_methods_text = "банковской картой" + else: + # Если обе кнопки отключены, используем общий текст + payment_methods_text = "доступными способами" + + message_text = texts.t( + "PAL24_TOPUP_PROMPT", + ( + f"🏦 Оплата через PayPalych ({payment_methods_text})\n\n" + "Введите сумму для пополнения от 100 до 1 000 000 ₽.\n" + f"Оплата проходит через PayPalych ({payment_methods_text})." + ), + ) + + keyboard = get_back_keyboard(db_user.language) + + if settings.YOOKASSA_QUICK_AMOUNT_SELECTION_ENABLED and not settings.DISABLE_TOPUP_BUTTONS: + from .main import get_quick_amount_buttons + quick_amount_buttons = get_quick_amount_buttons(db_user.language) + if quick_amount_buttons: + keyboard.inline_keyboard = quick_amount_buttons + keyboard.inline_keyboard + + await callback.message.edit_text( + message_text, + reply_markup=keyboard, + parse_mode="HTML", + ) + + await state.set_state(BalanceStates.waiting_for_amount) + await state.update_data(payment_method="pal24") + await callback.answer() + + +@error_handler +async def process_pal24_payment_amount( + message: types.Message, + db_user: User, + db: AsyncSession, + amount_kopeks: int, + state: FSMContext, +): + texts = get_texts(db_user.language) + + if not settings.is_pal24_enabled(): + await message.answer("❌ Оплата через PayPalych временно недоступна") + return + + if amount_kopeks < settings.PAL24_MIN_AMOUNT_KOPEKS: + min_rubles = settings.PAL24_MIN_AMOUNT_KOPEKS / 100 + await message.answer(f"❌ Минимальная сумма для оплаты через PayPalych: {min_rubles:.0f} ₽") + return + + if amount_kopeks > settings.PAL24_MAX_AMOUNT_KOPEKS: + max_rubles = settings.PAL24_MAX_AMOUNT_KOPEKS / 100 + await message.answer( + f"❌ Максимальная сумма для оплаты через PayPalych: {max_rubles:,.0f} ₽".replace(',', ' ') + ) + return + + available_methods = _get_available_pal24_methods() + + if len(available_methods) == 1: + await _send_pal24_payment_message( + message, + db_user, + db, + amount_kopeks, + available_methods[0], + state, + ) + return + + await state.update_data(pal24_amount_kopeks=amount_kopeks) + await state.set_state(BalanceStates.waiting_for_pal24_method) + + method_buttons: list[list[types.InlineKeyboardButton]] = [] + if "sbp" in available_methods: + method_buttons.append( + [ + types.InlineKeyboardButton( + text=settings.get_pal24_sbp_button_text( + texts.t("PAL24_SBP_PAY_BUTTON", "🏦 Оплатить через PayPalych (СБП)") + ), + callback_data="pal24_method_sbp", + ) + ] + ) + if "card" in available_methods: + method_buttons.append( + [ + types.InlineKeyboardButton( + text=settings.get_pal24_card_button_text( + texts.t("PAL24_CARD_PAY_BUTTON", "💳 Оплатить банковской картой (PayPalych)") + ), + callback_data="pal24_method_card", + ) + ] + ) + + method_buttons.append([types.InlineKeyboardButton(text=texts.BACK, callback_data="balance_topup")]) + + await message.answer( + texts.t( + "PAL24_SELECT_PAYMENT_METHOD", + "Выберите способ оплаты PayPalych:", + ), + reply_markup=types.InlineKeyboardMarkup(inline_keyboard=method_buttons), + ) + + +@error_handler +async def handle_pal24_method_selection( + callback: types.CallbackQuery, + db_user: User, + state: FSMContext, +): + data = await state.get_data() + amount_kopeks = data.get("pal24_amount_kopeks") + if not amount_kopeks: + texts = get_texts(db_user.language) + await callback.answer( + texts.t( + "PAL24_PAYMENT_ERROR", + "❌ Ошибка создания платежа PayPalych. Попробуйте позже или обратитесь в поддержку.", + ), + show_alert=True, + ) + await state.clear() + return + + method = "sbp" if callback.data.endswith("_sbp") else "card" + + await callback.answer() + + async with AsyncSessionLocal() as db: + await _send_pal24_payment_message( + callback.message, + db_user, + db, + int(amount_kopeks), + method, + state, + ) + @error_handler async def check_pal24_payment_status( @@ -353,11 +465,17 @@ async def check_pal24_payment_status( ]) await callback.answer() - await callback.message.edit_text( - "\n".join(message_lines), - reply_markup=keyboard, - disable_web_page_preview=True, - ) + try: + await callback.message.edit_text( + "\n".join(message_lines), + reply_markup=keyboard, + disable_web_page_preview=True, + ) + except TelegramBadRequest as error: + if "message is not modified" in str(error).lower(): + await callback.answer(texts.t("CHECK_STATUS_NO_CHANGES", "Статус не изменился")) + else: + raise except Exception as e: logger.error(f"Ошибка проверки статуса PayPalych: {e}") diff --git a/app/localization/locales/en.json b/app/localization/locales/en.json index 975bf141..62cae4a9 100644 --- a/app/localization/locales/en.json +++ b/app/localization/locales/en.json @@ -758,6 +758,7 @@ "CHANNEL_SUBSCRIBE_REQUIRED_ALERT": "❌ You haven't joined the channel!", "CHANNEL_SUBSCRIBE_THANKS": "✅ Thanks for subscribing", "CHECK_STATUS_BUTTON": "📊 Check status", + "CHECK_STATUS_NO_CHANGES": "Status has not changed", "CHOOSE_ANOTHER_DEVICE": "📱 Choose another device", "CLOSED_TICKETS": "🟢 Closed", "CLOSED_TICKETS_HEADER": "🟢 Closed tickets", @@ -953,6 +954,7 @@ "PAL24_PAYMENT_INSTRUCTIONS": "🏦 PayPalych (SBP) payment\n\n💰 Amount: {amount}\n🆔 Invoice ID: {bill_id}\n\n📱 How to pay:\n1. Press ‘Pay with PayPalych (SBP)’\n2. Follow the system prompts\n3. Confirm the transfer\n4. Funds will be credited automatically\n\n❓ Need help? Contact {support}", "PAL24_PAY_BUTTON": "🏦 Pay with PayPalych (SBP)", "PAL24_SBP_PAY_BUTTON": "🏦 Pay with PayPalych (SBP)", + "PAL24_SELECT_PAYMENT_METHOD": "Choose a PayPalych payment method:", "PAL24_TOPUP_PROMPT": "🏦 PayPalych (SBP) payment\n\nEnter an amount between 100 and 1,000,000 ₽.\nThe payment is processed via the PayPalych Faster Payments System.", "PAYMENTS_TEMPORARILY_UNAVAILABLE": "⚠️ Payment methods are temporarily unavailable", "PAYMENT_CARD_MULENPAY": "💳 Bank card (Mulen Pay)", @@ -1101,6 +1103,7 @@ "RESET_ALL_DEVICES_BUTTON": "🔄 Reset all devices", "RESET_DEVICE_CONFIRM_BUTTON": "✅ Reset this device", "RESET_TRAFFIC_BUTTON": "🔄 Reset traffic", + "NO_SAVED_SUBSCRIPTION_ORDER": "No pending subscription order was found.", "RETURN_TO_SUBSCRIPTION_CHECKOUT": "⬅️ Return to subscription checkout", "RULES_ACCEPT": "✅ I accept the rules", "RULES_ACCEPTED_PROCESSING": "✅ Rules accepted! Completing registration...", diff --git a/app/localization/locales/ru.json b/app/localization/locales/ru.json index a0f5f74b..a57c7c3d 100644 --- a/app/localization/locales/ru.json +++ b/app/localization/locales/ru.json @@ -758,6 +758,7 @@ "CHANNEL_SUBSCRIBE_REQUIRED_ALERT": "❌ Вы не подписались на канал!", "CHANNEL_SUBSCRIBE_THANKS": "✅ Спасибо за подписку", "CHECK_STATUS_BUTTON": "📊 Проверить статус", + "CHECK_STATUS_NO_CHANGES": "Статус не изменился", "CHOOSE_ANOTHER_DEVICE": "📱 Выбрать другое устройство", "CLOSED_TICKETS": "🟢 Закрытые", "CLOSED_TICKETS_HEADER": "🟢 Закрытые тикеты", @@ -953,6 +954,7 @@ "PAL24_PAYMENT_INSTRUCTIONS": "🏦 Оплата через PayPalych (СБП)\n\n💰 Сумма: {amount}\n🆔 ID счета: {bill_id}\n\n📱 Инструкция:\n1. Нажмите кнопку ‘Оплатить через PayPalych (СБП)’\n2. Следуйте подсказкам платежной системы\n3. Подтвердите перевод\n4. Средства зачислятся автоматически\n\n❓ Если возникнут проблемы, обратитесь в {support}", "PAL24_PAY_BUTTON": "🏦 Оплатить через PayPalych (СБП)", "PAL24_SBP_PAY_BUTTON": "🏦 Оплатить через PayPalych (СБП)", + "PAL24_SELECT_PAYMENT_METHOD": "Выберите способ оплаты PayPalych:", "PAL24_TOPUP_PROMPT": "🏦 Оплата через PayPalych (СБП)\n\nВведите сумму для пополнения от 100 до 1 000 000 ₽.\nОплата проходит через систему быстрых платежей PayPalych.", "PAYMENTS_TEMPORARILY_UNAVAILABLE": "⚠️ Способы оплаты временно недоступны", "PAYMENT_CARD_MULENPAY": "💳 Банковская карта (Mulen Pay)", @@ -1101,6 +1103,7 @@ "RESET_ALL_DEVICES_BUTTON": "🔄 Сбросить все устройства", "RESET_DEVICE_CONFIRM_BUTTON": "✅ Да, сбросить это устройство", "RESET_TRAFFIC_BUTTON": "🔄 Сбросить трафик", + "NO_SAVED_SUBSCRIPTION_ORDER": "❗️ Сохраненный заказ не найден.", "RETURN_TO_SUBSCRIPTION_CHECKOUT": "⬅️ Вернуться к оформлению подписки", "RULES_ACCEPT": "✅ Принимаю правила", "RULES_ACCEPTED_PROCESSING": "✅ Правила приняты! Завершаем регистрацию...", diff --git a/app/services/payment/pal24.py b/app/services/payment/pal24.py index 0fa786f1..2283aca2 100644 --- a/app/services/payment/pal24.py +++ b/app/services/payment/pal24.py @@ -63,7 +63,7 @@ class Pal24PaymentMixin: "language": language, } - normalized_payment_method = (payment_method or "SBP").upper() + normalized_payment_method = self._normalize_payment_method(payment_method) payment_module = import_module("app.services.payment_service") @@ -147,6 +147,7 @@ class Pal24PaymentMixin: "description": description, "links": metadata_links, "raw_response": response, + "selected_method": normalized_payment_method, } payment = await payment_module.create_pal24_payment( @@ -186,6 +187,10 @@ class Pal24PaymentMixin: "payment_method": normalized_payment_method, "metadata_links": metadata_links, "status": payment_status, + "sbp_url": transfer_url, + "transfer_url": transfer_url, + "link_page_url": link_page_url, + "payment_url": primary_link, } async def process_pal24_postback( @@ -240,7 +245,7 @@ class Pal24PaymentMixin: logger.info("Pal24 платеж %s уже обработан", payment.bill_id) return True - if status in {"PAID", "SUCCESS"}: + if status in {"PAID", "SUCCESS", "OVERPAID"}: user = await payment_module.get_user_by_id(db, payment.user_id) if not user: logger.error( @@ -253,8 +258,17 @@ class Pal24PaymentMixin: db, payment, status=status, + is_paid=True, + paid_at=datetime.utcnow(), postback_payload=postback, payment_id=payment_id, + payment_status=postback.get("Status") or status, + payment_method=( + postback.get("payment_method") + or postback.get("PaymentMethod") + or (payment.metadata_json or {}).get("selected_method") + or getattr(payment, "payment_method", None) + ), ) if payment.transaction_id: @@ -407,8 +421,15 @@ class Pal24PaymentMixin: db, payment, status=status or "UNKNOWN", + is_paid=False, postback_payload=postback, payment_id=payment_id, + payment_status=postback.get("Status") or status, + payment_method=( + postback.get("payment_method") + or postback.get("PaymentMethod") + or getattr(payment, "payment_method", None) + ), ) logger.info( "Обновили Pal24 платеж %s до статуса %s", @@ -446,12 +467,29 @@ class Pal24PaymentMixin: "bill", {} ).get("status") - if remote_status and remote_status != payment.status: - await payment_module.update_pal24_payment_status( - db, - payment, - status=str(remote_status).upper(), - ) + if remote_status: + normalized_remote = str(remote_status).upper() + if normalized_remote != payment.status: + update_kwargs: Dict[str, Any] = { + "status": normalized_remote, + "payment_status": remote_status, + } + if normalized_remote in getattr( + service, "BILL_SUCCESS_STATES", {"SUCCESS"} + ): + update_kwargs["is_paid"] = True + if not payment.paid_at: + update_kwargs["paid_at"] = datetime.utcnow() + elif normalized_remote in getattr( + service, "BILL_FAILED_STATES", {"FAIL"} + ): + update_kwargs["is_paid"] = False + + await payment_module.update_pal24_payment_status( + db, + payment, + **update_kwargs, + ) payment = await payment_module.get_pal24_payment_by_id( db, local_payment_id ) @@ -471,3 +509,22 @@ class Pal24PaymentMixin: except Exception as error: logger.error("Ошибка получения статуса Pal24: %s", error, exc_info=True) return None + + @staticmethod + def _normalize_payment_method(payment_method: Optional[str]) -> str: + mapping = { + "sbp": "sbp", + "fast": "sbp", + "fastpay": "sbp", + "fast_payment": "sbp", + "card": "card", + "bank_card": "card", + "bankcard": "card", + "bank-card": "card", + } + + if not payment_method: + return "sbp" + + normalized = payment_method.strip().lower() + return mapping.get(normalized, "sbp") diff --git a/app/states.py b/app/states.py index 7ab82d76..98343446 100644 --- a/app/states.py +++ b/app/states.py @@ -21,6 +21,7 @@ class SubscriptionStates(StatesGroup): class BalanceStates(StatesGroup): waiting_for_amount = State() + waiting_for_pal24_method = State() waiting_for_stars_payment = State() waiting_for_support_request = State() diff --git a/app/webapi/routes/miniapp.py b/app/webapi/routes/miniapp.py index e690f522..85da7f3c 100644 --- a/app/webapi/routes/miniapp.py +++ b/app/webapi/routes/miniapp.py @@ -958,7 +958,7 @@ async def create_payment_link( option = (payload.payment_option or "").strip().lower() if option not in {"card", "sbp"}: option = "sbp" - provider_method = "CARD" if option == "card" else "SBP" + provider_method = "card" if option == "card" else "sbp" payment_service = PaymentService() result = await payment_service.create_pal24_payment( @@ -974,7 +974,7 @@ async def create_payment_link( preferred_urls: List[Optional[str]] = [] if option == "sbp": - preferred_urls.append(result.get("sbp_url")) + preferred_urls.append(result.get("sbp_url") or result.get("transfer_url")) elif option == "card": preferred_urls.append(result.get("card_url")) preferred_urls.extend( @@ -998,7 +998,7 @@ async def create_payment_link( "bill_id": result.get("bill_id"), "order_id": result.get("order_id"), "payment_method": result.get("payment_method") or provider_method, - "sbp_url": result.get("sbp_url"), + "sbp_url": result.get("sbp_url") or result.get("transfer_url"), "card_url": result.get("card_url"), "link_url": result.get("link_url"), "link_page_url": result.get("link_page_url"), diff --git a/tests/services/test_pal24_service_adapter.py b/tests/services/test_pal24_service_adapter.py index 714a0d1c..f371039a 100644 --- a/tests/services/test_pal24_service_adapter.py +++ b/tests/services/test_pal24_service_adapter.py @@ -70,7 +70,7 @@ async def test_create_bill_success(monkeypatch: pytest.MonkeyPatch) -> None: ttl_seconds=600, custom_payload={"extra": "value"}, payer_email="user@example.com", - payment_method="CARD", + payment_method="card", ) assert result["bill_id"] == "BILL42" diff --git a/tests/services/test_payment_service_pal24.py b/tests/services/test_payment_service_pal24.py index 2b5a0f81..0e588b53 100644 --- a/tests/services/test_payment_service_pal24.py +++ b/tests/services/test_payment_service_pal24.py @@ -101,7 +101,7 @@ async def test_create_pal24_payment_success(monkeypatch: pytest.MonkeyPatch) -> assert result is not None assert result["local_payment_id"] == 321 assert result["bill_id"] == "BILL-1" - assert result["payment_method"] == "CARD" + assert result["payment_method"] == "card" assert result["link_url"] == "https://pal24/sbp" assert result["card_url"] == "https://pal24/card" assert stub.calls and stub.calls[0]["amount_kopeks"] == 50000 diff --git a/tests/test_miniapp_payments.py b/tests/test_miniapp_payments.py index 848b8225..fc30664a 100644 --- a/tests/test_miniapp_payments.py +++ b/tests/test_miniapp_payments.py @@ -86,8 +86,8 @@ async def test_create_payment_link_pal24_uses_selected_option(monkeypatch): assert response.payment_url == 'https://card' assert response.extra['selected_option'] == 'card' - assert response.extra['payment_method'] == 'CARD' - assert captured_calls and captured_calls[0]['payment_method'] == 'CARD' + assert response.extra['payment_method'] == 'card' + assert captured_calls and captured_calls[0]['payment_method'] == 'card' @pytest.mark.anyio("asyncio") @@ -265,7 +265,7 @@ async def test_resolve_pal24_status_includes_identifiers(monkeypatch): transaction_id=777, bill_id='BILL99', order_id='ORD99', - payment_method='SBP', + payment_method='sbp', ) class StubPal24Service: @@ -297,7 +297,7 @@ async def test_resolve_pal24_status_includes_identifiers(monkeypatch): assert result.extra['local_payment_id'] == 321 assert result.extra['bill_id'] == 'BILL99' assert result.extra['order_id'] == 'ORD99' - assert result.extra['payment_method'] == 'SBP' + assert result.extra['payment_method'] == 'sbp' assert result.extra['payload'] == 'pal24_payload' assert result.extra['started_at'] == '2024-01-01T00:00:00Z' assert result.extra['remote_status'] == 'PAID' From ab19becdc89a7b2463b37e6287f26f1eb8cac56c Mon Sep 17 00:00:00 2001 From: Egor Date: Wed, 15 Oct 2025 23:47:35 +0300 Subject: [PATCH 3/3] Delete miniapp/new/miniapp directory --- .../anima-logo.svg | 5 - .../anima.min.js | 636 ------- .../frame-4.svg | 4 - .../frame-43.svg | 4 - .../globals.css | 22 - .../group-161@2x.png | Bin 356 -> 0 bytes .../history-1.svg | 5 - .../image-115@2x.png | Bin 8259 -> 0 bytes .../licence-2.svg | 5 - .../load.js | 1 - .../options-2.svg | 7 - .../renew-1.svg | 4 - .../sale-1.svg | 5 - .../star-1.svg | 9 - .../style.css | 1558 ----------------- .../styleguide.css | 9 - .../user-1.svg | 5 - .../vector-10.svg | 3 - .../vector-11.svg | 3 - .../vector-8.svg | 3 - .../vector-9.svg | 3 - .../vuesax-bold-user-cirlce-add-2.svg | 5 - miniapp/new/miniapp/globals.css | 18 - miniapp/new/miniapp/icons/index.css | 1220 ------------- miniapp/new/miniapp/icons/index.html | 82 - miniapp/new/miniapp/img/logo-mini-1.svg | 4 - miniapp/new/miniapp/img/offer-1.svg | 4 - miniapp/new/miniapp/index.html | 951 ---------- miniapp/new/miniapp/instructions/globals.css | 18 - miniapp/new/miniapp/instructions/index.html | 383 ---- miniapp/new/miniapp/instructions/style.css | 614 ------- .../new/miniapp/instructions/styleguide.css | 9 - .../anima-logo.svg | 5 - .../anima.min.js | 636 ------- .../apple-icon-2.svg | 4 - .../frame-43.svg | 4 - .../github-stars-1.svg | 3 - .../globals.css | 19 - .../happ-dark-1.svg | 9 - .../load.js | 1 - .../style.css | 313 ---- .../styleguide.css | 9 - .../vector-1.svg | 3 - .../Bedolaga Subscription_files/globals.css | 19 - .../Bedolaga Subscription_files/load.js | 1 - .../logo-mini-1.svg | 4 - .../Bedolaga Subscription_files/offer-1.svg | 4 - .../Bedolaga Subscription_files/style.css | 433 ----- .../styleguide.css | 9 - miniapp/new/miniapp/promosection/index.html | 334 ---- miniapp/new/miniapp/style.css | 1529 ---------------- miniapp/new/miniapp/styleguide.css | 9 - 52 files changed, 8947 deletions(-) delete mode 100644 miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/anima-logo.svg delete mode 100644 miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/anima.min.js delete mode 100644 miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/frame-4.svg delete mode 100644 miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/frame-43.svg delete mode 100644 miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/globals.css delete mode 100644 miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/group-161@2x.png delete mode 100644 miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/history-1.svg delete mode 100644 miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/image-115@2x.png delete mode 100644 miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/licence-2.svg delete mode 100644 miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/load.js delete mode 100644 miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/options-2.svg delete mode 100644 miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/renew-1.svg delete mode 100644 miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/sale-1.svg delete mode 100644 miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/star-1.svg delete mode 100644 miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/style.css delete mode 100644 miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/styleguide.css delete mode 100644 miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/user-1.svg delete mode 100644 miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/vector-10.svg delete mode 100644 miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/vector-11.svg delete mode 100644 miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/vector-8.svg delete mode 100644 miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/vector-9.svg delete mode 100644 miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/vuesax-bold-user-cirlce-add-2.svg delete mode 100644 miniapp/new/miniapp/globals.css delete mode 100644 miniapp/new/miniapp/icons/index.css delete mode 100644 miniapp/new/miniapp/icons/index.html delete mode 100644 miniapp/new/miniapp/img/logo-mini-1.svg delete mode 100644 miniapp/new/miniapp/img/offer-1.svg delete mode 100644 miniapp/new/miniapp/index.html delete mode 100644 miniapp/new/miniapp/instructions/globals.css delete mode 100644 miniapp/new/miniapp/instructions/index.html delete mode 100644 miniapp/new/miniapp/instructions/style.css delete mode 100644 miniapp/new/miniapp/instructions/styleguide.css delete mode 100644 miniapp/new/miniapp/instructions/Инструкция по подписке Bedolaga_files/anima-logo.svg delete mode 100644 miniapp/new/miniapp/instructions/Инструкция по подписке Bedolaga_files/anima.min.js delete mode 100644 miniapp/new/miniapp/instructions/Инструкция по подписке Bedolaga_files/apple-icon-2.svg delete mode 100644 miniapp/new/miniapp/instructions/Инструкция по подписке Bedolaga_files/frame-43.svg delete mode 100644 miniapp/new/miniapp/instructions/Инструкция по подписке Bedolaga_files/github-stars-1.svg delete mode 100644 miniapp/new/miniapp/instructions/Инструкция по подписке Bedolaga_files/globals.css delete mode 100644 miniapp/new/miniapp/instructions/Инструкция по подписке Bedolaga_files/happ-dark-1.svg delete mode 100644 miniapp/new/miniapp/instructions/Инструкция по подписке Bedolaga_files/load.js delete mode 100644 miniapp/new/miniapp/instructions/Инструкция по подписке Bedolaga_files/style.css delete mode 100644 miniapp/new/miniapp/instructions/Инструкция по подписке Bedolaga_files/styleguide.css delete mode 100644 miniapp/new/miniapp/instructions/Инструкция по подписке Bedolaga_files/vector-1.svg delete mode 100644 miniapp/new/miniapp/promosection/Bedolaga Subscription_files/globals.css delete mode 100644 miniapp/new/miniapp/promosection/Bedolaga Subscription_files/load.js delete mode 100644 miniapp/new/miniapp/promosection/Bedolaga Subscription_files/logo-mini-1.svg delete mode 100644 miniapp/new/miniapp/promosection/Bedolaga Subscription_files/offer-1.svg delete mode 100644 miniapp/new/miniapp/promosection/Bedolaga Subscription_files/style.css delete mode 100644 miniapp/new/miniapp/promosection/Bedolaga Subscription_files/styleguide.css delete mode 100644 miniapp/new/miniapp/promosection/index.html delete mode 100644 miniapp/new/miniapp/style.css delete mode 100644 miniapp/new/miniapp/styleguide.css diff --git a/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/anima-logo.svg b/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/anima-logo.svg deleted file mode 100644 index fc3a5a6e..00000000 --- a/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/anima-logo.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - - - diff --git a/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/anima.min.js b/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/anima.min.js deleted file mode 100644 index 5488d63c..00000000 --- a/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/anima.min.js +++ /dev/null @@ -1,636 +0,0 @@ -var ot = Object.defineProperty; -var it = (e, t, n) => t in e ? ot(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n; -var H = (e, t, n) => (it(e, typeof t != "symbol" ? t + "" : t, n), n), I = (e, t, n) => { - if (!t.has(e)) - throw TypeError("Cannot " + n); -}; -var d = (e, t, n) => (I(e, t, "read from private field"), n ? n.call(e) : t.get(e)), C = (e, t, n) => { - if (t.has(e)) - throw TypeError("Cannot add the same private member more than once"); - t instanceof WeakSet ? t.add(e) : t.set(e, n); -}, k = (e, t, n, o) => (I(e, t, "write to private field"), o ? o.call(e, n) : t.set(e, n), n); -const st = (e, t, n, o, s) => { - const f = n.length; - let a = t.length, i = f, r = 0, p = 0, l = null; - for (; r < a || p < i; ) - if (a === r) { - const c = i < f ? p ? o(n[p - 1], -0).nextSibling : o(n[i], 0) : s; - for (; p < i; ) - e.insertBefore(o(n[p++], 1), c); - } else if (i === p) - for (; r < a; ) - (!l || !l.has(t[r])) && e.removeChild(o(t[r], -1)), r++; - else if (t[r] === n[p]) - r++, p++; - else if (t[a - 1] === n[i - 1]) - a--, i--; - else if (t[r] === n[i - 1] && n[p] === t[a - 1]) { - const c = o(t[--a], -0).nextSibling; - e.insertBefore( - o(n[p++], 1), - o(t[r++], -0).nextSibling - ), e.insertBefore(o(n[--i], 1), c), t[a] = n[i]; - } else { - if (!l) { - l = /* @__PURE__ */ new Map(); - let c = p; - for (; c < i; ) - l.set(n[c], c++); - } - if (l.has(t[r])) { - const c = l.get(t[r]); - if (p < c && c < i) { - let m = r, u = 1; - for (; ++m < a && m < i && l.get(t[m]) === c + u; ) - u++; - if (u > c - p) { - const U = o(t[r], 0); - for (; p < c; ) - e.insertBefore(o(n[p++], 1), U); - } else - e.replaceChild( - o(n[p++], 1), - o(t[r++], -1) - ); - } else - r++; - } else - e.removeChild(o(t[r++], -1)); - } - return n; -}, { isArray: Z } = Array, { getPrototypeOf: rt, getOwnPropertyDescriptor: at } = Object, ct = "http://www.w3.org/2000/svg", g = [], q = () => document.createRange(), W = (e, t, n) => (e.set(t, n), n), lt = (e, t) => { - let n; - do - n = at(e, t); - while (!n && (e = rt(e))); - return n; -}, ft = (e, t) => t.reduceRight(pt, e), pt = (e, t) => e.childNodes[t], mt = 1, ut = 8, dt = 11, { setPrototypeOf: ht } = Object, gt = (e) => { - function t(n) { - return ht(n, new.target.prototype); - } - return t.prototype = e.prototype, t; -}; -let w; -const X = (e, t, n) => (w || (w = q()), n ? w.setStartAfter(e) : w.setStartBefore(e), w.setEndAfter(t), w.deleteContents(), e), $ = ({ firstChild: e, lastChild: t }, n) => X(e, t, n); -let R = !1; -const T = (e, t) => R && e.nodeType === dt ? 1 / t < 0 ? t ? $(e, !0) : e.lastChild : t ? e.valueOf() : e.firstChild : e, z = (e) => document.createComment(e); -var y, E, h; -class Ut extends gt(DocumentFragment) { - constructor(n) { - super(n); - C(this, y, z("<>")); - C(this, E, z("")); - C(this, h, g); - this.replaceChildren(d(this, y), ...n.childNodes, d(this, E)), R = !0; - } - get firstChild() { - return d(this, y); - } - get lastChild() { - return d(this, E); - } - get parentNode() { - return d(this, y).parentNode; - } - remove() { - $(this, !1); - } - replaceWith(n) { - $(this, !0).replaceWith(n); - } - valueOf() { - const { parentNode: n } = this; - if (n === this) - d(this, h) === g && k(this, h, [...this.childNodes]); - else { - if (n) { - let { firstChild: o, lastChild: s } = this; - for (k(this, h, [o]); o !== s; ) - d(this, h).push(o = o.nextSibling); - } - this.replaceChildren(...d(this, h)); - } - return this; - } -} -y = new WeakMap(), E = new WeakMap(), h = new WeakMap(); -const Q = (e, t, n) => e.setAttribute(t, n), S = (e, t) => e.removeAttribute(t), wt = (e, t) => { - for (const n in t) { - const o = t[n], s = n === "role" ? n : `aria-${n}`; - o == null ? S(e, s) : Q(e, s, o); - } - return t; -}; -let v; -const yt = (e, t, n) => { - n = n.slice(1), v || (v = /* @__PURE__ */ new WeakMap()); - const o = v.get(e) || W(v, e, {}); - let s = o[n]; - return s && s[0] && e.removeEventListener(n, ...s), s = Z(t) ? t : [t, !1], o[n] = s, s[0] && e.addEventListener(n, ...s), t; -}, F = (e, t) => { - const { t: n, n: o } = e; - let s = !1; - switch (typeof t) { - case "object": - if (t !== null) { - (o || n).replaceWith(e.n = t.valueOf()); - break; - } - case "undefined": - s = !0; - default: - n.data = s ? "" : t, o && (e.n = null, o.replaceWith(n)); - break; - } - return t; -}, xt = (e, t) => j( - e, - t, - t == null ? "class" : "className" -), bt = (e, t) => { - const { dataset: n } = e; - for (const o in t) - t[o] == null ? delete n[o] : n[o] = t[o]; - return t; -}, D = (e, t, n) => e[n] = t, Ft = (e, t, n) => D(e, t, n.slice(1)), j = (e, t, n) => t == null ? (S(e, n), t) : D(e, t, n), Y = (e, t) => (typeof t == "function" ? t(e) : t.current = e, t), B = (e, t, n) => (t == null ? S(e, n) : Q(e, n, t), t), Et = (e, t) => t == null ? j(e, t, "style") : D(e.style, t, "cssText"), At = (e, t, n) => (e.toggleAttribute(n.slice(1), t), t), _ = (e, t, n) => { - const { length: o } = t; - if (e.data = `[${o}]`, o) - return st(e.parentNode, n, t, T, e); - switch (n.length) { - case 1: - n[0].remove(); - case 0: - break; - default: - X( - T(n[0], 0), - T(n.at(-1), -0), - !1 - ); - break; - } - return g; -}, Ct = /* @__PURE__ */ new Map([ - ["aria", wt], - ["class", xt], - ["data", bt], - ["ref", Y], - ["style", Et] -]), vt = (e, t, n) => { - switch (t[0]) { - case ".": - return Ft; - case "?": - return At; - case "@": - return yt; - default: - return n || "ownerSVGElement" in e ? t === "ref" ? Y : B : Ct.get(t) || (t in e ? t.startsWith("on") ? D : lt(e, t)?.set ? j : B : B); - } -}, Mt = (e, t) => (e.textContent = t ?? "", t), b = (e, t, n) => ({ a: e, b: t, c: n }), _t = (e, t) => ({ b: e, c: t }), St = (e, t, n, o) => ({ v: g, u: e, t, n, c: o }), A = () => b(null, null, g), tt = (e) => (t, n) => { - const { a: o, b: s, c: f } = e(t, n), a = document.importNode(o, !0); - let i = g; - if (s !== g) { - i = []; - for (let r, p, l = 0; l < s.length; l++) { - const { a: c, b: m, c: u } = s[l], U = c === p ? r : r = ft(a, p = c); - i[l] = St( - m, - U, - u, - m === _ ? [] : m === F ? A() : null - ); - } - } - return _t( - f ? a.firstChild : new Ut(a), - i - ); -}, Dt = /^(?:plaintext|script|style|textarea|title|xmp)$/i, kt = /^(?:area|base|br|col|embed|hr|img|input|keygen|link|menuitem|meta|param|source|track|wbr)$/i, Tt = /<([a-zA-Z0-9]+[a-zA-Z0-9:._-]*)([^>]*?)(\/?)>/g, Bt = /([^\s\\>"'=]+)\s*=\s*(['"]?)\x01/g, Lt = /[\x01\x02]/g, Nt = (e, t, n) => { - let o = 0; - return e.join("").trim().replace( - Tt, - (s, f, a, i) => `<${f}${a.replace(Bt, "=$2$1").trimEnd()}${i ? n || kt.test(f) ? " /" : `>` - ).replace( - Lt, - (s) => s === "" ? `` : t + o++ - ); -}; -let M = document.createElement("template"), L, N; -const Ot = (e, t) => { - if (t) - return L || (L = document.createElementNS(ct, "svg"), N = q(), N.selectNodeContents(L)), N.createContextualFragment(e); - M.innerHTML = e; - const { content: n } = M; - return M = M.cloneNode(!1), n; -}, O = (e) => { - const t = []; - let n; - for (; n = e.parentNode; ) - t.push(t.indexOf.call(n.childNodes, e)), e = n; - return t; -}, P = () => document.createTextNode(""), $t = (e, t, n) => { - const o = Ot(Nt(e, x, n), n), { length: s } = e; - let f = g; - if (s > 1) { - const r = [], p = document.createTreeWalker(o, 129); - let l = 0, c = `${x}${l++}`; - for (f = []; l < s; ) { - const m = p.nextNode(); - if (m.nodeType === ut) { - if (m.data === c) { - const u = Z(t[l - 1]) ? _ : F; - u === F && r.push(m), f.push(b(O(m), u, null)), c = `${x}${l++}`; - } - } else { - let u; - for (; m.hasAttribute(c); ) { - u || (u = O(m)); - const U = m.getAttribute(c); - f.push(b(u, vt(m, U, n), U)), S(m, c), c = `${x}${l++}`; - } - !n && Dt.test(m.localName) && m.textContent.trim() === `` && (f.push(b(u || O(m), Mt, null)), c = `${x}${l++}`); - } - } - for (l = 0; l < r.length; l++) - r[l].replaceWith(P()); - } - const { childNodes: a } = o; - let { length: i } = a; - return i < 1 ? (i = 1, o.appendChild(P())) : i === 1 && s !== 1 && a[0].nodeType !== mt && (i = 0), W(et, e, b(o, f, i === 1)); -}, et = /* @__PURE__ */ new WeakMap(), x = "is\xB5", nt = (e) => (t, n) => et.get(t) || $t(t, n, e), Wt = tt(nt(!1)), jt = tt(nt(!0)), K = (e, { s: t, t: n, v: o }) => { - if (e.a !== n) { - const { b: s, c: f } = (t ? jt : Wt)(n, o); - e.a = n, e.b = s, e.c = f; - } - for (let { c: s } = e, f = 0; f < s.length; f++) { - const a = o[f], i = s[f]; - switch (i.u) { - case _: - i.v = _( - i.t, - Kt(i.c, a), - i.v - ); - break; - case F: - const r = a instanceof V ? K(i.c || (i.c = A()), a) : (i.c = null, a); - r !== i.v && (i.v = F(i, r)); - break; - default: - a !== i.v && (i.v = i.u(i.t, a, i.n, i.v)); - break; - } - } - return e.b; -}, Kt = (e, t) => { - let n = 0, { length: o } = t; - for (o < e.length && e.splice(o); n < o; n++) { - const s = t[n]; - s instanceof V ? t[n] = K(e[n] || (e[n] = A()), s) : e[n] = null; - } - return t; -}; -class V { - constructor(t, n, o) { - this.s = t, this.t = n, this.v = o; - } - toDOM(t = A()) { - return K(t, this); - } -} -const G = /* @__PURE__ */ new WeakMap(), Vt = (e, t) => { - const n = G.get(e) || W(G, e, A()), { b: o } = n; - return o !== (typeof t == "function" ? t() : t).toDOM(n) && e.replaceChildren(n.b.valueOf()), e; -}; -/*! (c) Andrea Giammarchi - MIT */ -const Ht = (e) => (t, ...n) => new V(e, t, n), It = Ht(!1), zt = ` - /* Font definitions */ - /* cyrillic-ext */ - @font-face { - font-family: 'Inter'; - font-style: normal; - font-weight: 400; - src: url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyfAZJhiJ-Ek-_EeAmM.woff2) format('woff2'); - unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; - } - /* cyrillic */ - @font-face { - font-family: 'Inter'; - font-style: normal; - font-weight: 400; - src: url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyfAZthiJ-Ek-_EeAmM.woff2) format('woff2'); - unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; - } - /* greek-ext */ - @font-face { - font-family: 'Inter'; - font-style: normal; - font-weight: 400; - src: url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyfAZNhiJ-Ek-_EeAmM.woff2) format('woff2'); - unicode-range: U+1F00-1FFF; - } - /* greek */ - @font-face { - font-family: 'Inter'; - font-style: normal; - font-weight: 400; - src: url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyfAZxhiJ-Ek-_EeAmM.woff2) format('woff2'); - unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; - } - /* vietnamese */ - @font-face { - font-family: 'Inter'; - font-style: normal; - font-weight: 400; - src: url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyfAZBhiJ-Ek-_EeAmM.woff2) format('woff2'); - unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; - } - /* latin-ext */ - @font-face { - font-family: 'Inter'; - font-style: normal; - font-weight: 400; - src: url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyfAZFhiJ-Ek-_EeAmM.woff2) format('woff2'); - unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; - } - /* latin */ - @font-face { - font-family: 'Inter'; - font-style: normal; - font-weight: 400; - src: url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyfAZ9hiJ-Ek-_EeA.woff2) format('woff2'); - unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; - } - - /* Mulish font faces */ - /* cyrillic-ext */ - @font-face { - font-family: 'Mulish'; - font-style: normal; - font-weight: 600; - src: url(https://fonts.gstatic.com/s/mulish/v13/1Ptyg83HX_SGhgqO0yLcmjzUAuWexU1W8aqvG547LTdNwPak.woff2) format('woff2'); - unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; - } - /* cyrillic */ - @font-face { - font-family: 'Mulish'; - font-style: normal; - font-weight: 600; - src: url(https://fonts.gstatic.com/s/mulish/v13/1Ptyg83HX_SGhgqO0yLcmjzUAuWexU1W8aOvG547LTdNwPak.woff2) format('woff2'); - unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; - } - /* vietnamese */ - @font-face { - font-family: 'Mulish'; - font-style: normal; - font-weight: 600; - src: url(https://fonts.gstatic.com/s/mulish/v13/1Ptyg83HX_SGhgqO0yLcmjzUAuWexU1W8aivG547LTdNwPak.woff2) format('woff2'); - unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; - } - /* latin-ext */ - @font-face { - font-family: 'Mulish'; - font-style: normal; - font-weight: 600; - src: url(https://fonts.gstatic.com/s/mulish/v13/1Ptyg83HX_SGhgqO0yLcmjzUAuWexU1W8amvG547LTdNwPak.woff2) format('woff2'); - unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; - } - /* latin */ - @font-face { - font-family: 'Mulish'; - font-style: normal; - font-weight: 600; - src: url(https://fonts.gstatic.com/s/mulish/v13/1Ptyg83HX_SGhgqO0yLcmjzUAuWexU1W8aevG547LTdNwA.woff2) format('woff2'); - unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; - } - - /* These global styles should be scoped to the banner */ - .anima-banner * { - -webkit-font-smoothing: antialiased; - box-sizing: border-box; - } - - /* These should be scoped to banner elements */ - .anima-banner button:focus-visible { - outline: 2px solid #4a90e2 !important; - outline: -webkit-focus-ring-color auto 5px !important; - } - - .anima-banner a { - text-decoration: none; - } - - /* Variables should be scoped to the banner */ - .anima-banner { - --text-medium-sm-font-family: "Mulish", Helvetica; - --text-medium-sm-font-weight: 600; - --text-medium-sm-font-size: 12px; - --text-medium-sm-letter-spacing: 0px; - --text-medium-sm-line-height: 160.0000023841858%; - --text-medium-sm-font-style: normal; - --colors-purple-purple-8: rgba(168, 152, 236, 1); - --colors-grey-grey-6: rgba(226, 226, 223, 1); - --colors-purple-purple-11: rgba(87, 70, 175, 1); - } - - /* Component styles */ - .anima-banner { - position: fixed; - top: 0; - left: 0; - right: 0; - z-index: 9999; - display: flex; - height: 48px; - align-items: center; - justify-content: center; - gap: 10px; - background-color: #101729; - border-bottom: 3px solid #6c53ce; - } - - .anima-banner .text-wrapper { - position: relative; - width: fit-content; - font-family: "Inter", Helvetica; - font-weight: 400; - color: #f2f5f9; - font-size: 14px; - text-align: center; - letter-spacing: 0; - line-height: normal; - } - - .anima-banner .anima-playground { - position: relative; - width: 175px; - height: 24px; - } - - .anima-banner .anima-logo { - position: absolute; - width: 24px; - height: 24px; - top: 0; - left: 0; - } - - .anima-banner .playground-text { - position: absolute; - top: 3px; - left: 84px; - font-family: "Mulish", Helvetica; - font-weight: 600; - color: var(--colors-purple-purple-8); - font-size: 17px; - letter-spacing: 0; - line-height: 15.8px; - white-space: nowrap; - } - - .anima-banner .text-wrapper-2 { - position: absolute; - top: 3px; - left: 28px; - font-family: "Mulish", Helvetica; - font-weight: 600; - color: #ffffff; - font-size: 17px; - letter-spacing: 0; - line-height: 15.8px; - white-space: nowrap; - } - - .anima-banner .button { - all: unset; - box-sizing: border-box; - display: inline-flex; - height: 28px; - align-items: center; - justify-content: center; - gap: 8px; - padding: 0px 12px; - position: relative; - flex: 0 0 auto; - background-color: var(--colors-purple-purple-11); - border-radius: 6px; - cursor: pointer; - } - - .anima-banner .button:hover { - opacity: 0.9; - } - - .anima-banner .label { - position: relative; - width: fit-content; - font-family: var(--text-medium-sm-font-family); - font-weight: var(--text-medium-sm-font-weight); - color: var(--colors-grey-grey-6); - font-size: var(--text-medium-sm-font-size); - letter-spacing: var(--text-medium-sm-letter-spacing); - line-height: var(--text-medium-sm-line-height); - white-space: nowrap; - font-style: var(--text-medium-sm-font-style); - } - - /* Responsive styles */ - @media screen and (max-width: 768px) { - .hide-tablet { - display: none; - } - - .anima-banner { - gap: 8px; - } - } - - @media screen and (max-width: 480px) { - .anima-banner { - gap: 6px; - } - - .hide-mobile { - display: none; - } - - .anima-banner .text-wrapper { - font-size: 12px; - } - - .anima-banner .anima-playground { - width: 150px; - } - - .anima-banner .div, - .anima-banner .text-wrapper-2 { - font-size: 15px; - } - } -`, Pt = ({ onStartNowClick: e, startNowUrl: t }) => It` - -
-
Generated by
-
- -
anima
-
playground
-
-

Turn your own designs to code today

- { - e && e(); -}} class="button">
Start now
-
-`, Gt = (e) => fetch("https://l.animaapp.com/analytics/collect", { - method: "POST", - headers: { - "Content-Type": "application/json", - "X-Client-Id": "dev.animaapp.io" - }, - body: JSON.stringify(e) -}).catch(() => { -}), J = (e, t = {}) => { - const n = { - eventAction: e, - params: { - platform: "playground-website", - origin: "playground-website", - ...t, - domain: window.location.hostname, - url: window.location.href - }, - time: new Date().getTime() - }; - return Gt([n]); -}; -class Jt { - constructor() { - H(this, "data"); - this.data = window.__anima__, document.addEventListener("DOMContentLoaded", () => { - this.setup(); - }); - } - setup() { - const t = this.data?.session_data; - J("playground-website.pageview", { - session_id: this.data?.session_id || "" - }), t?.is_paying_team || this.injectFreeWebsiteBanner(); - } - injectFreeWebsiteBanner() { - const n = `https://www.animaapp.com/an?url=https%3A%2F%2Fwww.animaapp.com&utm_content=${window.location.hostname}&utm_medium=anima-playground&utm_source=free-website-banner`, o = document.createElement("div"); - o.style.marginBottom = "48px", Vt( - o, - Pt({ - onStartNowClick: () => { - J("playground-website.banner.start-now-click"); - }, - startNowUrl: n - }) - ), document.body.prepend(o); - } -} -const qt = new Jt(); -export { - qt as animaScripts -}; diff --git a/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/frame-4.svg b/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/frame-4.svg deleted file mode 100644 index e080ce36..00000000 --- a/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/frame-4.svg +++ /dev/null @@ -1,4 +0,0 @@ - - - - diff --git a/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/frame-43.svg b/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/frame-43.svg deleted file mode 100644 index 445e1dfe..00000000 --- a/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/frame-43.svg +++ /dev/null @@ -1,4 +0,0 @@ - - - - diff --git a/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/globals.css b/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/globals.css deleted file mode 100644 index 962a0200..00000000 --- a/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/globals.css +++ /dev/null @@ -1,22 +0,0 @@ -@import url("https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css"); -@import url("https://fonts.googleapis.com/css?family=Inter:500,700,400"); -* { - -webkit-font-smoothing: antialiased; - box-sizing: border-box; -} -html, -body { - margin: 0px; - height: 100%; -} -button:focus-visible { - outline: 2px solid #4a90e2 !important; - outline: -webkit-focus-ring-color auto 5px !important; -} -a { - text-decoration: none; -} -input:focus-visible { - outline: 2px solid #4a90 e2 !important; - outline: -webkit-focus-ring-color auto 5px !important; -} diff --git a/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/group-161@2x.png b/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/group-161@2x.png deleted file mode 100644 index 8cdf963ec2cfbf8796e55fec563d44fd4e573722..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 356 zcmeAS@N?(olHy`uVBq!ia0y~yU@`-;IXKvWVM%xNb!1@J*w6hZkrl}Q>FMGaQo;E4wxZt=2Z^?a@8!20oZu^H z!6J3FE%?C>Ci4dAH3yOlyVod2<{e=4aA4fj#Nx;y+QOT;`*4qH%mU;0#m$BJY0r#V zr^d^Ck(#EqdQZ(t&e^s3TdMyr{X3gKcmH=L28NZJLm$5Vvnn&HJJ2|zW=7S8Kcb7D zeRwo=2P1<5f9%89w@z1LmWi2OJRi4k`{O5lK!^Pc|MqOUp3B)zp|6!&lo=Q%aL4cb zpm&v%fg$0SSNf-ZuPc8lb%Da1`P=g@yfHZ%J^M$dh2CNY1_w5uyBgNT`r9(xbFZpJ zYcdwTv#pQX+`+`4z^<6#bofrMba=eE?{98Cvw$$G%f`UKU|{fc^>bP0l+XkK-7|)$ diff --git a/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/history-1.svg b/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/history-1.svg deleted file mode 100644 index c29f09c5..00000000 --- a/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/history-1.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - - - diff --git a/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/image-115@2x.png b/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/image-115@2x.png deleted file mode 100644 index 725a6e51fd5c0e1d0cfa0cb206d50855c07f663b..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 8259 zcmV-JAiUp+P)0lvMz!s2r8=xMv8!fXh1qh z4+IFLOnOM2^h}a@@4M%*!Jr|zcj}wT`~QAnhRmI0GIQR&rymX^LUeSreYv9E$Faet zGjM#2RuFn~f)FEciXZ^N6F6`t%N#%e8<1%ij^i2yp4X7uN}hvKg&-93z@?IhE^-{C z*fc@ffB^$;Bqknf+k}M$~YpF0tcr+5Po#C zcRH4unpy>Bz~n;MrArsrs)pK;f*?FVF4wVSXY&R#UkoyUpFj!l!gikHe(-U2OG-&e zsRk2avJXEvHrPvB%RNW#P9|TmAPb&U5y;mS4up-3VDn|MN>vC(#^{0&PS60qi2Q8} zKt5_MjXHtjRtXB*_im)87lDy5nh*v?MurMPEU&jABqFd+r3 zJp?z68J*GlI3{+7gM+8*Tg0*a0r{^F$aEAu1>okmd3Y$Q)D^#i9_Y0b2FJ#F@paW3 ziO=tDkm;}xA==_(V?Q@7ElmSDptBJAMMZT|Xd8BsyZu0>!$SzgaMB?f?^u0gPU0=#CR_#xgW{hc#x5~oe&~WeVn{~_STe_ z*U&zR$&C`)Bh-_(RqiClP;ZctX$1jStPgthH~3bqfn-ik3W9@Pdg!INApdJ47n~u z#uyMm%vUz@J@fK@&$ju~PRMH&^JD>(F&1Rk3*>EKPRsAzCWJm+d|VYAHwR>7j0gvc zdBFpN9h?7un-JP*Tt*85M1qWr5g|u%557owD-}?2`-9pU0CJU_jM3qEUOVg7f12;$ zQEaPm$|a)c1~RvyR4BmKMoDg!pipv{$`0aNM~)3%;DP4_Xwqt-u}Mq5rB~ruM~?Doxsi65uC~6PWE}S14`@A`0A1;cEg-Lle~1*F#O62C8c7prWc4N-C!G}&8m^@0z@_wTxR#X%Sp`Lqky9u>*5Tm!q2%8~w~ph$@Ze(ta09`Lu(z{? zgxF{p-nR$z>Jko-LH^+5=?)I|)S2f-N7L8@CFK>6mR$fRFQ&qY3s)ienhI*`b*i4U zD9CAYG(R(Yh$w_JX3S6?IeoH>oD&v*97l%*!kB)&U`Rq74C@mIHa3=*hpTC5gmYKY zVc+rdu>ZGYBB1$X)8N4hsbBE$d}mPzgCc@@@q*$!SRi=Bb|!*1lnC7HNh3tP?xx{j zJ!IzHfVGKx;me&#U~OO?j6~m2;Ufp?;2^5dY-=c5+NiZRdQ;z|4GdpKNRfj>|lG+F{rGr1t~)u zU4fzy3LN-K@iazZn>Aq=Ja*rBhz<>ej*KhuRl2%35&vWRjSVVm>R{dTkHXUrPJ$2r z`#o&>@mI<2i~Eq$OFSfx?N6$e+V_te!YJ@c0Ua4)fHrZ$AKKL z9_}sxdF{81MnOeCqqE~pow+kPMb^CXBpg3~1wQ$9FC09bOd>r}artoG%@Gr`YxwT2 z&hYnn_rU`bhJvHLJ(wHZNih7TCLd@e`Krcn969Fd$cL*TyGa9aGB=S}akGww`kIoc z4|e3sk%ahA0Gu5i!PDItyhudG+rw2a3m#PyUr!IJwfMR*JlHIR&9858e609&^!#O5 zwP`mTKAU3pW11YtF3r}lSvCFP3EknJ3m=4T5y4PC%qoPa6l?Xh(uj=Vj<;ps5lH;$2o#p8 zEhgBXT~N%l9^>S+R8~_rN;SJ7XkH-{crhVVSMZ44NaCqK96Bu~j9MBuO4Us3QGKBW zjT2gwO7rHCnpFsK7p&K?J5O;3dF_*LVDHg0784_F4NPcdfkjvv7%pz5(!60%v+IQQ z4Gq+5QNP>r(_whw-(QG+I!mXpxSVM{%a}kGHOJh!D`pqM+B*6S;{Cr}fW<3518bqU zoX&#P1(p*+F!O0*b|FOXJ}p@7W(qK{fyGUJULIlr6uL&792~&T)r z=x0QIw5Uu?9Nbk*MiK7j^+b1bu%jzC5LgT@hV8A1*Md1QyAW102%(dsz3AjMr1gse z=i}iHy<#FDBG?bQMTSCLbch&ja3+H1;9w_~eBKFE5m1;gR{PlUkKh=I&$6Il5W+?+ zy|A?Pn*RufAI*u`g|NJm-m1lPCftqCAE*x~T%!i`g#JCcz{q|*#mr@0!FVthRN>cv zo?V%Ru!+HdV9}p#jbuq11G5WZVF|r*j!sqluyqkabZ-nLVXOxy3=^X?4)%6nXuK$6 zyDeeyrDGI`7CSroib9s3YYfaTgt<3LsMlhq4IW)A>U?x)08Ae{1g4G}03iXsU`*_6 z*-J?|1-agS}W@K%W^?s;1urjDaMC@S2KV2xG#7 zsMluX6o9EnCA*-yiY=2T)Zd4CEfz0TQ2u-utZ#9m%MsL)ke#`ceI+4;`NgHwYeW3$ zcMnxT`;}>i;^3J}%n7tul1WQ32@CR+KOc*#>}~0+Zgo|)*-9Lmkwlk%Z1{s&A2g{- zp#i?P8dSE2Dz8{{2J6$N219cA`mo6*D)7~Hb)p{IoTY+JaCb+m@xX&qM*1OYU(?=~bKwrs$(!Do$uBAu zO9Xy7c>zu)r;7h?G(v0@FQkOnDC+f>(z2=7c8d(5URzSG)+wjckVrxZ(NBf$2O1$n zx<`jn2_b?VQAbe<;g-FJVfmU()Vh~GU}g@BYH>|PZ+Qp%c~h^=D>9w&b|)mE6XMaD zozHUI(AOs)IeVFUE$+ys5J03$cra5je0pvn)jG^F3TN;ju-3U41IaY0##&%nqQmI> z(yWscVQw_3tS<^J&0HP)45V!kTR% zDIrW%(I)|TxVb=o2K^_Ae3*@t1@q$v$1}M(Sh#=O5bCwq+V?QSg~{@M6cd*ZOZJj6 zk(3akaZIZhV$NKjZuI&OhP|#(=KEnhcQM! z&opu0QR?->6XJk{d&OIZ=dB=ue_N0+a zI~BeU>6GsShM*^p><6@9-S(AC^G8aWk(?0X8+4c<>0og0ZlXR!3wEui1;byDP5%q% z3s(F+asLFS=WN+~h`NLnlOeiyrgtl0Qir}>EDVVxr)>Xnf?hAgS$AO!wHjwGr!h6B zd}#7$=)_Q5)f#sXyNfA-6*GBu>_0)h9;Y8TFmzlva*qBYHwBUu!gE(LsEc}BoE#t_ zt~1brVZ2Wg_fW6L81>`R$LlZXeV&_c0iMra+QH zh*>YcUAjiSekQ|*fS?6Vn^}WAGHonG1qXmG;IPB+K>A$}S+{jB_1YdJa@2)k{tGsf z&&rpEle!s63L&!Z=vnHu1BqT3z)eIf_CzJ5G%3Z#Z)g%E3DFQ(D&2so0KMQh6`EP-vm z9H(B7y4SKNW>M>gQ$`PfafAB+3s*97m|RF>2gE}VLp=$`ilvgY&=ScCA%boST713S zVQ?RMhb=1TU;l7`X()Bim~e6Sa(e{$dci*zJRt7SwBRoF*1AOMlry{-o|wtz_CePS z%kFO~BrSwVC(eVKp-;+!8Eihi3#plK;M7H?=RA7fxHg^6wl+#wxBO}9%E4yvb+9BW z3?mT|j2N+y_|svKB9azDOu^ckbc}jEW)(*=4(Wb%%_gRC3n+lEKRxG;4)P~wO@cn% z=a=oY~9@4h6b!O+~#vzH20m8x#*Le7@rs$r8d`teF%ipBGQl^dny@cO6pBQ`M+V)4UMnMRDE9>{Xk zn;OXrA+m1kPtLJOWt2mc=VJY-4&(U?*=_`p9(gNE}M^vsEwtmAVO0OIB>y z%G9?T^AU$9(7R=jW9P2G^(?lwb*983gzzYdb(S&oRmLzDOOr@s+b_o;J%_H#K{NM^ z=m#%7c0a6s@d?pq#|rLF+mh(rM99+*PG+7DjTf<$NA6mL5TZ}-JBHjk6hI7@u~4F} zgk>LpEyk8vz^V1R2q5}Fm%RHK(+rW3clCt3y3@zW5gg)pTtW$~tzi*DhzX#A1XH zr&ey*{xj2DyIFr3CK?bdU>As0n|=Uefenb3eY}Y&i2y7A{>qpXi+sEHup}cSf5c*h z5IJ<_5*)q2P#Zx`u6K#sg!Ks9xGRaN;EEO;X|eE)HB9Y!6$%dC_}fFwWd_)h|BLT` z0ZYK5gb-Qz)h?#>L;A$RgrV&HWtP0Zo+;!IY{O=Fb36Mk56?yZ`>d=LT_YV5DN%$6vvL-;$Z0hq2+8 zh+a!OaHkne%J_((md4yzoDiZ&yuE%a({rLi{NdUEV^2!`@$hL_^^JZXCK@}dH~#?Z zxBblYJdB9E`s8fz@nCoVe71ETA{K+xZY2i*vURv-vANI!8gRm>%10e6~9X)2gFq;IPhD+<6$V#vHr z1d#Oz#^Uvt7tDg`V+VmQB%Qnf?|#l^ut^1r-3godeEU8~zOG_BdF8d9*MwXclnxc-~(cW=;GE{Fk=EdG6A1W(mNJhiSCBciFvPlNF2oM^X-sX6NbaGg%2`EcA9yQ z2>#w9XTVaicp*e`NW9mDSiODY*wUQP8I0C)5<{8g@4vGI5`R7_9;45{zX6gN((_v~ zb<7}m``L%7+x-3!3}wEu>MQ2sUrJbo5F#g%uZji-s|yB4Q8a0JahM`2r~_gYM6Kf} zGR(+Ew-HN$d`mDR{MmQbG3&Nc!)k;OE9P)C*?mN@XKh|Is8=`9{esgyO~t@oU18&! zOLP`M)H`4N&qi_1vZZ4+LWtZP7RbS%-t_G{5ER-W@v&mIGpmuK3u6bx!W-oo0x>=MZV0A)>U@B8;W-d$`-cJ-P7Vu~uPIg3`j&$%0TZ@o8;YcoqXXi{2 z3*&7W)3RDp-_QU{R;)Lv?rI9GQV0=ofOd5?jPBnXSV2Kdh>I3W0}h-@*312Yp}3b9 z%!I!ZXSA-}UJ*1zKKyDYe6`#1V#Dnq+!R7j_m{y6q9=dk{MAgc8-uRnW3dZr{~j@7 zH>;{zcKs_lGyqn=yb$gls{iEBRp0yo|K7NRdIW|A(b&8bE+sd1V1=BzbWO}7#2Lf7 z5JC)`F$3d?KxaS!gFkNEpgyqrrG*e{fceSWla9k{pME3RUNZVX&W4Kr38BZ+Y_K`q5(SD8%hAhmcbjh!^u&`z-P}FBffEcjW!gf(j`=vM0z-4XyG7|0+hqYGA2m7IW@DLQ7fJM0m(y}cFG%m2C!?~;J;@DPaC*8ALXuz73MJv{ch3a)y z?E`ERf#;Mj*QnLGx8lXTL(L_kV|UO?@+Rn;8~x}@aOjNjI^F;JTQZDW@Cxky^*6Ds zpyR?__OQ1X-{@OAVQpz`gNvs}FLIZ?0g4rYI}!SUU6ENB{g;R z@Xek>@YwQ?#9`u6?xJr(1O=~HTvbsa4yd_J*y7^i?8<7Y&XP6slM1aIi~&y@GYFoY zb1y`&j4TsCOq}>=(=Ir3*}9TY^+tfx1^sdcKq81S$=i0q;^Ja03E|-warR~{RtoN0 zSjD&X=c8apEaz^~A!6grwm5e+1D<<-J$&-*9*gOgYEn4vwd!LPw+1i&>DcYkrHgB& zrWX64872^FW%&7cz@pjr!mNqIh`wlh+hb^9f4unzor>u@3gn{B*Mc&kSf#o(xu{j$ zFCZ-Jb>R4yK<17F`+39sY2#qhu)E-5S~jdA$F8;2ei#E1XaB(cs>;eL-96novUQFEnKogWQQXnt zIBscfR?eR~o8Gy&se%83{Hp>P8N+Z{;V*1x?SVT6N~@}>DqX!ibBJSW26S-0p^Tnz zfXBt${7bp5W@)rp=2;M$wUcb2#+$Jv(=iZ)4F#&4I}WXGyVm$uBEgELC&^*X-ZxD~ z22c-#>%%}iBsuQPe+`)k`5M*Tj00-QDS9`}Psi~<|^v}@& z-|%pMCGgv1L6m6;*#Y-Bfbv0=N~LCbo=)xHFax5=zIHqjVapgTE@ONI?rTA5_b{sf zB0BdZEJ-b?3iRqUk=)$`G94N;LIQn!=iNw8F9IFVI~*4t9`4WpO^XEJ{t0ppV#h*& zQnHPGSdf|XI_QC+V#1tXWa!-rURX))M}SO6AcYtBXKrNW?FT(ESOlb|yyBXdo5x0h z6NL~5iO5M0)(KCxz?EDB|43nOzCmhZ4cey~lNDpaqh^Crm`?ti2{Kj%*;Udx1vkD+ zc=U7m`S}Jbo-x{P6&M)kB-kq#a{??Trn@J|SS-ZwC>D5ln`_j5LWIxYMbkzhg@ZY1z8}a0Qne*4zGY60%yB< zXhOo-#Kc6CHOn^ZhaVjs?N+1J^dk1wSdQbykV`O*9NBIlV+v5WJIx8gZq8PD#6{_F zi6!1^NTjv{DT2a-dXk&oo@=a002ovPDHLkV1nxZ Bp!)y- diff --git a/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/licence-2.svg b/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/licence-2.svg deleted file mode 100644 index 60ff2946..00000000 --- a/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/licence-2.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - - - diff --git a/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/load.js b/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/load.js deleted file mode 100644 index a1831f8c..00000000 --- a/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/load.js +++ /dev/null @@ -1 +0,0 @@ -window.__anima__ = {"session_id":"JCnGzpbH","session_data":{"is_paying_team":false}}; \ No newline at end of file diff --git a/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/options-2.svg b/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/options-2.svg deleted file mode 100644 index fdcb15de..00000000 --- a/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/options-2.svg +++ /dev/null @@ -1,7 +0,0 @@ - - - - - - - diff --git a/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/renew-1.svg b/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/renew-1.svg deleted file mode 100644 index cc89cf79..00000000 --- a/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/renew-1.svg +++ /dev/null @@ -1,4 +0,0 @@ - - - - diff --git a/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/sale-1.svg b/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/sale-1.svg deleted file mode 100644 index 75fda340..00000000 --- a/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/sale-1.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - - - diff --git a/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/star-1.svg b/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/star-1.svg deleted file mode 100644 index 94aa9835..00000000 --- a/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/star-1.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - - - - diff --git a/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/style.css b/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/style.css deleted file mode 100644 index fe1bac03..00000000 --- a/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/style.css +++ /dev/null @@ -1,1558 +0,0 @@ -.bedolaga-expanded { - background-color: var(--x1st-layer); - width: 100%; - min-width: 375px; - min-height: 3776px; - position: relative; -} - -.bedolaga-expanded .language { - display: flex; - width: 33px; - height: 32px; - align-items: center; - justify-content: center; - gap: 10px; - padding: 10px; - position: absolute; - top: 16px; - left: 326px; - background-color: var(--vanila); - border-radius: 10px; -} - -.bedolaga-expanded .text-wrapper { - position: relative; - width: fit-content; - margin-top: -3.50px; - margin-bottom: -1.50px; - margin-left: -3.00px; - margin-right: -3.00px; - font-family: "Inter", Helvetica; - font-weight: 500; - color: var(--x1st-layer); - font-size: 14px; - letter-spacing: -0.41px; - line-height: normal; -} - -.bedolaga-expanded .frame { - width: 263px; - align-items: center; - gap: 8px; - position: absolute; - top: 16px; - left: 56px; - display: flex; - flex-direction: column; -} - -.bedolaga-expanded .image { - position: relative; - width: 80px; - height: 80px; - aspect-ratio: 1; - object-fit: cover; -} - -.bedolaga-expanded .div { - display: flex; - flex-direction: column; - align-items: center; - position: relative; - align-self: stretch; - width: 100%; - flex: 0 0 auto; -} - -.bedolaga-expanded .div-wrapper { - display: inline-flex; - height: 32px; - align-items: center; - justify-content: center; - gap: 10px; - padding: 10px; - position: relative; -} - -.bedolaga-expanded .text-wrapper-2 { - position: relative; - width: fit-content; - margin-top: -7.00px; - margin-bottom: -5.00px; - font-family: "Inter", Helvetica; - font-weight: 700; - color: var(--white); - font-size: 20px; - text-align: center; - letter-spacing: -0.41px; - line-height: normal; - white-space: nowrap; -} - -.bedolaga-expanded .frame-2 { - display: flex; - align-items: center; - justify-content: center; - gap: 10px; - padding: 5px 10px; - position: relative; - align-self: stretch; - width: 100%; - flex: 0 0 auto; -} - -.bedolaga-expanded .text-wrapper-3 { - position: relative; - width: fit-content; - margin-top: -1.00px; - font-family: "Inter", Helvetica; - font-weight: 500; - color: var(--white); - font-size: 14px; - text-align: center; - letter-spacing: -0.41px; - line-height: normal; -} - -.bedolaga-expanded .frame-3 { - display: flex; - flex-direction: column; - width: 343px; - align-items: flex-start; - gap: 16px; - padding: 16px; - position: absolute; - top: 176px; - left: calc(50.00% - 172px); - background-color: var(--x2nd-layer); - border-radius: 15px; -} - -.bedolaga-expanded .frame-4 { - display: flex; - align-items: center; - justify-content: space-between; - position: relative; - align-self: stretch; - width: 100%; - flex: 0 0 auto; -} - -.bedolaga-expanded .frame-5 { - display: inline-flex; - align-items: center; - gap: 11px; - position: relative; - flex: 0 0 auto; -} - -.bedolaga-expanded .img { - position: relative; - width: 40px; - height: 40px; -} - -.bedolaga-expanded .text-wrapper-4 { - position: relative; - width: fit-content; - font-family: "Inter", Helvetica; - font-weight: 500; - color: #fafafa; - font-size: 16px; - letter-spacing: -0.41px; - line-height: normal; - white-space: nowrap; -} - -.bedolaga-expanded .staus { - display: inline-flex; - align-items: center; - justify-content: center; - gap: 10px; - padding: 8px; - position: relative; - flex: 0 0 auto; - background-color: #ae463d; - border-radius: 37px; -} - -.bedolaga-expanded .text-wrapper-5 { - position: relative; - width: fit-content; - margin-top: -1.00px; - font-family: "Inter", Helvetica; - font-weight: 500; - color: var(--white); - font-size: 12px; - letter-spacing: -0.41px; - line-height: normal; -} - -.bedolaga-expanded .frame-6 { - display: flex; - flex-direction: column; - align-items: flex-start; - gap: 8px; - position: relative; - align-self: stretch; - width: 100%; - flex: 0 0 auto; -} - -.bedolaga-expanded .frame-7 { - display: flex; - flex-direction: column; - align-items: center; - padding: 8px 16px; - position: relative; - align-self: stretch; - width: 100%; - flex: 0 0 auto; - background-color: var(--x3d-layer); - border-radius: 10px; -} - -.bedolaga-expanded .frame-8 { - display: flex; - height: 32px; - align-items: center; - justify-content: space-between; - padding: 10px 0px; - position: relative; - align-self: stretch; - width: 100%; -} - -.bedolaga-expanded .text-wrapper-6 { - width: fit-content; - margin-top: -3.50px; - margin-bottom: -1.50px; - font-weight: 400; - color: var(--white); - font-size: 14px; - position: relative; - font-family: "Inter", Helvetica; - letter-spacing: -0.41px; - line-height: normal; -} - -.bedolaga-expanded .text-wrapper-7 { - position: relative; - width: fit-content; - margin-top: -4.50px; - margin-bottom: -2.50px; - font-family: "Inter", Helvetica; - font-weight: 700; - color: var(--white); - font-size: 16px; - text-align: right; - letter-spacing: -0.41px; - line-height: normal; - white-space: nowrap; -} - -.bedolaga-expanded .frame-9 { - display: flex; - height: 32px; - align-items: center; - justify-content: center; - gap: 10px; - padding: 10px 0px; - position: relative; - align-self: stretch; - width: 100%; -} - -.bedolaga-expanded .text-wrapper-8 { - position: relative; - flex: 1; - margin-top: -3.50px; - margin-bottom: -1.50px; - font-family: "Inter", Helvetica; - font-weight: 400; - color: var(--white); - font-size: 14px; - letter-spacing: -0.41px; - line-height: normal; -} - -.bedolaga-expanded .text-wrapper-9 { - position: relative; - width: fit-content; - margin-top: -4.50px; - margin-bottom: -2.50px; - font-family: "Inter", Helvetica; - font-weight: 700; - color: var(--white); - font-size: 16px; - text-align: center; - letter-spacing: -0.41px; - line-height: normal; - white-space: nowrap; -} - -.bedolaga-expanded .frame-10 { - display: flex; - align-items: center; - gap: 8px; - position: relative; - align-self: stretch; - width: 100%; - flex: 0 0 auto; -} - -.bedolaga-expanded .frame-11 { - display: flex; - flex-direction: column; - align-items: flex-start; - gap: 10px; - padding: 8px 16px; - position: relative; - flex: 1; - flex-grow: 1; - background-color: var(--x3d-layer); - border-radius: 10px; -} - -.bedolaga-expanded .text-wrapper-10 { - width: fit-content; - margin-top: -1.00px; - font-weight: 400; - color: var(--white); - font-size: 14px; - position: relative; - font-family: "Inter", Helvetica; - letter-spacing: -0.41px; - line-height: normal; -} - -.bedolaga-expanded .text-wrapper-11 { - align-self: stretch; - font-weight: 700; - font-size: 16px; - text-align: right; - position: relative; - font-family: "Inter", Helvetica; - color: var(--white); - letter-spacing: -0.41px; - line-height: normal; -} - -.bedolaga-expanded .text-wrapper-12 { - position: relative; - width: fit-content; - font-family: "Inter", Helvetica; - font-weight: 400; - color: var(--white); - font-size: 14px; - text-align: center; - letter-spacing: -0.41px; - line-height: normal; -} - -.bedolaga-expanded .text-wrapper-13 { - position: relative; - width: fit-content; - margin-top: -1.00px; - font-family: "Inter", Helvetica; - font-weight: 700; - color: var(--white); - font-size: 16px; - text-align: center; - letter-spacing: -0.41px; - line-height: normal; - white-space: nowrap; -} - -.bedolaga-expanded .button { - all: unset; - box-sizing: border-box; - display: flex; - align-items: center; - justify-content: center; - gap: 10px; - padding: 10px; - position: relative; - align-self: stretch; - width: 100%; - flex: 0 0 auto; - background-color: var(--vanila); - border-radius: 10px; -} - -.bedolaga-expanded .text-wrapper-14 { - width: fit-content; - margin-top: -1.00px; - font-weight: 500; - color: var(--x1st-layer); - font-size: 14px; - position: relative; - font-family: "Inter", Helvetica; - letter-spacing: -0.41px; - line-height: normal; -} - -.bedolaga-expanded .frame-12 { - display: flex; - flex-direction: column; - width: 343px; - align-items: flex-start; - position: absolute; - top: 648px; - left: 16px; -} - -.bedolaga-expanded .frame-13 { - display: flex; - align-items: center; - justify-content: center; - gap: 10px; - padding: 10px; - position: relative; - align-self: stretch; - width: 100%; - flex: 0 0 auto; -} - -.bedolaga-expanded .text-wrapper-15 { - flex: 1; - margin-top: -1.00px; - font-weight: 700; - color: var(--white); - font-size: 20px; - text-align: center; - position: relative; - font-family: "Inter", Helvetica; - letter-spacing: -0.41px; - line-height: normal; -} - -.bedolaga-expanded .frame-14 { - display: flex; - flex-direction: column; - align-items: flex-start; - gap: 16px; - padding: 16px; - position: relative; - align-self: stretch; - width: 100%; - flex: 0 0 auto; - background-color: var(--x2nd-layer); - border-radius: 15px; - border: 1px solid; - border-color: var(--x3d-layer); -} - -.bedolaga-expanded .text-wrapper-16 { - width: fit-content; - font-weight: 500; - color: var(--white); - font-size: 16px; - white-space: nowrap; - position: relative; - font-family: "Inter", Helvetica; - letter-spacing: -0.41px; - line-height: normal; -} - -.bedolaga-expanded .vector { - position: relative; - width: 14px; - height: 8px; - margin-right: -1.00px; -} - -.bedolaga-expanded .frame-15 { - display: flex; - flex-direction: column; - height: 88px; - align-items: center; - justify-content: center; - gap: 10px; - padding: 8px; - position: relative; - flex: 1; - flex-grow: 1; - background-color: var(--x3d-layer); - border-radius: 10px; - border: 1px solid; - border-color: var(--x3d-layer); -} - -.bedolaga-expanded .text-wrapper-17 { - position: relative; - align-self: stretch; - font-family: "Inter", Helvetica; - font-weight: 400; - color: var(--white); - font-size: 14px; - text-align: center; - letter-spacing: -0.41px; - line-height: normal; -} - -.bedolaga-expanded .text-wrapper-18 { - align-self: stretch; - font-weight: 700; - font-size: 16px; - text-align: center; - position: relative; - font-family: "Inter", Helvetica; - color: var(--white); - letter-spacing: -0.41px; - line-height: normal; -} - -.bedolaga-expanded .star { - position: absolute; - top: 7px; - left: 8px; - width: 20px; - height: 20px; -} - -.bedolaga-expanded .frame-16 { - display: flex; - flex-direction: column; - height: 88px; - align-items: center; - justify-content: center; - gap: 10px; - padding: 8px; - position: relative; - flex: 1; - flex-grow: 1; - background-color: var(--x3d-layer); - border-radius: 10px; - border: 1px solid; - border-color: var(--vanila); -} - -.bedolaga-expanded .frame-17 { - display: flex; - flex-direction: column; - height: 88px; - align-items: center; - justify-content: center; - gap: 10px; - padding: 8px; - position: relative; - flex: 1; - flex-grow: 1; - background-color: var(--x3d-layer); - border-radius: 10px; -} - -.bedolaga-expanded .text-wrapper-19 { - width: 132px; - height: 17px; - margin-top: -3.50px; - margin-bottom: -1.50px; - font-weight: 400; - color: var(--white); - font-size: 14px; - position: relative; - font-family: "Inter", Helvetica; - letter-spacing: -0.41px; - line-height: normal; -} - -.bedolaga-expanded .frame-18 { - display: flex; - height: 32px; - align-items: center; - justify-content: space-around; - gap: 10px; - padding: 10px 0px; - position: relative; - align-self: stretch; - width: 100%; -} - -.bedolaga-expanded .p { - flex: 1; - height: 17px; - margin-top: -3.50px; - margin-bottom: -1.50px; - font-weight: 500; - color: #ff6868; - font-size: 14px; - text-align: center; - position: relative; - font-family: "Inter", Helvetica; - letter-spacing: -0.41px; - line-height: normal; -} - -.bedolaga-expanded .frame-19 { - display: flex; - flex-direction: column; - width: 343px; - align-items: center; - justify-content: center; - gap: 8px; - padding: 16px; - position: absolute; - top: 520px; - left: 16px; - background-color: var(--x2nd-layer); - border-radius: 15px; - border: 1px solid; - border-color: var(--x3d-layer); -} - -.bedolaga-expanded .frame-20 { - display: flex; - align-items: center; - justify-content: center; - gap: 10px; - padding: 8px 0px; - position: relative; - align-self: stretch; - width: 100%; - flex: 0 0 auto; - background-color: var(--x3d-layer); - border-radius: 10px; -} - -.bedolaga-expanded .text-wrapper-20 { - flex: 1; - margin-top: -1.00px; - font-weight: 400; - color: var(--white); - font-size: 14px; - text-align: center; - position: relative; - font-family: "Inter", Helvetica; - letter-spacing: -0.41px; - line-height: normal; -} - -.bedolaga-expanded .frame-21 { - display: flex; - flex-direction: column; - width: 343px; - align-items: center; - gap: 24px; - padding: 16px; - position: absolute; - top: 1644px; - left: 16px; - background-color: var(--x2nd-layer); - border-radius: 15px; - border: 1px solid; - border-color: var(--x3d-layer); -} - -.bedolaga-expanded .frame-22 { - display: flex; - flex-direction: column; - align-items: center; - gap: 16px; - position: relative; - align-self: stretch; - width: 100%; - flex: 0 0 auto; -} - -.bedolaga-expanded .frame-23 { - display: flex; - flex-direction: column; - width: 214px; - align-items: center; - gap: 6px; - position: relative; - flex: 0 0 auto; -} - -.bedolaga-expanded .text-wrapper-21 { - align-self: stretch; - margin-top: -1.00px; - font-weight: 700; - color: var(--white); - font-size: 14px; - text-align: center; - position: relative; - font-family: "Inter", Helvetica; - letter-spacing: -0.41px; - line-height: normal; -} - -.bedolaga-expanded .text-wrapper-22 { - align-self: stretch; - font-weight: 400; - color: var(--white); - font-size: 12px; - position: relative; - font-family: "Inter", Helvetica; - letter-spacing: -0.41px; - line-height: normal; -} - -.bedolaga-expanded .frame-24 { - display: flex; - flex-direction: column; - height: 72px; - align-items: center; - justify-content: center; - gap: 10px; - padding: 8px; - position: relative; - flex: 1; - flex-grow: 1; - background-color: var(--x3d-layer); - border-radius: 10px; - border: 1px solid; - border-color: var(--vanila); -} - -.bedolaga-expanded .text-wrapper-23 { - position: relative; - align-self: stretch; - font-family: "Inter", Helvetica; - font-weight: 500; - color: var(--white); - font-size: 14px; - letter-spacing: -0.41px; - line-height: normal; -} - -.bedolaga-expanded .frame-25 { - display: flex; - flex-direction: column; - height: 72px; - align-items: center; - justify-content: center; - gap: 8px; - padding: 8px; - position: relative; - flex: 1; - flex-grow: 1; - background-color: var(--x3d-layer); - border-radius: 10px; - border: 1px solid; - border-color: var(--vanila); -} - -.bedolaga-expanded .frame-26 { - display: flex; - flex-direction: column; - height: 72px; - align-items: center; - justify-content: center; - gap: 10px; - padding: 8px; - position: relative; - flex: 1; - flex-grow: 1; - background-color: var(--x3d-layer); - border-radius: 10px; -} - -.bedolaga-expanded .frame-27 { - display: flex; - flex-direction: column; - height: 72px; - align-items: center; - justify-content: center; - gap: 8px; - padding: 8px; - position: relative; - flex: 1; - flex-grow: 1; - background-color: var(--x3d-layer); - border-radius: 10px; -} - -.bedolaga-expanded .frame-wrapper { - display: flex; - flex-direction: column; - width: 310px; - align-items: center; - gap: 16px; - position: relative; - flex: 0 0 auto; -} - -.bedolaga-expanded .frame-28 { - display: flex; - flex-direction: column; - align-items: center; - gap: 13px; - position: relative; - align-self: stretch; - width: 100%; - flex: 0 0 auto; -} - -.bedolaga-expanded .frame-29 { - display: flex; - flex-direction: column; - align-items: flex-end; - gap: 8px; - position: relative; - align-self: stretch; - width: 100%; - flex: 0 0 auto; -} - -.bedolaga-expanded .text-wrapper-24 { - align-self: stretch; - font-weight: 500; - font-size: 14px; - text-align: center; - position: relative; - font-family: "Inter", Helvetica; - color: var(--white); - letter-spacing: -0.41px; - line-height: normal; -} - -.bedolaga-expanded .frame-30 { - display: flex; - flex-direction: column; - align-items: center; - gap: 16px; - padding: 0px 8px; - position: relative; - align-self: stretch; - width: 100%; - flex: 0 0 auto; -} - -.bedolaga-expanded .frame-31 { - position: relative; - width: 32px; - height: 32px; -} - -.bedolaga-expanded .text-wrapper-25 { - font-size: 20px; - position: relative; - width: fit-content; - font-family: "Inter", Helvetica; - font-weight: 700; - color: var(--white); - letter-spacing: -0.41px; - line-height: normal; - white-space: nowrap; -} - -.bedolaga-expanded .text-wrapper-26 { - width: fit-content; - margin-top: -3.50px; - margin-bottom: -1.50px; - font-weight: 500; - color: var(--white); - font-size: 14px; - position: relative; - font-family: "Inter", Helvetica; - letter-spacing: -0.41px; - line-height: normal; -} - -.bedolaga-expanded .frame-32 { - display: flex; - flex-direction: column; - width: 343px; - align-items: center; - gap: 16px; - padding: 16px; - position: absolute; - top: 2382px; - left: 16px; - background-color: var(--x2nd-layer); - border-radius: 15px; - border: 1px solid; - border-color: var(--x3d-layer); -} - -.bedolaga-expanded .referal { - display: flex; - width: 40px; - height: 40px; - align-items: center; - justify-content: center; - gap: 10px; - padding: 10px; - position: relative; - background-color: var(--vanila); - border-radius: 10px; -} - -.bedolaga-expanded .vuesax-bold-user { - position: relative; - width: 24px; - height: 24px; - margin-top: -2.00px; - margin-bottom: -2.00px; - margin-left: -2.00px; - margin-right: -2.00px; -} - -.bedolaga-expanded .frame-33 { - display: flex; - flex-direction: column; - align-items: flex-start; - position: relative; - align-self: stretch; - width: 100%; - flex: 0 0 auto; -} - -.bedolaga-expanded .text-wrapper-27 { - flex: 1; - margin-top: -1.00px; - font-weight: 500; - color: var(--white); - font-size: 14px; - text-align: center; - position: relative; - font-family: "Inter", Helvetica; - letter-spacing: -0.41px; - line-height: normal; -} - -.bedolaga-expanded .frame-34 { - display: flex; - flex-direction: column; - width: 343px; - align-items: flex-start; - gap: 13px; - padding: 16px; - position: absolute; - top: 3196px; - left: 16px; - background-color: var(--x2nd-layer); - border-radius: 15px; - border: 1px solid; - border-color: var(--x3d-layer); -} - -.bedolaga-expanded .text-wrapper-28 { - flex: 1; - margin-top: -1.00px; - font-weight: 700; - color: var(--white); - font-size: 14px; - text-align: center; - position: relative; - font-family: "Inter", Helvetica; - letter-spacing: -0.41px; - line-height: normal; -} - -.bedolaga-expanded .frame-35 { - display: flex; - flex-direction: column; - width: 343px; - align-items: flex-start; - gap: 13px; - padding: 16px; - position: absolute; - top: 3058px; - left: 16px; - background-color: var(--x2nd-layer); - border-radius: 15px; - border: 1px solid; - border-color: var(--x3d-layer); -} - -.bedolaga-expanded .frame-36 { - display: flex; - width: 343px; - align-items: center; - justify-content: center; - gap: 10px; - padding: 10px; - position: absolute; - top: 3334px; - left: 16px; -} - -.bedolaga-expanded .text-wrapper-29 { - width: fit-content; - margin-top: -1.00px; - font-weight: 500; - color: var(--white); - font-size: 20px; - white-space: nowrap; - position: relative; - font-family: "Inter", Helvetica; - letter-spacing: -0.41px; - line-height: normal; -} - -.bedolaga-expanded .frame-37 { - display: flex; - flex-direction: column; - width: 343px; - align-items: flex-start; - gap: 13px; - padding: 16px; - position: absolute; - top: 3394px; - left: 16px; - background-color: var(--x2nd-layer); - border-radius: 15px; - border: 1px solid; - border-color: var(--x3d-layer); -} - -.bedolaga-expanded .frame-38 { - display: flex; - flex-direction: column; - width: 343px; - align-items: flex-start; - gap: 13px; - padding: 16px; - position: absolute; - top: 3482px; - left: 16px; - background-color: var(--x2nd-layer); - border-radius: 15px; - border: 1px solid; - border-color: var(--x3d-layer); -} - -.bedolaga-expanded .frame-39 { - display: flex; - width: 343px; - align-items: center; - gap: 11px; - padding: 16px; - position: absolute; - top: 3570px; - left: 16px; - background-color: var(--x2nd-layer); - border-radius: 15px; - border: 1px solid; - border-color: var(--x3d-layer); -} - -.bedolaga-expanded .text-wrapper-30 { - flex: 1; - font-weight: 500; - color: var(--white); - font-size: 16px; - position: relative; - font-family: "Inter", Helvetica; - letter-spacing: -0.41px; - line-height: normal; -} - -.bedolaga-expanded .frame-40 { - display: flex; - flex-direction: column; - width: 343px; - align-items: center; - gap: 16px; - padding: 16px; - position: absolute; - top: 1129px; - left: 16px; - background-color: var(--x2nd-layer); - border-radius: 15px; - border: 1px solid; - border-color: var(--x3d-layer); -} - -.bedolaga-expanded .frame-41 { - display: flex; - flex-direction: column; - align-items: flex-start; - gap: 16px; - position: relative; - align-self: stretch; - width: 100%; - flex: 0 0 auto; -} - -.bedolaga-expanded .frame-42 { - align-items: flex-start; - gap: 10px; - padding: 16px; - position: relative; - flex: 1; - flex-grow: 1; - background-color: var(--x3d-layer); - border-radius: 10px; - display: flex; - flex-direction: column; -} - -.bedolaga-expanded .text-wrapper-31 { - position: relative; - align-self: stretch; - margin-top: -1.00px; - font-family: "Inter", Helvetica; - font-weight: 400; - color: var(--white); - font-size: 14px; - letter-spacing: -0.41px; - line-height: normal; -} - -.bedolaga-expanded .frame-43 { - display: flex; - flex-direction: column; - width: 92px; - align-items: flex-start; - gap: 4px; - position: relative; - flex: 0 0 auto; -} - -.bedolaga-expanded .text-wrapper-32 { - align-self: stretch; - margin-top: -1.00px; - font-weight: 500; - color: var(--white); - font-size: 14px; - position: relative; - font-family: "Inter", Helvetica; - letter-spacing: -0.41px; - line-height: normal; -} - -.bedolaga-expanded .frame-44 { - display: inline-flex; - align-items: center; - gap: 10px; - padding: 8px; - position: relative; - flex: 0 0 auto; - background-color: var(--x3d-layer); - border-radius: 10px; -} - -.bedolaga-expanded .frame-45 { - display: flex; - flex-direction: column; - align-items: center; - gap: 8px; - padding: 16px; - position: relative; - align-self: stretch; - width: 100%; - flex: 0 0 auto; - background-color: var(--x3d-layer); - border-radius: 10px; -} - -.bedolaga-expanded .text-wrapper-33 { - width: fit-content; - margin-top: -4.50px; - margin-bottom: -2.50px; - font-weight: 700; - color: var(--vanila); - font-size: 16px; - text-align: right; - white-space: nowrap; - position: relative; - font-family: "Inter", Helvetica; - letter-spacing: -0.41px; - line-height: normal; -} - -.bedolaga-expanded .group { - position: relative; - align-self: stretch; - width: 100%; - height: 4px; - margin-top: -2.00px; - margin-left: -2.00px; - margin-right: -2.00px; -} - -.bedolaga-expanded .text-wrapper-34 { - width: fit-content; - margin-top: -1.00px; - font-weight: 700; - color: var(--white); - font-size: 16px; - white-space: nowrap; - position: relative; - font-family: "Inter", Helvetica; - letter-spacing: -0.41px; - line-height: normal; -} - -.bedolaga-expanded .text-wrapper-35 { - width: fit-content; - margin-top: -1.00px; - font-weight: 700; - font-size: 16px; - text-align: right; - white-space: nowrap; - position: relative; - font-family: "Inter", Helvetica; - color: var(--white); - letter-spacing: -0.41px; - line-height: normal; -} - -.bedolaga-expanded .frame-46 { - display: inline-flex; - height: 32px; - align-items: center; - justify-content: center; - gap: 10px; - padding: 10px 0px; - position: relative; -} - -.bedolaga-expanded .frame-47 { - display: flex; - flex-wrap: wrap; - gap: 8px 8px; - align-self: stretch; - width: 100%; - align-items: center; - position: relative; - flex: 0 0 auto; -} - -.bedolaga-expanded .frame-48 { - display: inline-flex; - gap: 4px; - padding: 8px; - background-color: #385241; - border-radius: 10px; - align-items: center; - position: relative; - flex: 0 0 auto; -} - -.bedolaga-expanded .text-wrapper-36 { - width: fit-content; - margin-top: -1.00px; - font-weight: 400; - color: var(--white); - font-size: 12px; - position: relative; - font-family: "Inter", Helvetica; - letter-spacing: -0.41px; - line-height: normal; -} - -.bedolaga-expanded .text-wrapper-37 { - width: fit-content; - margin-top: -1.00px; - font-weight: 400; - color: var(--white); - font-size: 12px; - text-align: right; - position: relative; - font-family: "Inter", Helvetica; - letter-spacing: -0.41px; - line-height: normal; -} - -.bedolaga-expanded .frame-49 { - display: inline-flex; - align-items: center; - gap: 4px; - padding: 8px; - position: relative; - flex: 0 0 auto; - background-color: #493852; - border-radius: 10px; -} - -.bedolaga-expanded .frame-50 { - display: inline-flex; - align-items: center; - gap: 4px; - padding: 8px; - position: relative; - flex: 0 0 auto; - background-color: #384b52; - border-radius: 10px; -} - -.bedolaga-expanded .frame-51 { - display: inline-flex; - align-items: center; - gap: 4px; - padding: 8px; - position: relative; - flex: 0 0 auto; - background-color: #524938; - border-radius: 10px; -} - -.bedolaga-expanded .button-wrapper { - display: flex; - flex-direction: column; - width: 343px; - align-items: center; - justify-content: center; - gap: 8px; - padding: 16px; - position: absolute; - top: 3664px; - left: 16px; - background-color: #2c282780; - border-radius: 15px; - border: 1px solid; - border-color: var(--x3d-layer); - backdrop-filter: blur(7.5px) brightness(100%); - -webkit-backdrop-filter: blur(7.5px) brightness(100%); -} - -.bedolaga-expanded .button-2 { - all: unset; - box-sizing: border-box; - display: flex; - align-items: center; - justify-content: center; - gap: 10px; - padding: 10px; - position: relative; - align-self: stretch; - width: 100%; - flex: 0 0 auto; - background-color: #a1ffc5; - border-radius: 10px; - border: 1px solid; -} - -.bedolaga-expanded .vector-2 { - height: 22px; - margin-top: -1.00px; - margin-bottom: -1.00px; - position: relative; - width: 20px; -} - -.bedolaga-expanded .text-wrapper-38 { - position: relative; - width: fit-content; - font-family: "Inter", Helvetica; - font-weight: 500; - color: var(--x1st-layer); - font-size: 14px; - letter-spacing: -0.41px; - line-height: normal; -} - -.bedolaga-expanded .tg-support { - display: flex; - width: 33px; - height: 32px; - align-items: center; - justify-content: center; - gap: 10px; - padding: 10px; - position: absolute; - top: 16px; - left: 16px; - background-color: var(--vanila); - border-radius: 10px; -} - -.bedolaga-expanded .vector-3 { - height: 20px; - margin-top: -4.00px; - margin-bottom: -4.00px; - margin-left: -3.50px; - margin-right: -3.50px; - position: relative; - width: 20px; -} -/* Original CSS code should be injected here */ - -.visually-hidden { - position: absolute; - width: 1px; - height: 1px; - margin: -1px; - padding: 0; - overflow: hidden; - clip: rect(0, 0, 0, 0); - white-space: nowrap; - border: 0; -} - -.language button { - all: unset; - box-sizing: border-box; - cursor: pointer; - display: flex; - align-items: center; - justify-content: center; - width: 100%; - height: 100%; -} - -.frame-20 { - display: flex; - align-items: center; - justify-content: center; - gap: 10px; - padding: 8px 0px; - position: relative; - align-self: stretch; - width: 100%; - flex: 0 0 auto; - background-color: var(--x3d-layer); - border-radius: 10px; -} - -.frame-20 input[type="text"] { - all: unset; - box-sizing: border-box; - flex: 1; - margin-top: -1.00px; - font-weight: 400; - color: var(--white); - font-size: 14px; - text-align: center; - font-family: "Inter", Helvetica; - letter-spacing: -0.41px; - line-height: normal; - padding: 0 10px; -} - -.frame-20 input[type="text"]::placeholder { - color: var(--white); - opacity: 0.7; -} - -.frame-15 input[type="radio"]:checked + .text-wrapper-17, -.frame-15 input[type="radio"]:checked ~ .text-wrapper-18 { - opacity: 1; -} - -.frame-16 input[type="radio"]:checked + .text-wrapper-17, -.frame-16 input[type="radio"]:checked ~ .text-wrapper-18 { - opacity: 1; -} - -.frame-17 input[type="radio"]:checked + .text-wrapper-17, -.frame-17 input[type="radio"]:checked ~ .text-wrapper-18, -.frame-17 input[type="radio"]:checked + .text-wrapper-24, -.frame-17 input[type="radio"]:checked ~ .text-wrapper-18 { - opacity: 1; -} - -.frame-24 input[type="checkbox"]:checked, -.frame-25 input[type="checkbox"]:checked, -.frame-26 input[type="checkbox"]:checked, -.frame-27 input[type="checkbox"]:checked { - opacity: 1; -} - -.frame-15, -.frame-16, -.frame-17, -.frame-24, -.frame-25, -.frame-26, -.frame-27 { - cursor: pointer; - position: relative; -} - -.frame-15 input[type="radio"], -.frame-16 input[type="radio"], -.frame-17 input[type="radio"], -.frame-24 input[type="checkbox"], -.frame-25 input[type="checkbox"], -.frame-26 input[type="checkbox"], -.frame-27 input[type="checkbox"] { - position: absolute; - opacity: 0; - cursor: pointer; -} - -.frame-30 input[type="number"] { - all: unset; - box-sizing: border-box; - font-size: 20px; - width: fit-content; - font-family: "Inter", Helvetica; - font-weight: 700; - color: var(--white); - letter-spacing: -0.41px; - line-height: normal; - white-space: nowrap; - text-align: center; - -moz-appearance: textfield; -} - -.frame-30 input[type="number"]::-webkit-outer-spin-button, -.frame-30 input[type="number"]::-webkit-inner-spin-button { - -webkit-appearance: none; - margin: 0; -} - -.frame-31 { - all: unset; - box-sizing: border-box; - cursor: pointer; - display: flex; - align-items: center; - justify-content: center; - position: relative; - width: 32px; - height: 32px; -} - -.frame-31 img { - width: 100%; - height: 100%; -} - -.button, -.button-2 { - cursor: pointer; -} - -.button:hover, -.button-2:hover { - opacity: 0.9; -} - -.button:active, -.button-2:active { - opacity: 0.8; -} - -.frame-37 a, -.frame-38 a, -.frame-39 a { - display: flex; - align-items: center; - width: 100%; - text-decoration: none; - color: inherit; -} - -.frame-39 a { - gap: 11px; -} - -.tg-support a { - display: flex; - align-items: center; - justify-content: center; - width: 100%; - height: 100%; -} - -fieldset { - border: none; - padding: 0; - margin: 0; -} - -legend { - padding: 0; -} - -.frame-23 { - border: none; -} diff --git a/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/styleguide.css b/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/styleguide.css deleted file mode 100644 index d77e8aad..00000000 --- a/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/styleguide.css +++ /dev/null @@ -1,9 +0,0 @@ -:root { - --white: rgba(250, 250, 250, 1); - --black: rgba(10, 10, 10, 1); - --vanila: rgba(255, 222, 191, 1); - --x2nd-layer: rgba(25, 32, 29, 1); - --x1st-layer: rgba(17, 21, 19, 1); - --x3d-layer: rgba(35, 47, 42, 1); - --collection-1-color: rgba(255, 255, 255, 1); -} diff --git a/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/user-1.svg b/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/user-1.svg deleted file mode 100644 index 659fee01..00000000 --- a/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/user-1.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - - - diff --git a/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/vector-10.svg b/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/vector-10.svg deleted file mode 100644 index b9119d1e..00000000 --- a/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/vector-10.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/vector-11.svg b/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/vector-11.svg deleted file mode 100644 index f30368d8..00000000 --- a/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/vector-11.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/vector-8.svg b/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/vector-8.svg deleted file mode 100644 index f12b6e31..00000000 --- a/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/vector-8.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/vector-9.svg b/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/vector-9.svg deleted file mode 100644 index 1aab6a9e..00000000 --- a/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/vector-9.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/vuesax-bold-user-cirlce-add-2.svg b/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/vuesax-bold-user-cirlce-add-2.svg deleted file mode 100644 index 8ad96fbf..00000000 --- a/miniapp/new/miniapp/Bedolaga VPN - Личный кабинет_files/vuesax-bold-user-cirlce-add-2.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - - - diff --git a/miniapp/new/miniapp/globals.css b/miniapp/new/miniapp/globals.css deleted file mode 100644 index 0cfbeae0..00000000 --- a/miniapp/new/miniapp/globals.css +++ /dev/null @@ -1,18 +0,0 @@ -@import url("https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css"); -* { - -webkit-font-smoothing: antialiased; - box-sizing: border-box; -} -html, -body { - margin: 0px; - height: 100%; -} -/* a blue color as a generic focus style */ -button:focus-visible { - outline: 2px solid #4a90e2 !important; - outline: -webkit-focus-ring-color auto 5px !important; -} -a { - text-decoration: none; -} diff --git a/miniapp/new/miniapp/icons/index.css b/miniapp/new/miniapp/icons/index.css deleted file mode 100644 index 8ccccbe1..00000000 --- a/miniapp/new/miniapp/icons/index.css +++ /dev/null @@ -1,1220 +0,0 @@ -:root { - --default-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, - Ubuntu, "Helvetica Neue", Helvetica, Arial, "PingFang SC", - "Hiragino Sans GB", "Microsoft Yahei UI", "Microsoft Yahei", - "Source Han Sans CN", sans-serif; -} - -.main-container { - overflow: hidden; -} - -.main-container, -.main-container * { - box-sizing: border-box; -} - -input, -select, -textarea, -button { - outline: 0; -} - -.main-container { - position: relative; - width: 983px; - height: 521px; - margin: 0 auto; -} -.flex-row-d { - position: relative; - width: 718.5px; - height: 51px; - margin: 0 0 0 0; - z-index: 58; -} -.happ-dark { - display: flex; - align-items: center; - justify-content: center; - flex-wrap: nowrap; - gap: 8px; - position: absolute; - width: 50px; - height: 50px; - top: 0; - left: 0; - background: #ffdebf; - border-radius: 15px; -} -.vector { - flex-shrink: 0; - position: relative; - width: 25px; - height: 30px; - background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-15/S1Snq4OUjx.png) - no-repeat center; - background-size: cover; - z-index: 1; -} -.vraytun-dark { - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - flex-wrap: nowrap; - gap: 8px; - position: absolute; - width: 50px; - height: 50px; - top: 0; - left: 73px; - background: #ffdebf; - z-index: 2; - border-radius: 15px; -} -.v { - flex-shrink: 0; - position: relative; - width: 28px; - height: 15px; - background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-15/k6VXsgeohC.png) - no-repeat center; - background-size: cover; - z-index: 3; -} -.sing-box-dark { - display: flex; - align-items: center; - justify-content: center; - flex-wrap: nowrap; - gap: 8px; - position: absolute; - width: 50px; - height: 50px; - top: 0; - left: 147px; - background: #ffdebf; - z-index: 4; - border-radius: 15px; -} -.vector-1 { - flex-shrink: 0; - position: relative; - width: 29px; - height: 32px; - background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-15/3OVwcQ6uLV.png) - no-repeat center; - background-size: cover; - z-index: 5; -} -.clash-mi-dark { - display: flex; - align-items: center; - justify-content: center; - flex-wrap: nowrap; - gap: 8px; - position: absolute; - width: 50px; - height: 50px; - top: 0; - left: 220px; - background: #ffdebf; - z-index: 6; - border-radius: 15px; -} -.vector-2 { - flex-shrink: 0; - position: relative; - width: 27px; - height: 32px; - background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-15/spV7SQSAxx.png) - no-repeat center; - background-size: cover; - z-index: 7; -} -.flclash-dark { - display: flex; - align-items: center; - justify-content: center; - flex-wrap: nowrap; - gap: 8px; - position: absolute; - width: 50px; - height: 50px; - top: 0; - left: 293px; - background: #ffdebf; - z-index: 10; - border-radius: 15px; -} -.vector-3 { - flex-shrink: 0; - position: relative; - width: 24.001px; - height: 32.001px; - background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-15/uVDJNFr34S.png) - no-repeat center; - background-size: cover; - z-index: 11; -} -.loon-dark { - display: flex; - align-items: center; - justify-content: center; - flex-wrap: nowrap; - gap: 8px; - position: absolute; - width: 50px; - height: 50px; - top: 0; - left: 442px; - background: #ffdebf; - z-index: 54; - border-radius: 15px; -} -.group { - flex-shrink: 0; - position: relative; - width: 24.676px; - height: 36px; - background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-15/epYU1TgXqJ.png) - no-repeat center; - background-size: cover; - z-index: 55; -} -.simplexray-dark { - display: flex; - align-items: center; - justify-content: center; - flex-wrap: nowrap; - gap: 8px; - position: absolute; - width: 50px; - height: 50px; - top: 1px; - left: 367px; - background: #ffdebf; - z-index: 22; - border-radius: 15px; -} -.vector-4 { - flex-shrink: 0; - position: relative; - width: 28px; - height: 28px; - background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-15/hj8JypKWEo.png) - no-repeat center; - background-size: cover; - z-index: 23; -} -.star { - position: absolute; - width: 21px; - height: 21px; - top: 1px; - left: 655px; - background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-15/mP8pggtXF4.png) - no-repeat center; - background-size: cover; - z-index: 56; -} -.group-5 { - position: absolute; - width: 20px; - height: 19.141px; - top: 2.429px; - left: 698.5px; - background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-15/zkTURdJ4iR.png) - no-repeat center; - background-size: 100% 100%; - z-index: 58; -} -.flex-row-e { - display: flex; - align-items: center; - justify-content: space-between; - position: relative; - width: 152.5px; - height: 25px; - margin: 40px 0 0 629px; - z-index: 65; -} -.github { - flex-shrink: 0; - position: relative; - width: 25px; - height: 25px; - background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-15/kpLBn2A4ym.png) - no-repeat center; - background-size: cover; - z-index: 65; - overflow: hidden; -} -.download { - display: flex; - align-items: center; - justify-content: center; - flex-wrap: nowrap; - flex-shrink: 0; - gap: 10px; - position: relative; - width: 25px; - height: 25px; - z-index: 63; -} -.vector-6 { - flex-shrink: 0; - position: relative; - width: 20px; - height: 20px; - background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-15/UyWWwd6Vcn.png) - no-repeat center; - background-size: cover; - z-index: 64; -} -.telegram { - display: flex; - align-items: center; - justify-content: center; - flex-wrap: nowrap; - flex-shrink: 0; - gap: 10px; - position: relative; - width: 25px; - height: 25px; - padding: 10px 10px 10px 10px; - z-index: 59; -} -.vector-7 { - flex-shrink: 0; - position: relative; - width: 20px; - height: 20px; - background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-15/FY2M71o7Sx.png) - no-repeat center; - background-size: cover; - z-index: 60; -} -.website { - display: flex; - align-items: center; - justify-content: center; - flex-wrap: nowrap; - flex-shrink: 0; - gap: 10px; - position: relative; - width: 25px; - height: 25px; - padding: 10px 10px 10px 10px; - z-index: 61; -} -.vector-8 { - flex-shrink: 0; - position: relative; - width: 21.5px; - height: 21.5px; - background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-15/tqvCdN1YoZ.png) - no-repeat center; - background-size: cover; - z-index: 62; -} -.flex-row-cfd { - display: flex; - align-items: center; - justify-content: space-between; - position: relative; - width: 492px; - height: 51px; - margin: -3px 0 0 0; - z-index: 52; -} -.pandora-box-dark { - display: flex; - align-items: center; - justify-content: center; - flex-wrap: nowrap; - flex-shrink: 0; - gap: 8px; - position: relative; - width: 50px; - height: 50px; - background: #ffdebf; - z-index: 12; - border-radius: 15px; -} -.subtract { - flex-shrink: 0; - position: relative; - width: 28px; - height: 16px; - background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-15/DSBoqJt43S.png) - no-repeat center; - background-size: cover; - z-index: 13; -} -.clash-meta-dark { - display: flex; - align-items: center; - justify-content: center; - flex-wrap: nowrap; - flex-shrink: 0; - gap: 8px; - position: relative; - width: 50px; - height: 50px; - background: #ffdebf; - z-index: 14; - border-radius: 15px; -} -.vector-9 { - flex-shrink: 0; - position: relative; - width: 28px; - height: 26px; - background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-15/B4ZzLBMqhP.png) - no-repeat center; - background-size: cover; - z-index: 15; -} -.vbox-dark { - display: flex; - align-items: center; - justify-content: center; - flex-wrap: nowrap; - flex-shrink: 0; - gap: 8px; - position: relative; - width: 50px; - height: 50px; - background: #ffdebf; - z-index: 16; - border-radius: 15px; -} -.vector-a { - flex-shrink: 0; - position: relative; - width: 30px; - height: 18px; - background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-15/NVdzQwErNd.png) - no-repeat center; - background-size: cover; - z-index: 17; -} -.vrayng-dark { - display: flex; - align-items: center; - justify-content: center; - flex-wrap: nowrap; - flex-shrink: 0; - gap: 8px; - position: relative; - width: 50px; - height: 50px; - background: #ffdebf; - z-index: 18; - border-radius: 15px; -} -.vector-b { - flex-shrink: 0; - position: relative; - width: 28px; - height: 26px; - background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-15/FcpvXot5Zq.png) - no-repeat center; - background-size: cover; - z-index: 19; -} -.shadowrocker-dark { - display: flex; - align-items: center; - justify-content: center; - flex-wrap: nowrap; - flex-shrink: 0; - gap: 8px; - position: relative; - width: 50px; - height: 50px; - background: #ffdebf; - z-index: 20; - border-radius: 15px; -} -.vector-c { - flex-shrink: 0; - position: relative; - width: 19px; - height: 32px; - background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-15/OiRVRdXjNU.png) - no-repeat center; - background-size: cover; - z-index: 21; -} -.clash-verge-reve-dark { - display: flex; - align-items: center; - justify-content: center; - flex-wrap: nowrap; - flex-shrink: 0; - gap: 8px; - position: relative; - width: 50px; - height: 50px; - background: #ffdebf; - z-index: 8; - border-radius: 15px; -} -.group-d { - flex-shrink: 0; - position: relative; - width: 31.548px; - height: 30px; - background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-15/kzAeEyHxmp.png) - no-repeat center; - background-size: cover; - z-index: 9; -} -.karing-dark { - display: flex; - align-items: center; - justify-content: center; - flex-wrap: nowrap; - flex-shrink: 0; - gap: 8px; - position: relative; - width: 50px; - height: 50px; - background: #ffdebf; - z-index: 52; - border-radius: 15px; -} -.group-e { - flex-shrink: 0; - position: relative; - width: 35px; - height: 12.035px; - background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-15/eJqo3EvLAi.png) - no-repeat center; - background-size: cover; - z-index: 53; -} -.flex-row-ddac { - display: flex; - align-items: center; - justify-content: space-between; - position: relative; - width: 491px; - height: 50px; - margin: 64px 0 0 1px; - z-index: 44; -} -.straisand-dark { - display: flex; - align-items: center; - justify-content: center; - flex-wrap: nowrap; - flex-shrink: 0; - gap: 8px; - position: relative; - width: 50px; - height: 50px; - background: #ffdebf; - z-index: 24; - border-radius: 15px; -} -.vector-f { - flex-shrink: 0; - position: relative; - width: 32px; - height: 32px; - background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-15/JmagoYbj5j.png) - no-repeat center; - background-size: cover; - z-index: 25; -} -.koala-clash-dark { - display: flex; - align-items: center; - justify-content: center; - flex-wrap: nowrap; - flex-shrink: 0; - gap: 8px; - position: relative; - width: 50px; - height: 50px; - padding: 2px 0 0 0; - background: #ffdebf; - z-index: 34; - border-radius: 15px; -} -.group-10 { - flex-shrink: 0; - position: relative; - width: 35px; - height: 22.727px; - background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-15/qOu8kRTOoP.png) - no-repeat center; - background-size: cover; - z-index: 35; -} -.universal-app-dark { - display: flex; - align-items: center; - justify-content: center; - flex-wrap: nowrap; - flex-shrink: 0; - gap: 8px; - position: relative; - width: 50px; - height: 50px; - background: #ffdebf; - z-index: 36; - border-radius: 15px; -} -.vector-11 { - flex-shrink: 0; - position: relative; - width: 29px; - height: 32px; - background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-15/rk4BSpmNP4.png) - no-repeat center; - background-size: cover; - z-index: 37; -} -.hiddify-dark { - display: flex; - align-items: center; - justify-content: center; - flex-wrap: nowrap; - flex-shrink: 0; - gap: 8px; - position: relative; - width: 50px; - height: 50px; - background: #ffdebf; - z-index: 38; - border-radius: 15px; -} -.vector-12 { - flex-shrink: 0; - position: relative; - width: 26px; - height: 24px; - background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-15/cKT8Gyssjn.png) - no-repeat center; - background-size: cover; - z-index: 39; -} -.stash-dark { - display: flex; - align-items: center; - justify-content: center; - flex-wrap: nowrap; - flex-shrink: 0; - gap: 8px; - position: relative; - width: 50px; - height: 50px; - background: #ffdebf; - z-index: 40; - border-radius: 15px; -} -.subtract-13 { - flex-shrink: 0; - position: relative; - width: 32.092px; - height: 30px; - background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-15/rDL8sskBKo.png) - no-repeat center; - background-size: cover; - z-index: 41; -} -.throne-dark { - display: flex; - align-items: center; - justify-content: center; - flex-wrap: nowrap; - flex-shrink: 0; - gap: 8px; - position: relative; - width: 50px; - height: 50px; - background: #ffdebf; - z-index: 42; - border-radius: 15px; -} -.group-14 { - flex-shrink: 0; - position: relative; - width: 23.841px; - height: 34px; - background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-15/wtEeCUYkbc.png) - no-repeat center; - background-size: cover; - z-index: 43; - border-radius: 2px; -} -.prizrak-box-dark { - display: flex; - align-items: center; - justify-content: center; - flex-wrap: nowrap; - flex-shrink: 0; - gap: 8px; - position: relative; - width: 50px; - height: 50px; - background: #ffdebf; - z-index: 44; - border-radius: 15px; -} -.prizrak-box { - flex-shrink: 0; - position: relative; - width: 36.276px; - height: 34.001px; - background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-15/pQgAOJcowX.png) - no-repeat center; - background-size: cover; - z-index: 45; -} -.flex-row-ba { - position: relative; - width: 926px; - height: 50px; - margin: 63px 0 0 1px; - z-index: 72; -} -.exclave-dark { - display: flex; - align-items: center; - justify-content: center; - flex-wrap: nowrap; - gap: 8px; - position: absolute; - width: 50px; - height: 50px; - top: 0; - left: 0; - background: #ffdebf; - z-index: 26; - border-radius: 15px; -} -.vector-15 { - flex-shrink: 0; - position: relative; - width: 30px; - height: 24px; - background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-15/9gLzqrFiah.png) - no-repeat center; - background-size: cover; - z-index: 27; -} -.vpntv-dark { - display: flex; - align-items: center; - justify-content: center; - flex-wrap: nowrap; - gap: 8px; - position: absolute; - width: 50px; - height: 50px; - top: 0; - left: 73px; - background: #ffdebf; - z-index: 28; - border-radius: 15px; -} -.vpntv { - flex-shrink: 0; - position: relative; - width: 30px; - height: 8px; - background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-15/6AUycgofWm.png) - no-repeat center; - background-size: cover; - z-index: 29; -} -.flclashx-dark { - display: flex; - align-items: center; - justify-content: center; - flex-wrap: nowrap; - gap: 8px; - position: absolute; - width: 50px; - height: 50px; - top: 0; - left: 146px; - background: #ffdebf; - z-index: 30; - border-radius: 15px; -} -.group-16 { - flex-shrink: 0; - position: relative; - width: 21.938px; - height: 33px; - background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-15/w9Ndk7KEnq.png) - no-repeat center; - background-size: cover; - z-index: 31; -} -.xray-dark { - display: flex; - align-items: center; - justify-content: center; - flex-wrap: nowrap; - gap: 8px; - position: absolute; - width: 50px; - height: 50px; - top: 0; - left: 219px; - background: #ffdebf; - z-index: 32; - border-radius: 15px; -} -.vector-17 { - flex-shrink: 0; - position: relative; - width: 30px; - height: 30px; - background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-15/yn3CHHehwP.png) - no-repeat center; - background-size: cover; - z-index: 33; -} -.onexray-dark { - display: flex; - align-items: center; - justify-content: center; - flex-wrap: nowrap; - gap: 8px; - position: absolute; - width: 50px; - height: 50px; - top: 0; - left: 292px; - background: #ffdebf; - z-index: 46; - border-radius: 15px; -} -.group-18 { - flex-shrink: 0; - position: relative; - width: 30px; - height: 27.792px; - background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-15/E7yqvs00JV.png) - no-repeat center; - background-size: cover; - z-index: 47; -} -.husi-dark { - display: flex; - align-items: center; - justify-content: center; - flex-wrap: nowrap; - gap: 8px; - position: absolute; - width: 50px; - height: 50px; - top: 0; - left: 368px; - background: #ffdebf; - z-index: 48; - border-radius: 15px; -} -.group-19 { - flex-shrink: 0; - position: relative; - width: 35.981px; - height: 32px; - background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-15/zJFXOJ64HN.png) - no-repeat center; - background-size: cover; - z-index: 49; -} -.nekobox-dark { - display: flex; - align-items: center; - justify-content: center; - flex-wrap: nowrap; - gap: 8px; - position: absolute; - width: 50px; - height: 50px; - top: 0; - left: 441px; - background: #ffdebf; - z-index: 50; - border-radius: 15px; -} -.group-1a { - flex-shrink: 0; - position: relative; - width: 31.457px; - height: 35.999px; - background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-15/H7NTAwuOf8.png) - no-repeat center; - background-size: cover; - z-index: 51; -} -.regroup { - display: flex; - align-items: center; - justify-content: space-between; - position: absolute; - width: 170px; - height: 50px; - top: 0; - left: 756px; - z-index: 72; -} -.android-icon { - display: flex; - align-items: center; - justify-content: center; - flex-wrap: nowrap; - flex-shrink: 0; - gap: 10px; - position: relative; - width: 30px; - height: 30px; - padding: 10px 10px 10px 10px; - z-index: 68; -} -.android { - flex-shrink: 0; - position: relative; - width: 22px; - height: 27px; - background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-15/puEu1gFutA.png) - no-repeat center; - background-size: cover; - z-index: 69; -} -.apple-icon { - display: flex; - align-items: center; - justify-content: center; - flex-wrap: nowrap; - flex-shrink: 0; - gap: 10px; - position: relative; - width: 30px; - height: 30px; - padding: 10px 10px 10px 10px; - z-index: 70; -} -.vector-1b { - flex-shrink: 0; - position: relative; - width: 22px; - height: 27.001px; - background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-15/X7eSDjVeNn.png) - no-repeat center; - background-size: cover; - z-index: 71; -} -.tv-icon { - display: flex; - align-items: center; - justify-content: center; - flex-wrap: nowrap; - flex-shrink: 0; - gap: 10px; - position: relative; - width: 30px; - height: 30px; - padding: 10px 10px 10px 10px; - z-index: 66; -} -.vector-1c { - flex-shrink: 0; - position: relative; - width: 27px; - height: 27px; - background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-15/Gc73GT6SfF.png) - no-repeat center; - background-size: cover; - z-index: 67; -} -.tv-icon-1d { - display: flex; - align-items: center; - justify-content: center; - flex-wrap: nowrap; - flex-shrink: 0; - gap: 10px; - position: relative; - width: 30px; - height: 30px; - padding: 10px 10px 10px 10px; - z-index: 72; -} -.vector-1e { - flex-shrink: 0; - position: relative; - width: 27px; - height: 27px; - background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-15/SsF1SPW1FL.png) - no-repeat center; - background-size: cover; - z-index: 73; -} -.flex-row-ffa { - display: flex; - align-items: center; - justify-content: space-between; - position: relative; - width: 274px; - height: 25px; - margin: 28px 0 0 709px; - z-index: 91; -} -.vector-1f { - flex-shrink: 0; - position: relative; - width: 22px; - height: 27.001px; - background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-15/wCsi02v8ez.png) - no-repeat center; - background-size: cover; - z-index: 76; -} -.android-icon-20 { - flex-shrink: 0; - position: relative; - width: 22px; - height: 27px; - background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-15/WyL9ncxfEo.png) - no-repeat center; - background-size: cover; - z-index: 91; -} -.vector-21 { - flex-shrink: 0; - position: relative; - width: 27px; - height: 27px; - background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-15/Mbch6uCEmK.png) - no-repeat center; - background-size: cover; - z-index: 82; -} -.macos-icon { - flex-shrink: 0; - position: relative; - width: 27px; - height: 27px; - background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-15/RysG9Ej5NR.png) - no-repeat center; - background-size: cover; - z-index: 88; -} -.vector-22 { - flex-shrink: 0; - position: relative; - width: 27px; - height: 27px; - background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-15/NPz3WYYmX7.png) - no-repeat center; - background-size: cover; - z-index: 79; -} -.appletv-icon { - flex-shrink: 0; - position: relative; - width: 30px; - height: 20px; - background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-15/6J8MpDq6Le.png) - no-repeat center; - background-size: cover; - z-index: 85; -} -.flex-row { - display: flex; - align-items: center; - justify-content: space-between; - position: relative; - width: 340px; - height: 40px; - margin: 37px 0 0 1px; - z-index: 92; -} -.apple-icon-23 { - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - flex-wrap: nowrap; - flex-shrink: 0; - gap: 3px; - position: relative; - width: 40px; - height: 40px; - background: #ffdebf; - z-index: 74; - border-radius: 10px; -} -.vector-24 { - flex-shrink: 0; - position: relative; - width: 22px; - height: 27.001px; - background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-15/eJX5cgu06j.png) - no-repeat center; - background-size: cover; - z-index: 75; -} -.android-icon-25 { - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - flex-wrap: nowrap; - flex-shrink: 0; - gap: 3px; - position: relative; - width: 40px; - height: 40px; - background: #ffdebf; - z-index: 89; - border-radius: 10px; -} -.android-icon-26 { - flex-shrink: 0; - position: relative; - width: 22px; - height: 27px; - background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-15/AWkTvtTGA5.png) - no-repeat center; - background-size: cover; - z-index: 90; -} -.windows { - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - flex-wrap: nowrap; - flex-shrink: 0; - gap: 3px; - position: relative; - width: 40px; - height: 40px; - background: #ffdebf; - z-index: 80; - border-radius: 10px; -} -.vector-27 { - flex-shrink: 0; - position: relative; - width: 27px; - height: 27px; - background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-15/AyrzLEUGH5.png) - no-repeat center; - background-size: cover; - z-index: 81; -} -.macos-icon-28 { - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - flex-wrap: nowrap; - flex-shrink: 0; - gap: 3px; - position: relative; - width: 40px; - height: 40px; - background: #ffdebf; - z-index: 86; - border-radius: 10px; -} -.macos-icon-29 { - flex-shrink: 0; - position: relative; - width: 27px; - height: 27px; - background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-15/AFVxmps0Bx.png) - no-repeat center; - background-size: cover; - z-index: 87; -} -.androidtv-icon { - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - flex-wrap: nowrap; - flex-shrink: 0; - gap: 3px; - position: relative; - width: 40px; - height: 40px; - background: #ffdebf; - z-index: 77; - border-radius: 10px; -} -.vector-2a { - flex-shrink: 0; - position: relative; - width: 27px; - height: 27px; - background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-15/pMo6YQPzNy.png) - no-repeat center; - background-size: cover; - z-index: 78; -} -.appletv-icon-2b { - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - flex-wrap: nowrap; - flex-shrink: 0; - gap: 3px; - position: relative; - width: 40px; - height: 40px; - background: #ffdebf; - z-index: 83; - border-radius: 10px; -} -.appletv-icon-2c { - flex-shrink: 0; - position: relative; - width: 30px; - height: 20px; - background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-15/K3xYJ57ci8.png) - no-repeat center; - background-size: cover; - z-index: 84; -} -.linux-icon { - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - flex-wrap: nowrap; - flex-shrink: 0; - gap: 3px; - position: relative; - width: 40px; - height: 40px; - background: #ffdebf; - z-index: 92; - border-radius: 10px; -} -.vector-2d { - flex-shrink: 0; - position: relative; - width: 21px; - height: 25px; - background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-15/SF9rLFUE40.png) - no-repeat center; - background-size: cover; - z-index: 93; -} diff --git a/miniapp/new/miniapp/icons/index.html b/miniapp/new/miniapp/icons/index.html deleted file mode 100644 index 22d9652c..00000000 --- a/miniapp/new/miniapp/icons/index.html +++ /dev/null @@ -1,82 +0,0 @@ - - - - - - Generated by Codia AI - - - - -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - - diff --git a/miniapp/new/miniapp/img/logo-mini-1.svg b/miniapp/new/miniapp/img/logo-mini-1.svg deleted file mode 100644 index ac2747d8..00000000 --- a/miniapp/new/miniapp/img/logo-mini-1.svg +++ /dev/null @@ -1,4 +0,0 @@ - - - - diff --git a/miniapp/new/miniapp/img/offer-1.svg b/miniapp/new/miniapp/img/offer-1.svg deleted file mode 100644 index 7b4e45f2..00000000 --- a/miniapp/new/miniapp/img/offer-1.svg +++ /dev/null @@ -1,4 +0,0 @@ - - - - diff --git a/miniapp/new/miniapp/index.html b/miniapp/new/miniapp/index.html deleted file mode 100644 index a56283b6..00000000 --- a/miniapp/new/miniapp/index.html +++ /dev/null @@ -1,951 +0,0 @@ - - - - - - - Bedolaga VPN - Личный кабинет - - - - - - - -
-
- -
- Логотип Bedolaga VPN -
-
-

- Bedolaga VPN -

-
-
-

- Безопасное и быстрое подключение -

-
-
-
-
-

- Информация о пользователе -

-
-
- Иконка пользователя - - Bedolaga_user - -
-
- - ИСТЕКЛА - -
-
-
-
-
- - Подписка истекает - - - 30.11.2025 - -
-
- - Дней осталось: - - - 365 - -
-
-
-
- - Расход трафика - - - 200 из 250 GB - -
-
- - Моих устройств - - - 7 из 10 - -
-
-
-
- - Ваш баланс - - - 0 ₽ - -
- -
-
-
-

- Управление услугами -

-
-
-
-
- Иконка продления -

- Продлить подписку -

-
- -
-
-
- - Выберите период подписки - - - -
-
- - Дополнительные периоды подписки - - - -
-
- - Итого - - - 300 ₽ - -
- - -
-
-
-
-

- Активация промокода -

-
- - -
- -
-
-
-
- Иконка опций -

- Опции подписки -

-
- -
-
-
- - Выберите нужные локации - -

- *скидки применяются автоматически -

-
-
-
- - -
-
- - -
-
-
-
-
-
- - Выберите количество трафика - -
- - - -
-
- - - -
-
-
-
-
-
- - Количество устройств - -
-
- - - - -
-
- - Итого - - - 120 ₽ - -
-
-
- -
-
-
-
-
-
- Иконка реферальной программы -
-

- Реферальная программа -

-
- -
- -
-
-
-

- Статистика -

-
-
-
- - Приглашено - - - 17 - -
-
- - Активные пользователи - - - 16 - -
-
- - Оплачивают - - - 13 - -
-
- - Заработано за месяц - - - 170 ₽ - -
-
- - Заработано всего - - - 530 ₽ - -
-
- - Конверсия - - - 70% - -
-
-
-
-
-

- Условия программы -

-
-
-
- - Минимальная сумма активации - - - 100 ₽ - -
-
- - Бонус рефералу (первое пополнение) - - - 100 ₽ - -
-
- - Ваш бонус за пополнение - - - 150 ₽ - -
-
- - Комиссия с пополнений реферала - - - 25% - -
-
-
-
- -
-
-
-
- Иконка истории -

- История операций -

-
- -
-
-

- Остаётся без изменений -

-
-
-
-
-
- Иконка устройств -

- Ваши устройства -

-
- -
-
-

- Остаётся без изменений -

-
-
-
- -
- - - -
-
-
- Иконка скидок -

- Система скидок -

-
- -
-
-
-
- - Ваш уровень - - - Базовый - -
-
- - Всего потрачено - - - 150 ₽ - -
-
-
- - Ваши бонусы: - -
- - Скидок нет - -
-
-
-
-
- - Следующий уровень - - - Бронзовый - -
-
- - Потратьте до получения бонусов - -
-
- Прогресс до следующего уровня -
- - 150 ₽ - - - 1 500 ₽ - -
-
-
-
- - Скидки на уровне: - -
-
-
- - Продление - - - − 10% - -
-
- - Локации - - - − 30% - -
-
- - Трафик - - - − 15% - -
-
- - Устройства - - - − 5% - -
-
-
-
-
- - -
- - \ No newline at end of file diff --git a/miniapp/new/miniapp/instructions/globals.css b/miniapp/new/miniapp/instructions/globals.css deleted file mode 100644 index 0cfbeae0..00000000 --- a/miniapp/new/miniapp/instructions/globals.css +++ /dev/null @@ -1,18 +0,0 @@ -@import url("https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css"); -* { - -webkit-font-smoothing: antialiased; - box-sizing: border-box; -} -html, -body { - margin: 0px; - height: 100%; -} -/* a blue color as a generic focus style */ -button:focus-visible { - outline: 2px solid #4a90e2 !important; - outline: -webkit-focus-ring-color auto 5px !important; -} -a { - text-decoration: none; -} diff --git a/miniapp/new/miniapp/instructions/index.html b/miniapp/new/miniapp/instructions/index.html deleted file mode 100644 index d54fd0a9..00000000 --- a/miniapp/new/miniapp/instructions/index.html +++ /dev/null @@ -1,383 +0,0 @@ - - - - - - - Инструкция по подписке Bedolaga - - - - - - - -
-
-
-

- Инструкция -

- -
-
-

- Выберите ваше устройство: -

- -
-
-

- Выполните инструкцию: -

-
-
-
- Happ -

- Happ -

-
- Избранное -
-
-
- - 1 - -
-
-

- Скачайте и установите -

-

- Откройте страницу в Google Play и установите приложение. Или установите приложение из APK файла - напрямую, если Google Play не работает. -

- - -
-
-
-
- - 2 - -
-
-

- Добавить подписку -

-

- Нажмите кнопку ниже — приложение откроется, и подписка добавится автоматически. -

- -
-
-
-
- - 3 - -
-
-

- Подключиться и использовать -

-

- В главном разделе нажмите большую кнопку включения в центре для подключения к VPN. Не забудьте выбрать - сервер в списке серверов. При необходимости выберите другой сервер из списка серверов. -

-
-
-
-
-
- - \ No newline at end of file diff --git a/miniapp/new/miniapp/instructions/style.css b/miniapp/new/miniapp/instructions/style.css deleted file mode 100644 index 78f1c65b..00000000 --- a/miniapp/new/miniapp/instructions/style.css +++ /dev/null @@ -1,614 +0,0 @@ -.bedolaga-subsription { - background-color: var(--x1st-layer); - width: 100%; - min-width: 375px; - min-height: 917px; - display: flex; - flex-direction: column; -} - -.bedolaga-subsription .frame { - display: flex; - margin-left: 16px; - width: 342px; - height: 32px; - position: relative; - margin-top: 16px; - align-items: center; - justify-content: space-between; -} - -.bedolaga-subsription .text-wrapper { - position: relative; - width: fit-content; - font-family: "Inter-Bold", Helvetica; - font-weight: 700; - color: var(--white); - font-size: 20px; - letter-spacing: -0.41px; - line-height: normal; - white-space: nowrap; -} - -.bedolaga-subsription .vector-wrapper { - display: flex; - width: 32px; - height: 32px; - align-items: center; - justify-content: center; - gap: 10px; - padding: 10px; - position: relative; - background-color: var(--vanila); - border-radius: 10px; -} - -.bedolaga-subsription .vector { - position: relative; - width: 10.42px; - height: 10.43px; -} - -.bedolaga-subsription .div { - margin-left: 16px; - width: 343px; - height: 19px; - margin-top: 29px; - font-family: "Inter-Bold", Helvetica; - font-weight: 700; - font-size: 16px; - color: var(--white); - letter-spacing: -0.41px; - line-height: normal; -} - -.bedolaga-subsription .os-selector { - display: flex; - margin-left: 15px; - width: 343px; - height: 56px; - position: relative; - margin-top: 8px; - align-items: center; - gap: 8px; - padding: 8px 16px; - background-color: var(--x2nd-layer); - border-radius: 15px; -} - -.bedolaga-subsription .apple-icon { - position: relative; - width: 40px; - height: 40px; - aspect-ratio: 1; -} - -.bedolaga-subsription .text-wrapper-2 { - position: relative; - flex: 1; - font-family: "Inter-Medium", Helvetica; - font-weight: 500; - color: var(--white); - font-size: 16px; - letter-spacing: -0.41px; - line-height: normal; -} - -.bedolaga-subsription .img { - position: relative; - width: 14px; - height: 8px; - margin-right: -1.00px; -} - -.bedolaga-subsription .frame-2 { - display: flex; - margin-left: 16px; - width: 343px; - height: 635px; - position: relative; - margin-top: 29px; - flex-direction: column; - align-items: flex-start; - gap: 7px; -} - -.bedolaga-subsription .text-wrapper-3 { - position: relative; - align-self: stretch; - margin-top: -1.00px; - font-family: "Inter-Bold", Helvetica; - font-weight: 700; - color: var(--white); - font-size: 16px; - letter-spacing: -0.41px; - line-height: normal; -} - -.bedolaga-subsription .frame-3 { - display: flex; - flex-direction: column; - align-items: flex-start; - gap: 26px; - padding: 16px; - position: relative; - align-self: stretch; - width: 100%; - flex: 0 0 auto; - background-color: var(--x2nd-layer); - border-radius: 15px; -} - -.bedolaga-subsription .frame-4 { - display: flex; - align-items: center; - justify-content: space-between; - position: relative; - align-self: stretch; - width: 100%; - flex: 0 0 auto; -} - -.bedolaga-subsription .frame-5 { - display: inline-flex; - align-items: center; - gap: 8px; - position: relative; - flex: 0 0 auto; -} - -.bedolaga-subsription .happ-dark { - position: relative; - width: 50px; - height: 50px; - aspect-ratio: 1; -} - -.bedolaga-subsription .github-stars { - position: relative; - width: 21px; - height: 21px; -} - -.bedolaga-subsription .frame-6 { - display: flex; - align-items: flex-start; - gap: 8px; - position: relative; - align-self: stretch; - width: 100%; - flex: 0 0 auto; -} - -.bedolaga-subsription .language { - display: flex; - width: 25px; - height: 24px; - align-items: center; - justify-content: center; - gap: 10px; - padding: 10px; - position: relative; - background-color: var(--vanila); - border-radius: 7px; -} - -.bedolaga-subsription .RU { - position: relative; - width: fit-content; - margin-top: -7.50px; - margin-bottom: -5.50px; - margin-left: -1.00px; - margin-right: -1.00px; - font-family: "Inter-Medium", Helvetica; - font-weight: 500; - color: var(--x1st-layer); - font-size: 14px; - letter-spacing: -0.41px; - line-height: normal; -} - -.bedolaga-subsription .frame-7 { - display: flex; - flex-direction: column; - align-items: flex-start; - gap: 10px; - position: relative; - flex: 1; - flex-grow: 1; -} - -.bedolaga-subsription .p { - position: relative; - align-self: stretch; - font-family: "Inter-Regular", Helvetica; - font-weight: 400; - font-size: 14px; - color: var(--white); - letter-spacing: -0.41px; - line-height: normal; -} - -.bedolaga-subsription .button { - all: unset; - box-sizing: border-box; - display: flex; - align-items: center; - justify-content: center; - gap: 10px; - padding: 10px; - position: relative; - align-self: stretch; - width: 100%; - flex: 0 0 auto; - background-color: var(--vanila); - border-radius: 10px; -} - -.bedolaga-subsription .text-wrapper-4 { - position: relative; - width: fit-content; - margin-top: -1.00px; - font-family: "Inter-Medium", Helvetica; - font-weight: 500; - color: var(--x1st-layer); - font-size: 14px; - letter-spacing: -0.41px; - line-height: normal; -} - -.bedolaga-subsription .RU-2 { - margin-left: -2.00px; - margin-right: -2.00px; - position: relative; - width: fit-content; - margin-top: -7.50px; - margin-bottom: -5.50px; - font-family: "Inter-Medium", Helvetica; - font-weight: 500; - color: var(--x1st-layer); - font-size: 14px; - letter-spacing: -0.41px; - line-height: normal; -} - -.bedolaga-subsription .RU-3 { - margin-left: -2.50px; - margin-right: -2.50px; - position: relative; - width: fit-content; - margin-top: -7.50px; - margin-bottom: -5.50px; - font-family: "Inter-Medium", Helvetica; - font-weight: 500; - color: var(--x1st-layer); - font-size: 14px; - letter-spacing: -0.41px; - line-height: normal; -} -/* Inject original globals.css and styleguide.css here */ - -.bedolaga-subsription { - background-color: var(--x1st-layer); - width: 100%; - min-width: 375px; - min-height: 917px; - display: flex; - flex-direction: column; -} - -.bedolaga-subsription .frame { - display: flex; - margin-left: 16px; - width: 342px; - height: 32px; - position: relative; - margin-top: 16px; - align-items: center; - justify-content: space-between; -} - -.bedolaga-subsription .text-wrapper { - position: relative; - width: fit-content; - font-family: "Inter-Bold", Helvetica; - font-weight: 700; - color: var(--white); - font-size: 20px; - letter-spacing: -0.41px; - line-height: normal; - white-space: nowrap; -} - -.bedolaga-subsription .vector-wrapper { - all: unset; - box-sizing: border-box; - display: flex; - width: 32px; - height: 32px; - align-items: center; - justify-content: center; - gap: 10px; - padding: 10px; - position: relative; - background-color: var(--vanila); - border-radius: 10px; - cursor: pointer; -} - -.bedolaga-subsription .vector-wrapper:hover { - opacity: 0.9; -} - -.bedolaga-subsription .vector-wrapper:active { - opacity: 0.8; -} - -.bedolaga-subsription .vector { - position: relative; - width: 10.42px; - height: 10.43px; -} - -.bedolaga-subsription .device-selection { - display: flex; - flex-direction: column; - margin-left: 16px; - width: 343px; -} - -.bedolaga-subsription .div { - width: 343px; - height: 19px; - margin-top: 29px; - font-family: "Inter-Bold", Helvetica; - font-weight: 700; - font-size: 16px; - color: var(--white); - letter-spacing: -0.41px; - line-height: normal; -} - -.bedolaga-subsription .os-selector { - all: unset; - box-sizing: border-box; - display: flex; - width: 343px; - height: 56px; - position: relative; - margin-top: 8px; - align-items: center; - gap: 8px; - padding: 8px 16px; - background-color: var(--x2nd-layer); - border-radius: 15px; - cursor: pointer; -} - -.bedolaga-subsription .os-selector:hover { - background-color: var(--x3d-layer); -} - -.bedolaga-subsription .os-selector:active { - opacity: 0.9; -} - -.bedolaga-subsription .apple-icon { - position: relative; - width: 40px; - height: 40px; - aspect-ratio: 1; -} - -.bedolaga-subsription .text-wrapper-2 { - position: relative; - flex: 1; - font-family: "Inter-Medium", Helvetica; - font-weight: 500; - color: var(--white); - font-size: 16px; - letter-spacing: -0.41px; - line-height: normal; -} - -.bedolaga-subsription .img { - position: relative; - width: 14px; - height: 8px; - margin-right: -1.00px; -} - -.bedolaga-subsription .frame-2 { - display: flex; - margin-left: 16px; - width: 343px; - height: 635px; - position: relative; - margin-top: 29px; - flex-direction: column; - align-items: flex-start; - gap: 7px; -} - -.bedolaga-subsription .text-wrapper-3 { - position: relative; - align-self: stretch; - margin-top: -1.00px; - font-family: "Inter-Bold", Helvetica; - font-weight: 700; - color: var(--white); - font-size: 16px; - letter-spacing: -0.41px; - line-height: normal; -} - -.bedolaga-subsription .frame-3 { - display: flex; - flex-direction: column; - align-items: flex-start; - gap: 26px; - padding: 16px; - position: relative; - align-self: stretch; - width: 100%; - flex: 0 0 auto; - background-color: var(--x2nd-layer); - border-radius: 15px; -} - -.bedolaga-subsription .frame-4 { - display: flex; - align-items: center; - justify-content: space-between; - position: relative; - align-self: stretch; - width: 100%; - flex: 0 0 auto; -} - -.bedolaga-subsription .frame-5 { - display: inline-flex; - align-items: center; - gap: 8px; - position: relative; - flex: 0 0 auto; -} - -.bedolaga-subsription .happ-dark { - position: relative; - width: 50px; - height: 50px; - aspect-ratio: 1; -} - -.bedolaga-subsription .github-stars { - position: relative; - width: 21px; - height: 21px; -} - -.bedolaga-subsription .frame-6 { - display: flex; - align-items: flex-start; - gap: 8px; - position: relative; - align-self: stretch; - width: 100%; - flex: 0 0 auto; -} - -.bedolaga-subsription .language { - display: flex; - width: 25px; - height: 24px; - align-items: center; - justify-content: center; - gap: 10px; - padding: 10px; - position: relative; - background-color: var(--vanila); - border-radius: 7px; -} - -.bedolaga-subsription .RU { - position: relative; - width: fit-content; - margin-top: -7.50px; - margin-bottom: -5.50px; - margin-left: -1.00px; - margin-right: -1.00px; - font-family: "Inter-Medium", Helvetica; - font-weight: 500; - color: var(--x1st-layer); - font-size: 14px; - letter-spacing: -0.41px; - line-height: normal; -} - -.bedolaga-subsription .frame-7 { - display: flex; - flex-direction: column; - align-items: flex-start; - gap: 10px; - position: relative; - flex: 1; - flex-grow: 1; -} - -.bedolaga-subsription .p { - position: relative; - align-self: stretch; - font-family: "Inter-Regular", Helvetica; - font-weight: 400; - font-size: 14px; - color: var(--white); - letter-spacing: -0.41px; - line-height: normal; -} - -.bedolaga-subsription .button { - all: unset; - box-sizing: border-box; - display: flex; - align-items: center; - justify-content: center; - gap: 10px; - padding: 10px; - position: relative; - align-self: stretch; - width: 100%; - flex: 0 0 auto; - background-color: var(--vanila); - border-radius: 10px; - cursor: pointer; -} - -.bedolaga-subsription .button:hover { - opacity: 0.9; -} - -.bedolaga-subsription .button:active { - opacity: 0.8; -} - -.bedolaga-subsription .text-wrapper-4 { - position: relative; - width: fit-content; - margin-top: -1.00px; - font-family: "Inter-Medium", Helvetica; - font-weight: 500; - color: var(--x1st-layer); - font-size: 14px; - letter-spacing: -0.41px; - line-height: normal; -} - -.bedolaga-subsription .RU-2 { - margin-left: -2.00px; - margin-right: -2.00px; - position: relative; - width: fit-content; - margin-top: -7.50px; - margin-bottom: -5.50px; - font-family: "Inter-Medium", Helvetica; - font-weight: 500; - color: var(--x1st-layer); - font-size: 14px; - letter-spacing: -0.41px; - line-height: normal; -} - -.bedolaga-subsription .RU-3 { - margin-left: -2.50px; - margin-right: -2.50px; - position: relative; - width: fit-content; - margin-top: -7.50px; - margin-bottom: -5.50px; - font-family: "Inter-Medium", Helvetica; - font-weight: 500; - color: var(--x1st-layer); - font-size: 14px; - letter-spacing: -0.41px; - line-height: normal; -} diff --git a/miniapp/new/miniapp/instructions/styleguide.css b/miniapp/new/miniapp/instructions/styleguide.css deleted file mode 100644 index d77e8aad..00000000 --- a/miniapp/new/miniapp/instructions/styleguide.css +++ /dev/null @@ -1,9 +0,0 @@ -:root { - --white: rgba(250, 250, 250, 1); - --black: rgba(10, 10, 10, 1); - --vanila: rgba(255, 222, 191, 1); - --x2nd-layer: rgba(25, 32, 29, 1); - --x1st-layer: rgba(17, 21, 19, 1); - --x3d-layer: rgba(35, 47, 42, 1); - --collection-1-color: rgba(255, 255, 255, 1); -} diff --git a/miniapp/new/miniapp/instructions/Инструкция по подписке Bedolaga_files/anima-logo.svg b/miniapp/new/miniapp/instructions/Инструкция по подписке Bedolaga_files/anima-logo.svg deleted file mode 100644 index fc3a5a6e..00000000 --- a/miniapp/new/miniapp/instructions/Инструкция по подписке Bedolaga_files/anima-logo.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - - - diff --git a/miniapp/new/miniapp/instructions/Инструкция по подписке Bedolaga_files/anima.min.js b/miniapp/new/miniapp/instructions/Инструкция по подписке Bedolaga_files/anima.min.js deleted file mode 100644 index 5488d63c..00000000 --- a/miniapp/new/miniapp/instructions/Инструкция по подписке Bedolaga_files/anima.min.js +++ /dev/null @@ -1,636 +0,0 @@ -var ot = Object.defineProperty; -var it = (e, t, n) => t in e ? ot(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n; -var H = (e, t, n) => (it(e, typeof t != "symbol" ? t + "" : t, n), n), I = (e, t, n) => { - if (!t.has(e)) - throw TypeError("Cannot " + n); -}; -var d = (e, t, n) => (I(e, t, "read from private field"), n ? n.call(e) : t.get(e)), C = (e, t, n) => { - if (t.has(e)) - throw TypeError("Cannot add the same private member more than once"); - t instanceof WeakSet ? t.add(e) : t.set(e, n); -}, k = (e, t, n, o) => (I(e, t, "write to private field"), o ? o.call(e, n) : t.set(e, n), n); -const st = (e, t, n, o, s) => { - const f = n.length; - let a = t.length, i = f, r = 0, p = 0, l = null; - for (; r < a || p < i; ) - if (a === r) { - const c = i < f ? p ? o(n[p - 1], -0).nextSibling : o(n[i], 0) : s; - for (; p < i; ) - e.insertBefore(o(n[p++], 1), c); - } else if (i === p) - for (; r < a; ) - (!l || !l.has(t[r])) && e.removeChild(o(t[r], -1)), r++; - else if (t[r] === n[p]) - r++, p++; - else if (t[a - 1] === n[i - 1]) - a--, i--; - else if (t[r] === n[i - 1] && n[p] === t[a - 1]) { - const c = o(t[--a], -0).nextSibling; - e.insertBefore( - o(n[p++], 1), - o(t[r++], -0).nextSibling - ), e.insertBefore(o(n[--i], 1), c), t[a] = n[i]; - } else { - if (!l) { - l = /* @__PURE__ */ new Map(); - let c = p; - for (; c < i; ) - l.set(n[c], c++); - } - if (l.has(t[r])) { - const c = l.get(t[r]); - if (p < c && c < i) { - let m = r, u = 1; - for (; ++m < a && m < i && l.get(t[m]) === c + u; ) - u++; - if (u > c - p) { - const U = o(t[r], 0); - for (; p < c; ) - e.insertBefore(o(n[p++], 1), U); - } else - e.replaceChild( - o(n[p++], 1), - o(t[r++], -1) - ); - } else - r++; - } else - e.removeChild(o(t[r++], -1)); - } - return n; -}, { isArray: Z } = Array, { getPrototypeOf: rt, getOwnPropertyDescriptor: at } = Object, ct = "http://www.w3.org/2000/svg", g = [], q = () => document.createRange(), W = (e, t, n) => (e.set(t, n), n), lt = (e, t) => { - let n; - do - n = at(e, t); - while (!n && (e = rt(e))); - return n; -}, ft = (e, t) => t.reduceRight(pt, e), pt = (e, t) => e.childNodes[t], mt = 1, ut = 8, dt = 11, { setPrototypeOf: ht } = Object, gt = (e) => { - function t(n) { - return ht(n, new.target.prototype); - } - return t.prototype = e.prototype, t; -}; -let w; -const X = (e, t, n) => (w || (w = q()), n ? w.setStartAfter(e) : w.setStartBefore(e), w.setEndAfter(t), w.deleteContents(), e), $ = ({ firstChild: e, lastChild: t }, n) => X(e, t, n); -let R = !1; -const T = (e, t) => R && e.nodeType === dt ? 1 / t < 0 ? t ? $(e, !0) : e.lastChild : t ? e.valueOf() : e.firstChild : e, z = (e) => document.createComment(e); -var y, E, h; -class Ut extends gt(DocumentFragment) { - constructor(n) { - super(n); - C(this, y, z("<>")); - C(this, E, z("")); - C(this, h, g); - this.replaceChildren(d(this, y), ...n.childNodes, d(this, E)), R = !0; - } - get firstChild() { - return d(this, y); - } - get lastChild() { - return d(this, E); - } - get parentNode() { - return d(this, y).parentNode; - } - remove() { - $(this, !1); - } - replaceWith(n) { - $(this, !0).replaceWith(n); - } - valueOf() { - const { parentNode: n } = this; - if (n === this) - d(this, h) === g && k(this, h, [...this.childNodes]); - else { - if (n) { - let { firstChild: o, lastChild: s } = this; - for (k(this, h, [o]); o !== s; ) - d(this, h).push(o = o.nextSibling); - } - this.replaceChildren(...d(this, h)); - } - return this; - } -} -y = new WeakMap(), E = new WeakMap(), h = new WeakMap(); -const Q = (e, t, n) => e.setAttribute(t, n), S = (e, t) => e.removeAttribute(t), wt = (e, t) => { - for (const n in t) { - const o = t[n], s = n === "role" ? n : `aria-${n}`; - o == null ? S(e, s) : Q(e, s, o); - } - return t; -}; -let v; -const yt = (e, t, n) => { - n = n.slice(1), v || (v = /* @__PURE__ */ new WeakMap()); - const o = v.get(e) || W(v, e, {}); - let s = o[n]; - return s && s[0] && e.removeEventListener(n, ...s), s = Z(t) ? t : [t, !1], o[n] = s, s[0] && e.addEventListener(n, ...s), t; -}, F = (e, t) => { - const { t: n, n: o } = e; - let s = !1; - switch (typeof t) { - case "object": - if (t !== null) { - (o || n).replaceWith(e.n = t.valueOf()); - break; - } - case "undefined": - s = !0; - default: - n.data = s ? "" : t, o && (e.n = null, o.replaceWith(n)); - break; - } - return t; -}, xt = (e, t) => j( - e, - t, - t == null ? "class" : "className" -), bt = (e, t) => { - const { dataset: n } = e; - for (const o in t) - t[o] == null ? delete n[o] : n[o] = t[o]; - return t; -}, D = (e, t, n) => e[n] = t, Ft = (e, t, n) => D(e, t, n.slice(1)), j = (e, t, n) => t == null ? (S(e, n), t) : D(e, t, n), Y = (e, t) => (typeof t == "function" ? t(e) : t.current = e, t), B = (e, t, n) => (t == null ? S(e, n) : Q(e, n, t), t), Et = (e, t) => t == null ? j(e, t, "style") : D(e.style, t, "cssText"), At = (e, t, n) => (e.toggleAttribute(n.slice(1), t), t), _ = (e, t, n) => { - const { length: o } = t; - if (e.data = `[${o}]`, o) - return st(e.parentNode, n, t, T, e); - switch (n.length) { - case 1: - n[0].remove(); - case 0: - break; - default: - X( - T(n[0], 0), - T(n.at(-1), -0), - !1 - ); - break; - } - return g; -}, Ct = /* @__PURE__ */ new Map([ - ["aria", wt], - ["class", xt], - ["data", bt], - ["ref", Y], - ["style", Et] -]), vt = (e, t, n) => { - switch (t[0]) { - case ".": - return Ft; - case "?": - return At; - case "@": - return yt; - default: - return n || "ownerSVGElement" in e ? t === "ref" ? Y : B : Ct.get(t) || (t in e ? t.startsWith("on") ? D : lt(e, t)?.set ? j : B : B); - } -}, Mt = (e, t) => (e.textContent = t ?? "", t), b = (e, t, n) => ({ a: e, b: t, c: n }), _t = (e, t) => ({ b: e, c: t }), St = (e, t, n, o) => ({ v: g, u: e, t, n, c: o }), A = () => b(null, null, g), tt = (e) => (t, n) => { - const { a: o, b: s, c: f } = e(t, n), a = document.importNode(o, !0); - let i = g; - if (s !== g) { - i = []; - for (let r, p, l = 0; l < s.length; l++) { - const { a: c, b: m, c: u } = s[l], U = c === p ? r : r = ft(a, p = c); - i[l] = St( - m, - U, - u, - m === _ ? [] : m === F ? A() : null - ); - } - } - return _t( - f ? a.firstChild : new Ut(a), - i - ); -}, Dt = /^(?:plaintext|script|style|textarea|title|xmp)$/i, kt = /^(?:area|base|br|col|embed|hr|img|input|keygen|link|menuitem|meta|param|source|track|wbr)$/i, Tt = /<([a-zA-Z0-9]+[a-zA-Z0-9:._-]*)([^>]*?)(\/?)>/g, Bt = /([^\s\\>"'=]+)\s*=\s*(['"]?)\x01/g, Lt = /[\x01\x02]/g, Nt = (e, t, n) => { - let o = 0; - return e.join("").trim().replace( - Tt, - (s, f, a, i) => `<${f}${a.replace(Bt, "=$2$1").trimEnd()}${i ? n || kt.test(f) ? " /" : `>` - ).replace( - Lt, - (s) => s === "" ? `` : t + o++ - ); -}; -let M = document.createElement("template"), L, N; -const Ot = (e, t) => { - if (t) - return L || (L = document.createElementNS(ct, "svg"), N = q(), N.selectNodeContents(L)), N.createContextualFragment(e); - M.innerHTML = e; - const { content: n } = M; - return M = M.cloneNode(!1), n; -}, O = (e) => { - const t = []; - let n; - for (; n = e.parentNode; ) - t.push(t.indexOf.call(n.childNodes, e)), e = n; - return t; -}, P = () => document.createTextNode(""), $t = (e, t, n) => { - const o = Ot(Nt(e, x, n), n), { length: s } = e; - let f = g; - if (s > 1) { - const r = [], p = document.createTreeWalker(o, 129); - let l = 0, c = `${x}${l++}`; - for (f = []; l < s; ) { - const m = p.nextNode(); - if (m.nodeType === ut) { - if (m.data === c) { - const u = Z(t[l - 1]) ? _ : F; - u === F && r.push(m), f.push(b(O(m), u, null)), c = `${x}${l++}`; - } - } else { - let u; - for (; m.hasAttribute(c); ) { - u || (u = O(m)); - const U = m.getAttribute(c); - f.push(b(u, vt(m, U, n), U)), S(m, c), c = `${x}${l++}`; - } - !n && Dt.test(m.localName) && m.textContent.trim() === `` && (f.push(b(u || O(m), Mt, null)), c = `${x}${l++}`); - } - } - for (l = 0; l < r.length; l++) - r[l].replaceWith(P()); - } - const { childNodes: a } = o; - let { length: i } = a; - return i < 1 ? (i = 1, o.appendChild(P())) : i === 1 && s !== 1 && a[0].nodeType !== mt && (i = 0), W(et, e, b(o, f, i === 1)); -}, et = /* @__PURE__ */ new WeakMap(), x = "is\xB5", nt = (e) => (t, n) => et.get(t) || $t(t, n, e), Wt = tt(nt(!1)), jt = tt(nt(!0)), K = (e, { s: t, t: n, v: o }) => { - if (e.a !== n) { - const { b: s, c: f } = (t ? jt : Wt)(n, o); - e.a = n, e.b = s, e.c = f; - } - for (let { c: s } = e, f = 0; f < s.length; f++) { - const a = o[f], i = s[f]; - switch (i.u) { - case _: - i.v = _( - i.t, - Kt(i.c, a), - i.v - ); - break; - case F: - const r = a instanceof V ? K(i.c || (i.c = A()), a) : (i.c = null, a); - r !== i.v && (i.v = F(i, r)); - break; - default: - a !== i.v && (i.v = i.u(i.t, a, i.n, i.v)); - break; - } - } - return e.b; -}, Kt = (e, t) => { - let n = 0, { length: o } = t; - for (o < e.length && e.splice(o); n < o; n++) { - const s = t[n]; - s instanceof V ? t[n] = K(e[n] || (e[n] = A()), s) : e[n] = null; - } - return t; -}; -class V { - constructor(t, n, o) { - this.s = t, this.t = n, this.v = o; - } - toDOM(t = A()) { - return K(t, this); - } -} -const G = /* @__PURE__ */ new WeakMap(), Vt = (e, t) => { - const n = G.get(e) || W(G, e, A()), { b: o } = n; - return o !== (typeof t == "function" ? t() : t).toDOM(n) && e.replaceChildren(n.b.valueOf()), e; -}; -/*! (c) Andrea Giammarchi - MIT */ -const Ht = (e) => (t, ...n) => new V(e, t, n), It = Ht(!1), zt = ` - /* Font definitions */ - /* cyrillic-ext */ - @font-face { - font-family: 'Inter'; - font-style: normal; - font-weight: 400; - src: url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyfAZJhiJ-Ek-_EeAmM.woff2) format('woff2'); - unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; - } - /* cyrillic */ - @font-face { - font-family: 'Inter'; - font-style: normal; - font-weight: 400; - src: url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyfAZthiJ-Ek-_EeAmM.woff2) format('woff2'); - unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; - } - /* greek-ext */ - @font-face { - font-family: 'Inter'; - font-style: normal; - font-weight: 400; - src: url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyfAZNhiJ-Ek-_EeAmM.woff2) format('woff2'); - unicode-range: U+1F00-1FFF; - } - /* greek */ - @font-face { - font-family: 'Inter'; - font-style: normal; - font-weight: 400; - src: url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyfAZxhiJ-Ek-_EeAmM.woff2) format('woff2'); - unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; - } - /* vietnamese */ - @font-face { - font-family: 'Inter'; - font-style: normal; - font-weight: 400; - src: url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyfAZBhiJ-Ek-_EeAmM.woff2) format('woff2'); - unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; - } - /* latin-ext */ - @font-face { - font-family: 'Inter'; - font-style: normal; - font-weight: 400; - src: url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyfAZFhiJ-Ek-_EeAmM.woff2) format('woff2'); - unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; - } - /* latin */ - @font-face { - font-family: 'Inter'; - font-style: normal; - font-weight: 400; - src: url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyfAZ9hiJ-Ek-_EeA.woff2) format('woff2'); - unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; - } - - /* Mulish font faces */ - /* cyrillic-ext */ - @font-face { - font-family: 'Mulish'; - font-style: normal; - font-weight: 600; - src: url(https://fonts.gstatic.com/s/mulish/v13/1Ptyg83HX_SGhgqO0yLcmjzUAuWexU1W8aqvG547LTdNwPak.woff2) format('woff2'); - unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; - } - /* cyrillic */ - @font-face { - font-family: 'Mulish'; - font-style: normal; - font-weight: 600; - src: url(https://fonts.gstatic.com/s/mulish/v13/1Ptyg83HX_SGhgqO0yLcmjzUAuWexU1W8aOvG547LTdNwPak.woff2) format('woff2'); - unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; - } - /* vietnamese */ - @font-face { - font-family: 'Mulish'; - font-style: normal; - font-weight: 600; - src: url(https://fonts.gstatic.com/s/mulish/v13/1Ptyg83HX_SGhgqO0yLcmjzUAuWexU1W8aivG547LTdNwPak.woff2) format('woff2'); - unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; - } - /* latin-ext */ - @font-face { - font-family: 'Mulish'; - font-style: normal; - font-weight: 600; - src: url(https://fonts.gstatic.com/s/mulish/v13/1Ptyg83HX_SGhgqO0yLcmjzUAuWexU1W8amvG547LTdNwPak.woff2) format('woff2'); - unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; - } - /* latin */ - @font-face { - font-family: 'Mulish'; - font-style: normal; - font-weight: 600; - src: url(https://fonts.gstatic.com/s/mulish/v13/1Ptyg83HX_SGhgqO0yLcmjzUAuWexU1W8aevG547LTdNwA.woff2) format('woff2'); - unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; - } - - /* These global styles should be scoped to the banner */ - .anima-banner * { - -webkit-font-smoothing: antialiased; - box-sizing: border-box; - } - - /* These should be scoped to banner elements */ - .anima-banner button:focus-visible { - outline: 2px solid #4a90e2 !important; - outline: -webkit-focus-ring-color auto 5px !important; - } - - .anima-banner a { - text-decoration: none; - } - - /* Variables should be scoped to the banner */ - .anima-banner { - --text-medium-sm-font-family: "Mulish", Helvetica; - --text-medium-sm-font-weight: 600; - --text-medium-sm-font-size: 12px; - --text-medium-sm-letter-spacing: 0px; - --text-medium-sm-line-height: 160.0000023841858%; - --text-medium-sm-font-style: normal; - --colors-purple-purple-8: rgba(168, 152, 236, 1); - --colors-grey-grey-6: rgba(226, 226, 223, 1); - --colors-purple-purple-11: rgba(87, 70, 175, 1); - } - - /* Component styles */ - .anima-banner { - position: fixed; - top: 0; - left: 0; - right: 0; - z-index: 9999; - display: flex; - height: 48px; - align-items: center; - justify-content: center; - gap: 10px; - background-color: #101729; - border-bottom: 3px solid #6c53ce; - } - - .anima-banner .text-wrapper { - position: relative; - width: fit-content; - font-family: "Inter", Helvetica; - font-weight: 400; - color: #f2f5f9; - font-size: 14px; - text-align: center; - letter-spacing: 0; - line-height: normal; - } - - .anima-banner .anima-playground { - position: relative; - width: 175px; - height: 24px; - } - - .anima-banner .anima-logo { - position: absolute; - width: 24px; - height: 24px; - top: 0; - left: 0; - } - - .anima-banner .playground-text { - position: absolute; - top: 3px; - left: 84px; - font-family: "Mulish", Helvetica; - font-weight: 600; - color: var(--colors-purple-purple-8); - font-size: 17px; - letter-spacing: 0; - line-height: 15.8px; - white-space: nowrap; - } - - .anima-banner .text-wrapper-2 { - position: absolute; - top: 3px; - left: 28px; - font-family: "Mulish", Helvetica; - font-weight: 600; - color: #ffffff; - font-size: 17px; - letter-spacing: 0; - line-height: 15.8px; - white-space: nowrap; - } - - .anima-banner .button { - all: unset; - box-sizing: border-box; - display: inline-flex; - height: 28px; - align-items: center; - justify-content: center; - gap: 8px; - padding: 0px 12px; - position: relative; - flex: 0 0 auto; - background-color: var(--colors-purple-purple-11); - border-radius: 6px; - cursor: pointer; - } - - .anima-banner .button:hover { - opacity: 0.9; - } - - .anima-banner .label { - position: relative; - width: fit-content; - font-family: var(--text-medium-sm-font-family); - font-weight: var(--text-medium-sm-font-weight); - color: var(--colors-grey-grey-6); - font-size: var(--text-medium-sm-font-size); - letter-spacing: var(--text-medium-sm-letter-spacing); - line-height: var(--text-medium-sm-line-height); - white-space: nowrap; - font-style: var(--text-medium-sm-font-style); - } - - /* Responsive styles */ - @media screen and (max-width: 768px) { - .hide-tablet { - display: none; - } - - .anima-banner { - gap: 8px; - } - } - - @media screen and (max-width: 480px) { - .anima-banner { - gap: 6px; - } - - .hide-mobile { - display: none; - } - - .anima-banner .text-wrapper { - font-size: 12px; - } - - .anima-banner .anima-playground { - width: 150px; - } - - .anima-banner .div, - .anima-banner .text-wrapper-2 { - font-size: 15px; - } - } -`, Pt = ({ onStartNowClick: e, startNowUrl: t }) => It` - -
-
Generated by
-
- -
anima
-
playground
-
-

Turn your own designs to code today

- { - e && e(); -}} class="button">
Start now
-
-`, Gt = (e) => fetch("https://l.animaapp.com/analytics/collect", { - method: "POST", - headers: { - "Content-Type": "application/json", - "X-Client-Id": "dev.animaapp.io" - }, - body: JSON.stringify(e) -}).catch(() => { -}), J = (e, t = {}) => { - const n = { - eventAction: e, - params: { - platform: "playground-website", - origin: "playground-website", - ...t, - domain: window.location.hostname, - url: window.location.href - }, - time: new Date().getTime() - }; - return Gt([n]); -}; -class Jt { - constructor() { - H(this, "data"); - this.data = window.__anima__, document.addEventListener("DOMContentLoaded", () => { - this.setup(); - }); - } - setup() { - const t = this.data?.session_data; - J("playground-website.pageview", { - session_id: this.data?.session_id || "" - }), t?.is_paying_team || this.injectFreeWebsiteBanner(); - } - injectFreeWebsiteBanner() { - const n = `https://www.animaapp.com/an?url=https%3A%2F%2Fwww.animaapp.com&utm_content=${window.location.hostname}&utm_medium=anima-playground&utm_source=free-website-banner`, o = document.createElement("div"); - o.style.marginBottom = "48px", Vt( - o, - Pt({ - onStartNowClick: () => { - J("playground-website.banner.start-now-click"); - }, - startNowUrl: n - }) - ), document.body.prepend(o); - } -} -const qt = new Jt(); -export { - qt as animaScripts -}; diff --git a/miniapp/new/miniapp/instructions/Инструкция по подписке Bedolaga_files/apple-icon-2.svg b/miniapp/new/miniapp/instructions/Инструкция по подписке Bedolaga_files/apple-icon-2.svg deleted file mode 100644 index 1aa95772..00000000 --- a/miniapp/new/miniapp/instructions/Инструкция по подписке Bedolaga_files/apple-icon-2.svg +++ /dev/null @@ -1,4 +0,0 @@ - - - - diff --git a/miniapp/new/miniapp/instructions/Инструкция по подписке Bedolaga_files/frame-43.svg b/miniapp/new/miniapp/instructions/Инструкция по подписке Bedolaga_files/frame-43.svg deleted file mode 100644 index f35c9197..00000000 --- a/miniapp/new/miniapp/instructions/Инструкция по подписке Bedolaga_files/frame-43.svg +++ /dev/null @@ -1,4 +0,0 @@ - - - - diff --git a/miniapp/new/miniapp/instructions/Инструкция по подписке Bedolaga_files/github-stars-1.svg b/miniapp/new/miniapp/instructions/Инструкция по подписке Bedolaga_files/github-stars-1.svg deleted file mode 100644 index c8832f83..00000000 --- a/miniapp/new/miniapp/instructions/Инструкция по подписке Bedolaga_files/github-stars-1.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/miniapp/new/miniapp/instructions/Инструкция по подписке Bedolaga_files/globals.css b/miniapp/new/miniapp/instructions/Инструкция по подписке Bedolaga_files/globals.css deleted file mode 100644 index b915243f..00000000 --- a/miniapp/new/miniapp/instructions/Инструкция по подписке Bedolaga_files/globals.css +++ /dev/null @@ -1,19 +0,0 @@ -@import url("https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css"); -@import url("https://fonts.googleapis.com/css?family=Inter:500,700,400"); -* { - -webkit-font-smoothing: antialiased; - box-sizing: border-box; -} -html, -body { - margin: 0px; - height: 100%; -} -/* a blue color as a generic focus style */ -button:focus-visible { - outline: 2px solid #4a90e2 !important; - outline: -webkit-focus-ring-color auto 5px !important; -} -a { - text-decoration: none; -} diff --git a/miniapp/new/miniapp/instructions/Инструкция по подписке Bedolaga_files/happ-dark-1.svg b/miniapp/new/miniapp/instructions/Инструкция по подписке Bedolaga_files/happ-dark-1.svg deleted file mode 100644 index 4ff9af44..00000000 --- a/miniapp/new/miniapp/instructions/Инструкция по подписке Bedolaga_files/happ-dark-1.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - - - - diff --git a/miniapp/new/miniapp/instructions/Инструкция по подписке Bedolaga_files/load.js b/miniapp/new/miniapp/instructions/Инструкция по подписке Bedolaga_files/load.js deleted file mode 100644 index 6952b610..00000000 --- a/miniapp/new/miniapp/instructions/Инструкция по подписке Bedolaga_files/load.js +++ /dev/null @@ -1 +0,0 @@ -window.__anima__ = {"session_id":"AWNCQg2Q","session_data":{"is_paying_team":false}}; \ No newline at end of file diff --git a/miniapp/new/miniapp/instructions/Инструкция по подписке Bedolaga_files/style.css b/miniapp/new/miniapp/instructions/Инструкция по подписке Bedolaga_files/style.css deleted file mode 100644 index d486f132..00000000 --- a/miniapp/new/miniapp/instructions/Инструкция по подписке Bedolaga_files/style.css +++ /dev/null @@ -1,313 +0,0 @@ -.bedolaga-subsription { - background-color: var(--x1st-layer); - width: 100%; - min-width: 375px; - min-height: 917px; - display: flex; - flex-direction: column; -} - -.bedolaga-subsription .frame { - display: flex; - margin-left: 16px; - width: 342px; - height: 32px; - position: relative; - margin-top: 16px; - align-items: center; - justify-content: space-between; -} - -.bedolaga-subsription .text-wrapper { - position: relative; - width: fit-content; - font-family: "Inter", Helvetica; - font-weight: 700; - color: var(--white); - font-size: 20px; - letter-spacing: -0.41px; - line-height: normal; - white-space: nowrap; -} - -.bedolaga-subsription .img { - position: relative; - width: 32px; - height: 32px; -} - -.bedolaga-subsription .div { - margin-left: 16px; - width: 343px; - height: 19px; - margin-top: 29px; - font-weight: 700; - font-size: 16px; - font-family: "Inter", Helvetica; - color: var(--white); - letter-spacing: -0.41px; - line-height: normal; -} - -.bedolaga-subsription .os-selector { - display: flex; - margin-left: 15px; - width: 343px; - height: 56px; - position: relative; - margin-top: 8px; - align-items: center; - gap: 8px; - padding: 8px 16px; - background-color: var(--x2nd-layer); - border-radius: 15px; -} - -.bedolaga-subsription .apple-icon { - position: relative; - width: 40px; - height: 40px; - aspect-ratio: 1; -} - -.bedolaga-subsription .text-wrapper-2 { - position: relative; - flex: 1; - font-family: "Inter", Helvetica; - font-weight: 500; - color: var(--white); - font-size: 16px; - letter-spacing: -0.41px; - line-height: normal; -} - -.bedolaga-subsription .vector { - position: relative; - width: 14px; - height: 8px; - margin-right: -1.00px; -} - -.bedolaga-subsription .frame-2 { - display: flex; - margin-left: 16px; - width: 343px; - height: 635px; - position: relative; - margin-top: 29px; - flex-direction: column; - align-items: flex-start; - gap: 7px; -} - -.bedolaga-subsription .text-wrapper-3 { - position: relative; - align-self: stretch; - margin-top: -1.00px; - font-family: "Inter", Helvetica; - font-weight: 700; - color: var(--white); - font-size: 16px; - letter-spacing: -0.41px; - line-height: normal; -} - -.bedolaga-subsription .frame-3 { - display: flex; - flex-direction: column; - align-items: flex-start; - gap: 26px; - padding: 16px; - position: relative; - align-self: stretch; - width: 100%; - flex: 0 0 auto; - background-color: var(--x2nd-layer); - border-radius: 15px; -} - -.bedolaga-subsription .frame-4 { - display: flex; - align-items: center; - justify-content: space-between; - position: relative; - align-self: stretch; - width: 100%; - flex: 0 0 auto; -} - -.bedolaga-subsription .frame-5 { - display: inline-flex; - align-items: center; - gap: 8px; - position: relative; - flex: 0 0 auto; -} - -.bedolaga-subsription .happ-dark { - position: relative; - width: 50px; - height: 50px; - aspect-ratio: 1; -} - -.bedolaga-subsription .github-stars { - position: relative; - width: 21px; - height: 21px; -} - -.bedolaga-subsription .frame-6 { - display: flex; - align-items: flex-start; - gap: 8px; - position: relative; - align-self: stretch; - width: 100%; - flex: 0 0 auto; -} - -.bedolaga-subsription .language { - display: flex; - width: 25px; - height: 24px; - align-items: center; - justify-content: center; - gap: 10px; - padding: 10px; - position: relative; - background-color: var(--vanila); - border-radius: 7px; -} - -.bedolaga-subsription .RU { - position: relative; - width: fit-content; - margin-top: -7.50px; - margin-bottom: -5.50px; - margin-left: -1.00px; - margin-right: -1.00px; - font-family: "Inter", Helvetica; - font-weight: 500; - color: var(--x1st-layer); - font-size: 14px; - letter-spacing: -0.41px; - line-height: normal; -} - -.bedolaga-subsription .frame-7 { - display: flex; - flex-direction: column; - align-items: flex-start; - gap: 10px; - position: relative; - flex: 1; - flex-grow: 1; -} - -.bedolaga-subsription .p { - position: relative; - align-self: stretch; - font-weight: 400; - font-size: 14px; - font-family: "Inter", Helvetica; - color: var(--white); - letter-spacing: -0.41px; - line-height: normal; -} - -.bedolaga-subsription .button { - all: unset; - box-sizing: border-box; - display: flex; - align-items: center; - justify-content: center; - gap: 10px; - padding: 10px; - position: relative; - align-self: stretch; - width: 100%; - flex: 0 0 auto; - background-color: var(--vanila); - border-radius: 10px; -} - -.bedolaga-subsription .text-wrapper-4 { - position: relative; - width: fit-content; - margin-top: -1.00px; - font-family: "Inter", Helvetica; - font-weight: 500; - color: var(--x1st-layer); - font-size: 14px; - letter-spacing: -0.41px; - line-height: normal; -} - -.bedolaga-subsription .RU-2 { - margin-left: -2.00px; - margin-right: -2.00px; - position: relative; - width: fit-content; - margin-top: -7.50px; - margin-bottom: -5.50px; - font-family: "Inter", Helvetica; - font-weight: 500; - color: var(--x1st-layer); - font-size: 14px; - letter-spacing: -0.41px; - line-height: normal; -} - -.bedolaga-subsription .RU-3 { - margin-left: -2.50px; - margin-right: -2.50px; - position: relative; - width: fit-content; - margin-top: -7.50px; - margin-bottom: -5.50px; - font-family: "Inter", Helvetica; - font-weight: 500; - color: var(--x1st-layer); - font-size: 14px; - letter-spacing: -0.41px; - line-height: normal; -} -/* Inject original CSS code here */ - -.bedolaga-subsription .img { - background: none; - border: none; - padding: 0; - cursor: pointer; -} - -.bedolaga-subsription .img img { - display: block; - width: 32px; - height: 32px; -} - -.bedolaga-subsription .device-selection { - margin-left: 16px; - margin-top: 29px; -} - -.bedolaga-subsription .os-selector { - cursor: pointer; -} - -.bedolaga-subsription .button { - cursor: pointer; -} - -.bedolaga-subsription h1, -.bedolaga-subsription h2, -.bedolaga-subsription h3, -.bedolaga-subsription h4 { - margin: 0; - padding: 0; - font-weight: inherit; - font-size: inherit; - line-height: inherit; -} diff --git a/miniapp/new/miniapp/instructions/Инструкция по подписке Bedolaga_files/styleguide.css b/miniapp/new/miniapp/instructions/Инструкция по подписке Bedolaga_files/styleguide.css deleted file mode 100644 index d77e8aad..00000000 --- a/miniapp/new/miniapp/instructions/Инструкция по подписке Bedolaga_files/styleguide.css +++ /dev/null @@ -1,9 +0,0 @@ -:root { - --white: rgba(250, 250, 250, 1); - --black: rgba(10, 10, 10, 1); - --vanila: rgba(255, 222, 191, 1); - --x2nd-layer: rgba(25, 32, 29, 1); - --x1st-layer: rgba(17, 21, 19, 1); - --x3d-layer: rgba(35, 47, 42, 1); - --collection-1-color: rgba(255, 255, 255, 1); -} diff --git a/miniapp/new/miniapp/instructions/Инструкция по подписке Bedolaga_files/vector-1.svg b/miniapp/new/miniapp/instructions/Инструкция по подписке Bedolaga_files/vector-1.svg deleted file mode 100644 index f12b6e31..00000000 --- a/miniapp/new/miniapp/instructions/Инструкция по подписке Bedolaga_files/vector-1.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/miniapp/new/miniapp/promosection/Bedolaga Subscription_files/globals.css b/miniapp/new/miniapp/promosection/Bedolaga Subscription_files/globals.css deleted file mode 100644 index 99b2571e..00000000 --- a/miniapp/new/miniapp/promosection/Bedolaga Subscription_files/globals.css +++ /dev/null @@ -1,19 +0,0 @@ -@import url("https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css"); -@import url("https://fonts.googleapis.com/css?family=Inter:500,400,700"); -* { - -webkit-font-smoothing: antialiased; - box-sizing: border-box; -} -html, -body { - margin: 0px; - height: 100%; -} -/* a blue color as a generic focus style */ -button:focus-visible { - outline: 2px solid #4a90e2 !important; - outline: -webkit-focus-ring-color auto 5px !important; -} -a { - text-decoration: none; -} diff --git a/miniapp/new/miniapp/promosection/Bedolaga Subscription_files/load.js b/miniapp/new/miniapp/promosection/Bedolaga Subscription_files/load.js deleted file mode 100644 index 590d56a9..00000000 --- a/miniapp/new/miniapp/promosection/Bedolaga Subscription_files/load.js +++ /dev/null @@ -1 +0,0 @@ -window.__anima__ = {"session_id":"m69A0VW4","session_data":{"is_paying_team":false}}; \ No newline at end of file diff --git a/miniapp/new/miniapp/promosection/Bedolaga Subscription_files/logo-mini-1.svg b/miniapp/new/miniapp/promosection/Bedolaga Subscription_files/logo-mini-1.svg deleted file mode 100644 index ac2747d8..00000000 --- a/miniapp/new/miniapp/promosection/Bedolaga Subscription_files/logo-mini-1.svg +++ /dev/null @@ -1,4 +0,0 @@ - - - - diff --git a/miniapp/new/miniapp/promosection/Bedolaga Subscription_files/offer-1.svg b/miniapp/new/miniapp/promosection/Bedolaga Subscription_files/offer-1.svg deleted file mode 100644 index 7b4e45f2..00000000 --- a/miniapp/new/miniapp/promosection/Bedolaga Subscription_files/offer-1.svg +++ /dev/null @@ -1,4 +0,0 @@ - - - - diff --git a/miniapp/new/miniapp/promosection/Bedolaga Subscription_files/style.css b/miniapp/new/miniapp/promosection/Bedolaga Subscription_files/style.css deleted file mode 100644 index 57c35a6f..00000000 --- a/miniapp/new/miniapp/promosection/Bedolaga Subscription_files/style.css +++ /dev/null @@ -1,433 +0,0 @@ -.bedolaga-subsription { - background-color: var(--x1st-layer); - width: 100%; - min-width: 375px; - min-height: 917px; - display: flex; - flex-direction: column; - gap: 24px; -} - -.bedolaga-subsription .frame { - margin-left: 16px; - width: 343px; - height: 269px; - margin-top: 43px; - flex-direction: column; - align-items: flex-start; - gap: 16px; - padding: 16px; - background-color: var(--x2nd-layer); - border-radius: 15px; - border: 1px solid; - border-color: var(--x3d-layer); - display: flex; - position: relative; -} - -.bedolaga-subsription .div { - align-items: center; - gap: 11px; - align-self: stretch; - width: 100%; - flex: 0 0 auto; - display: flex; - position: relative; -} - -.bedolaga-subsription .img { - position: relative; - width: 40px; - height: 40px; -} - -.bedolaga-subsription .text-wrapper { - position: relative; - width: fit-content; - font-family: "Inter", Helvetica; - font-weight: 500; - color: var(--white); - font-size: 16px; - letter-spacing: -0.41px; - line-height: normal; - white-space: nowrap; -} - -.bedolaga-subsription .frame-2 { - height: 32px; - align-items: center; - justify-content: space-between; - padding: 10px 0px; - align-self: stretch; - width: 100%; - display: flex; - position: relative; -} - -.bedolaga-subsription .text-wrapper-2 { - width: fit-content; - margin-top: -3.50px; - margin-bottom: -1.50px; - font-weight: 400; - color: var(--white); - font-size: 14px; - position: relative; - font-family: "Inter", Helvetica; - letter-spacing: -0.41px; - line-height: normal; -} - -.bedolaga-subsription .text-wrapper-3 { - width: fit-content; - margin-top: -4.50px; - margin-bottom: -2.50px; - font-weight: 700; - color: var(--white); - font-size: 16px; - text-align: right; - white-space: nowrap; - position: relative; - font-family: "Inter", Helvetica; - letter-spacing: -0.41px; - line-height: normal; -} - -.bedolaga-subsription .div-wrapper { - height: 32px; - align-items: center; - gap: 10px; - padding: 10px 0px; - align-self: stretch; - width: 100%; - display: flex; - position: relative; -} - -.bedolaga-subsription .p { - flex: 1; - margin-top: -12.00px; - margin-bottom: -10.00px; - font-weight: 400; - color: var(--white); - font-size: 14px; - position: relative; - font-family: "Inter", Helvetica; - letter-spacing: -0.41px; - line-height: normal; -} - -.bedolaga-subsription .button { - all: unset; - box-sizing: border-box; - display: flex; - align-items: center; - justify-content: center; - gap: 10px; - padding: 10px; - position: relative; - align-self: stretch; - width: 100%; - flex: 0 0 auto; - background-color: var(--vanila); - border-radius: 10px; -} - -.bedolaga-subsription .text-wrapper-4 { - position: relative; - width: fit-content; - margin-top: -1.00px; - font-family: "Inter", Helvetica; - font-weight: 500; - color: var(--x1st-layer); - font-size: 14px; - letter-spacing: -0.41px; - line-height: normal; -} - -.bedolaga-subsription .frame-3 { - height: 32px; - align-items: center; - justify-content: space-around; - gap: 10px; - padding: 10px 0px; - align-self: stretch; - width: 100%; - display: flex; - position: relative; -} - -.bedolaga-subsription .text-wrapper-5 { - flex: 1; - height: 17px; - margin-top: -3.50px; - margin-bottom: -1.50px; - font-weight: 500; - color: #ff6868; - font-size: 14px; - text-align: center; - position: relative; - font-family: "Inter", Helvetica; - letter-spacing: -0.41px; - line-height: normal; -} - -.bedolaga-subsription .frame-4 { - display: flex; - margin-left: 16px; - width: 343px; - height: 212px; - position: relative; - flex-direction: column; - align-items: flex-start; - gap: 16px; - padding: 16px; - background-color: var(--x2nd-layer); - border-radius: 15px; - border: 1px solid; - border-color: var(--x3d-layer); -} - -.bedolaga-subsription .frame-5 { - align-items: center; - gap: 10px; - padding: 10px 0px; - align-self: stretch; - width: 100%; - flex: 0 0 auto; - display: flex; - position: relative; -} - -.bedolaga-subsription .text-wrapper-6 { - flex: 1; - margin-top: -1.00px; - font-weight: 400; - color: var(--white); - font-size: 14px; - position: relative; - font-family: "Inter", Helvetica; - letter-spacing: -0.41px; - line-height: normal; -} -/* Original CSS code should be injected here from the existing style.css file */ - -.bedolaga-subsription { - background-color: var(--x1st-layer); - width: 100%; - min-width: 375px; - min-height: 917px; - display: flex; - flex-direction: column; - gap: 24px; -} - -.bedolaga-subsription .frame { - margin-left: 16px; - width: 343px; - height: 269px; - margin-top: 43px; - flex-direction: column; - align-items: flex-start; - gap: 16px; - padding: 16px; - background-color: var(--x2nd-layer); - border-radius: 15px; - border: 1px solid; - border-color: var(--x3d-layer); - display: flex; - position: relative; -} - -.bedolaga-subsription .div { - align-items: center; - gap: 11px; - align-self: stretch; - width: 100%; - flex: 0 0 auto; - display: flex; - position: relative; -} - -.bedolaga-subsription .img { - position: relative; - width: 40px; - height: 40px; -} - -.bedolaga-subsription .text-wrapper { - position: relative; - width: fit-content; - font-family: "Inter", Helvetica; - font-weight: 500; - color: var(--white); - font-size: 16px; - letter-spacing: -0.41px; - line-height: normal; - white-space: nowrap; -} - -.bedolaga-subsription .frame-2 { - height: 32px; - align-items: center; - justify-content: space-between; - padding: 10px 0px; - align-self: stretch; - width: 100%; - display: flex; - position: relative; -} - -.bedolaga-subsription .text-wrapper-2 { - width: fit-content; - margin-top: -3.50px; - margin-bottom: -1.50px; - font-weight: 400; - color: var(--white); - font-size: 14px; - position: relative; - font-family: "Inter", Helvetica; - letter-spacing: -0.41px; - line-height: normal; -} - -.bedolaga-subsription .text-wrapper-3 { - width: fit-content; - margin-top: -4.50px; - margin-bottom: -2.50px; - font-weight: 700; - color: var(--white); - font-size: 16px; - text-align: right; - white-space: nowrap; - position: relative; - font-family: "Inter", Helvetica; - letter-spacing: -0.41px; - line-height: normal; -} - -.bedolaga-subsription .div-wrapper { - height: 32px; - align-items: center; - gap: 10px; - padding: 10px 0px; - align-self: stretch; - width: 100%; - display: flex; - position: relative; -} - -.bedolaga-subsription .p { - flex: 1; - margin-top: -12.00px; - margin-bottom: -10.00px; - font-weight: 400; - color: var(--white); - font-size: 14px; - position: relative; - font-family: "Inter", Helvetica; - letter-spacing: -0.41px; - line-height: normal; -} - -.bedolaga-subsription .button { - all: unset; - box-sizing: border-box; - display: flex; - align-items: center; - justify-content: center; - gap: 10px; - padding: 10px; - position: relative; - align-self: stretch; - width: 100%; - flex: 0 0 auto; - background-color: var(--vanila); - border-radius: 10px; - cursor: pointer; -} - -.bedolaga-subsription .button:hover { - opacity: 0.9; -} - -.bedolaga-subsription .button:active { - opacity: 0.8; -} - -.bedolaga-subsription .text-wrapper-4 { - position: relative; - width: fit-content; - margin-top: -1.00px; - font-family: "Inter", Helvetica; - font-weight: 500; - color: var(--x1st-layer); - font-size: 14px; - letter-spacing: -0.41px; - line-height: normal; -} - -.bedolaga-subsription .frame-3 { - height: 32px; - align-items: center; - justify-content: space-around; - gap: 10px; - padding: 10px 0px; - align-self: stretch; - width: 100%; - display: flex; - position: relative; -} - -.bedolaga-subsription .text-wrapper-5 { - flex: 1; - height: 17px; - margin-top: -3.50px; - margin-bottom: -1.50px; - font-weight: 500; - color: #ff6868; - font-size: 14px; - text-align: center; - position: relative; - font-family: "Inter", Helvetica; - letter-spacing: -0.41px; - line-height: normal; -} - -.bedolaga-subsription .frame-4 { - display: flex; - margin-left: 16px; - width: 343px; - height: 212px; - position: relative; - flex-direction: column; - align-items: flex-start; - gap: 16px; - padding: 16px; - background-color: var(--x2nd-layer); - border-radius: 15px; - border: 1px solid; - border-color: var(--x3d-layer); -} - -.bedolaga-subsription .frame-5 { - align-items: center; - gap: 10px; - padding: 10px 0px; - align-self: stretch; - width: 100%; - flex: 0 0 auto; - display: flex; - position: relative; -} - -.bedolaga-subsription .text-wrapper-6 { - flex: 1; - margin-top: -1.00px; - font-weight: 400; - color: var(--white); - font-size: 14px; - position: relative; - font-family: "Inter", Helvetica; - letter-spacing: -0.41px; - line-height: normal; -} diff --git a/miniapp/new/miniapp/promosection/Bedolaga Subscription_files/styleguide.css b/miniapp/new/miniapp/promosection/Bedolaga Subscription_files/styleguide.css deleted file mode 100644 index d77e8aad..00000000 --- a/miniapp/new/miniapp/promosection/Bedolaga Subscription_files/styleguide.css +++ /dev/null @@ -1,9 +0,0 @@ -:root { - --white: rgba(250, 250, 250, 1); - --black: rgba(10, 10, 10, 1); - --vanila: rgba(255, 222, 191, 1); - --x2nd-layer: rgba(25, 32, 29, 1); - --x1st-layer: rgba(17, 21, 19, 1); - --x3d-layer: rgba(35, 47, 42, 1); - --collection-1-color: rgba(255, 255, 255, 1); -} diff --git a/miniapp/new/miniapp/promosection/index.html b/miniapp/new/miniapp/promosection/index.html deleted file mode 100644 index be101aff..00000000 --- a/miniapp/new/miniapp/promosection/index.html +++ /dev/null @@ -1,334 +0,0 @@ - - - - - - - Bedolaga Subscription - - - - - - - -
-
-
-
- Специальное предложение -

- Специальное предложение! -

-
-
- - Экономия при продлении - - - − 50% - -
-
-

- Скидка суммируется с промогруппой и действует один раз. -

-
- -
- -
-
-
-
- Логотип Bedolaga -

- Бесплатный пробный период! -

-
-
-

- Убедитесь в качестве нашего сервиса бесплатно! Целых 3 дня на тесты. После чего вы сможете оплатить подписку -

-
- -
-
- - \ No newline at end of file diff --git a/miniapp/new/miniapp/style.css b/miniapp/new/miniapp/style.css deleted file mode 100644 index a3d1e7b5..00000000 --- a/miniapp/new/miniapp/style.css +++ /dev/null @@ -1,1529 +0,0 @@ -.bedolaga-expanded { - background-color: var(--x1st-layer); - width: 100%; - min-width: 375px; - min-height: 3776px; - position: relative; -} - -.bedolaga-expanded .language { - display: flex; - width: 33px; - height: 32px; - align-items: center; - justify-content: center; - gap: 10px; - padding: 10px; - position: absolute; - top: 16px; - left: 326px; - background-color: var(--vanila); - border-radius: 10px; -} - -.bedolaga-expanded .text-wrapper { - position: relative; - width: fit-content; - margin-top: -3.50px; - margin-bottom: -1.50px; - margin-left: -3.00px; - margin-right: -3.00px; - font-family: "Inter-Medium", Helvetica; - font-weight: 500; - color: var(--x1st-layer); - font-size: 14px; - letter-spacing: -0.41px; - line-height: normal; -} - -.bedolaga-expanded .frame { - width: 263px; - align-items: center; - gap: 8px; - position: absolute; - top: 16px; - left: 56px; - display: flex; - flex-direction: column; -} - -.bedolaga-expanded .image { - position: relative; - width: 80px; - height: 80px; - aspect-ratio: 1; - object-fit: cover; -} - -.bedolaga-expanded .div { - display: flex; - flex-direction: column; - align-items: center; - position: relative; - align-self: stretch; - width: 100%; - flex: 0 0 auto; -} - -.bedolaga-expanded .div-wrapper { - display: inline-flex; - height: 32px; - align-items: center; - justify-content: center; - gap: 10px; - padding: 10px; - position: relative; -} - -.bedolaga-expanded .text-wrapper-2 { - position: relative; - width: fit-content; - margin-top: -7.00px; - margin-bottom: -5.00px; - font-family: "Inter-Bold", Helvetica; - font-weight: 700; - color: var(--white); - font-size: 20px; - text-align: center; - letter-spacing: -0.41px; - line-height: normal; - white-space: nowrap; -} - -.bedolaga-expanded .frame-2 { - display: flex; - align-items: center; - justify-content: center; - gap: 10px; - padding: 5px 10px; - position: relative; - align-self: stretch; - width: 100%; - flex: 0 0 auto; -} - -.bedolaga-expanded .text-wrapper-3 { - position: relative; - width: fit-content; - margin-top: -1.00px; - font-family: "Inter-Medium", Helvetica; - font-weight: 500; - color: var(--white); - font-size: 14px; - text-align: center; - letter-spacing: -0.41px; - line-height: normal; -} - -.bedolaga-expanded .frame-3 { - display: flex; - flex-direction: column; - width: 343px; - align-items: flex-start; - gap: 16px; - padding: 16px; - position: absolute; - top: 176px; - left: calc(50.00% - 172px); - background-color: var(--x2nd-layer); - border-radius: 15px; -} - -.bedolaga-expanded .frame-4 { - display: flex; - align-items: center; - justify-content: space-between; - position: relative; - align-self: stretch; - width: 100%; - flex: 0 0 auto; -} - -.bedolaga-expanded .frame-5 { - display: inline-flex; - align-items: center; - gap: 11px; - position: relative; - flex: 0 0 auto; -} - -.bedolaga-expanded .img { - position: relative; - width: 40px; - height: 40px; -} - -.bedolaga-expanded .text-wrapper-4 { - position: relative; - width: fit-content; - font-family: "Inter-Medium", Helvetica; - font-weight: 500; - color: #fafafa; - font-size: 16px; - letter-spacing: -0.41px; - line-height: normal; - white-space: nowrap; -} - -.bedolaga-expanded .staus { - display: inline-flex; - align-items: center; - justify-content: center; - gap: 10px; - padding: 8px; - position: relative; - flex: 0 0 auto; - background-color: #ae463d; - border-radius: 37px; -} - -.bedolaga-expanded .text-wrapper-5 { - position: relative; - width: fit-content; - margin-top: -1.00px; - font-family: "Inter-Medium", Helvetica; - font-weight: 500; - color: var(--white); - font-size: 12px; - letter-spacing: -0.41px; - line-height: normal; -} - -.bedolaga-expanded .frame-6 { - display: flex; - flex-direction: column; - align-items: flex-start; - gap: 8px; - position: relative; - align-self: stretch; - width: 100%; - flex: 0 0 auto; -} - -.bedolaga-expanded .frame-7 { - display: flex; - flex-direction: column; - align-items: center; - padding: 8px 16px; - position: relative; - align-self: stretch; - width: 100%; - flex: 0 0 auto; - background-color: var(--x3d-layer); - border-radius: 10px; -} - -.bedolaga-expanded .frame-8 { - display: flex; - height: 32px; - align-items: center; - justify-content: space-between; - padding: 10px 0px; - position: relative; - align-self: stretch; - width: 100%; -} - -.bedolaga-expanded .text-wrapper-6 { - width: fit-content; - margin-top: -3.50px; - margin-bottom: -1.50px; - font-family: "Inter-Regular", Helvetica; - font-weight: 400; - color: var(--white); - font-size: 14px; - position: relative; - letter-spacing: -0.41px; - line-height: normal; -} - -.bedolaga-expanded .text-wrapper-7 { - position: relative; - width: fit-content; - margin-top: -4.50px; - margin-bottom: -2.50px; - font-family: "Inter-Bold", Helvetica; - font-weight: 700; - color: var(--white); - font-size: 16px; - text-align: right; - letter-spacing: -0.41px; - line-height: normal; - white-space: nowrap; -} - -.bedolaga-expanded .frame-9 { - display: flex; - height: 32px; - align-items: center; - justify-content: center; - gap: 10px; - padding: 10px 0px; - position: relative; - align-self: stretch; - width: 100%; -} - -.bedolaga-expanded .text-wrapper-8 { - position: relative; - flex: 1; - margin-top: -3.50px; - margin-bottom: -1.50px; - font-family: "Inter-Regular", Helvetica; - font-weight: 400; - color: var(--white); - font-size: 14px; - letter-spacing: -0.41px; - line-height: normal; -} - -.bedolaga-expanded .text-wrapper-9 { - position: relative; - width: fit-content; - margin-top: -4.50px; - margin-bottom: -2.50px; - font-family: "Inter-Bold", Helvetica; - font-weight: 700; - color: var(--white); - font-size: 16px; - text-align: center; - letter-spacing: -0.41px; - line-height: normal; - white-space: nowrap; -} - -.bedolaga-expanded .frame-10 { - display: flex; - align-items: center; - gap: 8px; - position: relative; - align-self: stretch; - width: 100%; - flex: 0 0 auto; -} - -.bedolaga-expanded .frame-11 { - display: flex; - flex-direction: column; - align-items: flex-start; - gap: 10px; - padding: 8px 16px; - position: relative; - flex: 1; - flex-grow: 1; - background-color: var(--x3d-layer); - border-radius: 10px; -} - -.bedolaga-expanded .text-wrapper-10 { - width: fit-content; - margin-top: -1.00px; - font-family: "Inter-Regular", Helvetica; - font-weight: 400; - color: var(--white); - font-size: 14px; - position: relative; - letter-spacing: -0.41px; - line-height: normal; -} - -.bedolaga-expanded .text-wrapper-11 { - align-self: stretch; - font-family: "Inter-Bold", Helvetica; - font-weight: 700; - font-size: 16px; - text-align: right; - position: relative; - color: var(--white); - letter-spacing: -0.41px; - line-height: normal; -} - -.bedolaga-expanded .text-wrapper-12 { - position: relative; - width: fit-content; - font-family: "Inter-Regular", Helvetica; - font-weight: 400; - color: var(--white); - font-size: 14px; - text-align: center; - letter-spacing: -0.41px; - line-height: normal; -} - -.bedolaga-expanded .text-wrapper-13 { - position: relative; - width: fit-content; - margin-top: -1.00px; - font-family: "Inter-Bold", Helvetica; - font-weight: 700; - color: var(--white); - font-size: 16px; - text-align: center; - letter-spacing: -0.41px; - line-height: normal; - white-space: nowrap; -} - -.bedolaga-expanded .button { - all: unset; - box-sizing: border-box; - display: flex; - align-items: center; - justify-content: center; - gap: 10px; - padding: 10px; - position: relative; - align-self: stretch; - width: 100%; - flex: 0 0 auto; - background-color: var(--vanila); - border-radius: 10px; -} - -.bedolaga-expanded .text-wrapper-14 { - width: fit-content; - margin-top: -1.00px; - font-family: "Inter-Medium", Helvetica; - font-weight: 500; - color: var(--x1st-layer); - font-size: 14px; - position: relative; - letter-spacing: -0.41px; - line-height: normal; -} - -.bedolaga-expanded .frame-12 { - display: flex; - flex-direction: column; - width: 343px; - align-items: flex-start; - position: absolute; - top: 648px; - left: 16px; -} - -.bedolaga-expanded .frame-13 { - display: flex; - align-items: center; - justify-content: center; - gap: 10px; - padding: 10px; - position: relative; - align-self: stretch; - width: 100%; - flex: 0 0 auto; -} - -.bedolaga-expanded .text-wrapper-15 { - flex: 1; - margin-top: -1.00px; - font-family: "Inter-Bold", Helvetica; - font-weight: 700; - color: var(--white); - font-size: 20px; - text-align: center; - position: relative; - letter-spacing: -0.41px; - line-height: normal; -} - -.bedolaga-expanded .frame-14 { - display: flex; - flex-direction: column; - align-items: flex-start; - gap: 16px; - padding: 16px; - position: relative; - align-self: stretch; - width: 100%; - flex: 0 0 auto; - background-color: var(--x2nd-layer); - border-radius: 15px; - border: 1px solid; - border-color: var(--x3d-layer); -} - -.bedolaga-expanded .text-wrapper-16 { - width: fit-content; - font-family: "Inter-Medium", Helvetica; - font-weight: 500; - color: var(--white); - font-size: 16px; - white-space: nowrap; - position: relative; - letter-spacing: -0.41px; - line-height: normal; -} - -.bedolaga-expanded .vector { - position: relative; - width: 14px; - height: 8px; - margin-right: -1.00px; -} - -.bedolaga-expanded .frame-15 { - display: flex; - flex-direction: column; - height: 88px; - align-items: center; - justify-content: center; - gap: 10px; - padding: 8px; - position: relative; - flex: 1; - flex-grow: 1; - background-color: var(--x3d-layer); - border-radius: 10px; - border: 1px solid; - border-color: var(--x3d-layer); -} - -.bedolaga-expanded .text-wrapper-17 { - position: relative; - align-self: stretch; - font-family: "Inter-Regular", Helvetica; - font-weight: 400; - color: var(--white); - font-size: 14px; - text-align: center; - letter-spacing: -0.41px; - line-height: normal; -} - -.bedolaga-expanded .text-wrapper-18 { - align-self: stretch; - font-family: "Inter-Bold", Helvetica; - font-weight: 700; - font-size: 16px; - text-align: center; - position: relative; - color: var(--white); - letter-spacing: -0.41px; - line-height: normal; -} - -.bedolaga-expanded .star { - position: absolute; - top: 7px; - left: 8px; - width: 20px; - height: 20px; -} - -.bedolaga-expanded .frame-16 { - display: flex; - flex-direction: column; - height: 88px; - align-items: center; - justify-content: center; - gap: 10px; - padding: 8px; - position: relative; - flex: 1; - flex-grow: 1; - background-color: var(--x3d-layer); - border-radius: 10px; - border: 1px solid; - border-color: var(--vanila); -} - -.bedolaga-expanded .frame-17 { - display: flex; - flex-direction: column; - height: 88px; - align-items: center; - justify-content: center; - gap: 10px; - padding: 8px; - position: relative; - flex: 1; - flex-grow: 1; - background-color: var(--x3d-layer); - border-radius: 10px; -} - -.bedolaga-expanded .text-wrapper-19 { - width: 132px; - height: 17px; - margin-top: -3.50px; - margin-bottom: -1.50px; - font-family: "Inter-Regular", Helvetica; - font-weight: 400; - color: var(--white); - font-size: 14px; - position: relative; - letter-spacing: -0.41px; - line-height: normal; -} - -.bedolaga-expanded .frame-18 { - display: flex; - height: 32px; - align-items: center; - justify-content: space-around; - gap: 10px; - padding: 10px 0px; - position: relative; - align-self: stretch; - width: 100%; -} - -.bedolaga-expanded .p { - flex: 1; - height: 17px; - margin-top: -3.50px; - margin-bottom: -1.50px; - font-family: "Inter-Medium", Helvetica; - font-weight: 500; - color: #ff6868; - font-size: 14px; - text-align: center; - position: relative; - letter-spacing: -0.41px; - line-height: normal; -} - -.bedolaga-expanded .frame-19 { - display: flex; - flex-direction: column; - width: 343px; - align-items: center; - justify-content: center; - gap: 8px; - padding: 16px; - position: absolute; - top: 520px; - left: 16px; - background-color: var(--x2nd-layer); - border-radius: 15px; - border: 1px solid; - border-color: var(--x3d-layer); -} - -.bedolaga-expanded .frame-20 { - display: flex; - align-items: center; - justify-content: center; - gap: 10px; - padding: 8px 0px; - position: relative; - align-self: stretch; - width: 100%; - flex: 0 0 auto; - background-color: var(--x3d-layer); - border-radius: 10px; -} - -.bedolaga-expanded .text-wrapper-20 { - flex: 1; - margin-top: -1.00px; - font-family: "Inter-Regular", Helvetica; - font-weight: 400; - color: var(--white); - font-size: 14px; - text-align: center; - position: relative; - letter-spacing: -0.41px; - line-height: normal; -} - -.bedolaga-expanded .frame-21 { - display: flex; - flex-direction: column; - width: 343px; - align-items: center; - gap: 24px; - padding: 16px; - position: absolute; - top: 1644px; - left: 16px; - background-color: var(--x2nd-layer); - border-radius: 15px; - border: 1px solid; - border-color: var(--x3d-layer); -} - -.bedolaga-expanded .frame-22 { - display: flex; - flex-direction: column; - align-items: center; - gap: 16px; - position: relative; - align-self: stretch; - width: 100%; - flex: 0 0 auto; -} - -.bedolaga-expanded .frame-23 { - display: flex; - flex-direction: column; - width: 214px; - align-items: center; - gap: 6px; - position: relative; - flex: 0 0 auto; -} - -.bedolaga-expanded .text-wrapper-21 { - align-self: stretch; - margin-top: -1.00px; - font-family: "Inter-Bold", Helvetica; - font-weight: 700; - color: var(--white); - font-size: 14px; - text-align: center; - position: relative; - letter-spacing: -0.41px; - line-height: normal; -} - -.bedolaga-expanded .text-wrapper-22 { - align-self: stretch; - font-family: "Inter-Regular", Helvetica; - font-weight: 400; - color: var(--white); - font-size: 12px; - position: relative; - letter-spacing: -0.41px; - line-height: normal; -} - -.bedolaga-expanded .frame-24 { - display: flex; - flex-direction: column; - height: 72px; - align-items: center; - justify-content: center; - gap: 10px; - padding: 8px; - position: relative; - flex: 1; - flex-grow: 1; - background-color: var(--x3d-layer); - border-radius: 10px; - border: 1px solid; - border-color: var(--vanila); -} - -.bedolaga-expanded .text-wrapper-23 { - position: relative; - align-self: stretch; - font-family: "Inter-Medium", Helvetica; - font-weight: 500; - color: var(--white); - font-size: 14px; - letter-spacing: -0.41px; - line-height: normal; -} - -.bedolaga-expanded .frame-25 { - display: flex; - flex-direction: column; - height: 72px; - align-items: center; - justify-content: center; - gap: 8px; - padding: 8px; - position: relative; - flex: 1; - flex-grow: 1; - background-color: var(--x3d-layer); - border-radius: 10px; - border: 1px solid; - border-color: var(--vanila); -} - -.bedolaga-expanded .frame-26 { - display: flex; - flex-direction: column; - height: 72px; - align-items: center; - justify-content: center; - gap: 10px; - padding: 8px; - position: relative; - flex: 1; - flex-grow: 1; - background-color: var(--x3d-layer); - border-radius: 10px; -} - -.bedolaga-expanded .frame-27 { - display: flex; - flex-direction: column; - height: 72px; - align-items: center; - justify-content: center; - gap: 8px; - padding: 8px; - position: relative; - flex: 1; - flex-grow: 1; - background-color: var(--x3d-layer); - border-radius: 10px; -} - -.bedolaga-expanded .frame-wrapper { - display: flex; - flex-direction: column; - width: 310px; - align-items: center; - gap: 16px; - position: relative; - flex: 0 0 auto; -} - -.bedolaga-expanded .frame-28 { - display: flex; - flex-direction: column; - align-items: center; - gap: 13px; - position: relative; - align-self: stretch; - width: 100%; - flex: 0 0 auto; -} - -.bedolaga-expanded .frame-29 { - display: flex; - flex-direction: column; - align-items: flex-end; - gap: 8px; - position: relative; - align-self: stretch; - width: 100%; - flex: 0 0 auto; -} - -.bedolaga-expanded .text-wrapper-24 { - align-self: stretch; - font-family: "Inter-Medium", Helvetica; - font-weight: 500; - font-size: 14px; - text-align: center; - position: relative; - color: var(--white); - letter-spacing: -0.41px; - line-height: normal; -} - -.bedolaga-expanded .frame-30 { - display: flex; - flex-direction: column; - align-items: center; - gap: 16px; - padding: 0px 8px; - position: relative; - align-self: stretch; - width: 100%; - flex: 0 0 auto; -} - -.bedolaga-expanded .vector-wrapper { - display: flex; - width: 32px; - height: 32px; - align-items: center; - justify-content: center; - gap: 10px; - padding: 10px; - position: relative; - background-color: var(--vanila); - border-radius: 10px; -} - -.bedolaga-expanded .vector-2 { - position: relative; - width: 13.5px; - height: 3px; - margin-left: -0.75px; - margin-right: -0.75px; -} - -.bedolaga-expanded .text-wrapper-25 { - font-size: 20px; - position: relative; - width: fit-content; - font-family: "Inter-Bold", Helvetica; - font-weight: 700; - color: var(--white); - letter-spacing: -0.41px; - line-height: normal; - white-space: nowrap; -} - -.bedolaga-expanded .vector-3 { - position: relative; - width: 13.5px; - height: 13.5px; - margin-top: -0.75px; - margin-bottom: -0.75px; - margin-left: -0.75px; - margin-right: -0.75px; -} - -.bedolaga-expanded .text-wrapper-26 { - width: fit-content; - margin-top: -3.50px; - margin-bottom: -1.50px; - font-family: "Inter-Medium", Helvetica; - font-weight: 500; - color: var(--white); - font-size: 14px; - position: relative; - letter-spacing: -0.41px; - line-height: normal; -} - -.bedolaga-expanded .frame-31 { - display: flex; - flex-direction: column; - width: 343px; - align-items: center; - gap: 16px; - padding: 16px; - position: absolute; - top: 2382px; - left: 16px; - background-color: var(--x2nd-layer); - border-radius: 15px; - border: 1px solid; - border-color: var(--x3d-layer); -} - -.bedolaga-expanded .referal { - display: flex; - width: 40px; - height: 40px; - align-items: center; - justify-content: center; - gap: 10px; - padding: 10px; - position: relative; - background-color: var(--vanila); - border-radius: 10px; -} - -.bedolaga-expanded .vuesax-bold-user { - position: relative; - width: 24px; - height: 24px; - margin-top: -2.00px; - margin-bottom: -2.00px; - margin-left: -2.00px; - margin-right: -2.00px; -} - -.bedolaga-expanded .frame-32 { - display: flex; - flex-direction: column; - align-items: flex-start; - position: relative; - align-self: stretch; - width: 100%; - flex: 0 0 auto; -} - -.bedolaga-expanded .text-wrapper-27 { - flex: 1; - margin-top: -1.00px; - font-family: "Inter-Medium", Helvetica; - font-weight: 500; - color: var(--white); - font-size: 14px; - text-align: center; - position: relative; - letter-spacing: -0.41px; - line-height: normal; -} - -.bedolaga-expanded .frame-33 { - display: flex; - flex-direction: column; - width: 343px; - align-items: flex-start; - gap: 13px; - padding: 16px; - position: absolute; - top: 3196px; - left: 16px; - background-color: var(--x2nd-layer); - border-radius: 15px; - border: 1px solid; - border-color: var(--x3d-layer); -} - -.bedolaga-expanded .text-wrapper-28 { - flex: 1; - margin-top: -1.00px; - font-family: "Inter-Bold", Helvetica; - font-weight: 700; - color: var(--white); - font-size: 14px; - text-align: center; - position: relative; - letter-spacing: -0.41px; - line-height: normal; -} - -.bedolaga-expanded .frame-34 { - display: flex; - flex-direction: column; - width: 343px; - align-items: flex-start; - gap: 13px; - padding: 16px; - position: absolute; - top: 3058px; - left: 16px; - background-color: var(--x2nd-layer); - border-radius: 15px; - border: 1px solid; - border-color: var(--x3d-layer); -} - -.bedolaga-expanded .frame-35 { - display: flex; - width: 343px; - align-items: center; - justify-content: center; - gap: 10px; - padding: 10px; - position: absolute; - top: 3334px; - left: 16px; -} - -.bedolaga-expanded .text-wrapper-29 { - width: fit-content; - margin-top: -1.00px; - font-family: "Inter-Medium", Helvetica; - font-weight: 500; - color: var(--white); - font-size: 20px; - white-space: nowrap; - position: relative; - letter-spacing: -0.41px; - line-height: normal; -} - -.bedolaga-expanded .frame-36 { - display: flex; - flex-direction: column; - width: 343px; - align-items: flex-start; - gap: 13px; - padding: 16px; - position: absolute; - top: 3394px; - left: 16px; - background-color: var(--x2nd-layer); - border-radius: 15px; - border: 1px solid; - border-color: var(--x3d-layer); -} - -.bedolaga-expanded .frame-37 { - display: flex; - flex-direction: column; - width: 343px; - align-items: flex-start; - gap: 13px; - padding: 16px; - position: absolute; - top: 3482px; - left: 16px; - background-color: var(--x2nd-layer); - border-radius: 15px; - border: 1px solid; - border-color: var(--x3d-layer); -} - -.bedolaga-expanded .frame-38 { - display: flex; - width: 343px; - align-items: center; - gap: 11px; - padding: 16px; - position: absolute; - top: 3570px; - left: 16px; - background-color: var(--x2nd-layer); - border-radius: 15px; - border: 1px solid; - border-color: var(--x3d-layer); -} - -.bedolaga-expanded .text-wrapper-30 { - flex: 1; - font-family: "Inter-Medium", Helvetica; - font-weight: 500; - color: var(--white); - font-size: 16px; - position: relative; - letter-spacing: -0.41px; - line-height: normal; -} - -.bedolaga-expanded .frame-39 { - display: flex; - flex-direction: column; - width: 343px; - align-items: center; - gap: 16px; - padding: 16px; - position: absolute; - top: 1129px; - left: 16px; - background-color: var(--x2nd-layer); - border-radius: 15px; - border: 1px solid; - border-color: var(--x3d-layer); -} - -.bedolaga-expanded .frame-40 { - display: flex; - flex-direction: column; - align-items: flex-start; - gap: 16px; - position: relative; - align-self: stretch; - width: 100%; - flex: 0 0 auto; -} - -.bedolaga-expanded .frame-41 { - align-items: flex-start; - gap: 10px; - padding: 16px; - position: relative; - flex: 1; - flex-grow: 1; - background-color: var(--x3d-layer); - border-radius: 10px; - display: flex; - flex-direction: column; -} - -.bedolaga-expanded .text-wrapper-31 { - position: relative; - align-self: stretch; - margin-top: -1.00px; - font-family: "Inter-Regular", Helvetica; - font-weight: 400; - color: var(--white); - font-size: 14px; - letter-spacing: -0.41px; - line-height: normal; -} - -.bedolaga-expanded .frame-42 { - display: flex; - flex-direction: column; - width: 92px; - align-items: flex-start; - gap: 4px; - position: relative; - flex: 0 0 auto; -} - -.bedolaga-expanded .text-wrapper-32 { - align-self: stretch; - margin-top: -1.00px; - font-family: "Inter-Medium", Helvetica; - font-weight: 500; - color: var(--white); - font-size: 14px; - position: relative; - letter-spacing: -0.41px; - line-height: normal; -} - -.bedolaga-expanded .frame-43 { - display: inline-flex; - align-items: center; - gap: 10px; - padding: 8px; - position: relative; - flex: 0 0 auto; - background-color: var(--x3d-layer); - border-radius: 10px; -} - -.bedolaga-expanded .frame-44 { - display: flex; - flex-direction: column; - align-items: center; - gap: 8px; - padding: 16px; - position: relative; - align-self: stretch; - width: 100%; - flex: 0 0 auto; - background-color: var(--x3d-layer); - border-radius: 10px; -} - -.bedolaga-expanded .text-wrapper-33 { - width: fit-content; - margin-top: -4.50px; - margin-bottom: -2.50px; - font-family: "Inter-Bold", Helvetica; - font-weight: 700; - color: var(--vanila); - font-size: 16px; - text-align: right; - white-space: nowrap; - position: relative; - letter-spacing: -0.41px; - line-height: normal; -} - -.bedolaga-expanded .group { - position: relative; - align-self: stretch; - width: 100%; - height: 1px; -} - -.bedolaga-expanded .vector-4 { - position: absolute; - top: -2px; - left: -2px; - width: 283px; - height: 4px; -} - -.bedolaga-expanded .vector-5 { - position: absolute; - top: -2px; - left: -2px; - width: 28px; - height: 4px; -} - -.bedolaga-expanded .text-wrapper-34 { - width: fit-content; - margin-top: -1.00px; - font-family: "Inter-Bold", Helvetica; - font-weight: 700; - color: var(--white); - font-size: 16px; - white-space: nowrap; - position: relative; - letter-spacing: -0.41px; - line-height: normal; -} - -.bedolaga-expanded .text-wrapper-35 { - width: fit-content; - margin-top: -1.00px; - font-family: "Inter-Bold", Helvetica; - font-weight: 700; - font-size: 16px; - text-align: right; - white-space: nowrap; - position: relative; - color: var(--white); - letter-spacing: -0.41px; - line-height: normal; -} - -.bedolaga-expanded .frame-45 { - display: inline-flex; - height: 32px; - align-items: center; - justify-content: center; - gap: 10px; - padding: 10px 0px; - position: relative; -} - -.bedolaga-expanded .frame-46 { - display: flex; - flex-wrap: wrap; - gap: 8px 8px; - align-self: stretch; - width: 100%; - align-items: center; - position: relative; - flex: 0 0 auto; -} - -.bedolaga-expanded .frame-47 { - display: inline-flex; - gap: 4px; - padding: 8px; - background-color: #385241; - border-radius: 10px; - align-items: center; - position: relative; - flex: 0 0 auto; -} - -.bedolaga-expanded .text-wrapper-36 { - width: fit-content; - margin-top: -1.00px; - font-family: "Inter-Regular", Helvetica; - font-weight: 400; - color: var(--white); - font-size: 12px; - position: relative; - letter-spacing: -0.41px; - line-height: normal; -} - -.bedolaga-expanded .text-wrapper-37 { - width: fit-content; - margin-top: -1.00px; - font-family: "Inter-Regular", Helvetica; - font-weight: 400; - color: var(--white); - font-size: 12px; - text-align: right; - position: relative; - letter-spacing: -0.41px; - line-height: normal; -} - -.bedolaga-expanded .frame-48 { - display: inline-flex; - align-items: center; - gap: 4px; - padding: 8px; - position: relative; - flex: 0 0 auto; - background-color: #493852; - border-radius: 10px; -} - -.bedolaga-expanded .frame-49 { - display: inline-flex; - align-items: center; - gap: 4px; - padding: 8px; - position: relative; - flex: 0 0 auto; - background-color: #384b52; - border-radius: 10px; -} - -.bedolaga-expanded .frame-50 { - display: inline-flex; - align-items: center; - gap: 4px; - padding: 8px; - position: relative; - flex: 0 0 auto; - background-color: #524938; - border-radius: 10px; -} - -.bedolaga-expanded .button-wrapper { - display: flex; - flex-direction: column; - width: 343px; - align-items: center; - justify-content: center; - gap: 8px; - padding: 16px; - position: absolute; - top: 3664px; - left: 16px; - background-color: #2c282780; - border-radius: 15px; - border: 1px solid; - border-color: var(--x3d-layer); - backdrop-filter: blur(7.5px) brightness(100%); - -webkit-backdrop-filter: blur(7.5px) brightness(100%); -} - -.bedolaga-expanded .button-2 { - all: unset; - box-sizing: border-box; - display: flex; - align-items: center; - justify-content: center; - gap: 10px; - padding: 10px; - position: relative; - align-self: stretch; - width: 100%; - flex: 0 0 auto; - background-color: #a1ffc5; - border-radius: 10px; - border: 1px solid; -} - -.bedolaga-expanded .vector-6 { - position: relative; - width: 20px; - height: 22px; - margin-top: -1.00px; - margin-bottom: -1.00px; -} - -.bedolaga-expanded .text-wrapper-38 { - position: relative; - width: fit-content; - font-family: "Inter-Medium", Helvetica; - font-weight: 500; - color: var(--x1st-layer); - font-size: 14px; - letter-spacing: -0.41px; - line-height: normal; -} - -.bedolaga-expanded .tg-support { - display: flex; - width: 33px; - height: 32px; - align-items: center; - justify-content: center; - gap: 10px; - padding: 10px; - position: absolute; - top: 16px; - left: 16px; - background-color: var(--vanila); - border-radius: 10px; -} - -.bedolaga-expanded .vector-7 { - position: relative; - width: 20px; - height: 20px; - margin-top: -4.00px; - margin-bottom: -4.00px; - margin-left: -3.50px; - margin-right: -3.50px; -} -/* INJECT ORIGINAL CSS HERE */ - -.bedolaga-expanded .language button { - all: unset; - box-sizing: border-box; - cursor: pointer; - display: block; - width: 100%; - height: 100%; -} - -.bedolaga-expanded .frame-19 label { - display: flex; - align-items: center; - justify-content: center; - gap: 10px; - padding: 8px 0px; - position: relative; - align-self: stretch; - width: 100%; - flex: 0 0 auto; - background-color: var(--x3d-layer); - border-radius: 10px; -} - -.bedolaga-expanded .frame-19 input[type="text"] { - all: unset; - box-sizing: border-box; - flex: 1; - margin-top: -1.00px; - font-family: "Inter-Regular", Helvetica; - font-weight: 400; - color: var(--white); - font-size: 14px; - text-align: center; - letter-spacing: -0.41px; - line-height: normal; -} - -.bedolaga-expanded .frame-19 input[type="text"]::placeholder { - color: var(--white); - opacity: 0.7; -} - -.bedolaga-expanded input[type="radio"], -.bedolaga-expanded input[type="checkbox"] { - position: absolute; - opacity: 0; - width: 0; - height: 0; - pointer-events: none; -} - -.bedolaga-expanded label { - cursor: pointer; -} - -.bedolaga-expanded .frame-15, -.bedolaga-expanded .frame-16, -.bedolaga-expanded .frame-17, -.bedolaga-expanded .frame-24, -.bedolaga-expanded .frame-25, -.bedolaga-expanded .frame-26, -.bedolaga-expanded .frame-27 { - cursor: pointer; - transition: border-color 0.2s ease; -} - -.bedolaga-expanded input[type="radio"]:focus + .text-wrapper-17, -.bedolaga-expanded input[type="radio"]:focus + .text-wrapper-24, -.bedolaga-expanded input[type="checkbox"]:focus + .text-wrapper-23 { - outline: 2px solid #4a90e2; - outline-offset: 2px; -} - -.bedolaga-expanded .frame-38 a { - display: flex; - width: 100%; - align-items: center; - gap: 11px; - color: inherit; - text-decoration: none; -} - -.bedolaga-expanded .frame-36 a, -.bedolaga-expanded .frame-37 a { - display: flex; - align-items: center; - justify-content: space-between; - width: 100%; - color: inherit; - text-decoration: none; -} - -.bedolaga-expanded .tg-support { - text-decoration: none; - color: inherit; -} - -.bedolaga-expanded button[aria-expanded] { - cursor: pointer; - transition: opacity 0.2s ease; -} - -.bedolaga-expanded button[aria-expanded]:hover { - opacity: 0.9; -} - -.bedolaga-expanded .button:hover, -.bedolaga-expanded .button-2:hover { - opacity: 0.95; - cursor: pointer; -} - -.bedolaga-expanded .button:active, -.bedolaga-expanded .button-2:active { - opacity: 0.85; -} - -.bedolaga-expanded .vector-wrapper:hover { - opacity: 0.9; - cursor: pointer; -} - -.bedolaga-expanded .vector-wrapper:active { - opacity: 0.7; -} diff --git a/miniapp/new/miniapp/styleguide.css b/miniapp/new/miniapp/styleguide.css deleted file mode 100644 index d77e8aad..00000000 --- a/miniapp/new/miniapp/styleguide.css +++ /dev/null @@ -1,9 +0,0 @@ -:root { - --white: rgba(250, 250, 250, 1); - --black: rgba(10, 10, 10, 1); - --vanila: rgba(255, 222, 191, 1); - --x2nd-layer: rgba(25, 32, 29, 1); - --x1st-layer: rgba(17, 21, 19, 1); - --x3d-layer: rgba(35, 47, 42, 1); - --collection-1-color: rgba(255, 255, 255, 1); -}