.box-shadow,.light-box-shadow{box-shadow:0 0 8px #f0f0f0}.margin-calculator-wrap .calc-title{align-items:center;margin-bottom:20px;font-size:22px;line-height:31px;font-weight:600}.margin-calculator-wrap .calc-divider{margin:0 0 28px;border-color:#dfe7ec;opacity:1}.margin-calculator-wrap .calc-divider.calc-divider--mid{margin:36px 0}@media(max-width:768px){.margin-calculator-wrap .calc-divider{display:none}}.margin-calculator-wrap .margin-calc-panel{border:1px solid #dfe7ec;border-radius:16px;padding:36px 36px 30px}@media(max-width:992px){.margin-calculator-wrap .margin-calc-panel{padding:20px 16px;border-radius:12px}}.margin-calculator-wrap .margin-calc-panel__top{display:grid;grid-template-columns:minmax(0,1fr) 480px;grid-gap:40px;gap:40px}@media(max-width:1200px){.margin-calculator-wrap .margin-calc-panel__top{grid-template-columns:1fr;gap:24px}}.margin-calculator-wrap .margin-calc-panel__field-row{display:grid;grid-template-columns:minmax(0,1fr) 214px;grid-gap:12px 40px;gap:12px 40px;margin-bottom:20px}@media(max-width:768px){.margin-calculator-wrap .margin-calc-panel__field-row{grid-template-columns:1fr;gap:12px}}.margin-calculator-wrap .margin-calc-panel__field-row .form-label{grid-column:1/-1;font-size:16px;line-height:20px;font-weight:400;color:#0f1621;margin:0}@media(max-width:768px){.margin-calculator-wrap .margin-calc-panel__field-row .form-label{font-size:14px}}.margin-calculator-wrap .margin-calc-panel__field-row .form-control{height:44px;border:1px solid #dfe7ec;border-radius:4px;font-size:18px;line-height:23px;font-weight:500;color:#0f1621;box-shadow:none;padding:0 16px}.margin-calculator-wrap .margin-calc-panel__field-row .form-control:focus{border-color:#2777f3;box-shadow:none}.margin-calculator-wrap .margin-calc-panel__field-row--qty{margin-bottom:0}.margin-calculator-wrap .margin-calc-panel__field-row--qty .marginpara{margin:6px 0 0;font-size:14px;line-height:18px;color:#999}.margin-calculator-wrap .margin-calc-panel__field-row--qty .error.marginpara{color:#dc3545}.margin-calculator-wrap .margin-calc-panel__search-wrap{position:relative}.margin-calculator-wrap .margin-calc-panel__search-wrap .brokerage-search-result{position:absolute;top:calc(100% + 6px);left:0;z-index:20;width:100%;list-style:none;margin:0;padding:0;border-radius:8px;background:#fff;box-shadow:0 4px 12px rgba(0,0,0,.12);max-height:250px;overflow-y:auto}.margin-calculator-wrap .margin-calc-panel__search-wrap .brokerage-search-result .brokerage-search-list{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid #d9d9d9;cursor:pointer;font-family:Onest,sans-serif;font-size:16px;line-height:20px}.margin-calculator-wrap .margin-calc-panel__search-wrap .brokerage-search-result .brokerage-search-list:last-child{border-bottom:0}.margin-calculator-wrap .margin-calc-panel__search-wrap .brokerage-search-result .brokerage-search-list:hover{background:#e1eeff}.margin-calculator-wrap .margin-calc-panel__search-wrap .brokerage-search-result .brokerage-search-list .symbol{width:75%;color:#0f1621;text-align:left}.margin-calculator-wrap .margin-calc-panel__search-wrap .brokerage-search-result .brokerage-search-list .exchange{width:25%;color:#666;text-align:right;font-size:14px;line-height:18px}.margin-calculator-wrap .margin-calc-panel__search-wrap .search-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none}.margin-calculator-wrap .margin-calc-panel__search-wrap .search-icon img{width:20px;height:20px;display:block}.margin-calculator-wrap .margin-calc-panel__trade-type{background:#e1eeff;border-radius:8px;padding:4px;display:flex;align-items:center;gap:0;height:42px}@media(max-width:767px){.margin-calculator-wrap .margin-calc-panel__trade-type{height:44px;width:50%;min-width:200px}}.margin-calculator-wrap .margin-calc-panel__trade-type .trade-btn{border:0;background:rgba(0,0,0,0);border-radius:8px;height:34px;flex:1 1;font-size:14px;font-weight:500;color:#333}.margin-calculator-wrap .margin-calc-panel__trade-type .trade-btn--active{background:#2777f3;color:#fff}.margin-calculator-wrap .margin-calc-panel__action-btns{display:flex;gap:16px}@media(max-width:768px){.margin-calculator-wrap .margin-calc-panel__action-btns{flex-direction:row-reverse;justify-content:space-between;width:100%}}.margin-calculator-wrap .margin-calc-panel__action-btns .btn-add,.margin-calculator-wrap .margin-calc-panel__action-btns .btn-reset{width:99px;height:40px;padding:10px 0;font-size:16px;line-height:20px;border-radius:8px;font-weight:500}@media(max-width:768px){.margin-calculator-wrap .margin-calc-panel__action-btns .btn-add,.margin-calculator-wrap .margin-calc-panel__action-btns .btn-reset{width:100%}}.margin-calculator-wrap .margin-calc-panel__action-btns .btn-add{border:1px solid #2777f3;background:#2777f3;color:#fff}.margin-calculator-wrap .margin-calc-panel__action-btns .btn-add:focus,.margin-calculator-wrap .margin-calc-panel__action-btns .btn-add:hover{background:#2777f3;color:#fff}.margin-calculator-wrap .margin-calc-panel__action-btns .btn-add.disabled,.margin-calculator-wrap .margin-calc-panel__action-btns .btn-add:disabled{background:#e0d6f4;border-color:#e0d6f4;color:#667485;cursor:not-allowed;opacity:1}.margin-calculator-wrap .margin-calc-panel__action-btns .btn-add.disabled:focus,.margin-calculator-wrap .margin-calc-panel__action-btns .btn-add.disabled:hover,.margin-calculator-wrap .margin-calc-panel__action-btns .btn-add:disabled:focus,.margin-calculator-wrap .margin-calc-panel__action-btns .btn-add:disabled:hover{background:#e0d6f4;border-color:#e0d6f4;color:#667485}.margin-calculator-wrap .margin-calc-panel__action-btns .btn-reset{border:1px solid #2777f3;background:#fff;color:#2777f3}.margin-calculator-wrap .margin-calc-panel__action-btns .btn-reset:focus,.margin-calculator-wrap .margin-calc-panel__action-btns .btn-reset:hover{background:#fff;color:#2777f3}.margin-calculator-wrap .margin-calc-panel__summary-card{background:#e9f1fe;border-radius:16px;padding:24px}@media(max-width:767px){.margin-calculator-wrap .margin-calc-panel__summary-card{border-radius:12px;padding:16px;margin-bottom:24px;background:#f9fbff}}.margin-calculator-wrap .margin-calc-panel__summary-card .summary-row{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;color:#0f1621}.margin-calculator-wrap .margin-calc-panel__summary-card .summary-row:last-child{margin-bottom:0}.margin-calculator-wrap .margin-calc-panel__summary-card .summary-row span,.margin-calculator-wrap .margin-calc-panel__summary-card .summary-row strong{font-size:16px;line-height:20px;font-weight:400}@media(max-width:768px){.margin-calculator-wrap .margin-calc-panel__summary-card .summary-row span,.margin-calculator-wrap .margin-calc-panel__summary-card .summary-row strong{font-size:14px}}.margin-calculator-wrap .margin-calc-panel__summary-card .summary-row--total{border-top:1px solid #dfe7ec;padding-top:14px;margin-top:6px}.margin-calculator-wrap .margin-calc-panel__summary-card .summary-row--total span,.margin-calculator-wrap .margin-calc-panel__summary-card .summary-row--total strong{font-weight:700}.margin-calculator-wrap .margin-calc-panel__summary-card .summary-row--positive strong{color:#45b644;font-weight:600}.margin-calculator-wrap .margin-calc-panel__table-wrap{border:1px solid #dfe7ec;border-radius:16px;overflow-x:hidden;overflow-y:hidden;margin-bottom:18px}@media(max-width:1025px){.margin-calculator-wrap .margin-calc-panel__table-wrap{border-radius:12px;overflow-x:auto}}.margin-calculator-wrap .margin-calc-panel__note{margin:0;color:#667485;font-size:16px;line-height:19px;font-weight:400}.margin-calculator-wrap .margin-contract-table{width:100%;min-width:0;table-layout:auto;border-collapse:initial;border-spacing:0}.margin-calculator-wrap .margin-contract-table thead th{background:#f4fcfd;color:#0f1621;font-size:20px;line-height:26px;font-weight:600;text-align:left;padding:16px 24px;height:58px;border-bottom:1px solid #dfe7ec;white-space:nowrap}@media(max-width:768px){.margin-calculator-wrap .margin-contract-table thead th{font-size:16px}}.margin-calculator-wrap .margin-contract-table tbody td{font-size:18px;line-height:23px;font-weight:400;color:#0f1621;text-align:left;padding:16px 24px;height:56px;border-bottom:1px solid #dfe7ec}@media(max-width:768px){.margin-calculator-wrap .margin-contract-table tbody td{font-size:14px}}.margin-calculator-wrap .margin-contract-table tbody td.center{text-align:center}.margin-calculator-wrap .margin-contract-table tbody tr:last-child td{border-bottom:0;height:78px}.margin-calculator-wrap .margin-contract-table .col-contract{width:23%;white-space:normal}.margin-calculator-wrap .icon-btn{border:0;background:rgba(0,0,0,0);line-height:1;padding:0}.margin-calculator-wrap .icon-btn img{cursor:pointer;display:block;min-width:18px}@media(max-width:768px){.grid-m-area{grid-template-areas:"trade" "search" "input"}.grid-m-trade{grid-area:"trade"}.grid-m-search{grid-area:"search"}.grid-m-input{grid-area:"input"}}