.kf-codes .kf-card-mix__calc{display:flex;flex-direction:column;gap:12px;max-width:640px;margin:24px 0 0;padding:22px;border:1px solid #2a302a;border-radius:12px;background:#151815}.kf-codes .kf-card-mix__calc>label{color:#f2f4ee;font-size:14px;font-weight:600}.kf-codes .kf-card-mix__calc>input{width:100%;max-width:240px;min-height:48px;padding:10px 14px;border:1px solid #343b34;border-radius:8px;background:#0f110f;color:#f2f4ee;font:inherit;font-size:20px;font-variant-numeric:tabular-nums}.kf-codes .kf-card-mix__calc>input:focus-visible{outline:2px solid #d5f67b;outline-offset:2px}.kf-codes .kf-card-mix__result{display:grid;gap:6px;padding:12px 0 0;border-top:1px solid #2a302a}.kf-codes .kf-card-mix__result p{margin:0;color:#e4e8e0;font-size:14px;line-height:1.6;overflow-wrap:anywhere}.kf-codes .kf-card-mix__result p.kf-card-mix__extra{color:#c7cec3;font-size:13px}.kf-codes .kf-card-mix a{color:#d5f67b}.kf-codes .kf-card-mix__examples{margin:32px 0 12px;color:#f2f4ee;font-size:16px;font-weight:600}.kf-codes .kf-card-mix__table-wrap{max-width:760px;overflow-x:auto}.kf-codes .kf-card-mix__table{width:100%;border-collapse:collapse;font-size:14px;font-variant-numeric:tabular-nums}.kf-codes .kf-card-mix__table td,.kf-codes .kf-card-mix__table th{padding:10px 12px;border-bottom:1px solid #2a302a;text-align:left;vertical-align:top}.kf-codes .kf-card-mix__table thead th{color:#9ba59c;font-size:12px;font-weight:600}.kf-codes .kf-card-mix__table tbody th{color:#f2f4ee;font-weight:500;white-space:nowrap}.kf-codes .kf-card-mix__table td{color:#c7cec3;line-height:1.5}.kf-codes .kf-card-mix__table td:nth-child(3),.kf-codes .kf-card-mix__table td:nth-child(4){white-space:nowrap}.kf-codes .kf-card-mix__table td strong{color:#d5f67b;font-weight:600}.kf-codes .kf-card-mix__note{max-width:68ch;margin:12px 0 0;color:#9ba59c;font-size:12px;line-height:1.6}@media (max-width:600px){.kf-codes .kf-card-mix__calc{padding:18px}.kf-codes .kf-card-mix__table{font-size:13px}.kf-codes .kf-card-mix__table td,.kf-codes .kf-card-mix__table th{padding:8px 6px}.kf-codes .kf-card-mix__table td:first-child,.kf-codes .kf-card-mix__table th:first-child{padding-left:0}}