#rate-block{max-width:600px}@media (width<=1023.5px){#rate-block{max-width:none}}#rate-block .tabs{grid-template-columns:180px 180px;padding-left:30px;display:grid}#rate-block .tab{cursor:pointer;font:inherit;font-family:var(--font-thai);color:#a6acb5;background:#eff0f2;border:0;border-radius:12px 12px 0 0;padding:5px;font-size:16px;font-weight:300;line-height:24px}#rate-block .tab.active{color:var(--navy);background:#fff;font-weight:800}#rate-block .body{background:#fff;border-radius:12px;min-height:480px;padding:20px;box-shadow:0 3px 12px #2f2b3d24}@media (width>=768px){#rate-block .body{height:480px;min-height:480px}#rate-block .branch-dd{margin-top:8px}}#rate-block .pane.hidden{display:none}#rate-block .head-row{justify-content:space-between;align-items:flex-start;gap:1rem;padding:10px;display:flex}#rate-block .title{color:#334155;font-size:23.2px;font-weight:700;font-family:var(--font-thai);margin:0;line-height:34px}#rate-block .subtitle{color:#39404a;font-size:14px;font-weight:500;line-height:1.5;font-family:var(--font-thai);margin:2px 0 0}#rate-block .head-row select{font:inherit;font-family:var(--font-thai);color:#334155;background:#fff;border:1px solid #eff0f2;border-radius:6px;width:270px;max-width:270px;height:41px;padding:.55rem .9rem;font-size:15px;font-weight:500}#rate-block .branch-dd{flex-shrink:0;width:270px;max-width:270px;position:relative}#rate-block .dd-btn{cursor:pointer;width:100%;height:41px;font:inherit;font-family:var(--font-thai);color:#334155;text-align:left;background:#fff;border:1px solid #eff0f2;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;padding:0 .9rem;font-size:15px;font-weight:500;display:flex}#rate-block .dd-btn span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#rate-block .dd-menu{z-index:30;background:#fff;border:1px solid #eff0f2;border-radius:10px;width:max-content;min-width:100%;max-width:340px;max-height:320px;margin:0;padding:6px 0;list-style:none;position:absolute;top:calc(100% + 4px);right:0;overflow:hidden auto;box-shadow:0 4px 20px #2f2b3d29}#rate-block .dd-menu[hidden]{display:none}#rate-block .dd-menu li{font-family:var(--font-thai);color:#39404a;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;padding:12px 24px;font-size:16px;font-weight:400;overflow:hidden}#rate-block .dd-menu li:hover{color:var(--orange);background:#fff5ef}#rate-block .dd-menu li.selected{color:var(--orange);background:#fff5ef;font-weight:500}#rate-block .meta-row{justify-content:space-between;align-items:center;margin:8px 0 0;padding-bottom:8px;display:flex}#rate-block .updated{color:#a7adb6;font-size:12.8px;line-height:19px;font-family:var(--font-thai)}#rate-block .view-all{color:#f26522;font-size:12.8px;font-weight:400;font-family:var(--font-thai);text-underline-offset:3px;align-items:center;gap:8px;text-decoration:underline;display:inline-flex}#rate-block .mini-table{margin-top:0}#rate-block .thead{background:var(--orange);color:#fff;border-radius:15px 15px 0 0;grid-template-columns:3fr 1fr 1fr;display:grid}#rate-block .th{font-size:16px;font-weight:500;line-height:24px;font-family:var(--font-thai);padding:9px 14px}#rate-block .th.num{text-align:right}#rate-block .rows{background:#fff;border:1px solid #eff0f2;border-radius:0 0 15px 15px;display:block;overflow:hidden}#rate-block .rate-row{cursor:pointer;grid-template-columns:3fr 1fr 1fr;align-items:center;padding:0 14px;display:grid}#rate-block .rate-row:hover{background:#fff9f7}#rate-block .cur-cell{justify-content:space-between;align-items:center;min-width:0;padding:7.5px 14px;display:flex}#rate-block .cur-left{align-items:center;min-width:0;display:flex}#rate-block .cur-flag{object-fit:cover;border:1px solid #eff0f2;border-radius:50%;width:32px;height:32px}#rate-block .cur-code{color:var(--orange);margin-left:10px;font-size:16px;font-weight:500}#rate-block .cur-country{color:#636b76;text-overflow:ellipsis;white-space:nowrap;margin-left:12px;font-size:.9rem;font-weight:400;overflow:hidden}#rate-block .cur-calc{color:var(--grey-400);flex-shrink:0;margin-left:12px;display:inline-flex}#rate-block .rate-row .num{text-align:right;font-variant-numeric:tabular-nums;color:var(--orange);font-size:1.2rem;font-weight:500}#rate-block .loading,#rate-block .error{color:var(--grey-500);font-family:var(--font-thai);padding:.8rem .25rem}#rate-block .calc-title{text-align:center;color:#334155;font-size:1.45rem;font-weight:800;font-family:var(--font-thai);margin:4px 0 0}#rate-block .calc-sub{text-align:center;color:#39404a;font-size:14px;font-family:var(--font-thai);margin:2px 0 0}#rate-block .mode-toggle{text-align:center;background:#fff;border:1px solid #eee;border-radius:12px;grid-template-columns:repeat(2,1fr);width:100%;margin:20px 0 0;padding:8px 12px;display:grid;position:relative;box-shadow:0 3px 12px #2f2b3d24}#rate-block .mode{z-index:2;cursor:pointer;font:inherit;font-family:var(--font-thai);color:var(--orange);background:0 0;border:0;font-size:14px;font-weight:400;line-height:24px;transition:color .4s;position:relative}#rate-block .mode.active{color:#fff;font-weight:500}#rate-block .mode-toggle .slider{z-index:1;background:var(--orange);border-radius:12px;width:50%;height:100%;transition:transform .2s ease-out;position:absolute;top:0;left:0}#rate-block .mode-toggle.sell .slider{transform:translate(100%)}#rate-block .compare-box{border:1px solid #eff0f2;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:300px;margin-top:20px;padding:20px;display:flex}#rate-block .compare-grid{grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;width:100%;display:grid}#rate-block .side{flex-direction:column;align-items:center;gap:10px;display:flex}#rate-block .cur-select{align-items:center;gap:10px;height:48px;display:inline-flex;position:relative}#rate-block .cur-select .cur-flag{object-fit:cover;border-radius:50%;width:24px;height:24px}#rate-block .cur-select select{-webkit-appearance:none;appearance:none;cursor:pointer;font:inherit;color:#39404a;background:0 0;border:0;padding-right:20px;font-family:inherit;font-size:1.2rem;font-weight:800}#rate-block .cur-select .chev{pointer-events:none;position:absolute;right:0}#rate-block .cur-fixed{align-items:center;gap:10px;height:48px;padding:8px 12px;display:inline-flex}#rate-block .cur-fixed .cur-flag{object-fit:cover;border-radius:50%;width:24px;height:24px}#rate-block .cur-fixed .cur-code{color:#39404a;font-size:1.2rem;font-weight:800;font-family:var(--font-en)}#rate-block .side input{text-align:center;width:100%;max-width:217px;height:44px;font:inherit;font-family:var(--font-thai);color:var(--orange);border:1px solid #cbd5e1;border-radius:6px;padding:3px 0;font-size:24px;font-weight:500;line-height:36px;box-shadow:0 1px 2px #1212170d}#rate-block .side input::placeholder{color:#bfc4ca;font-weight:400}#rate-block .swap{justify-content:center;align-items:center;display:flex}#rate-block .calc-result{text-align:center;max-width:450px;margin-top:20px}#rate-block .rate-label{color:var(--orange);font-size:1.2rem;line-height:29px;font-family:var(--font-thai);white-space:nowrap;margin:0}#rate-block .rate-line{color:#39404a;white-space:nowrap;margin:10px 0;font-size:1.2rem;font-weight:700;line-height:29px}#rate-block .calc-note{color:#636b76;font-size:.9rem;line-height:24px;font-family:var(--font-thai);margin:0}#rate-block .calc-note .note-label{color:#39404a;text-decoration:underline}@media (width<=992px){#rate-block .tabs{display:flex}#rate-block .tab{padding:5px 22px}}@media (width>=768px) and (width<=992px){#rate-block .tabs{padding-left:30px}}@media (width<=767px){.rate-overlap .container-1440{padding-left:0;padding-right:0}#rate-block .body{box-shadow:none;border-radius:0;min-height:0;padding:20px}#rate-block .head-row{padding:10px 0}#rate-block .tabs{padding-left:10px}#rate-block .head-row .branch-dd,#rate-block .meta-row{display:none}#rate-block .thead{padding:9px 14px}#rate-block .th{white-space:nowrap;padding:0}#rate-block .rate-row{grid-template-columns:2fr 1fr 1fr;padding:0 14px}#rate-block .cur-cell{padding:7.5px 14px}#rate-block .cur-code{font-size:1.2rem;font-weight:800;line-height:32px}#rate-block .rate-row .num{line-height:32px}#rate-block .cur-flag{width:30px;height:30px}#rate-block .cur-country{display:none}#rate-block .head-row{flex-direction:column;padding:0 0 10px}#rate-block .branch-dd{width:100%;max-width:100%}#rate-block .dd-menu{max-width:100%;left:0;right:0}#rate-block .compare-grid{grid-template-columns:1fr;justify-items:center}#rate-block .swap svg{transform:rotate(90deg)}}