:root{--background:210 20% 98.4%;--foreground:222.2 84% 4.9%;--card:0 0% 100%;--muted:210 40% 96.1%;--muted-foreground:215.4 16.3% 46.9%;--accent:210 40% 96.1%;--border:214.3 31.8% 91.4%;--primary:222.2 47.4% 11.2%;--primary-foreground:210 40% 98%;--brand:49 97% 53%;--brand-foreground:40 90% 20%;--brand-border:49 70% 70%;--green:142 70% 38%;--red:0 75% 50%;--input-border:200 6% 70%;--radius:.5rem}.disable-select{user-select:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none}main .section-intro{text-align:center}main .section-intro>.container{overflow:hidden}main .section-intro .breadcrumb{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:10px;width:fit-content;padding:16px 24px;background-color:#fafbfc;border-radius:30px;border:1px solid #e2ecef;margin-top:30px}@media (max-width:768px){main .section-intro .breadcrumb{margin-top:10px}}main .section-intro .breadcrumb span{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:10px;font-size:13px;font-weight:400;color:#333;user-select:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none}@media (max-width:768px){main .section-intro .breadcrumb span{font-size:10px}}main .section-intro .breadcrumb span:first-child:before{content:url(../img/icon/learn/header/icon-dashboard.svg);width:11px;height:14px}main .section-intro .breadcrumb span:not(:first-child):before{content:"";width:4px;height:4px;aspect-ratio:1;border-radius:50%;background-color:#8c979c}main .section-intro .breadcrumb span.active{color:#121618}main .section-intro .breadcrumb span.active:before{background-color:#121618}main .section-intro .breadcrumb span a{color:inherit}main .section-intro .breadcrumb span a:hover{color:#294175}main .section-calculator{padding:0;position:relative;margin-left:auto;margin-right:auto}@media (max-width:768px){main .section-calculator{margin-top:5px}}@media (min-width:768px){main .section-calculator{padding-top:20px}}main .section-calculator video{max-width:100%}main .section-calculator .container{display:flex;flex-direction:row-reverse;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:30px}@media (max-width:1250px){main .section-calculator .container{flex-direction:column-reverse;gap:20px}}@media (max-width:992px){main .section-calculator .container{gap:10px}}main .section-calculator .container .frame-text{width:530px;text-align:right;display:flex;flex-direction:column;align-self:stretch}main .section-calculator .container .frame-text h1{margin-top:auto;font-size:42px;font-weight:500;letter-spacing:-0.3px;color:#121618}@media (max-width:768px){main .section-calculator .container .frame-text h1{font-size:20px}}main .section-calculator .container .frame-text .title{color:#8c979c;font-size:24px;display:block}@media (max-width:768px){main .section-calculator .container .frame-text .title{font-size:16px}}main .section-calculator .container .frame-text .desc{color:#8c979c;font-size:16px;font-weight:300;letter-spacing:-0.5px;margin-top:12px;margin-left:auto;line-height:30px;margin-bottom:20px;flex-grow:1}@media (max-width:768px){main .section-calculator .container .frame-text .desc{font-size:14px;font-weight:400;line-height:26px}}@media (max-width:1250px){main .section-calculator .container .frame-text .side-col{order:-1;margin-top:0;margin-bottom:20px}}main .section-calculator .container .frame-calculator{flex-grow:1;padding:0 0 0 30px;border-radius:0 24px 24px 0}@media (min-width:1250px){main .section-calculator .container .frame-calculator{border-left:2px dashed #ddd}}@media (max-width:768px){main .section-calculator .container .frame-calculator{width:100%}}@media (max-width:1250px){main .section-calculator .container .frame-text,main .section-calculator .container .frame-calculator{width:100%;padding:5px;border-radius:12px}}main .section-calculator button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}main .section-calculator input,main .section-calculator select{font-family:inherit}main .section-calculator a{color:inherit;text-decoration:none}main .section-calculator h1,main .section-calculator h2,main .section-calculator h3{font-weight:700}main .section-calculator .page-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}main .section-calculator .back-btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem;border-radius:.75rem;border:1px solid hsl(var(--brand-border) / .5);background:hsl(var(--brand) / .1);transition:background .15s}main .section-calculator .back-btn:hover{background:hsl(var(--brand) / .2)}main .section-calculator .title{font-size:1.25rem;font-weight:700}main .section-calculator .subtitle{font-size:.875rem;color:hsl(var(--muted-foreground))}main .section-calculator .layout{display:grid;grid-template-columns:1fr;gap:1.25rem}main .section-calculator .main-col{display:flex;flex-direction:column;gap:.75rem}main .section-calculator .side-col{display:flex;flex-direction:column;gap:1rem;align-self:stretch;flex-grow:1}main .section-calculator .tabs-mobile{display:flex;gap:.5rem}main .section-calculator .tabs-desktop{display:none;grid-template-columns:repeat(4, 1fr);gap:.5rem}@media (min-width:768px){main .section-calculator .tabs-mobile{display:none}main .section-calculator .tabs-desktop{display:grid}}main .section-calculator .tab-btn{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;border-radius:.75rem;border:1px solid hsl(var(--border) / .8);background:hsl(var(--background));color:hsl(var(--muted-foreground));padding:.5rem .75rem;font-size:.75rem;font-weight:500;white-space:nowrap;transition:all .15s}main .section-calculator .tab-btn:hover{background:hsl(var(--brand) / .1);border-color:hsl(var(--brand) / .3)}main .section-calculator .tab-btn.active{border-color:hsl(var(--brand));background:hsl(var(--brand));color:hsl(var(--foreground));font-weight:700;box-shadow:0 1px 2px rgba(0,0,0,0.05)}main .section-calculator .tab-btn svg{width:14px;height:14px}main .section-calculator .tabs-mobile .tab-btn{flex:1;padding:.625rem .5rem}main .section-calculator .tab-btn.more{flex:0 0 auto;border-style:dashed;border-color:hsl(var(--brand) / .5);background:hsl(var(--brand) / .05)}main .section-calculator .card{border-radius:1rem;border:1px solid hsl(var(--border) / .8);background:hsl(var(--card));padding:1rem;height:100%}@media (min-width:768px){main .section-calculator .card{padding:1.25rem}}main .section-calculator .guide-card{padding:1.25rem}@media (min-width:768px){main .section-calculator .guide-card{padding:1.5rem}}main .section-calculator .fade-area{transition:opacity .15s,transform .15s}main .section-calculator .fade-area.animating{opacity:0;transform:scale(.98)}main .section-calculator .calc-grid{display:grid;grid-template-columns:1fr;gap:.75rem}@media (min-width:768px){main .section-calculator .calc-grid{grid-template-columns:auto 1fr;gap:1rem}}main .section-calculator .calc-inputs{display:flex;flex-direction:column;gap:1rem;order:1}main .section-calculator .calc-output{order:2;padding-top:1rem}@media (min-width:768px){main .section-calculator .calc-output{padding-top:0}}main .section-calculator .field{display:flex;flex-direction:column;gap:.5rem}main .section-calculator .field-label-row{display:flex;align-items:center;gap:.375rem}main .section-calculator .field-label{font-size:.875rem;font-weight:500}main .section-calculator .tooltip-btn{display:inline-flex;color:hsl(var(--muted-foreground));position:relative}main .section-calculator .tooltip-btn svg{width:14px;height:14px}main .section-calculator .tooltip-pop{position:absolute;bottom:calc(100% + 6px);right:-8px;background:hsl(var(--foreground));color:hsl(var(--background));padding:.4rem .55rem;border-radius:.5rem;font-size:.7rem;max-width:200px;width:max-content;text-align:right;z-index:30;box-shadow:0 4px 12px rgba(0,0,0,0.15);display:none}main .section-calculator .tooltip-btn.open .tooltip-pop{display:block}main .section-calculator .text-input,main .section-calculator .select-input{width:100%;height:3rem;border-radius:.75rem;border:1px solid hsl(var(--input-border) / .7);background:hsl(var(--card));color:hsl(var(--foreground));padding:0 .875rem;font-size:.875rem;font-variant-numeric:tabular-nums;outline:none;transition:border-color .15s}main .section-calculator .text-input:focus,main .section-calculator .select-input:focus{border-color:hsl(var(--foreground) / .4)}@media (min-width:768px){main .section-calculator .text-input,main .section-calculator .select-input,main .section-calculator .stepper{max-width:260px}}main .section-calculator .select-input{appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:left .75rem center;background-size:16px;padding-left:2.25rem}main .section-calculator .stepper{position:relative;display:flex;align-items:center;width:100%}main .section-calculator .stepper input{width:100%;height:3rem;border-radius:.75rem;border:1px solid hsl(var(--input-border) / .7);background:hsl(var(--card));color:hsl(var(--foreground));text-align:center;font-size:.875rem;font-variant-numeric:tabular-nums;padding:0 3rem;outline:none;-moz-appearance:textfield}main .section-calculator .stepper input::-webkit-outer-spin-button,main .section-calculator .stepper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}main .section-calculator .stepper input:focus{border-color:hsl(var(--foreground) / .4)}main .section-calculator .stepper-btn{position:absolute;top:50%;transform:translateY(-50%);width:2rem;height:2rem;border-radius:.5rem;background:hsl(var(--muted) / .6);display:inline-flex;align-items:center;justify-content:center;transition:background .15s,transform .1s}main .section-calculator .stepper-btn:hover{background:hsl(var(--accent))}main .section-calculator .stepper-btn:active{transform:translateY(-50%) scale(.95)}main .section-calculator .stepper-btn.plus{right:.375rem}main .section-calculator .stepper-btn.minus{left:.375rem}main .section-calculator .stepper-btn svg{width:14px;height:14px}main .section-calculator .dir-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;width:100%}@media (min-width:768px){main .section-calculator .dir-grid{max-width:260px}}main .section-calculator .dir-btn{border-radius:.75rem;border:1px solid hsl(var(--border) / .8);padding:.625rem;font-size:.875rem;font-weight:500;transition:all .15s}main .section-calculator .dir-btn:hover{background:hsl(var(--accent))}main .section-calculator .dir-btn.active.buy{border-color:hsl(var(--green) / .5);background:hsl(var(--green) / .15);color:hsl(var(--green))}main .section-calculator .dir-btn.active.sell{border-color:hsl(var(--red) / .5);background:hsl(var(--red) / .15);color:hsl(var(--red))}main .section-calculator .result-title{font-weight:700;font-size:.875rem;display:flex;align-items:center;gap:.5rem}main .section-calculator .result-title svg{width:16px;height:16px;color:hsl(var(--primary))}main .section-calculator .results-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}main .section-calculator .results-grid.one{grid-template-columns:1fr}main .section-calculator .result-card{border-radius:.75rem;border:1px solid hsl(var(--border));padding:1rem;text-align:center;display:flex;flex-direction:column;gap:.25rem}main .section-calculator .result-card .label{font-size:.875rem;font-weight:500;color:hsl(var(--muted-foreground))}main .section-calculator .result-card .value{font-size:1.25rem;font-weight:800;font-variant-numeric:tabular-nums;color:#444951}main .section-calculator .result-card.highlight{border-color:hsl(var(--foreground));background:hsl(var(--foreground))}main .section-calculator .result-card.highlight .label{color:hsl(var(--background) / .7)}main .section-calculator .result-card.highlight .value{color:hsl(var(--background))}main .section-calculator .status-banner{border-radius:.75rem;padding:1rem;text-align:center;font-size:.875rem;font-weight:700}main .section-calculator .status-banner.good{background:hsl(var(--green) / .15);color:hsl(var(--green))}main .section-calculator .status-banner.warn{background:hsla(45,90%,50%,0.2);color:hsl(35,80%,40%)}main .section-calculator .status-banner.bad{background:hsl(var(--red) / .15);color:hsl(var(--red))}main .section-calculator .notes-box{font-size:.75rem;color:hsl(var(--muted-foreground));background:hsl(var(--muted) / .5);border-radius:.75rem;padding:.75rem;display:flex;flex-direction:column;gap:.25rem}main .section-calculator .output-results{display:flex;flex-direction:column;gap:.75rem;animation:fadeIn .2s ease-out}@keyframes fadeIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}main .section-calculator .output-empty{border-radius:.75rem;border:1px dashed hsl(var(--border));background:hsl(var(--muted) / .3);padding:1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:hsl(var(--muted-foreground));gap:.5rem}main .section-calculator .output-empty svg{width:32px;height:32px;opacity:.4}main .section-calculator .output-empty p{font-size:.875rem}main .section-calculator .expert-banner{display:flex;align-items:center;gap:.75rem;border-radius:1rem;border:1px solid hsl(var(--brand-border));background:hsl(var(--brand) / .1);padding:1rem;transition:background .15s}main .section-calculator .expert-banner:hover{background:hsl(var(--brand) / .2)}main .section-calculator .expert-icon{flex-shrink:0;width:2.5rem;height:2.5rem;border-radius:.75rem;background:hsl(var(--brand));color:hsl(var(--brand-foreground));display:inline-flex;align-items:center;justify-content:center}main .section-calculator .expert-title{font-size:.875rem;font-weight:700}main .section-calculator .expert-sub{font-size:.75rem;color:hsl(var(--muted-foreground))}main .section-calculator .expert-arrow{margin-right:auto;color:hsl(var(--muted-foreground))}main .section-calculator .guide{display:flex;flex-direction:column;gap:1.25rem}main .section-calculator .guide-head{display:flex;align-items:center;gap:.75rem}main .section-calculator .guide-icon-wrap{width:2.75rem;height:2.75rem;border-radius:.75rem;background:hsl(var(--brand) / .15);border:1px solid hsl(var(--brand-border) / .4);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}main .section-calculator .guide-icon-wrap svg{width:20px;height:20px;color:hsl(var(--brand))}main .section-calculator .guide-title{font-size:1rem;font-weight:700}main .section-calculator .guide-summary{font-size:1rem;color:hsl(var(--muted-foreground));line-height:2}main .section-calculator .guide-tip{border-radius:.75rem;background:hsl(var(--muted) / .5);border:1px solid hsl(var(--border) / .6);padding:.75rem 1rem;font-size:.875rem;color:hsl(var(--muted-foreground));line-height:1.6}main .section-calculator .guide-tip .tip-label{font-weight:600;color:hsl(var(--brand))}main .section-calculator .drawer-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.4);z-index:50;animation:fadeIn .2s ease-out}main .section-calculator .drawer{position:fixed;left:0;right:0;bottom:0;background:hsl(var(--card));border-top-left-radius:1rem;border-top-right-radius:1rem;padding:0 1rem 1.5rem;z-index:10001;animation:slideUp .25s ease-out}@keyframes slideUp{from{transform:translateY(100%)}to{transform:none}}main .section-calculator .drawer-handle{width:48px;height:4px;background:hsl(var(--muted));border-radius:2px;margin:.75rem auto}main .section-calculator .drawer-title{font-size:1rem;font-weight:700;text-align:right;margin:.5rem 0 1rem}main .section-calculator .drawer-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:.625rem}main .section-calculator .drawer-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.375rem;border:1px solid hsl(var(--border) / .8);border-radius:.75rem;aspect-ratio:1 / 1;padding:.5rem;font-size:11px;font-weight:500;color:hsl(var(--muted-foreground));background:hsl(var(--card));transition:background .15s}main .section-calculator .drawer-btn:hover{background:hsl(var(--accent))}main .section-calculator .drawer-btn.active{border-color:hsl(var(--brand));background:hsl(var(--brand));color:hsl(var(--foreground));font-weight:700}main .section-calculator .drawer-btn svg{width:20px;height:20px}main .section-calculator .chart-wrap{position:relative;margin-top:10px}main .section-calculator .compound-chart{display:block;width:100%;height:auto;overflow:visible}main .section-calculator .chart-grid{stroke:hsl(var(--border));stroke-width:1;opacity:.4;stroke-dasharray:3 3}main .section-calculator .chart-axis{font-size:10px;fill:hsl(var(--muted-foreground));font-family:inherit}main .section-calculator .chart-dot{fill:hsl(var(--brand));stroke:hsl(var(--background));stroke-width:1.5;opacity:0;cursor:pointer;transition:opacity .15s}main .section-calculator .chart-dot:hover{opacity:1}main .section-calculator .chart-tooltip{position:absolute;transform:translate(-50%, -100%);background:hsl(var(--popover, var(--card)));color:hsl(var(--foreground));border:1px solid hsl(var(--border));border-radius:8px;padding:6px 10px;font-size:11px;pointer-events:none;box-shadow:0 4px 12px rgba(0,0,0,0.08);white-space:nowrap;z-index:5}main .section-calculator .chart-tooltip .tip-month{color:hsl(var(--muted-foreground));font-size:10px}main .section-calculator .chart-tooltip .tip-val{font-weight:700}main .section-calculator .chart-hit{fill:transparent;cursor:crosshair}main .section-calculator .chart-hover-dot{fill:hsl(var(--brand));stroke:hsl(var(--background));stroke-width:2;pointer-events:none}main .section-calculator .chart-dot{pointer-events:none;opacity:1;fill:hsl(var(--brand));stroke:none}@media (min-width:992px){main .section-banners{margin-top:60px}}main .section-banners .container{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:wrap;gap:32px}@media (max-width:768px){main .section-banners .container{flex-direction:column;display:none}}main .section-banners .container>div{width:calc(50% - 32px)}@media (max-width:992px){main .section-banners .container>div{width:100%}}main .section-banners .container a{width:100%}@media (max-width:768px){main .section-banners{position:fixed;width:calc(100% - 80px);left:10px !important;right:auto !important;z-index:49 !important;bottom:1rem}}main .section-guide-text{padding-top:50px;direction:rtl;text-align:right}@media (max-width:768px){main .section-guide-text{padding-top:10px}}main .section-guide-text p{color:#4e5659;font-size:16px;font-weight:300;letter-spacing:-0.5px;padding-top:12px;line-height:30px}@media (max-width:768px){main .section-guide-text p{font-size:14px;font-weight:400;line-height:26px;padding-top:5px}}main .section-guide-text ul,main .section-guide-text ol{color:#4e5659;padding-right:50px;padding-top:10px;padding-bottom:10px}@media (max-width:768px){main .section-guide-text ul,main .section-guide-text ol{padding-right:30px}}main .section-guide-text h2{font-size:36px;font-weight:500;letter-spacing:-0.3px;color:#121618;margin-top:20px}@media (max-width:768px){main .section-guide-text h2{font-size:18px;font-weight:600;margin-top:10px}}main .section-guide-text h3{font-size:28px;font-weight:500;letter-spacing:-0.3px;color:#121618;margin-top:20px}@media (max-width:768px){main .section-guide-text h3{font-size:16px;font-weight:600;margin-top:10px}}main .section-faq{margin-top:150px}@media (max-width:768px){main .section-faq{margin-top:120px;padding-top:130px;background-image:url(../img/icon/expert/faq/faq-back.svg);background-position:top right;background-repeat:no-repeat}}main .section-faq>.container{padding:0 60px}main .section-faq>.container>.header{text-align:right;max-width:754px;margin-left:auto;margin-right:auto}main .section-faq>.container>.header .title{font-size:32px;font-weight:500;letter-spacing:-1px;color:#121618}@media (max-width:768px){main .section-faq>.container>.header .title{font-size:20px}}main .section-faq>.container>.header .title span{color:#8c979c}@media (max-width:768px){main .section-faq>.container>.header .title span{display:block}}main .section-faq>.container>.content{max-width:754px;margin-left:auto;margin-right:auto}main .section-faq>.container>.content .items{margin-top:40px}main .section-faq>.container>.content .items .item{border-radius:24px;background-color:#ffffff;padding:25px}main .section-faq>.container>.content .items .item:not(:first-child){margin-top:10px}main .section-faq>.container>.content .items .item.open .header{background-image:url(../img/icon/expert/faq/icon-less.svg)}main .section-faq>.container>.content .items .item.open .header p{color:#121618}main .section-faq>.container>.content .items .item.open .header p:before{background-color:#fcd610}main .section-faq>.container>.content .items .item.open .content{display:block}main .section-faq>.container>.content .items .item.close .header{background-image:url(../img/icon/expert/faq/icon-more.svg)}main .section-faq>.container>.content .items .item.close .header p{color:#a4abba}main .section-faq>.container>.content .items .item.close .header p:before{background-color:#b4c0c6}main .section-faq>.container>.content .items .item.close .content{display:none}main .section-faq>.container>.content .items .item .header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;flex-direction:row;flex-wrap:nowrap;background-position:top left;background-repeat:no-repeat;cursor:pointer;user-select:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none}main .section-faq>.container>.content .items .item .header p{max-width:95%;font-size:14px;font-weight:400;letter-spacing:-0.2px;position:relative;padding-right:15px}main .section-faq>.container>.content .items .item .header p:before{content:"";width:2px;height:10px;position:absolute;top:5px;right:0}main .section-faq>.container>.content .items .item .content{padding-top:35px;padding-bottom:12px;position:relative;max-height:0;overflow:hidden;transition:max-height .3s ease-out}main .section-faq>.container>.content .items .item .content:before{content:"";width:100%;border-top:1px dashed #e2ecef;border-bottom:1px dashed #e2ecef;position:absolute;top:15px;right:0}main .section-faq>.container>.content .items .item .content p{font-size:14px;font-weight:300;letter-spacing:-0.5px;color:#58686f;line-height:25px}main .section-faq>.container>.content .items .item .content a{color:#00b7c2}/*# sourceMappingURL=./forex-calculator.css.map */