:root{--blue-50:#e6f0ff;--blue-500:#0068ff;--blue-900:#001533;--red-500:#e3173c;--dark-500:#001f3e;--white-500:#fff;--gray-100:#f8f9fa;--background-other:#f5f9ff;--border-stroke:#f2f6f7}main{background-color:#fff}.font-16{font-size:16px;line-height:20px}.font-18{font-size:18px;line-height:20px}.flex{display:flex}@font-face{font-family:SFProDisplay;font-style:normal;font-weight:400;src:url(https://scss.zalopay.vn/zst/zpi-spa/static/oa-sales-channel-0.0.11/fonts/SFProDisplay-Regular.eot);src:url(https://scss.zalopay.vn/zst/zpi-spa/static/oa-sales-channel-0.0.11/fonts/SFProDisplay-Regular.eot?#iefix) format("embedded-opentype"),url(https://scss.zalopay.vn/zst/zpi-spa/static/oa-sales-channel-0.0.11/fonts/SFProDisplay-Regular.woff2) format("woff2"),url(https://scss.zalopay.vn/zst/zpi-spa/static/oa-sales-channel-0.0.11/fonts/SFProDisplay-Regular.woff) format("woff"),url(https://scss.zalopay.vn/zst/zpi-spa/static/oa-sales-channel-0.0.11/fonts/SFProDisplay-Regular.ttf) format("truetype"),url(https://scss.zalopay.vn/zst/zpi-spa/static/oa-sales-channel-0.0.11/fonts/SFProDisplay-Regular.svg#SFProDisplay-Regular) format("svg")}@font-face{font-family:SFProDisplay;font-style:normal;font-weight:500;src:url(https://scss.zalopay.vn/zst/zpi-spa/static/oa-sales-channel-0.0.11/fonts/SFProDisplay-Medium.eot);src:url(https://scss.zalopay.vn/zst/zpi-spa/static/oa-sales-channel-0.0.11/fonts/SFProDisplay-Medium.eot?#iefix) format("embedded-opentype"),url(https://scss.zalopay.vn/zst/zpi-spa/static/oa-sales-channel-0.0.11/fonts/SFProDisplay-Medium.woff2) format("woff2"),url(https://scss.zalopay.vn/zst/zpi-spa/static/oa-sales-channel-0.0.11/fonts/SFProDisplay-Medium.woff) format("woff"),url(https://scss.zalopay.vn/zst/zpi-spa/static/oa-sales-channel-0.0.11/fonts/SFProDisplay-Medium.ttf) format("truetype"),url(https://scss.zalopay.vn/zst/zpi-spa/static/oa-sales-channel-0.0.11/fonts/SFProDisplay-Medium.svg#SFProDisplay-Medium) format("svg")}@font-face{font-family:SFProDisplay;font-style:normal;font-weight:600;src:url(https://scss.zalopay.vn/zst/zpi-spa/static/oa-sales-channel-0.0.11/fonts/SFProDisplay-Semibold.eot);src:url(https://scss.zalopay.vn/zst/zpi-spa/static/oa-sales-channel-0.0.11/fonts/SFProDisplay-Semibold.eot?#iefix) format("embedded-opentype"),url(https://scss.zalopay.vn/zst/zpi-spa/static/oa-sales-channel-0.0.11/fonts/SFProDisplay-Semibold.woff2) format("woff2"),url(https://scss.zalopay.vn/zst/zpi-spa/static/oa-sales-channel-0.0.11/fonts/SFProDisplay-Semibold.woff) format("woff"),url(https://scss.zalopay.vn/zst/zpi-spa/static/oa-sales-channel-0.0.11/fonts/SFProDisplay-Semibold.ttf) format("truetype"),url(https://scss.zalopay.vn/zst/zpi-spa/static/oa-sales-channel-0.0.11/fonts/SFProDisplay-Semibold.svg#SFProDisplay-Semibold) format("svg")}@font-face{font-family:SFProDisplay;font-weight:700;src:url(https://scss.zalopay.vn/zst/zpi-spa/static/oa-sales-channel-0.0.11/fonts/SFProDisplay-Bold.eot);src:url(https://scss.zalopay.vn/zst/zpi-spa/static/oa-sales-channel-0.0.11/fonts/SFProDisplay-Bold.eot?#iefix) format("embedded-opentype"),url(https://scss.zalopay.vn/zst/zpi-spa/static/oa-sales-channel-0.0.11/fonts/SFProDisplay-Bold.woff2) format("woff2"),url(https://scss.zalopay.vn/zst/zpi-spa/static/oa-sales-channel-0.0.11/fonts/SFProDisplay-Bold.woff) format("woff"),url(https://scss.zalopay.vn/zst/zpi-spa/static/oa-sales-channel-0.0.11/fonts/SFProDisplay-Bold.ttf) format("truetype"),url(https://scss.zalopay.vn/zst/zpi-spa/static/oa-sales-channel-0.0.11/fonts/SFProDisplay-Bold.svg#SFProDisplay-Bold) format("svg")}body,html{font-family:SFProDisplay,Arial,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.header{background-color:var(--blue-500);padding-left:32px;padding-right:50px;@media (max-width:768px){padding-left:20px;padding-right:20px}}.osc-title{align-items:center;color:#fff;-webkit-column-gap:15px;column-gap:15px;display:flex;font-size:32px;font-weight:700;line-height:40px;@media (max-width:768px){font-size:20px;font-weight:700;line-height:40px}}.zlp-icon{height:30px;@media (max-width:768px){display:none}}.middle-section{border-bottom:1px solid #ddd;border-top:1px solid #ddd;padding:12px 0}.custom-navbar-link{-webkit-box-orient:vertical;-webkit-line-clamp:1;border-bottom-right-radius:6px;border-top-right-radius:6px;box-sizing:border-box;color:#495057;display:block;display:-webkit-box;font-weight:500;height:3rem;line-height:3rem;margin-right:24px;overflow:hidden;padding:0 24px;text-decoration:none;transition:all 1s cubic-bezier(.075,.82,.165,1)}.custom-navbar-link:hover{background-color:var(--blue-50);color:#000}.custom-navbar-link.link-active,.custom-navbar-link.link-active:hover{background-color:var(--blue-500);border-left:4px solid var(--blue-50);color:#fff;font-weight:700}.name-column{width:30%}.type-column{width:20%}.description-column{width:50%}.table-header{align-items:center;border:1px solid rgba(0,0,0,.1);border-bottom:0;border-top-left-radius:12px;border-top-right-radius:12px;color:rgba(0,0,0,.5);display:flex;font-size:normal;font-weight:500;height:32px;justify-content:center;min-width:300px}.table-footer,.table-header{background-color:rgba(0,0,0,.05)}.table-footer{border:1px solid rgba(0,0,0,.1);border-bottom-left-radius:12px;border-bottom-right-radius:12px;border-top:0;height:22px}.protocol-method{color:green;font-weight:800}.normal{font-size:15px;font-weight:400}h4{margin:4px}.response-code-container{flex-direction:column;row-gap:12px}.success{color:#4dbd75}.failure{color:#ff0101}.json-section{color:#fff;width:100%}.json-header{background-color:#1e293b;border-top-left-radius:12px;border-top-right-radius:12px;padding:8px 8px 8px 16px}.json-content{background-color:#0e172a;font-size:small;overflow-x:auto}pre{border-bottom-left-radius:12px;border-bottom-right-radius:12px;margin:0;padding:16px 16px 32px}code{background-color:rgba(0,0,0,.05);border:1px solid rgba(0,0,0,.1);border-radius:4px;padding-left:2px;padding-right:2px}.global-layout{display:flex;flex-direction:row}.left-layout{display:flex;flex-direction:column;row-gap:20px;width:50%}.right-layout{padding-left:5%;width:50%}.sticky-section{position:-webkit-sticky;position:sticky}.top-120{top:120px}.top-20{top:20px}.default-anchor,.default-anchor:visited{color:blue;text-decoration:none}@media (max-width:900px){.global-layout{display:contents}.left-layout{width:100%}.right-layout{min-width:300px;padding-left:0;width:100%}}img{pointer-events:none}.introduction-title{font-size:42px;font-weight:800}.introduction-content{font-size:16px;text-align:justify;width:80%}.introduction-layout{display:flex;justify-content:center;padding:30px 15% 60px;position:relative;width:100%}.api-button{background-color:var(--blue-500);border:0;border-radius:12px;color:#fff;font-size:22px;font-weight:600;padding:12px;width:300px}.api-button:hover{background-color:#0059d6}.introduction-left-layout{width:70%;z-index:1}.introduction-img{bottom:0;left:0;position:absolute;width:500px}.introduction-right-layout{padding:0;width:30%}.phone{align-items:center;display:flex;justify-content:center;position:relative}.frame{pointer-events:none;position:absolute}.frame,.slide-img{width:100%}.feature-section{background-color:#f2f7ff;margin-left:-40px;margin-right:-40px;padding-bottom:40px;padding-top:80px}.feature-group,.feature-img{display:flex;justify-content:center}.feature-img{background-color:#fff;border-radius:50%;width:30%}.feature-component{align-items:center;display:flex;flex-direction:column;margin:0 5% 20px;width:25%}.feature-title{font-size:24px;font-weight:700;margin:10px}.feature-content{font-size:16px;margin:0;text-align:center}.merchant-process-section{align-items:center;display:flex;flex-direction:column;margin-top:40px}.merchant-process-title{font-size:40px;font-weight:700}.merchant-process-body{display:flex;flex-direction:row;justify-content:space-around;width:100%}.merchant-process-img{align-items:center;display:flex;width:50%}.merchant-process-flow{display:flex;flex-direction:column;justify-content:left}.merchant-process-step{align-items:center;background-color:#fff;border:1px solid transparent;border-radius:18px;display:flex;flex-direction:row;height:120px;padding:25px;position:relative;text-align:left}.merchant-process-step-focus{border:1px solid var(--blue-500)}.step-img{width:100%}.step-bubble{align-items:center;background-color:#f2f7ff;border:0;border-radius:50%;color:#000;display:flex;font-size:26px;font-weight:600;height:50px;justify-content:center;left:-25px;position:absolute;width:50px}.step-bubble-focus{background-color:var(--blue-500);color:#fff}.step-desc{display:flex;flex-direction:column;margin-left:20px}.step-title{font-size:24px;font-weight:700;margin:0}.step-content{font-size:16px;margin:0;white-space:pre-line}.merchant-section{background-color:#f2f7ff;display:flex;flex-direction:row;justify-content:center;margin-left:-40px;margin-right:-40px;margin-top:50px;padding:50px 50px 150px}.merchant-introduction{align-items:center;display:flex;flex-direction:column;width:40%}.merchant-introduction-title{font-size:42px;font-weight:700;margin:0}.merchant-introduction-content{font-size:16px;text-align:center}.merchant-grid{grid-gap:20px;display:grid;grid-template-columns:120px 120px 120px;grid-template-rows:120px 120px 120px;margin-left:100px;margin-top:100px}.merchant-grid-item{align-items:center;display:flex;justify-content:center;overflow:hidden;position:relative}.merchant-large-grid{border-radius:24px;grid-column:1/3;grid-row:1/3}.merchant-logo{-webkit-animation:changeMask 5s linear infinite;animation:changeMask 5s linear infinite;border-radius:10%;width:100%}@-webkit-keyframes changeMask{0%{height:0;width:0}10%{height:100%;width:100%}90%{height:100%;width:100%}to{height:0;width:0}}@keyframes changeMask{0%{height:0;width:0}10%{height:100%;width:100%}90%{height:100%;width:100%}to{height:0;width:0}}.footer-section{background-color:#001f3e;color:#fff;display:flex;flex-direction:column;margin:-40px;padding:40px 120px}.footer-title{font-size:24px;font-weight:700;margin:0}.footer-content{font-size:16px;margin:0}
/*# sourceMappingURL=main.f0423071.css.map*/