.mail{background:var(--e);border:1px solid var(--b);border-radius:20px;box-shadow:var(--i);overflow:hidden}.mail__hd{display:flex;align-items:center;gap:14px;padding:18px 24px;border-block-end:1px solid var(--b);background:var(--f)}.mail__av{width:40px;height:40px;flex:none;display:grid;place-items:center;border-radius:50%;background:var(--pri);color:#fff}.mail__av svg{width:20px;height:18px}.mail__from{font-size:14px;line-height:1.4;color:var(--d)}.mail__from b{color:var(--c)}.mail__hd .badge{margin-inline-start:auto}.mail__bd{display:grid;gap:22px;padding:24px}.mail__subj{font-size:19px;font-weight:800;letter-spacing:-.015em;line-height:1.3}.mail__h{margin-block-end:10px;font-size:12.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--d)}.rows{display:grid;gap:8px}.row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;border-radius:12px;background:var(--f);font-size:14.5px;color:var(--a)}.row b{color:var(--c);font-weight:700}.st{flex:none;display:inline-flex;align-items:center;gap:6px;height:26px;padding-inline:10px;border-radius:999px;font-size:12.5px;font-weight:800}.st svg{width:14px;height:14px;stroke-width:2.5}.st--ok{background:var(--t);color:var(--k)}.st--fix{background:var(--q);color:var(--j)}.fixfirst{padding:14px 16px;border-radius:12px;border:1px solid var(--b);font-size:15px;color:var(--a)}.offer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border-radius:14px;border:1px dashed var(--pri);background:var(--tint)}.offer b{display:block;font-size:16px;color:var(--c)}.offer span:not(.btn){font-size:14px;color:var(--a)}.rep__ft{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 22px;border-block-start:1px solid var(--b);font-size:12.5px;color:var(--d)}@media(max-width:640px){.mail__bd{padding:18px}.row{flex-direction:column;align-items:flex-start;gap:8px}.offer{flex-direction:column;align-items:flex-start}}