.vx-demo-shell{--vx-demo-blue:#2357e8;--vx-demo-ink:#152744;--vx-demo-muted:#586b85;color:var(--vx-demo-ink);isolation:isolate;text-align:left;background:#fff;border:1px solid #dce5f1;border-radius:24px;overflow:hidden;box-shadow:0 24px 64px #1b40741c,0 3px 8px #19305205}.vx-demo-shell *{box-sizing:border-box}.vx-demo-shell p,.vx-demo-shell h2,.vx-demo-shell h3{margin:0}.vx-demo-shell button,.vx-demo-shell a{-webkit-tap-highlight-color:transparent}.vx-demo-shell button{font:inherit;cursor:pointer}.vx-demo-shell a:focus-visible,.vx-demo-shell button:focus-visible{outline-offset:4px;outline:3px solid #2357e8}.vx-demo-toolbar{background:#fff;border-bottom:1px solid #e8edf5;justify-content:space-between;align-items:center;gap:16px;padding:18px 26px;display:flex}.vx-demo-app-name{align-items:center;gap:12px;font-size:14px;font-weight:800;line-height:1.3;display:flex}.vx-demo-app-name small{color:var(--vx-demo-muted);margin-top:3px;font-size:11px;font-weight:500;display:block}.vx-demo-app-mark{background:var(--vx-demo-blue);color:#fff;border-radius:10px;place-items:center;width:34px;height:36px;font-size:22px;font-weight:900;display:grid;transform:rotate(-5deg)}.vx-demo-sample-badge{white-space:nowrap;color:#345680;background:#eff5ff;border-radius:20px;align-items:center;gap:7px;padding:7px 10px;font-size:10px;font-weight:750;display:inline-flex}.vx-demo-sample-badge>span{background:#4487ea;border-radius:50%;width:5px;height:5px}.vx-demo-steps{background:#f8fafd;border-bottom:1px solid #e8edf5;justify-content:space-between;align-items:center;gap:16px;list-style:none;display:flex;margin:0!important;padding:18px 26px!important}.vx-demo-steps li{color:#738197;align-items:center;gap:9px;font-size:11px;font-weight:700;line-height:1.3;display:flex}.vx-demo-step-number{color:#738197;background:#fff;border:1px solid #d9e1ed;border-radius:50%;flex-shrink:0;place-items:center;width:24px;height:24px;font-size:10px;display:grid}.vx-demo-steps .vx-demo-step-current{color:#1743b1}.vx-demo-step-current .vx-demo-step-number{background:var(--vx-demo-blue);border-color:var(--vx-demo-blue);color:#fff;box-shadow:0 0 0 4px #2357e811}.vx-demo-steps .vx-demo-step-done{color:#25836c}.vx-demo-step-done .vx-demo-step-number{color:#15815b;background:#e0f5ed;border-color:#c6eade}.vx-demo-workspace{min-width:0}.vx-demo-product{background:linear-gradient(145deg,#edf8ff,#f1f6ff 60%,#f5f9ff);min-width:0;padding:26px}.vx-demo-product-content{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:36px;padding-top:16px;display:grid}.vx-demo-product-topline{justify-content:space-between;align-items:center;gap:8px;display:flex}.vx-demo-product-topline>span:first-child{color:#607695;letter-spacing:1.2px;font-size:9px;font-weight:800}.vx-demo-stock-status{align-items:center;gap:5px;font-size:10px;font-weight:750;line-height:1.4;display:inline-flex}.vx-demo-stock-status>span{border-radius:50%;flex-shrink:0;width:7px;height:7px}.vx-demo-stock-green{color:#146b4f}.vx-demo-stock-green>span{background:#17a66f;box-shadow:0 0 0 3px #17a66f14}.vx-demo-stock-amber{color:#855206}.vx-demo-stock-amber>span{background:#d99417;box-shadow:0 0 0 3px #d9941720}.vx-demo-product-body{align-items:center;gap:24px;min-width:0;padding:8px 0;display:flex}.vx-demo-photo-wrap{background:#fff;border:1px solid #e5edf6;border-radius:20px;flex:0 0 140px;justify-content:center;align-items:center;height:225px;display:flex;position:relative;box-shadow:0 12px 25px #2b568810}.vx-demo-photo{object-fit:contain;border-radius:3px;width:auto;max-width:100%;height:198px;display:block}.vx-demo-sold-badge{white-space:nowrap;color:#fff;background:#16785b;border-radius:8px;align-items:center;gap:5px;padding:7px 9px;font-size:10px;font-weight:750;animation:.25s both vx-demo-enter;display:flex;position:absolute;bottom:15px;right:-10px;box-shadow:0 4px 12px #145c5530}.vx-demo-product-info{min-width:0}.vx-demo-product-category{letter-spacing:1.3px;color:#607695;font-size:9px;font-weight:800}.vx-demo-shell .vx-demo-product-title{letter-spacing:-1.4px;margin:8px 0;font-size:clamp(25px,2.8vw,37px);font-weight:850;line-height:1.15}.vx-demo-shell .vx-demo-product-size{color:#62728c;font-size:11px;line-height:1.5}.vx-demo-price{letter-spacing:-1.5px;margin-top:23px;font-size:38px;font-weight:850;line-height:1.1}.vx-demo-price>span{letter-spacing:0;color:#536982;margin-top:5px;font-size:10px;font-weight:600;line-height:1.4;display:block}.vx-demo-shell .vx-demo-price-note{color:#62728c;margin-top:8px;font-size:9px}.vx-demo-shell .vx-demo-availability{color:#314969;margin-top:20px;font-size:13px;line-height:1.5}.vx-demo-availability strong{font-weight:750;display:block}.vx-demo-availability span{color:#586b85;margin-top:3px;font-size:11px;display:block}.vx-demo-action-pane{align-items:center;min-width:0;display:flex}.vx-demo-action-content{width:100%;animation:.28s both vx-demo-enter}.vx-demo-action-heading{align-items:center;gap:12px;display:flex}.vx-demo-action-icon{width:45px;height:45px;color:var(--vx-demo-blue);background:#eef4ff;border:1px solid #dce7fc;border-radius:12px;flex-shrink:0;place-items:center;display:grid}.vx-demo-overline{letter-spacing:1.1px;color:#687e9b;margin-bottom:5px;font-size:9px;font-weight:800;line-height:1.3;display:block}.vx-demo-shell .vx-demo-action-heading h3{letter-spacing:-.75px;font-size:22px;font-weight:800;line-height:1.2}.vx-demo-ticket{background:linear-gradient(#fff,#fbfcff);border:1px solid #e0e7f0;border-radius:14px;margin-bottom:19px;padding:17px 19px;box-shadow:0 6px 14px #213b6505}.vx-demo-ticket-title{border-bottom:1px solid #e8edf5;justify-content:space-between;align-items:center;padding-bottom:14px;font-size:11px;font-weight:750;display:flex}.vx-demo-ticket-title>span:last-child{color:#728199;font-size:9px;font-weight:550}.vx-demo-ticket-line{justify-content:space-between;gap:10px;padding:17px 0;font-size:13px;display:flex}.vx-demo-ticket-line>div>strong{font-weight:750;display:block}.vx-demo-ticket-line small{color:#728199;margin-top:5px;font-size:11px;display:block}.vx-demo-ticket-total{border-top:1px dashed #cbd6e4;justify-content:space-between;align-items:center;gap:12px;padding-top:14px;display:flex}.vx-demo-ticket-total>span{font-size:13px;font-weight:700}.vx-demo-ticket-total>strong{letter-spacing:-1px;font-size:27px;font-weight:850;line-height:1}.vx-demo-ticket-total small{letter-spacing:0;color:#65758e;margin-left:6px;font-size:10px;font-weight:600}.vx-demo-primary{border:1px solid var(--vx-demo-blue);background:var(--vx-demo-blue);color:#fff;border-radius:11px;justify-content:center;align-items:center;gap:13px;width:100%;min-height:52px;padding:14px 18px;transition:background .16s,box-shadow .16s,transform .16s;display:flex;box-shadow:0 5px 13px #2357e827;font-size:14px!important;font-weight:750!important}.vx-demo-primary:hover{background:#1948cc;transform:translateY(-1px);box-shadow:0 7px 16px #2357e838}.vx-demo-primary:active{transform:translateY(0)}.vx-demo-shell .vx-demo-action-footnote{text-align:center;color:#71819a;margin-top:11px;font-size:10px;line-height:1.6}.vx-demo-sale-confirmed{color:#187653;align-items:center;gap:7px;margin-bottom:18px;font-size:11px;display:flex}.vx-demo-sale-confirmed strong{font-size:11px;font-weight:700}.vx-demo-sale-confirmed>span{white-space:nowrap;color:#576e84;margin-left:auto;font-size:10px}.vx-demo-alert{background:#fff8e9;border:1px solid #efd7a7;border-radius:15px;padding:19px 20px;box-shadow:0 6px 14px #98680006}.vx-demo-alert-heading{align-items:center;gap:10px;margin-bottom:14px;display:flex}.vx-demo-alert-icon{color:#8c5b04;background:#ffecbd;border-radius:11px;place-items:center;width:39px;height:39px;display:grid}.vx-demo-alert-heading>span:last-child{letter-spacing:.8px;color:#8b5b08;font-size:9px;font-weight:800}.vx-demo-alert-heading small{letter-spacing:0;color:#8c6b35;margin-top:3px;font-size:10px;font-weight:500;display:block}.vx-demo-shell .vx-demo-alert h3{letter-spacing:-.5px;color:#664304;font-size:21px;font-weight:800;line-height:1.35}.vx-demo-shell .vx-demo-alert p{color:#8a6c3c;margin-top:11px;font-size:11px;line-height:1.65}.vx-demo-suggestion{justify-content:space-between;align-items:center;gap:15px;padding:17px 1px;display:flex}.vx-demo-suggestion>span{font-size:12px;font-weight:750}.vx-demo-suggestion>span>small{color:#71819a;margin-top:3px;font-size:10px;font-weight:500;line-height:1.6;display:block}.vx-demo-suggestion>strong{white-space:nowrap;letter-spacing:-1px;color:#2557d5;font-size:28px;line-height:1}.vx-demo-suggestion>strong>small{letter-spacing:0;margin-left:5px;font-size:10px;font-weight:600}.vx-demo-complete-icon{color:#127d58;background:#e5f7f0;border-color:#c4eada}.vx-demo-purchase-order{background:#fbfdff;border:1px solid #d4e1ed;border-radius:14px;margin:23px 0 17px;overflow:hidden;box-shadow:0 7px 18px #1c3c6907}.vx-demo-order-heading{color:#3c638d;background:#f1f6ff;border-bottom:1px solid #dce7f3;align-items:center;gap:9px;padding:16px;display:flex}.vx-demo-order-heading>span:not(.vx-demo-order-badge){font-size:10px;line-height:1.5}.vx-demo-order-heading strong{color:#203a60;font-size:12px;font-weight:800;display:block}.vx-demo-order-badge{color:#587093;background:#fff;border:1px solid #d3deee;border-radius:20px;margin-left:auto;padding:6px 8px;font-size:9px;line-height:1}.vx-demo-order-product{justify-content:space-between;align-items:center;gap:10px;padding:19px 17px;font-size:14px;display:flex}.vx-demo-order-product>span{font-weight:750}.vx-demo-order-product small{color:#71819a;margin-top:4px;font-size:10px;font-weight:500;line-height:1.5;display:block}.vx-demo-order-product>strong{color:#2357cb;font-size:14px}.vx-demo-order-reason{color:#657991;border-top:1px dashed #ccd9e8;justify-content:space-between;gap:10px;margin:0 17px;padding:13px 0;font-size:10px;line-height:1.5;display:flex}.vx-demo-order-reason>strong{color:#4b627d;text-align:right;font-weight:650}.vx-demo-completion-note{color:#248364;align-items:flex-start;gap:8px;display:flex}.vx-demo-completion-note svg{flex-shrink:0;margin-top:2px}.vx-demo-shell .vx-demo-completion-note p{color:#5b7088;font-size:11px;line-height:1.7}.vx-demo-completion-note strong{font-weight:700}.vx-demo-reset{color:#315989;background:#fff;border:1px solid #dbe5f1;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:46px;margin-top:19px;transition:background .16s;display:flex;font-size:12px!important;font-weight:700!important}.vx-demo-reset:hover{background:#f2f7ff}.vx-demo-bottom{background:#fff;border-top:1px solid #e8edf5;padding:12px 26px 13px}.vx-demo-links{flex-wrap:wrap;justify-content:space-between;gap:15px;display:flex}.vx-demo-links>a{color:#2154c8;align-items:center;gap:9px;min-height:44px;font-size:12px;font-weight:750;text-decoration:none;display:inline-flex}.vx-demo-links>a:hover{text-underline-offset:4px;text-decoration:underline}.vx-demo-links>a:last-child{color:#546b87}.vx-demo-shell .vx-demo-photo-credit{color:#7d8a9c;margin-top:3px;font-size:9px;line-height:1.6}.vx-demo-photo-credit a{color:#5c718b;text-underline-offset:2px;text-decoration:underline}.vx-demo-sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes vx-demo-enter{0%{opacity:.35;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@media (width<=1000px){.vx-demo-product{padding:23px}.vx-demo-product-body{gap:17px}.vx-demo-photo-wrap{flex-basis:112px;height:214px}.vx-demo-photo{height:188px}.vx-demo-product-content{gap:24px}.vx-demo-product-topline{flex-wrap:wrap;gap:9px}.vx-demo-product-topline>span:first-child{font-size:8px}.vx-demo-shell .vx-demo-action-heading h3{font-size:20px}.vx-demo-action-icon{width:38px;height:38px}.vx-demo-stock-status{font-size:9px}.vx-demo-shell .vx-demo-alert h3{font-size:20px}.vx-demo-sale-confirmed{flex-wrap:wrap;row-gap:5px}.vx-demo-sale-confirmed>span{flex-basis:100%;margin-left:25px}}@media (width<=760px){.vx-demo-shell{border-radius:20px}.vx-demo-toolbar{padding:15px 18px}.vx-demo-app-name{gap:9px;font-size:12px}.vx-demo-app-name small{font-size:10px}.vx-demo-app-mark{width:30px;height:32px;font-size:19px}.vx-demo-sample-badge{padding:6px 8px;font-size:9px}.vx-demo-steps{gap:10px;padding:16px 18px!important}.vx-demo-steps li{gap:6px;font-size:10px}.vx-demo-step-number{width:22px;height:22px}.vx-demo-product-content{grid-template-columns:1fr;gap:18px;padding-top:12px}.vx-demo-product{padding:20px}.vx-demo-product-topline{flex-wrap:nowrap}.vx-demo-product-topline>span:first-child{font-size:9px}.vx-demo-stock-status{font-size:10px}.vx-demo-product-body{gap:24px;padding:0}.vx-demo-photo-wrap{flex-basis:110px;height:184px;margin-left:5px}.vx-demo-photo{height:160px}.vx-demo-shell .vx-demo-product-title{letter-spacing:-1.2px;font-size:32px}.vx-demo-price{margin-top:15px;font-size:32px}.vx-demo-price>span{letter-spacing:0;margin-left:8px;font-size:10px;display:inline}.vx-demo-shell .vx-demo-action-heading h3{font-size:23px}.vx-demo-action-icon{width:42px;height:42px}.vx-demo-ticket{margin-bottom:17px}.vx-demo-sale-confirmed{flex-wrap:nowrap}.vx-demo-sale-confirmed>span{flex-basis:auto;margin-left:auto}.vx-demo-alert{padding:19px}.vx-demo-shell .vx-demo-alert h3{max-width:360px;font-size:23px}.vx-demo-shell .vx-demo-alert p{font-size:12px}.vx-demo-suggestion{padding-block:20px}.vx-demo-suggestion>span{font-size:13px}.vx-demo-suggestion>span>small{font-size:11px}.vx-demo-bottom{padding:11px 20px 14px}.vx-demo-photo-credit{max-width:100%}.vx-demo-action-content{min-height:0}}@media (width<=380px){.vx-demo-toolbar{gap:8px;padding-inline:14px}.vx-demo-app-name small{font-size:9px}.vx-demo-sample-badge{gap:4px;font-size:8px}.vx-demo-steps{gap:7px;padding-inline:14px!important}.vx-demo-steps li{gap:5px;font-size:9px}.vx-demo-product{padding:17px}.vx-demo-stock-status{font-size:9px}.vx-demo-product-topline>span:first-child{font-size:8px}.vx-demo-product-body{gap:19px}.vx-demo-photo-wrap{flex-basis:94px;height:174px;margin-left:0}.vx-demo-photo{height:152px}.vx-demo-shell .vx-demo-product-title{font-size:29px}.vx-demo-shell .vx-demo-product-size{font-size:10px}.vx-demo-shell .vx-demo-action-heading h3,.vx-demo-shell .vx-demo-alert h3{font-size:21px}.vx-demo-links{gap:4px}.vx-demo-links>a{gap:5px;font-size:11px}.vx-demo-bottom{padding-inline:17px}}@media (prefers-reduced-motion:reduce){.vx-demo-shell *,.vx-demo-shell :before,.vx-demo-shell :after{transition:none!important;animation:none!important}.vx-demo-primary:hover{transform:none}}.vx-demo-sell-another{color:#204fa8;cursor:pointer;background:#fff;border:1px solid #a9c1e2;border-radius:11px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:48px;margin-bottom:10px;padding:12px 18px;font-size:14px;font-weight:750;display:flex}.vx-demo-sell-another>span{color:#52677c;font-size:11px;font-weight:600}.vx-demo-sell-another:hover:not(:disabled){background:#eaf2ff;border-color:#2357e8}.vx-demo-sell-another:disabled{color:#64748b;cursor:not-allowed;background:#edf0f4;border-color:#d7dfe9}.vx-demo-stock-red{color:#a52c38}.vx-demo-stock-red>span{background:#d32c41;box-shadow:0 0 0 3px #d32c4115}.vx-demo-alert-empty{background:#fff0f1;border-color:#efbac1}.vx-demo-alert-empty .vx-demo-alert-icon{color:#a32636;background:#f9d8dd}.vx-demo-alert-empty .vx-demo-alert-heading>span:last-child,.vx-demo-alert-empty .vx-demo-alert-heading small,.vx-demo-shell .vx-demo-alert-empty h3,.vx-demo-shell .vx-demo-alert-empty p{color:#9a2635}
