.tfv{--tfv-r:14px;display:block;margin:22px 0;padding:16px 18px;border:1px solid #fff0;border-radius:var(--tfv-r);direction:rtl;box-sizing:border-box;position:relative}.tfv .tfv-tag{display:inline-flex;align-items:center;gap:5px;margin-block-end:9px;padding:3px 10px;border-radius:999px;font-size:.7rem;font-weight:700;line-height:1.7}.tfv .tfv-body{font-size:.88rem;line-height:2}.tfv .tfv-body>:first-child{margin-block-start:0}.tfv .tfv-body>:last-child{margin-block-end:0}.tfv .tfv-cta{display:flex;flex-wrap:wrap;gap:9px;margin-block-start:14px}.tfv .tfv-btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 18px;border:1px solid #fff0;border-radius:11px;font-size:.83rem;font-weight:700;text-decoration:none;box-sizing:border-box}.tfv{--tfv-ink:#1e1e1e;--tfv-body:#4a5568;--tfv-mut:#8b98a8;--tfv-line:#e6ebf1;--tfv-line2:#d5dee8;--tfv-soft:#f6f9fc;--tfv-surface:#fff;--tfv-c:#0099ff;--tfv-ease:cubic-bezier(.4, 0, .2, 1);--tfv-t:.25s var(--tfv-ease);--tfv-x:#fea000;--tfv-x-d:#e58f00;--tfv-x-50:#fff6e6;--tfv-x-100:#ffe3b0;--tfv-x-ink:#8a5300;color:var(--tfv-body);background:var(--tfv-x-50);border-color:var(--tfv-x-100)}.tfv[data-tone="green"]{--tfv-x:#16a46b;--tfv-x-d:#0f8d5b;--tfv-x-50:#e9f8f1;--tfv-x-100:#bfe8d5;--tfv-x-ink:#0d7a4e}.tfv[data-tone="blue"]{--tfv-x:#0099ff;--tfv-x-d:#0088e6;--tfv-x-50:#eaf6ff;--tfv-x-100:#d3ebff;--tfv-x-ink:#0066cc}.tfv[data-tone="red"]{--tfv-x:#e53935;--tfv-x-d:#cc302c;--tfv-x-50:#fdeceb;--tfv-x-100:#f8c9c7;--tfv-x-ink:#b02622}.tfv[data-tone="gray"]{--tfv-x:#8b98a8;--tfv-x-d:#74818f;--tfv-x-50:#f6f9fc;--tfv-x-100:#e6ebf1;--tfv-x-ink:#55616f}html[data-theme="dark"] .tfv{--tfv-ink:#e8eef6;--tfv-body:#b3c1d0;--tfv-mut:#7d8ea1;--tfv-line:#22303f;--tfv-line2:#2c3c4e;--tfv-soft:#16202b;--tfv-surface:#111a23;--tfv-x-50:#2e2110;--tfv-x-100:#5a3f14;--tfv-x-ink:#ffc45f}html[data-theme="dark"] .tfv[data-tone="green"]{--tfv-x-50:#102b21;--tfv-x-100:#1d5240;--tfv-x-ink:#3ddb9c}html[data-theme="dark"] .tfv[data-tone="blue"]{--tfv-x-50:#12293c;--tfv-x-100:#1e4a6e;--tfv-x-ink:#6cc0ff}html[data-theme="dark"] .tfv[data-tone="red"]{--tfv-x-50:#33191a;--tfv-x-100:#632b2c;--tfv-x-ink:#ff8a86}html[data-theme="dark"] .tfv[data-tone="gray"]{--tfv-x-50:#16202b;--tfv-x-100:#2c3c4e;--tfv-x-ink:#9fb0c2}.tfv::before{content:"";position:absolute;inset-block:0;inset-inline-start:0;inline-size:3px;border-start-start-radius:var(--tfv-r);border-end-start-radius:var(--tfv-r);background:var(--tfv-x)}.tfv .tfv-tag{color:var(--tfv-x-ink);background:var(--tfv-surface);border:1px solid var(--tfv-x-100)}.tfv .tfv-body{color:var(--tfv-body)}.tfv .tfv-body a{color:var(--tfv-x-ink);font-weight:700}.tfv-ok{background:var(--tfv-surface);border-color:var(--tfv-line)}.tfv .tfv-btn{font-family:inherit;transition:transform var(--tfv-t),box-shadow var(--tfv-t),background var(--tfv-t),border-color var(--tfv-t),color var(--tfv-t);background-image:none}.tfv .tfv-btn-main{background:linear-gradient(to left,var(--tfv-x),var(--tfv-x-d));color:#fff;box-shadow:0 3px 10px rgb(0 0 0 / .1)}.tfv .tfv-btn-main:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgb(0 0 0 / .12);color:#fff}.tfv .tfv-btn-alt{background:var(--tfv-surface);border-color:var(--tfv-line2);color:var(--tfv-ink)}.tfv .tfv-btn-alt:hover{transform:translateY(-2px);border-color:var(--tfv-x);color:var(--tfv-x-ink)}.tfv .tfv-btn:focus-visible{outline:2px solid var(--tfv-c);outline-offset:2px}.tfv .tfv-btn:active{transform:translateY(0)}@media (max-width:480px){.tfv{padding:14px 15px}.tfv .tfv-btn{flex:1 1 100%}}@media (prefers-reduced-motion:reduce){.tfv .tfv-btn{transition-duration:.01ms}.tfv .tfv-btn-main:hover,.tfv .tfv-btn-alt:hover{transform:none}}