:root{--chipvn-checkout-primary: #174c9a;--chipvn-checkout-border: #E3DBA8;--chipvn-checkout-text: #111119;--chipvn-checkout-text-light: #737373;--chipvn-checkout-background: #ffffff;--chipvn-checkout-error: #dc2626;--chipvn-checkout-success: #174c9a;--chipvn-checkout-btn-border: 2px solid #174c9a;--chipvn-checkout-btn-text-color: #111119;--chipvn-checkout-btn-text-hover: #ffffff;--chipvn-checkout-btn-bg: transparent;--chipvn-checkout-btn-bg-hover: #174c9a;--chipvn-checkout-btn-bg-active: rgb(0, 0, 0);--chipvn-checkout-gap-xs: 8px;--chipvn-checkout-gap-sm: 12px;--chipvn-checkout-gap-md: 16px;--chipvn-checkout-gap-lg: 24px;--chipvn-checkout-gap-xl: 32px;--chipvn-checkout-font-sm: 13px;--chipvn-checkout-font-base: 14px;--chipvn-checkout-font-lg: 16px;--chipvn-checkout-font-xl: 18px;--chipvn-checkout-radius: 4px;--chipvn-checkout-radius-lg: 20px;--chipvn-checkout-transition-fast: transform .2s ease, opacity .2s ease;--chipvn-checkout-transition-color: background-color .2s ease, border-color .2s ease, color .2s ease;--chipvn-checkout-transition-sheet: transform .3s cubic-bezier(.4, 0, .2, 1);--chipvn-checkout-sheet-height: 85vh;--chipvn-checkout-sheet-height-mobile: 85dvh;--chipvn-checkout-sheet-max-width: 480px;--chipvn-checkout-overlay-bg: rgba(0, 0, 0, .5);--chipvn-checkout-safe-top: env(safe-area-inset-top, 0px);--chipvn-checkout-safe-bottom: env(safe-area-inset-bottom, 0px)}.ef-sqc-wrapper{margin:var(--chipvn-checkout-gap-xl) 0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;max-width:100%;text-size-adjust:100%;-webkit-text-size-adjust:100%}#ef-sqc-checkout-form{display:none!important}.chipvn-checkout-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:transparent;z-index:999998;opacity:0;transition:opacity .3s ease,backdrop-filter .3s ease;pointer-events:none;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);overscroll-behavior:contain}.chipvn-checkout-overlay.active{background:var(--chipvn-checkout-overlay-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:1;pointer-events:auto}.chipvn-checkout-sheet{position:fixed;bottom:0;left:0;right:0;background:var(--chipvn-checkout-background);border-radius:var(--chipvn-checkout-radius-lg) var(--chipvn-checkout-radius-lg) 0 0;z-index:999999;transform:translateY(100%);transition:var(--chipvn-checkout-transition-sheet);height:var(--chipvn-checkout-sheet-height);height:var(--chipvn-checkout-sheet-height-mobile);max-height:calc(100vh - var(--chipvn-checkout-safe-top) - 20px);max-height:calc(100dvh - var(--chipvn-checkout-safe-top) - 20px);display:flex;flex-direction:column;box-shadow:0 -4px 20px #00000026;will-change:transform;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;overflow:hidden;transform:translateY(100%) translateZ(0);backface-visibility:hidden;perspective:1000px}.chipvn-checkout-sheet.active{transform:translateY(0) translateZ(0)}.chipvn-checkout-sheet.keyboard-open{position:absolute;height:auto;max-height:none;bottom:0;top:100px;transform:translateY(0) translateZ(0)!important}@media (min-width: 768px){.chipvn-checkout-sheet{left:50%;transform:translate(-50%) translateY(100%) translateZ(0);max-width:var(--chipvn-checkout-sheet-max-width);right:auto;width:var(--chipvn-checkout-sheet-max-width)}.chipvn-checkout-sheet.active{transform:translate(-50%) translateY(0) translateZ(0)}.chipvn-checkout-sheet.keyboard-open{transform:translate(-50%) translateY(0) translateZ(0)!important}}.chipvn-checkout-handle{width:40px;height:4px;background:var(--chipvn-checkout-border);border-radius:2px;margin:var(--chipvn-checkout-gap-sm) auto;transition:var(--chipvn-checkout-transition-color);cursor:grab;position:relative;flex-shrink:0}.chipvn-checkout-handle:before{content:"";position:absolute;top:-12px;left:-20px;right:-20px;bottom:-12px}.chipvn-checkout-handle:active{background:var(--chipvn-checkout-text-light);width:60px;cursor:grabbing}.chipvn-checkout-header{flex-shrink:0;background:var(--chipvn-checkout-background);border-bottom:1px solid var(--chipvn-checkout-border);padding:0 var(--chipvn-checkout-gap-md) var(--chipvn-checkout-gap-md);z-index:10}.chipvn-checkout-header-content{display:flex;align-items:center;justify-content:space-between}.chipvn-checkout-header h3{margin:0;font-size:var(--chipvn-checkout-font-xl);font-weight:600;color:var(--chipvn-checkout-text);flex:1;text-align:center}.chipvn-checkout-close{width:44px;height:44px;border:none;background:none;font-size:24px;color:var(--chipvn-checkout-text);cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:var(--chipvn-checkout-transition-color);line-height:1;-webkit-tap-highlight-color:transparent}.chipvn-checkout-close:hover{background:#0000000d}.chipvn-checkout-close:active{transform:scale(.9)}.chipvn-checkout-content{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding:var(--chipvn-checkout-gap-lg);scroll-behavior:smooth;overscroll-behavior:contain;position:relative;z-index:1;min-height:0;scroll-snap-type:y proximity;contain:layout style paint}.keyboard-open .chipvn-checkout-content{padding-bottom:50px}.chipvn-checkout-content::-webkit-scrollbar{width:4px}.chipvn-checkout-content::-webkit-scrollbar-track{background:transparent}.chipvn-checkout-content::-webkit-scrollbar-thumb{background:var(--chipvn-checkout-border);border-radius:2px}.chipvn-checkout-footer{flex-shrink:0;background:var(--chipvn-checkout-background);border-top:1px solid var(--chipvn-checkout-border);padding:var(--chipvn-checkout-gap-md);padding-bottom:calc(var(--chipvn-checkout-gap-md) + var(--chipvn-checkout-safe-bottom));box-shadow:0 -2px 10px #0000000d;z-index:20;position:relative;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}@media (max-height: 500px){.keyboard-open .chipvn-checkout-footer{position:absolute;bottom:0;left:0;right:0}}.chipvn-checkout-sheet #ef-sqc-checkout-form{display:block!important;opacity:1!important;transform:none!important;transition:none!important}.ef-sqc-field-group{margin-bottom:var(--chipvn-checkout-gap-lg);position:relative;scroll-snap-align:start}.ef-sqc-field{width:100%;min-height:52px;padding:14px 16px;font-size:16px!important;line-height:1.5;color:var(--chipvn-checkout-text);background-color:var(--chipvn-checkout-background);border:1px solid var(--chipvn-checkout-border);border-radius:var(--chipvn-checkout-radius);transition:var(--chipvn-checkout-transition-color);-webkit-appearance:none;appearance:none;margin:0;transform:scale(1);-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent;outline:none}.chipvn-checkout-sheet input[type=text],.chipvn-checkout-sheet input[type=tel],.chipvn-checkout-sheet input[type=email],.chipvn-checkout-sheet input[type=number],.chipvn-checkout-sheet textarea,.chipvn-checkout-sheet select{font-size:16px!important;-webkit-text-size-adjust:100%;text-size-adjust:100%}textarea.ef-sqc-field{min-height:80px;resize:vertical}.ef-sqc-field:focus{border-color:var(--chipvn-checkout-primary);outline:2px solid var(--chipvn-checkout-primary);outline-offset:-2px}.ef-sqc-field.error{border-color:var(--chipvn-checkout-error);background-color:#dc262605}.ef-sqc-field::placeholder{color:var(--chipvn-checkout-text-light);opacity:.8}.ef-sqc-error-message{display:none;margin-top:var(--chipvn-checkout-gap-xs);font-size:var(--chipvn-checkout-font-sm);color:var(--chipvn-checkout-error)!important;animation:errorSlide .3s ease}.ef-sqc-field.error+.ef-sqc-error-message{display:block}#ef-sqc-btn-quick{margin:0!important;width:100%;min-height:48px;padding:0 20px;font-size:var(--chipvn-checkout-font-base);font-weight:500;text-align:center;color:var(--chipvn-checkout-btn-text-color)!important;background-color:var(--chipvn-checkout-btn-bg)!important;border:var(--chipvn-checkout-btn-border)!important;border-radius:var(--chipvn-checkout-radius);cursor:pointer;transition:var(--chipvn-checkout-transition-color);display:flex;align-items:center;justify-content:center;text-transform:uppercase;margin:var(--chipvn-checkout-gap-md) 0;letter-spacing:.5px;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;appearance:none}#ef-sqc-btn-quick:hover{color:var(--chipvn-checkout-btn-text-hover)!important;background-color:var(--chipvn-checkout-btn-bg-hover)!important}#ef-sqc-btn-quick:active{transform:scale(.98)}.chipvn-checkout-footer #ef-sqc-btn-submit{width:100%;min-height:52px;padding:0 var(--chipvn-checkout-gap-lg);font-size:16px!important;font-weight:600;text-align:center;color:#fff;background-color:var(--chipvn-checkout-primary)!important;border:none;border-radius:var(--chipvn-checkout-radius);cursor:pointer;transition:var(--chipvn-checkout-transition-fast),var(--chipvn-checkout-transition-color);margin:0;display:flex;align-items:center;justify-content:center;gap:var(--chipvn-checkout-gap-sm);-webkit-tap-highlight-color:transparent;-webkit-appearance:none;appearance:none}.chipvn-checkout-footer #ef-sqc-btn-submit:hover:not(:disabled){opacity:.95;transform:translateY(-1px);box-shadow:0 4px 12px #174c9a4d}.chipvn-checkout-footer #ef-sqc-btn-submit:active:not(:disabled){transform:scale(.98)}.chipvn-checkout-footer #ef-sqc-btn-submit:disabled{opacity:.6;cursor:not-allowed}.ef-sqc-custom-coupon-section{margin:var(--chipvn-checkout-gap-lg) 0;padding:var(--chipvn-checkout-gap-md);background:#00000005;border-radius:var(--chipvn-checkout-radius)}.ef-sqc-custom-coupon-link{display:inline-block;padding:var(--chipvn-checkout-gap-xs) 0;color:var(--chipvn-checkout-primary);font-size:var(--chipvn-checkout-font-base);text-decoration:none;cursor:pointer;transition:var(--chipvn-checkout-transition-color);-webkit-tap-highlight-color:transparent}.ef-sqc-custom-coupon-link:hover{opacity:.8}.ef-sqc-custom-coupon-input{display:none;margin-top:var(--chipvn-checkout-gap-sm)}.ef-sqc-custom-coupon-input.active{display:block;animation:slideDown .3s ease}.ef-sqc-error-container{display:none;margin:0 0 var(--chipvn-checkout-gap-lg);padding:var(--chipvn-checkout-gap-md);border:1px solid #D13212;border-radius:var(--chipvn-checkout-radius);background:#fdf3f1;opacity:0;transform:translateY(-10px);transition:var(--chipvn-checkout-transition-fast);align-items:start}.ef-sqc-error-container.active{display:flex;opacity:1;transform:translateY(0)}.ef-sqc-spinner{display:none;width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .8s linear infinite;margin-left:var(--chipvn-checkout-gap-xs)}.loading .ef-sqc-spinner{display:inline-block}@keyframes errorSlide{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.ef-sqc-field:focus{position:relative;z-index:10}.keyboard-open .ef-sqc-field-group:has(.ef-sqc-field:focus){position:sticky;top:20px;background:var(--chipvn-checkout-background);padding:var(--chipvn-checkout-gap-sm);margin:calc(-1 * var(--chipvn-checkout-gap-sm));border-radius:var(--chipvn-checkout-radius);box-shadow:0 2px 8px #0000001a}@media (max-width: 767px){:root{--chipvn-checkout-gap-lg: 20px;--chipvn-checkout-gap-xl: 24px}.ef-sqc-wrapper{margin:0!important;padding:0!important}.chipvn-checkout-content{padding:var(--chipvn-checkout-gap-md)}.ef-sqc-field{font-size:16px!important}.ef-sqc-coupon-list{grid-template-columns:1fr}.ef-sqc-field,.chipvn-checkout-footer #ef-sqc-btn-submit{min-height:56px}}@media (hover: none) and (pointer: coarse){.ef-sqc-field:hover{border-color:var(--chipvn-checkout-border)}.chipvn-checkout-handle:active{background:var(--chipvn-checkout-text)}#ef-sqc-btn-quick:active,#ef-sqc-btn-submit:active{opacity:.7}button,input,textarea,select{min-height:44px}}@supports (-webkit-touch-callout: none){input,textarea,select{font-size:16px!important;-webkit-appearance:none;border-radius:0}.chipvn-checkout-sheet{height:-webkit-fill-available;max-height:-webkit-fill-available}.keyboard-open .chipvn-checkout-sheet{position:fixed!important;height:100%!important;max-height:100%!important;padding-bottom:0!important}}@supports (padding: max(0px)){.chipvn-checkout-sheet{padding-bottom:var(--chipvn-checkout-safe-bottom)}.chipvn-checkout-footer{padding-bottom:max(var(--chipvn-checkout-gap-md),var(--chipvn-checkout-safe-bottom))}@media (orientation: landscape){.chipvn-checkout-sheet{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}}@media (prefers-contrast: high){:root{--chipvn-checkout-border: #000000;--chipvn-checkout-text: #000000}.ef-sqc-field:focus{outline:2px solid var(--chipvn-checkout-primary);outline-offset:2px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.chipvn-checkout-sheet.dragging{transition:none!important;user-select:none;-webkit-user-select:none}.chipvn-checkout-sheet.dragging *{pointer-events:none}.chipvn-checkout-sheet .ef-address-dropdown{z-index:1001;max-height:150px;box-shadow:0 4px 12px #00000026;position:absolute;width:100%;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}@media (hover: none) and (pointer: coarse){.ef-address-dropdown-item{min-height:48px;display:flex;flex-direction:column;justify-content:center}}.chipvn-checkout-sheet .ef-sqc-coupon-preview{background:#174c9a14;border:1px solid rgba(23,76,154,.2);margin-top:var(--chipvn-checkout-gap-sm);padding:var(--chipvn-checkout-gap-sm);border-radius:var(--chipvn-checkout-radius);display:flex;align-items:flex-start;justify-content:space-between;animation:fadeSlideIn .3s ease}.chipvn-checkout-sheet .ef-sqc-coupon-field-group{display:flex;gap:var(--chipvn-checkout-gap-sm);margin-top:var(--chipvn-checkout-gap-sm)}.chipvn-checkout-sheet .ef-sqc-btn-apply-coupon{padding:0 var(--chipvn-checkout-gap-md);background:var(--chipvn-checkout-primary);color:#fff;border:none;border-radius:var(--chipvn-checkout-radius);cursor:pointer;font-size:16px!important;transition:var(--chipvn-checkout-transition-color);min-width:80px;height:52px;-webkit-tap-highlight-color:transparent;flex-shrink:0}.chipvn-checkout-sheet .ef-sqc-btn-apply-coupon:active{transform:scale(.95)}.chipvn-checkout-container{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999997;pointer-events:none}.chipvn-checkout-container>*{pointer-events:auto}body.chipvn-checkout-open{overflow:hidden;position:fixed;width:100%;height:100%}.ef-sqc-field:focus-visible,button:focus-visible{outline:2px solid var(--chipvn-checkout-primary);outline-offset:2px}.chipvn-checkout-sheet.closing{transition:transform .2s ease-out}@supports (height: 100dvh){.chipvn-checkout-sheet{height:calc(100dvh - var(--chipvn-checkout-safe-top))}.keyboard-open .chipvn-checkout-sheet{height:calc(var(--visual-viewport-height, 100dvh) - var(--chipvn-checkout-safe-top))}}
/*# sourceMappingURL=/cdn/shop/t/80/assets/chipvn-checkout.css.map */