.input-container{display:flex;flex-direction:column;--border-color:var(--border-1);--shadow-color:transparent;--icon-color:var(--text-4);height:6.4rem}.input-container.md{height:4rem}.input-container:has(input.has-value) .input-label,.input-container:has(input:focus) .input-label{font-size:2rem}@media (min-width:1100px){.input-container:has(input.has-value) .input-label,.input-container:has(input:focus) .input-label{font-size:1.67rem}}@media (min-width:1280px){.input-container:has(input.has-value) .input-label,.input-container:has(input:focus) .input-label{font-size:1.25rem}}@media (min-width:1536px){.input-container:has(input.has-value) .input-label,.input-container:has(input:focus) .input-label{font-size:1.17rem}}.input-container .input-label{font-size:2rem}@media (min-width:1100px){.input-container .input-label{font-size:1.67rem}}@media (min-width:1280px){.input-container .input-label{font-size:1.25rem}}@media (min-width:1536px){.input-container .input-label{font-size:1.17rem}}.input-container .input-label{font-style:normal;font-weight:500;line-height:142.857%;color:var(--text-1);cursor:text}.input-container .input-section{display:flex;align-items:center;padding:0 1.4rem;gap:.8rem;height:100%;align-self:stretch;transition:all .2s;border-radius:.8rem;border:1px solid var(--border-color);cursor:text;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.input-container .input-section input,.input-container .input-section textarea{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;outline:none;background:transparent;font-size:2.33rem}@media (min-width:1100px){.input-container .input-section input,.input-container .input-section textarea{font-size:1.94rem}}@media (min-width:1280px){.input-container .input-section input,.input-container .input-section textarea{font-size:1.25rem}}@media (min-width:1536px){.input-container .input-section input,.input-container .input-section textarea{font-size:1.2rem}}.input-container .input-section input,.input-container .input-section textarea{font-style:normal;font-weight:400;line-height:150%;min-width:0;height:0;opacity:0}.input-container .input-section input.has-value,.input-container .input-section input:focus,.input-container .input-section textarea.has-value,.input-container .input-section textarea:focus{height:2.5rem;opacity:1}.input-container .input-section svg{color:var(--icon-color);width:1.5rem;height:1.5rem}.input-container:focus-within,.input-container:hover{--border-color:var(--primary)}.input-container.has-error{--border-color:var(--error);--icon-color:var(--error)}.input-container .error-message{color:var(--error)}.kafi-pro-layout .input-container{height:5.6rem}.kafi-pro-layout .account-picker .input-section{justify-content:center;align-items:center}.kafi-pro-layout .data-grid.ag-theme-quartz{--ag-font-family:var(--font-family-common);--ag-checkbox-unchecked-color:#a3a3a3}.data-grid.ag-theme-quartz{--ag-border-color:var(--border-8);--ag-odd-row-background-color:transparent;--ag-background-color:transparent;--ag-header-background-color:transparent;--ag-header-foreground-color:var(--text-2);--ag-font-family:var(--font-family-common);--ag-borders-critical:none;--ag-grid-size:2px;--ag-row-hover-color:var(--bg-row-hover);--ag-checkbox-checked-color:var(--primary);--ag-checkbox-unchecked-color:var(--border-1);--ag-font-size:1.4rem;--ag-icon-size:1.6rem}.data-grid.ag-theme-quartz .ag-root-wrapper{border:none}.data-grid.ag-theme-quartz .align-check-box{display:flex!important;justify-content:center!important}.data-grid.ag-theme-quartz .align-check-box .ag-header-cell-comp-wrapper{width:2px}.data-grid.ag-theme-quartz .align-check-box .ag-checkbox-input-wrapper{color:var(--border-1)}.data-grid .ag-header .group-header{--ag-borders-critical:1px solid;border-left:1px solid var(--ag-border-color);border-right:1px solid var(--ag-border-color)}.data-grid .ag-header .group-header .ag-header-cell-comp-wrapper{justify-content:center}.data-grid .ag-header .ag-header-viewport .ag-header-container,.data-grid .ag-header .ag-pinned-left-header{border-bottom:1px solid var(--ag-border-color)}.data-grid .ag-header .ag-header-viewport .ag-header-container .ag-header-row .ag-header-cell.text-right .ag-header-cell-label{justify-content:flex-end}.data-grid .ag-header .ag-header-viewport .ag-header-container .ag-header-row .ag-header-cell.text-center .ag-header-cell-label{justify-content:center}.data-grid .ag-header .ag-header-cell-text{font-size:1.4rem}@media (min-width:1100px){.data-grid .ag-header .ag-header-cell-text{font-size:1.2rem}}@media (min-width:1280px){.data-grid .ag-header .ag-header-cell-text{font-size:1.2rem}}@media (min-width:1536px){.data-grid .ag-header .ag-header-cell-text{font-size:1.2rem}}.data-grid .ag-header .ag-header-cell-text{font-weight:700}.data-grid .ag-row .ag-cell{color:var(--text);font-size:2rem}@media (min-width:1100px){.data-grid .ag-row .ag-cell{font-size:1.67rem}}@media (min-width:1280px){.data-grid .ag-row .ag-cell{font-size:1.2rem}}@media (min-width:1536px){.data-grid .ag-row .ag-cell{font-size:1.2rem}}.data-grid .ag-row .ag-cell{font-weight:400;display:flex;align-items:center}.data-grid .ag-row .ag-cell.bold{color:#fff;font-weight:500}.data-grid .ag-row .ag-cell.text-right{text-align:right;justify-content:flex-end}.data-grid .ag-row .ag-cell.text-center{text-align:center;justify-content:center}.data-grid ::-webkit-scrollbar-thumb{background-color:var(--thumb);border:none;cursor:pointer}.sticky-pinned-right .ag-pinned-right-cols-container .ag-row-hover:not(.ag-full-width-row):before{background-color:transparent!important}.sticky-pinned-right .ag-horizontal-right-spacer,.sticky-pinned-right .ag-pinned-right-header{width:0!important;min-width:0!important}.sticky-pinned-right .action-cell button{background-color:var(--bg-4)!important}.sticky-pinned-right .ag-pinned-right-cols-container{position:absolute!important;right:0;pointer-events:none}.sticky-pinned-right .ag-pinned-right-cols-container *{pointer-events:auto}.sticky-pinned-right .ag-pinned-right-cols-container .ag-cell{border:none!important}.sticky-pinned-right .ag-pinned-right-cols-container .ag-row:not(.ag-row-hover),.sticky-pinned-right .ag-pinned-right-cols-container .ag-row:not(.ag-row-hover) .ag-cell{width:0!important;padding:0!important}.quantity-input .input-icon{cursor:pointer}.quantity-input .input-icon:hover svg rect:first-child{fill:var(--primary)}.quantity-input.disabled{opacity:.5}.quantity-input.disabled .input-icon{opacity:.5;cursor:default}.quantity-input.disabled .input-icon svg{opacity:.5}.quantity-input.quantity-pro .input-icon:hover svg rect:first-child{fill:none}.quantity-input.in-pro{background-color:var(--color-gray-6);display:flex;height:3.6rem;align-items:center;border-radius:.4rem}.quantity-input.in-pro svg rect:first-child,.quantity-input.in-pro:hover svg rect:first-child{fill:none}.quantity-input.in-pro .input-section{display:flex;height:100%;min-width:0;flex:1 1 0%;flex-direction:column}.quantity-input.in-pro .input-section .input-label{color:var(--text-1);font-size:1.4rem;flex:1 1 0%;text-align:center}.quantity-input.in-pro .input-section.has-value .input-label,.quantity-input.in-pro .input-section:focus-within .input-label{font-size:1rem}.quantity-input.in-pro .input-section.has-value input,.quantity-input.in-pro .input-section:focus-within input{height:-moz-fit-content;height:fit-content}.quantity-input.in-pro .input-section input{min-height:2.1rem;font-size:1.2rem;color:var(--color-gray-0)!important;height:0;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.price-input:not(.disabled) .input-icon{cursor:pointer}.price-input:not(.disabled) .input-icon:hover svg rect:first-child{fill:var(--primary)}.price-input.disabled{opacity:.5}.price-input.disabled .input-icon{opacity:.5;cursor:default}.price-input.disabled .input-icon svg{opacity:.5}.price-input.disabled .input-icon:hover svg rect:first-child{fill:var(--bg-4)}.price-input.in-pro{display:flex;height:3.6rem;align-items:center;border-radius:.4rem}.price-input.in-pro svg rect:first-child,.price-input.in-pro:hover svg rect:first-child{fill:none}.price-input.in-pro .input-section{display:flex;height:100%;min-width:0;flex:1 1 0%;flex-direction:column}.price-input.in-pro .input-section .input-label{color:var(--text-1);flex:1 1 0%;text-align:center;font-size:1rem}.price-input.in-pro .input-section.has-value .input-label,.price-input.in-pro .input-section:focus-within .input-label{font-size:1rem}.price-input.in-pro .input-section.has-value input,.price-input.in-pro .input-section:focus-within input{height:-moz-fit-content;height:fit-content}.price-input.in-pro .input-section input{min-height:2.1rem;font-size:1.2rem;height:0;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.time-input{width:100%;height:3.6rem;position:relative;font-size:1.2rem}.time-input.in-pro>input{background:var(--bg-4);border:1px solid var(--bg-3)!important;color:var(--text)}.time-input>.time-options{position:absolute;min-width:100%;top:calc(100% + 5px);background:var(--bg-gradient-1);border:1px solid var(--border-1);border-radius:4px;z-index:10;display:none}.time-input>.time-options.show{display:block}.time-input>.time-options.top{top:unset;bottom:calc(100% + 5px)}.time-input>.time-options>.time-options-item{cursor:pointer;height:24px;display:flex;align-items:center;justify-content:flex-end;padding:0 10px;white-space:nowrap;color:var(--text-color-1)}.time-input>.time-options>.time-options-item:not(:last-child){border-bottom:1px solid var(--border-1)}.time-input>.time-options>.time-options-item:hover{background-color:var(--border-1);color:var(--yellow-logo-light)}.time-input>input{width:100%;height:100%;background:var(--bg-4);border:1px solid var(--border-1)!important;border-radius:.4rem!important;color:var(--text-color-1);outline:none;text-align:right;padding-right:3.2rem}.time-input>input[disabled],.time-input>input[readonly]{opacity:.5}.time-input .prefix{position:absolute;top:50%;transform:translateY(-50%);left:.8rem}.number-input .input-icon{cursor:pointer}.number-input .input-icon:hover svg rect:first-child{fill:var(--primary)}.number-input.disabled .input-icon{opacity:.5;cursor:default}.number-input.disabled .input-icon svg{opacity:.5}.number-input.disabled .input-icon:hover svg rect:first-child{fill:var(--bg-4)}.number-input.in-pro{background-color:var(--color-gray-6);display:flex;height:3.6rem;align-items:center;border-radius:.4rem}.number-input.in-pro svg rect:first-child,.number-input.in-pro:hover svg rect:first-child{fill:none}.number-input.in-pro .input-section{display:flex;height:100%;min-width:0;flex:1 1 0%;flex-direction:column}.number-input.in-pro .input-section .input-label{color:var(--text-1);font-size:1.4rem;flex:1 1 0%;text-align:center}.number-input.in-pro .input-section.has-value .input-label,.number-input.in-pro .input-section:focus-within .input-label{font-size:1rem}.number-input.in-pro .input-section.has-value input,.number-input.in-pro .input-section:focus-within input{height:-moz-fit-content;height:fit-content}.number-input.in-pro .input-section input{height:0;font-size:1.2rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.date-picker{--border-color:var(--gray-300);--shadow-color:transparent;--icon-color:var(--gray-500)}.date-picker .react-datepicker-wrapper{flex:1}.date-picker .react-datepicker-wrapper .react-datepicker__input-container input{width:100%;background:transparent;outline:none;font-size:2.33rem}@media (min-width:1100px){.date-picker .react-datepicker-wrapper .react-datepicker__input-container input{font-size:1.94rem}}@media (min-width:1280px){.date-picker .react-datepicker-wrapper .react-datepicker__input-container input{font-size:1.25rem}}@media (min-width:1536px){.date-picker .react-datepicker-wrapper .react-datepicker__input-container input{font-size:1.2rem}}.date-picker .react-datepicker__tab-loop{position:absolute}.date-picker .react-datepicker{font-size:2.33rem}@media (min-width:1100px){.date-picker .react-datepicker{font-size:1.94rem}}@media (min-width:1280px){.date-picker .react-datepicker{font-size:1.25rem}}@media (min-width:1536px){.date-picker .react-datepicker{font-size:1.2rem}}.date-picker .react-datepicker{border:1px solid var(--border-1);background-color:var(--bg);border-radius:.8rem}.date-picker .react-datepicker .react-datepicker__header{background-color:var(--bg);color:var(--text);border-radius:.8rem .8rem 0 0}.date-picker .react-datepicker .react-datepicker__header .react-datepicker__header__dropdown{display:flex;justify-content:space-between;padding-right:.8rem}.date-picker .react-datepicker .react-datepicker__header .react-datepicker__current-month{font-size:1.4rem;color:var(--text)}.date-picker .react-datepicker .react-datepicker__header .react-datepicker__day-names{display:flex;justify-content:space-between;padding:.4rem}.date-picker .react-datepicker .react-datepicker__header .react-datepicker__day-names>div{color:var(--text-1)}.date-picker .react-datepicker .react-datepicker__month{display:flex;flex-direction:column;gap:.4rem;background-color:var(--bg);margin:0;border-radius:.8rem;padding:.8rem}.date-picker .react-datepicker .react-datepicker__month .react-datepicker__week{display:flex;gap:.4rem}.date-picker .react-datepicker .react-datepicker__month .react-datepicker__week .react-datepicker__day{margin:0;padding:0;width:2.6rem;height:2.6rem;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text)}.date-picker .react-datepicker .react-datepicker__month .react-datepicker__week .react-datepicker__day.react-datepicker__day--today{background-color:transparent;color:var(--primary)}.date-picker .react-datepicker .react-datepicker__month .react-datepicker__week .react-datepicker__day:hover{background-color:var(--primary);color:#fff;border-radius:.8rem}.date-picker .react-datepicker .react-datepicker__month .react-datepicker__week .react-datepicker__day.react-datepicker__day--keyboard-selected{background:var(--primary);font-weight:500;border-radius:.8rem;color:#fff}.date-picker .react-datepicker .react-datepicker__month .react-datepicker__week .react-datepicker__day.react-datepicker__day--disabled{color:var(--text-2);background-color:transparent!important;cursor:default}.date-picker .react-datepicker .react-datepicker__month .react-datepicker__week .react-datepicker__day.react-datepicker__day--selected{background:var(--primary);color:var(--fg);border-radius:.8rem}.date-picker .react-datepicker-popper{z-index:100}.kafi-pro-layout .date-picker{--border-color:var(--border-1);--shadow-color:transparent;--icon-color:var(--text-1);background-color:transparent!important;height:4rem}.kafi-pro-layout .date-picker .help-icon svg{color:var(--icon-color)}.kafi-pro-layout .date-picker .react-datepicker{background-color:transparent}.kafi-pro-layout .date-picker.new-theme{background-color:#262626!important}.conditional-order-form .input-section{min-width:0}.kafi-pro-layout .conditional-order-form .account-picker .dropdown-button{border-radius:4px!important}.kafi-pro-layout .conditional-order-form .dropdown-container .dropdown-button{border-radius:4px!important;background-color:var(--color-gray-6)!important}.kafi-pro-layout .conditional-order-form .dropdown-container .dropdown-button input{color:var(--color-gray-0)}.account-info .base-card .card-title{color:var(--text);font-size:1.8rem;font-weight:600}.account-info .base-card .account-info-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));-moz-column-gap:3.2rem;column-gap:3.2rem;row-gap:1.6rem}.account-info .base-card .account-info-list .account-info-item{display:flex;flex-direction:column;gap:.8rem}.account-info .base-card .account-info-list .account-info-item .account-info-label{font-size:1.2rem;font-weight:500;color:var(--text-2)}.account-info .base-card .account-info-list .account-info-item .account-info-value{font-size:1.2rem;font-weight:600;color:var(--text)}.kafi-pro-layout .account-info .base-card{gap:1.2rem;background-color:transparent;padding:0}.kafi-pro-layout .account-info .base-card:nth-child(2) .account-info-list,.kafi-pro-layout .account-info .base-card:nth-child(3) .account-info-list{grid-template-columns:repeat(2,minmax(0,1fr))}.kafi-pro-layout .account-info .base-card .card-title{font-size:2.67rem}@media (min-width:1100px){.kafi-pro-layout .account-info .base-card .card-title{font-size:2.22rem}}@media (min-width:1280px){.kafi-pro-layout .account-info .base-card .card-title{font-size:1.67rem}}@media (min-width:1536px){.kafi-pro-layout .account-info .base-card .card-title{font-size:1.56rem}}.kafi-pro-layout .account-info .base-card .card-title{font-weight:700;color:var(--primary)}.kafi-pro-layout .account-info .base-card .account-info-list{grid-template-columns:repeat(4,minmax(0,1fr));-moz-column-gap:.8rem;column-gap:.8rem;row-gap:1.2rem}.kafi-pro-layout .account-info .base-card .account-info-list .account-info-item{gap:0;border-radius:.8rem;border-width:1px;border-color:var(--color-gray-6);padding:.65rem 1.6rem}.kafi-pro-layout .account-info .base-card .account-info-list .account-info-item.span-2{grid-column:span 2/span 2}.kafi-pro-layout .account-info .base-card .account-info-list .account-info-item .account-info-label{color:var(--text-1);font-weight:500;font-size:2rem}@media (min-width:1100px){.kafi-pro-layout .account-info .base-card .account-info-list .account-info-item .account-info-label{font-size:1.67rem}}@media (min-width:1280px){.kafi-pro-layout .account-info .base-card .account-info-list .account-info-item .account-info-label{font-size:1.25rem}}@media (min-width:1536px){.kafi-pro-layout .account-info .base-card .account-info-list .account-info-item .account-info-label{font-size:1.17rem}}.kafi-pro-layout .account-info .base-card .account-info-list .account-info-item .account-info-label{line-height:3.33rem}@media (min-width:1100px){.kafi-pro-layout .account-info .base-card .account-info-list .account-info-item .account-info-label{line-height:2.78rem}}@media (min-width:1280px){.kafi-pro-layout .account-info .base-card .account-info-list .account-info-item .account-info-label{line-height:2.08rem}}@media (min-width:1536px){.kafi-pro-layout .account-info .base-card .account-info-list .account-info-item .account-info-label{line-height:1.94rem}}.kafi-pro-layout .account-info .base-card .account-info-list .account-info-item .account-info-value{font-size:2.33rem}@media (min-width:1100px){.kafi-pro-layout .account-info .base-card .account-info-list .account-info-item .account-info-value{font-size:1.94rem}}@media (min-width:1280px){.kafi-pro-layout .account-info .base-card .account-info-list .account-info-item .account-info-value{font-size:1.25rem}}@media (min-width:1536px){.kafi-pro-layout .account-info .base-card .account-info-list .account-info-item .account-info-value{font-size:1.2rem}}.kafi-pro-layout .account-info .base-card .account-info-list .account-info-item .account-info-value{line-height:3.67rem}@media (min-width:1100px){.kafi-pro-layout .account-info .base-card .account-info-list .account-info-item .account-info-value{line-height:3.06rem}}@media (min-width:1280px){.kafi-pro-layout .account-info .base-card .account-info-list .account-info-item .account-info-value{line-height:2.29rem}}@media (min-width:1536px){.kafi-pro-layout .account-info .base-card .account-info-list .account-info-item .account-info-value{line-height:2.14rem}}.kafi-pro-layout .account-info .base-card .account-info-list .account-info-item .account-info-value{color:var(--text);font-weight:700}.account-list .card-title{color:var(--text);font-size:1.8rem;font-weight:600}.account-list .list-bank{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));-moz-column-gap:3.2rem;column-gap:3.2rem;row-gap:1.6rem}.account-list .list-bank .bank-item{display:flex;flex-direction:column;justify-content:space-between;padding:1rem 1.6rem}.account-list .list-bank .bank-item .bank-label{color:var(--text-2);font-size:1.2rem;font-weight:500}.account-list .list-bank .bank-item .bank-value{display:flex;flex-direction:row;align-items:flex-end;gap:4px;font-size:1.2rem;font-weight:600;color:var(--text)}.kafi-pro-layout .account-list{padding-top:2rem}.kafi-pro-layout .account-list.base-card{gap:1.2rem;background-color:transparent;padding:0}.kafi-pro-layout .account-list.base-card .card-title{font-size:1.6rem;font-weight:700;color:var(--primary)}.kafi-pro-layout .account-list.base-card .list-bank{grid-template-columns:repeat(3,minmax(0,1fr));-moz-column-gap:1.8rem;column-gap:1.8rem;row-gap:1.6rem}.kafi-pro-layout .account-list.base-card .list-bank .bank-item{gap:0;border-radius:.8rem;border-width:1px;border-color:var(--color-gray-6);padding:.65rem 1.6rem}.kafi-pro-layout .account-list.base-card .list-bank .bank-item .bank-label{color:var(--text-1);font-size:1.2rem;font-weight:500;line-height:2rem}.kafi-pro-layout .account-list.base-card .list-bank .bank-item .bank-value{color:var(--text);font-size:1.2rem;font-weight:700;line-height:2.2rem}.beneifcial-account .card-title{color:var(--text);font-size:1.8rem;font-weight:600}.beneifcial-account .list-bank{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));-moz-column-gap:3.2rem;column-gap:3.2rem;row-gap:1.6rem}.beneifcial-account .list-bank .bank-item{border-color:var(--border-1);display:flex;cursor:pointer;flex-direction:row;align-items:center;justify-content:space-between;border-radius:.8rem;border-width:1px;border-style:solid;padding:1rem 1.6rem}.beneifcial-account .list-bank .bank-item .bank-label{font-size:1.2rem;font-weight:500}.beneifcial-account .list-bank .bank-item .bank-value{font-size:1.2rem;font-weight:600}.kafi-pro-layout .beneifcial-account{padding-top:2rem}.kafi-pro-layout .beneifcial-account.base-card{gap:1.2rem;background-color:transparent;padding:0}.kafi-pro-layout .beneifcial-account.base-card .card-title{font-size:1.5rem;font-weight:700;color:var(--primary)}.kafi-pro-layout .beneifcial-account.base-card .list-bank{grid-template-columns:repeat(1,minmax(0,1fr))}.kafi-pro-layout .beneifcial-account.base-card .list-bank .bank-item{gap:0;border-radius:.8rem;border-width:1px;border-color:var(--color-gray-6);padding:.65rem 1.6rem}.kafi-pro-layout .beneifcial-account.base-card .list-bank .bank-item .bank-label{color:var(--text-1);font-size:1.2rem;font-weight:500;line-height:2rem}.kafi-pro-layout .beneifcial-account.base-card .list-bank .bank-item .bank-value{color:var(--text);font-size:1.2rem;font-weight:700;line-height:2.2rem}.account-common .card-title{color:var(--text);font-size:1.8rem;font-weight:600}.account-common .list-bank{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));-moz-column-gap:3.2rem;column-gap:3.2rem;row-gap:1.6rem}.account-common .list-bank .bank-item{border-color:var(--border-1);display:flex;cursor:pointer;flex-direction:row;align-items:center;justify-content:space-between;border-radius:.8rem;border-width:1px;border-style:solid;padding:1rem 1.6rem}.account-common .list-bank .bank-item .bank-label{font-size:1.2rem;font-weight:500}.account-common .list-bank .bank-item .bank-value{font-size:1.2rem;font-weight:600}.kafi-pro-layout .account-common{padding-top:2rem}.kafi-pro-layout .account-common.base-card{gap:1.2rem;background-color:transparent;padding:0}.kafi-pro-layout .account-common.base-card .card-title{font-size:1.6rem;font-weight:700;color:var(--primary)}.kafi-pro-layout .account-common.base-card .list-bank{grid-template-columns:repeat(3,minmax(0,1fr));-moz-column-gap:1.8rem;column-gap:1.8rem;row-gap:1.6rem}.kafi-pro-layout .account-common.base-card .list-bank .bank-item{gap:0;border-radius:.8rem;border-width:1px;border-color:var(--color-gray-6);padding:.8rem 1.2rem}.kafi-pro-layout .account-common.base-card .list-bank .bank-item .bank-label{color:var(--text-1);font-size:1.2rem;font-weight:500;line-height:2rem}.kafi-pro-layout .account-common.base-card .list-bank .bank-item .bank-value{color:var(--text);font-size:1.2rem;font-weight:700;line-height:2.2rem}.market-depth-chart>div,.market-depth-chart>div .highcharts-container,.market-depth-chart>div .highcharts-container>div{height:100%;width:100%}.input-container.numberic-input{display:flex;flex-direction:column;--border-color:var(--border-1);--shadow-color:transparent;--icon-color:var(--text-4);height:6.4rem}.input-container.numberic-input.md{height:4rem}.input-container.numberic-input .input-label{font-size:1.2rem;font-style:normal;font-weight:500;line-height:142.857%;color:var(--text-1);cursor:text}.input-container.numberic-input .input-section{display:flex;align-items:center;padding:0 1.4rem;gap:.8rem;height:100%;align-self:stretch;transition:all .2s;border-radius:.8rem;border:1px solid var(--border-color);cursor:text;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.input-container.numberic-input .input-section input,.input-container.numberic-input .input-section textarea{font-size:1.8rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}@media (min-width:1280px){.input-container.numberic-input .input-section input,.input-container.numberic-input .input-section textarea{font-size:1.4rem}}.input-container.numberic-input .input-section input,.input-container.numberic-input .input-section textarea{outline:none;background:transparent;font-style:normal;font-weight:400;line-height:150%;min-width:0;height:0;opacity:0;max-height:0}.input-container.numberic-input .input-section input.has-value,.input-container.numberic-input .input-section input:focus,.input-container.numberic-input .input-section textarea.has-value,.input-container.numberic-input .input-section textarea:focus{max-height:2.5rem;height:2.5rem;display:block;opacity:1}.input-container.numberic-input .input-section svg{color:var(--icon-color);width:1.5rem;height:1.5rem}.input-container.numberic-input:focus-within,.input-container.numberic-input:hover{--border-color:var(--primary)}.input-container.numberic-input.has-error{--border-color:var(--error);--icon-color:var(--error)}.input-container.numberic-input .error-message{color:var(--error)}.kafi-pro-layout .input-container.numberic-input{height:5.6rem}.switcher{height:calc(var(--switch-size) + var(--switch-padding)*2);width:calc(var(--switch-size)*2 + var(--switch-padding)*2);position:relative;background-color:var(--bg-switcher)}.switcher[data-checked]{background-color:var(--green2)}.switcher.pro{border-radius:.8rem;border-width:1px;border-color:var(--color-gray-6);background-color:transparent}.switcher.pro .switch-handle{background-color:var(--primary)!important;border-radius:.8rem}.switcher.pro[data-checked] .switch-handle{transform:translate(calc(100% - var(--switch-padding) - 1px),-50%)}.switcher[data-checked] .switch-handle{transform:translate(calc(100% - var(--switch-padding)),-50%)}.switcher .switch-handle{width:var(--switch-size);height:var(--switch-size);position:absolute;left:var(--switch-padding);top:50%;transform:translateY(-50%)}.switcher .checked-icon,.switcher .unchecked-icon{display:flex;align-items:center;justify-content:center;overflow:hidden;width:var(--switch-size);height:var(--switch-size);position:absolute;z-index:1}.switcher .checked-icon{left:var(--switch-padding);top:50%;transform:translateY(-50%)}.switcher .unchecked-icon{right:var(--switch-padding);top:50%;transform:translateY(-50%)}.kafi-pro-layout .pro.tab-select .tab-list{height:4rem;gap:.8rem!important;border-style:none!important}.kafi-pro-layout .pro.tab-select .tab-item{font-size:1.4rem}@media (min-width:1280px){.kafi-pro-layout .pro.tab-select .tab-item{font-size:1.2rem}}.kafi-pro-layout .pro.tab-select .tab-item{display:flex;align-items:center!important;white-space:nowrap;border-radius:.8rem;padding-left:1.2rem;padding-right:1.2rem;font-weight:600;color:var(--color-gray-4);border:none}.kafi-pro-layout .pro.tab-select .tab-itembutton{font-size:1.2rem!important}.kafi-pro-layout .pro.tab-select .tab-item.active{color:var(--primary);background-color:var(--price-up-20);font-weight:700;border:none}.kafi-pro-layout .pro.tab-select .tab-item.active:after{display:none}.kafi-pro-layout .pro.tab-select .list-tab{border-top:none}.kafi-pro-layout .pro-2.tab-select .tab-item{font-size:1.6rem}@media (min-width:1280px){.kafi-pro-layout .pro-2.tab-select .tab-item{font-size:1.4rem}}.kafi-pro-layout .pro-2.tab-select .tab-item{color:var(--text-2);font-weight:500;border-bottom:none;padding:0 .8rem}.kafi-pro-layout .pro-2.tab-select .tab-item:hover{color:var(--primary)}.kafi-pro-layout .pro-2.tab-select .tab-item:first-child{padding-left:0}.kafi-pro-layout .pro-2.tab-select .active{border-bottom:none;border-bottom-color:#fff!important;color:var(--primary)}.kafi-pro-layout .pro-2.tab-select .list-tab{border-top:none}.kafi-pro-layout .pro-3.tab-select .tab-item{font-size:2.33rem}@media (min-width:1100px){.kafi-pro-layout .pro-3.tab-select .tab-item{font-size:1.94rem}}@media (min-width:1280px){.kafi-pro-layout .pro-3.tab-select .tab-item{font-size:1.25rem}}@media (min-width:1536px){.kafi-pro-layout .pro-3.tab-select .tab-item{font-size:1.2rem}}.kafi-pro-layout .pro-3.tab-select .tab-item{line-height:3.67rem}@media (min-width:1100px){.kafi-pro-layout .pro-3.tab-select .tab-item{line-height:3.06rem}}@media (min-width:1280px){.kafi-pro-layout .pro-3.tab-select .tab-item{line-height:2.29rem}}@media (min-width:1536px){.kafi-pro-layout .pro-3.tab-select .tab-item{line-height:2.14rem}}.kafi-pro-layout .pro-3.tab-select .tab-item{color:var(--text-2);font-weight:600;border-bottom:none;padding:0 .8rem;font-family:var(--font-inter)}.kafi-pro-layout .pro-3.tab-select .tab-item:hover{color:var(--text-label)}.kafi-pro-layout .pro-3.tab-select .tab-item:first-child{padding-left:0}.kafi-pro-layout .pro-3.tab-select .active{font-weight:700;border-bottom:1px solid var(--text-default)!important;color:var(--text-label)}.kafi-pro-layout .pro-3.tab-select .list-tab{border-top:none}.kafi-pro-layout .pro-4.tab-select .tab-list{border-bottom:1px solid var(--border-8)}.kafi-pro-layout .pro-4.tab-select .tab-item{font-size:2.33rem}@media (min-width:1100px){.kafi-pro-layout .pro-4.tab-select .tab-item{font-size:1.94rem}}@media (min-width:1280px){.kafi-pro-layout .pro-4.tab-select .tab-item{font-size:1.46rem}}@media (min-width:1536px){.kafi-pro-layout .pro-4.tab-select .tab-item{font-size:1.36rem}}.kafi-pro-layout .pro-4.tab-select .tab-item{line-height:3.67rem}@media (min-width:1100px){.kafi-pro-layout .pro-4.tab-select .tab-item{line-height:3.06rem}}@media (min-width:1280px){.kafi-pro-layout .pro-4.tab-select .tab-item{line-height:2.29rem}}@media (min-width:1536px){.kafi-pro-layout .pro-4.tab-select .tab-item{line-height:2.14rem}}.kafi-pro-layout .pro-4.tab-select .tab-item{align-items:flex-start;display:flex;color:var(--color-gray-4);font-weight:600;border-bottom:none;padding:0;font-family:var(--font-inter)}.kafi-pro-layout .pro-4.tab-select .tab-item:hover{color:var(--text-label)}.kafi-pro-layout .pro-4.tab-select .tab-item:first-child{padding-left:0}.kafi-pro-layout .pro-4.tab-select .active{font-weight:700;color:var(--text-label);position:relative}.kafi-pro-layout .pro-4.tab-select .active:after{content:"";height:2px;position:absolute;top:100%;left:0;width:11.67rem}@media (min-width:1100px){.kafi-pro-layout .pro-4.tab-select .active:after{width:9.72rem}}@media (min-width:1280px){.kafi-pro-layout .pro-4.tab-select .active:after{width:7.29rem}}@media (min-width:1536px){.kafi-pro-layout .pro-4.tab-select .active:after{width:6.8rem}}.kafi-pro-layout .pro-4.tab-select .active:after{border-radius:1px;background:var(--text-default);transform:translateY(-1px)}.kafi-pro-layout .pro-4.tab-select .list-tab{border-top:none}.order-form .input-section{min-width:0}.order-form .dropdown-container .dropdown-button{border-radius:4px!important}.kafi-pro-layout .order-form .dropdown-container .dropdown-button{background-color:var(--color-gray-6)!important}.kafi-pro-layout .order-form .dropdown-container .dropdown-button input{color:var(--color-gray-0)}.cash-in-advance{position:relative;display:flex;height:100%;flex:1 1 0%;flex-direction:column;padding-top:1.6rem;padding-bottom:1.6rem}.cash-in-advance .btn-submit-container{margin-top:1.6rem;display:flex;justify-content:flex-end}.kafi-pro-layout .cash-in-advance{display:grid;grid-template-rows:40% 60%}.kafi-pro-layout .cash-in-advance.base-card{background-color:transparent}.kafi-pro-layout .cash-in-advance.base-card .advance-form form{display:flex;height:100%;flex-direction:column}.kafi-pro-layout .cash-in-advance .btn-submit-container{margin-top:auto;display:flex;justify-content:flex-end}.kafi-pro-layout .cash-in-advance .btn-submit-container>button{width:20rem}.quote-table{display:flex;flex-direction:column;background-color:var(--bg-8);height:100%;overflow:hidden;margin:0 2px;border-radius:10px}.quote-table .quote-board{flex:1;background:var(--bg-header)}.quote-table .quote-board.ag-theme-quartz .ag-row{border-bottom:none}.quote-table .quote-board .ag-root-wrapper{border:none}.quote-table .ag-header-container{border-bottom:none!important}.kafi-pro-layout .quote-table{background-color:transparent;margin:0}.kafi-pro-layout .quote-order-panel .ag-row .ag-cell{font-size:1.2rem}.order-panel .quote-table .ag-root-wrapper{border-top:none}.kafi-pro-layout .symbol-picker input{font-size:1.2rem}.order-book{padding-left:.8rem;padding-right:.8rem}.kafi-pro-layout .order-book{padding-left:1.2rem;padding-right:1.2rem}.popup-stock-order .order-book{padding-left:0!important;padding-right:0!important}.symbol-cell-conditional-order-book{display:flex;justify-content:flex-start!important;align-items:center}.symbol-cell-conditional-order-book .level-3{margin-right:12px}.symbol-cell-conditional-order-book .level-4{margin-right:24px}.symbol-cell-conditional-order-book .level-5{margin-right:36px}.symbol-cell-conditional-order-book>.hierachy{margin-top:-8px;margin-right:12px;min-width:7px}.cancel-multi-modal .ag-center-cols-viewport{min-height:unset!important;max-height:30rem;overflow-y:auto}.conditional-order-book .ag-horizontal-right-spacer,.conditional-order-book .ag-pinned-right-header{width:0!important;min-width:0!important}.conditional-order-book .ag-pinned-right-cols-container{position:absolute!important;right:0;pointer-events:none}.conditional-order-book .ag-pinned-right-cols-container *{pointer-events:auto}.conditional-order-book .ag-pinned-right-cols-container .ag-cell{border:none!important}.conditional-order-book .ag-pinned-right-cols-container .ag-row:not(.ag-row-hover),.conditional-order-book .ag-pinned-right-cols-container .ag-row:not(.ag-row-hover) .ag-cell{width:0!important;padding:0!important}.highcharts-subtitle{left:8.6rem}.highcharts-credits{display:none}.donute-chart .highcharts-subtitle{top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}.donute-chart .highcharts-subtitle .text{color:#fafafa;font-size:.75rem;font-weight:500;line-height:1.1rem;margin-bottom:.3rem}.donute-chart .highcharts-subtitle .value{color:#d4d4d4;font-size:1.2rem;line-height:1.8rem;text-align:center;font-weight:700}.donute-chart .highcharts-subtitle .change{font-size:1.2rem;font-weight:400;line-height:1.2rem}.portfolio{display:flex;height:100%;width:100%;flex-direction:column;gap:.8rem}.kafi-pro-layout .widget-mdi>div.portfolio .header-class-right .ag-header-cell-comp-wrapper{justify-content:flex-end}.margin-limit-form .btn-submit-container{grid-column:span 12/span 12;display:flex;flex:1 1 0%;flex-direction:row;justify-content:flex-end}.margin-limit-form .btn-submit-container button{font-size:1.6rem;height:4.8rem;width:20rem;font-weight:500}.kafi-pro-layout .margin-limit-form .btn-submit-container{margin-top:auto;display:flex;justify-content:flex-end}.kafi-pro-layout .margin-limit-form .btn-submit-container>button{width:20rem}.margin-limit-mgnt{position:relative;display:flex;height:100%;flex:1 1 0%;flex-direction:column;padding:1.6rem 3.2rem}.margin-limit-mgnt .margin-limit-title{padding-top:2rem;padding-bottom:2rem;font-size:1.8rem;font-weight:600;color:var(--text)}.kafi-pro-layout .margin-limit-mgnt.base-card{background-color:transparent}.kafi-pro-layout .margin-limit-mgnt.base-card .margin-limit-title{display:none}.kafi-pro-layout .margin-limit-mgnt .pro.tab-select .tab-list{height:4rem}.kafi-pro-layout .margin-limit-mgnt .pro.tab-select .tab-item{min-width:9.2rem;font-size:1.2rem!important}.margin-products .product-card{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.6rem;border-radius:.8rem;background-color:var(--bg-3)}.margin-products .product-card .product-title{margin-bottom:1rem;display:flex;flex-direction:row;align-items:center;gap:1.6rem;font-size:1.8rem;font-weight:600}.margin-products .product-card .product-desc{font-size:1.4rem}.margin-products .product-card .view-more{margin-top:2rem;width:auto;cursor:pointer;color:var(--green2)}.margin-products .product-card .product-btn{height:5rem;width:14rem;font-size:1.6rem;font-weight:600}.kafi-pro-layout .margin-products{gap:.8rem}.kafi-pro-layout .margin-products.base-card{background-color:transparent}.kafi-pro-layout .margin-products .product-card{gap:.8rem;background-color:var(--color-gray-6);padding:1.2rem}.kafi-pro-layout .margin-products .product-card .product-title{margin-bottom:1.6rem;font-size:1.6rem;font-weight:500}.kafi-pro-layout .margin-products .product-card .product-desc{font-size:1.4rem;font-weight:500;line-height:2.2rem;color:var(--color-gray-4)}.kafi-pro-layout .margin-products .product-card .product-btn{height:4rem;width:-moz-fit-content;width:fit-content;min-width:10.2rem;border-radius:.4rem;font-size:1.6rem;font-weight:600}.kafi-pro-layout .margin-products .product-card .product-btn:disabled{background-color:var(--bg-1);color:var(--color-deactive)}.kafi-pro-layout .margin-products .product-card .view-more{color:var(--text);margin-top:1rem;width:auto;cursor:pointer;font-size:1.5rem}.service-mgmt{display:flex;height:100%;flex-direction:column;gap:1.6rem}.service-mgmt .base-card .card-title{padding-top:2rem;padding-bottom:2rem;font-size:1.8rem;font-weight:600;color:var(--text)}.service-mgmt .base-card .card-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.6rem}.service-mgmt .base-card .card-list .card-item{display:flex;align-items:center;justify-content:space-between;border-radius:.8rem;border-width:1px;border-color:var(--border-1);padding:1.2rem 2.4rem}.kafi-pro-layout .service-mgmt{padding-bottom:1.8rem}.kafi-pro-layout .service-mgmt .base-card{border-radius:.8rem;background-color:var(--color-gray-6);padding:1.2rem}.kafi-pro-layout .service-mgmt .base-card .card-title{margin-bottom:1.2rem;padding-top:0;padding-bottom:0;font-size:1.6rem;line-height:2.4rem;font-weight:600}.kafi-pro-layout .service-mgmt .base-card .card-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.kafi-pro-layout .service-mgmt .base-card .card-list .card-item{height:4.2rem;align-items:center;border-radius:.8rem;border-color:var(--line-border);padding:0 1.2rem}.kafi-pro-layout .service-mgmt .base-card .card-list .card-item .switcher{--switch-size:1.2rem!important;--bg-switcher:var(--bg-2)}.radio-group{--handle-size:2rem}.radio-group .radio-option .radio-input{border-color:var(--text-1)}.radio-group .radio-option .radio-input.checked{background-color:var(--primary);border-color:var(--primary)}.kafi-pro-layout .radio-group{--handle-size:1.4rem;gap:.4rem}.kafi-pro-layout .radio-handle{margin-right:.4rem}.kafi-pro-layout .radio-label{color:var(--text-1);white-space:nowrap;font-size:1.8rem;font-weight:500}@media (min-width:1280px){.kafi-pro-layout .radio-label{font-size:1.4rem}}.kafi-pro-layout .radio-option[data-checked] .radio-label{color:var(--text)}.withdraw-form,.withdraw-form>form{height:100%;width:100%}.withdraw-form>form{display:flex;flex-direction:column;gap:1.6rem}.withdraw-form>form .btn-submit-container{margin-top:auto}.kafi-pro-layout .withdraw-form{padding-left:0;padding-right:0;padding-bottom:.8rem}.kafi-pro-layout .withdraw-form>form .to-account{grid-area:1/2/2/3}.kafi-pro-layout .withdraw-form textarea:disabled{color:var(--text-1)!important}.cash-transfer-panel{display:grid;grid-template-rows:40% 60%}.cash-transfer-panel .radio-group{gap:.8rem}.cash-transfer-panel .radio-group .radio-option{height:3rem;padding-left:.4rem;padding-right:.4rem}.cash-transfer-panel .radio-group .radio-option[data-checked] .radio-label{color:var(--primary)}.cash-transfer-panel .withdraw-form{padding-top:.8rem;padding-bottom:.8rem}.kafi-pro-layout .cash-statement .total-item{border-left:1px solid var(--border-1);padding-left:.8rem;display:flex;flex-direction:column;gap:.8rem}.kafi-pro-layout .cash-statement .total-item div:first-child{font-size:1.3rem}.withdraw-form-vsd{height:100%;width:100%}.withdraw-form-vsd>form{display:flex;height:100%;width:100%;flex-direction:column;gap:1.6rem}.withdraw-form-vsd>form .btn-submit-container{margin-top:auto}.kafi-pro-layout .withdraw-form-vsd{padding-left:0;padding-right:0;padding-bottom:.8rem}.kafi-pro-layout .withdraw-form-vsd>form .to-account{grid-area:auto}.kafi-pro-layout .withdraw-form-vsd textarea:disabled{color:var(--text-1)!important}.confirm-order{position:relative;display:flex;height:100%;flex:1 1 0%;flex-direction:column;padding:1.6rem 3.2rem}.confirm-order .confirm-order-title{padding-top:2rem;padding-bottom:2rem;font-size:1.8rem;font-weight:600;color:var(--text)}.confirm-order .confirm-header{display:flex;align-items:center;justify-content:space-between}.kafi-pro-layout .confirm-order.base-card{background-color:transparent;padding:0 0 1.6rem}.kafi-pro-layout .confirm-order.base-card .confirm-order-title{display:none}.kafi-pro-layout .confirm-order.base-card .confirm-header{display:flex;justify-content:flex-end}.deposit-withdraw-vsd-panel{padding-top:.4rem}.deposit-withdraw-vsd-panel .radio-group{gap:.8rem}.deposit-withdraw-vsd-panel .radio-group .radio-option{height:3rem;padding-left:.4rem;padding-right:.4rem}.deposit-withdraw-vsd-panel .radio-group .radio-option .radio-label{font-size:1.6rem}.deposit-withdraw-vsd-panel .radio-group .radio-option[data-checked]{background-color:var(--bg-9);border-radius:.4rem}.deposit-withdraw-vsd-panel .radio-group .radio-option[data-checked] .radio-label{color:var(--primary)}.deposit-withdraw-vsd-panel .withdraw-form{padding-top:.8rem;padding-bottom:.8rem}.right-register-panel{padding-top:.4rem;padding-bottom:.4rem}.right-register-panel .pro.tab-select .tab-list{height:4rem}.right-register-panel .pro.tab-select .tab-item{min-width:9.2rem;padding-left:1.2rem;padding-right:1.2rem;font-size:1.6rem}@media (min-width:1280px){.right-register-panel .pro.tab-select .tab-item{font-size:1.4rem}}.right-register-panel .pro.tab-select .tab-item:first-child{padding-left:1.2rem}.stock-statement{position:relative;display:flex;height:100%;flex-direction:column}.order-history-panel .pro.tab-select .tab-list{height:4rem}.order-history-panel .pro.tab-select .tab-item{min-width:9.2rem;font-size:1.2rem!important;padding-left:1.2rem;padding-right:1.2rem}.order-history-panel .pro.tab-select .tab-item:first-child{padding-left:1.2rem}