.bb-currency{--bb-currency-accent:#176b58;--bb-currency-border:#d9e2df;max-width:760px;margin:1.5rem auto;padding:clamp(18px, 3vw, 30px);border:1px solid var(--bb-currency-border);border-radius:16px;background:#fff;color:#20312d;box-shadow:0 8px 28px rgb(22 45 38 / .07);box-sizing:border-box}.bb-currency *{box-sizing:border-box}.bb-currency__heading h2{margin:0 0 6px;font-size:clamp(1.35rem, 3vw, 1.8rem);line-height:1.25;color:#183e34}.bb-currency__heading p{margin:0 0 22px;color:#60716b}.bb-currency label{display:block;margin-bottom:7px;font-size:.9rem;font-weight:650}.bb-currency__amount{margin-bottom:16px}.bb-currency input,.bb-currency select{display:block;width:100%;min-height:48px;padding:11px 12px;border:1px solid #cbd7d2;border-radius:9px;background:#fff;color:#1e302b;font:inherit}.bb-currency input:focus,.bb-currency select:focus{outline:2px solid #8ac8b7;outline-offset:1px;border-color:var(--bb-currency-accent)}.bb-currency__fields{display:grid;grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr);gap:10px;align-items:end}.bb-currency__swap{display:grid;place-items:center;width:44px;height:44px;margin-bottom:2px;border:1px solid #b7d3c9;border-radius:50%;background:#eef7f3;color:var(--bb-currency-accent);font-size:1.55rem;cursor:pointer}.bb-currency__swap:hover{background:#dcefe7}.bb-currency__result{margin-top:20px;padding:20px;border-radius:12px;background:#f0f7f4}.bb-currency__result-label{display:block;margin-bottom:6px;color:#526960;font-size:.92rem}.bb-currency__output{display:block;overflow-wrap:anywhere;color:#155c49;font-size:clamp(1.8rem, 5vw, 2.5rem);font-weight:750;line-height:1.2}.bb-currency__rate{margin:10px 0 0;color:#3d5d52;font-size:.92rem}.bb-currency__disclaimer,.bb-currency__source{margin:14px 0 0;color:#66766f;font-size:.82rem;line-height:1.55}.bb-currency__source{margin-top:6px}@media (max-width:520px){.bb-currency{border-radius:12px;padding:17px}.bb-currency__fields{grid-template-columns:minmax(0,1fr) 38px minmax(0,1fr);gap:6px}.bb-currency__swap{width:38px;height:42px;font-size:1.3rem}.bb-currency select{padding:10px 6px;font-size:.88rem}}