:root{--system-font: "GitLab Sans", -apple-system, BlinkMacSystemFont, "Ubuntu", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--system-mono-font: ui-monospace, "Cascadia Mono", "Segoe UI Mono", "Roboto Mono", "Ubuntu Mono", "Menlo", "Consolas", "Courier New", monospace;--font-size-base: 16px;--font-weight-normal: 400;--font-weight-bold: 600;--line-height-base: 1.5;--color-primary: #007bff;--color-secondary: #6c757d;--color-success: #28a745;--color-warning: #ffc107;--color-danger: #dc3545;--color-info: #17a2b8;--color-light: #f8f9fa;--color-dark: #343a40;--color-white: #fff;--color-black: #000;--color-border: #ddd;--color-text: rgb(13, 12, 34);--color-text-muted: rgb(110, 109, 122);--color-link: #007bff;--spacing-unit: 1rem;--spacing-xs: calc(var(--spacing-unit) * .25);--spacing-sm: calc(var(--spacing-unit) * .5);--spacing-md: calc(var(--spacing-unit) * 1);--spacing-lg: calc(var(--spacing-unit) * 1.5);--spacing-xl: calc(var(--spacing-unit) * 2);--border-radius: 4px;--border-width: 1px;--border-style: solid;--border: var(--border-width) var(--border-style) var(--color-border);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .06);--shadow-focus: 0 0 0 3px rgba(66, 153, 225, .2);--button-padding: var(--spacing-sm) var(--spacing-md);--button-radius: var(--border-radius);--button-shadow: var(--shadow-sm);--button-shadow-hover: var(--shadow);--button-transition: all .2s ease;--form-control-padding: var(--spacing-sm);--form-control-radius: var(--border-radius);--form-control-shadow: var(--shadow-inner);--form-control-shadow-focus: var(--shadow-inner), var(--shadow-focus);--form-control-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out}body{font-family:var(--system-font);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-base);color:var(--color-text);padding:0}a{color:var(--color-link);text-decoration:none}.button{display:inline-flex;align-items:center;justify-content:center;font-family:var(--system-font);font-weight:var(--font-weight-bold);font-size:var(--font-size-base);line-height:var(--line-height-base);text-decoration:none;cursor:pointer;padding:var(--button-padding);border:var(--border-width) solid transparent;border-radius:var(--button-radius);transition:var(--button-transition);background-color:var(--color-primary);color:var(--color-white);box-shadow:var(--button-shadow)}.button:hover{background-color:color-mix(in srgb,var(--color-primary),var(--color-black) 15%);box-shadow:var(--button-shadow-hover);transform:translateY(-1px)}.button:active{transform:translateY(0)}.button:focus{outline:none;box-shadow:var(--shadow-focus)}.button.secondary{background-color:var(--color-secondary);color:#fff}.button.secondary:hover{background-color:color-mix(in srgb,var(--color-secondary),var(--color-black) 15%)}.button.success{background-color:var(--color-success);color:#fff}.button.success:hover{background-color:color-mix(in srgb,var(--color-success),var(--color-black) 15%)}.button.warning{background-color:var(--color-warning);color:var(--color-dark)}.button.warning:hover{background-color:color-mix(in srgb,var(--color-warning),var(--color-black) 15%)}.button.danger{background-color:var(--color-danger);color:#fff}.button.danger:hover{background-color:color-mix(in srgb,var(--color-danger),var(--color-black) 15%)}.button.outline{background-color:transparent;border-color:currentColor;color:var(--color-primary)}.button.outline:hover{background-color:var(--color-primary);color:#fff}.button.outline.secondary{color:var(--color-secondary)}.button.outline.secondary:hover{background-color:var(--color-secondary);color:#fff}.button.sm{font-size:calc(var(--font-size-base) * .875);padding:calc(var(--spacing-xs) * .75) var(--spacing-sm)}.button.lg{font-size:calc(var(--font-size-base) * 1.25);padding:var(--spacing-sm) var(--spacing-lg)}.button:disabled,.button.disabled{opacity:.5;pointer-events:none;cursor:not-allowed}.button.block{display:block;width:100%}.button .icon{margin-right:var(--spacing-xs)}form{font-family:var(--system-font);font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--color-text)}.generic-error{color:var(--color-danger);font-size:14px;margin-bottom:1rem;padding:1rem;border:1px solid #ffa5ae;border-radius:var(--border-radius);background:#ffd5d5}.form-group{margin-bottom:var(--spacing-md)}.form-group .form-error{color:var(--color-danger);font-size:14px;margin-top:var(--spacing-xs)}label{display:block;margin-bottom:var(--spacing-xs);font-weight:var(--font-weight-bold);color:var(--color-text)}label.required:after{content:"*";color:var(--color-danger);margin-left:var(--spacing-xs)}.form-control{display:block;width:calc(100% - 18px);padding:var(--form-control-padding);font-family:inherit;font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--color-text);background-color:var(--color-white);background-clip:padding-box;border:var(--border);border-radius:var(--form-control-radius);transition:var(--form-control-transition)}.form-control:focus{color:var(--color-text);background-color:var(--color-white);border-color:color-mix(in srgb,var(--color-primary),var(--color-white) 50%);outline:0;box-shadow:var(--form-control-shadow-focus)}.form-control::placeholder{color:var(--color-text-muted);opacity:1}.form-control:disabled,.form-control[readonly]{background-color:var(--color-light);opacity:1}select.form-control{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right var(--spacing-sm) center;background-size:16px 12px;padding-right:var(--spacing-xl)}body{padding:0;margin:0}#app>.wrap{padding:0}.container-fluid{padding:1rem}.container{padding:1rem;max-width:480px;margin:0 auto}.site-content h1{font-size:24px}.site-content .action-bar{margin-bottom:2rem}.phone-selector .line-1{margin-bottom:1rem;position:relative}.phone-selector .line-1 .prefix-country{display:flex;align-items:center;position:absolute;height:42px;padding-left:10px;gap:5px;cursor:pointer}.phone-selector .line-1 .dropdown-arrow{font-size:10px;color:var(--color-secondary)}.phone-selector .line-1 input{padding-left:60px;width:calc(100% - 68px)}.phone-selector .line-2{border-radius:var(--form-control-radius);border:1px solid var(--color-border);display:none}.phone-selector .line-2.show{display:block}.phone-selector .line-2 .search-wrap{border-bottom:1px solid var(--color-border);padding:10px}.phone-selector .result{overflow-y:scroll;max-height:224px}.phone-selector .result a{display:flex;gap:10px;padding:10px;text-decoration:none;color:#333;border-bottom:1px dashed var(--color-border)}.phone-selector .result a:last-child{border-bottom:0}.phone-selector .result a .name{flex-grow:1}.checkout-wrap{border:1px solid red;max-width:800px;margin:auto}.checkout-wrap .cart-item .item{display:flex;gap:1rem}.checkout-wrap .cart-item .item .image{width:20%;height:20%;max-height:128px;max-width:128px;overflow:hidden}.checkout-wrap .cart-item .item .image img{width:100%;height:100%;object-fit:cover}.checkout-wrap .cart-item .item .info-wrap{flex-grow:1}.checkout-wrap .cart-item .meta-item{display:inline-flex}.checkout-wrap .summary-wrap .summary-item{display:flex}.page-auth .login-box,.page-auth .otp-box{max-width:300px;margin:auto}.page-auth h1{margin-bottom:2rem;text-align:center}.page-auth .btn-login{width:100%}.page-auth .menu-box{padding-top:2rem}.page-auth .oauth-login-wrap{margin-top:2rem;text-align:center}.page-auth .oauth-link{display:flex;gap:1rem;justify-content:center;align-items:center}.page-auth .oauth-link .logo{height:24px;width:24px}.captcha-wrap{margin-bottom:1rem}