.interactive-examples{color:#142b3c;width:100%;min-width:0;font-family:var(--body);font-size:14px;line-height:1.5;position:absolute;inset:0;container:pms-examples/inline-size}.interactive-examples *{box-sizing:border-box}.interactive-examples button,.interactive-examples input,.interactive-examples select{font:inherit}.interactive-examples button{cursor:pointer}.interactive-examples button:disabled{cursor:default}.interactive-examples [hidden]{display:none!important}.interactive-examples{--ink:#142b3c;--deep:#0c2030;--paper:#f3f2ed;--white:#fcfcf9;--muted:#586873;--line:#182e401f;--accent:#a44b30;--display:var(--font-manrope),Arial,sans-serif;--body:var(--font-dm-sans),Arial,sans-serif;--mono:"SFMono-Regular",Consolas,monospace}.interactive-examples .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}.interactive-examples .menu-toggle>span:not(.sr-only){background:#fff;height:1px;margin:5px 0;display:block}@media (min-width:1600px){.interactive-examples .demo-art{height:270px}}@media (max-width:1150px){.interactive-examples .demo-controls{padding-inline:17px}.interactive-examples .demo-options{gap:10px}.interactive-examples .demo-art{height:225px}}@media (max-width:980px){.interactive-examples .demo-mode{max-width:120px}.interactive-examples .demo-art{height:210px}.interactive-examples .demo-options{gap:15px}.interactive-examples .demo-product h3{font-size:19px}.interactive-examples .demo-product>span{font-size:15px}}@media (max-width:720px){.interactive-examples .demo-art{height:250px}.interactive-examples .demo-controls{padding:20px}.interactive-examples .demo-options{flex-wrap:nowrap;gap:12px}.interactive-examples .demo-product h3{font-size:22px}.interactive-examples .demo-product>span{font-size:18px}.interactive-examples .demo-mode{max-width:none}.interactive-examples .demo-disclaimer{padding-inline:20px;font-size:10px}.interactive-examples .commerce-demo{box-shadow:6px 7px #182e400a}}@media (max-width:380px){.interactive-examples .demo-art{height:225px}.interactive-examples .demo-options{flex-wrap:wrap;gap:15px}.interactive-examples .demo-controls{padding-inline:16px}.interactive-examples .demo-mode{max-width:135px;font-size:8px}.interactive-examples .demo-product h3{font-size:21px}.interactive-examples .demo-disclaimer{padding-inline:16px}}.interactive-examples .commerce-playground{background:#fcfcf9;border:1px solid #173b5226;box-shadow:10px 12px #182e400a}.interactive-examples .playground-header{font:10px/1.5 var(--mono);letter-spacing:.05em;border-bottom:1px solid #173b5226;justify-content:space-between;align-items:center;gap:20px;padding:15px 22px;display:flex}.interactive-examples .playground-header>span:last-child{font:10px/1.5 var(--body);letter-spacing:0;color:#657d8d}.interactive-examples .product-picker{border:0;border-bottom:1px solid #173b5226;grid-template-columns:repeat(3,1fr);margin:0;padding:0;display:grid}.interactive-examples .product-picker button{text-align:left;background:#f4f5f1;border:0;border-bottom:2px solid #0000;justify-content:start;align-items:center;gap:14px;min-width:0;padding:19px 22px;display:flex}.interactive-examples .product-picker button+button{border-left:1px solid #173b521a}.interactive-examples .product-picker button[aria-pressed=true]{background:#fff;border-bottom-color:#244b68}.interactive-examples .product-picker strong{font-size:14px;font-weight:500;line-height:1.4}.interactive-examples .product-picker-code{font:9px/1 var(--mono);color:#7d91a0}.interactive-examples .product-picker button>span:last-child{color:#6b7e8b;white-space:nowrap;margin-left:auto;font-size:11px}.interactive-examples .playground-main{grid-template-columns:minmax(0,1fr) 330px;display:grid}.interactive-examples .product-viewer{color:#e8eef1;background:#102638;min-width:0;position:relative}.interactive-examples .scene-stage{height:440px;position:relative;overflow:hidden}.interactive-examples .scene-stage canvas{outline-offset:-5px;cursor:grab;width:100%;height:100%;display:block}.interactive-examples .scene-stage canvas:active{cursor:grabbing}.interactive-examples .scene-object-code,.interactive-examples .scene-finish-name{pointer-events:none;font:9px/1.5 var(--mono);letter-spacing:.07em;color:#9ab2c4;position:absolute;bottom:22px}.interactive-examples .scene-object-code{left:24px}.interactive-examples .scene-finish-name{right:24px}.interactive-examples .scene-zoom{gap:4px;display:flex;position:absolute;top:18px;right:18px}.interactive-examples .scene-zoom button{color:#d9e6ee;background:#d9e6f10c;border:1px solid #d6e4ef30;place-items:center;width:32px;height:32px;font-size:20px;line-height:1;display:grid}.interactive-examples .scene-zoom button:hover{background:#d9e6f128}.interactive-examples .scene-zoom button:disabled{opacity:.3}.interactive-examples .viewer-toolbar{border-top:1px solid #adc4d522;justify-content:space-between;align-items:center;gap:15px;min-height:66px;padding:16px 20px;display:flex}.interactive-examples .viewer-toolbar>div{flex-wrap:wrap;gap:6px;display:flex}.interactive-examples .viewer-toolbar button{color:#b9cedc;background:0 0;border:1px solid #b3cad936;padding:6px 9px;font-size:9px;line-height:1.5}.interactive-examples .viewer-toolbar button[aria-pressed=true]{color:#17384f;background:#bbd6e4;border-color:#bbd6e4}.interactive-examples .viewer-toolbar button:disabled{opacity:.35;cursor:default}.interactive-examples .viewer-toolbar p{color:#88a5b9;text-align:right;max-width:175px;margin:0;font-size:9px;line-height:1.6}.interactive-examples .scene-fallback{text-align:center;background:#102638;place-content:center;justify-items:center;gap:24px;padding:40px;display:grid;position:absolute;inset:0}.interactive-examples .scene-fallback p{color:#a7bfce;max-width:300px;margin:0;font-size:12px;line-height:1.7}.interactive-examples .fallback-object{border-radius:20px 20px 30px 30px;width:95px;height:160px;transform:rotate(-12deg);box-shadow:inset -20px -15px 20px #0005,inset 15px 0 25px #fff2,15px 25px 30px #0004}.interactive-examples .fallback-object.object-0{border-radius:100px 100px 4px 4px;width:160px;height:65px;margin-bottom:80px;position:relative}.interactive-examples .fallback-object.object-0:after{content:"";background:#9aa9b6;width:8px;height:85px;position:absolute;top:100%;left:calc(50% - 4px)}.interactive-examples .fallback-object.object-1{width:140px;height:140px;box-shadow:none;border:18px solid #718495;border-bottom:0;border-radius:50% 50% 10px 10px;background:0 0!important}.interactive-examples .scene-skeleton{color:#b9cedc;background:#102638;place-content:center;height:506px;display:grid}.interactive-examples .scene-skeleton span{font:500 50px/1 var(--display);opacity:.2}.interactive-examples .product-config{border-left:1px solid #173b5226;flex-direction:column;min-width:0;padding:32px 27px;display:flex}.interactive-examples .product-config-title>p:first-child{font:9px/1.4 var(--mono);letter-spacing:.07em;color:#8495a0;margin-bottom:18px}.interactive-examples .product-config-title h3{letter-spacing:-.04em;margin-bottom:14px;font-size:30px;line-height:1.15}.interactive-examples .product-config-title>p:last-child{color:#70828e;min-height:44px;margin-bottom:27px;font-size:12px;line-height:1.8}.interactive-examples .material-picker{border:0;margin:0 0 28px;padding:0}.interactive-examples .material-picker legend{font:10px/1.6 var(--mono);color:#7a8e9c;width:100%;margin-bottom:14px}.interactive-examples .material-picker legend>span{float:right;font:12px/1.6 var(--body);color:#294b61}.interactive-examples .material-picker>div{gap:12px;display:flex}.interactive-examples .material-picker button{background:0 0;border:1px solid #0000;border-radius:50%;place-items:center;width:39px;height:39px;padding:4px;display:grid}.interactive-examples .material-picker button>span{background:var(--swatch);border-radius:50%;width:29px;height:29px;box-shadow:inset -5px -3px 8px #0002,inset 5px 2px 10px #fff2}.interactive-examples .product-quantity{border:0;justify-content:space-between;align-items:center;gap:20px;margin:0 0 26px;padding:0;display:flex}.interactive-examples .product-quantity legend{font:10px/1.6 var(--mono);color:#7a8e9c;margin-bottom:10px}.interactive-examples .product-quantity>div{border:1px solid #173b5233;align-items:center;gap:14px;padding:4px;display:flex}.interactive-examples .product-quantity button{color:#43647b;background:0 0;border:0;width:25px;height:26px;font-size:18px;line-height:1}.interactive-examples .product-quantity button:disabled{opacity:.3}.interactive-examples .product-quantity output{font:12px/1 var(--mono);text-align:center;min-width:16px}.interactive-examples .product-quantity>span{font:500 24px/1.4 var(--display);letter-spacing:-.03em}.interactive-examples .add-to-cart{color:#f0f4f6;text-align:left;background:#17384f;border:1px solid #17384f;justify-content:space-between;align-items:center;gap:14px;min-height:47px;margin-top:auto;padding:13px 15px;font-size:11px;line-height:1.6;display:flex}.interactive-examples .add-to-cart>span{font-size:20px;line-height:1}.interactive-examples .add-to-cart:disabled{opacity:.45}.interactive-examples .cart-message{color:#547460;min-height:16px;margin:9px 0 -10px;font-size:10px;line-height:1.6}.interactive-examples .cart-drawer{border-top:1px solid #173b5226;grid-template-columns:1fr auto;gap:18px 35px;padding:23px 27px;display:grid}.interactive-examples .cart-heading{grid-column:1/-1;justify-content:space-between;align-items:center;gap:20px;display:flex}.interactive-examples .cart-heading h3{letter-spacing:-.025em;align-items:center;gap:12px;margin:0;font-size:16px;display:flex}.interactive-examples .cart-heading h3>span{color:#406278;min-width:24px;height:24px;font:10px/1 var(--mono);background:#e9eef0;border-radius:50%;place-items:center;display:grid}.interactive-examples .cart-heading>button{color:#77909f;background:0 0;border:0;border-bottom:1px solid #c6d1d8;padding:0 0 2px;font-size:10px}.interactive-examples .empty-cart{color:#8a9ba6;align-self:center;margin:0;font-size:12px}.interactive-examples .cart-lines{gap:14px;margin:0;padding:0;list-style:none;display:grid}.interactive-examples .cart-lines li{align-items:center;gap:12px;font-size:12px;display:flex}.interactive-examples .cart-swatch{border-radius:5px;flex-shrink:0;width:23px;height:29px;display:block;box-shadow:inset -4px -3px 7px #0003}.interactive-examples .cart-lines li>div{gap:3px;display:grid}.interactive-examples .cart-lines strong{font-size:12px;font-weight:500}.interactive-examples .cart-lines div>span{color:#8296a3;font-size:10px}.interactive-examples .cart-line-price{font:11px/1 var(--mono);margin-left:auto}.interactive-examples .cart-lines li>button{color:#889ca9;background:0 0;border:0;padding:5px;font-size:20px}.interactive-examples .cart-checkout{align-self:end;align-items:center;gap:25px;display:flex}.interactive-examples .cart-checkout>p{font:10px/1.5 var(--mono);color:#80939f;margin:0}.interactive-examples .cart-checkout strong{color:#173b52;font:500 25px/1.3 var(--display);letter-spacing:-.03em;white-space:nowrap;margin-top:3px;display:block}.interactive-examples .cart-checkout>button{color:#173b52;text-align:left;background:#f5f8f8;border:1px solid #173b52;align-items:center;gap:20px;padding:12px 16px;font-size:11px;line-height:1.5;display:flex}.interactive-examples .cart-checkout>button:disabled{opacity:.35;cursor:default}.interactive-examples .commerce-receipt{color:#3a5b43;background:#e8eee6;grid-column:1/-1;padding:20px 23px}.interactive-examples .receipt-header{align-items:center;gap:10px;font-size:12px;display:flex}.interactive-examples .receipt-header>span:first-child{font-size:20px}.interactive-examples .receipt-header>strong{font-weight:600}.interactive-examples .receipt-header>span:last-child{font:10px/1 var(--mono);color:#77937d;margin-left:auto}.interactive-examples .receipt-flow{grid-template-columns:repeat(3,1fr);gap:20px;margin:20px 0;display:grid}.interactive-examples .receipt-flow div{border-top:1px solid #51735b33;padding-top:13px}.interactive-examples .receipt-flow dt{font:10px/1.5 var(--mono);color:#77937d}.interactive-examples .receipt-flow dd{margin:6px 0 0;font-size:12px}.interactive-examples .commerce-receipt summary{cursor:pointer;font-size:11px}.interactive-examples .commerce-receipt pre{max-height:300px;font:10px/1.7 var(--mono);background:#dfe7de;max-width:100%;margin-bottom:0;padding:15px;overflow:auto}.interactive-examples .commerce-disclaimer{color:#8799a5;border-top:1px solid #173b5215;margin:0;padding:13px 27px;font-size:10px;line-height:1.6}@media (max-width:1100px){.interactive-examples .playground-main{grid-template-columns:minmax(0,1fr) 295px}.interactive-examples .product-config{padding:27px 22px}.interactive-examples .viewer-toolbar{display:block}.interactive-examples .viewer-toolbar p{text-align:left;max-width:none;margin-top:10px}.interactive-examples .scene-stage{height:425px}.interactive-examples .product-picker button{gap:10px;padding:17px}.interactive-examples .product-picker strong{font-size:12px}.interactive-examples .cart-drawer{gap:18px 25px}.interactive-examples .cart-checkout{gap:16px}}@media (max-width:800px){.interactive-examples .playground-main{grid-template-columns:1fr}.interactive-examples .scene-stage{height:410px}.interactive-examples .viewer-toolbar{display:flex}.interactive-examples .viewer-toolbar p{text-align:right;max-width:190px;margin:0}.interactive-examples .product-config{border-top:1px solid #173b5226;border-left:0;grid-template-columns:1fr 1fr;gap:18px 32px;display:grid}.interactive-examples .product-config-title{grid-row:1/3}.interactive-examples .product-config-title h3{font-size:32px}.interactive-examples .product-config-title>p:last-child{max-width:260px;margin-bottom:0}.interactive-examples .material-picker,.interactive-examples .product-quantity{margin:0}.interactive-examples .add-to-cart{grid-column:1/-1;margin:0}.interactive-examples .cart-message{grid-column:1/-1;margin:-8px 0 0}.interactive-examples .cart-drawer{grid-template-columns:1fr}.interactive-examples .cart-checkout{justify-content:space-between}.interactive-examples .cart-checkout>button{justify-content:space-between;min-width:220px}.interactive-examples .playground-header>span:last-child{font-size:9px}}@media (max-width:540px){.interactive-examples .playground-header{flex-wrap:wrap;gap:10px;padding:13px 16px;font-size:9px}.interactive-examples .product-picker button{justify-content:start;gap:5px;padding:14px 9px;display:grid}.interactive-examples .product-picker-code{font-size:8px}.interactive-examples .product-picker strong{font-size:11px}.interactive-examples .product-picker button>span:last-child{margin-left:0;font-size:10px}.interactive-examples .scene-stage{height:360px}.interactive-examples .scene-object-code{bottom:18px;left:17px}.interactive-examples .scene-finish-name{bottom:18px;right:17px}.interactive-examples .scene-zoom{top:12px;right:12px}.interactive-examples .scene-zoom button{width:30px;height:30px}.interactive-examples .viewer-toolbar{padding:14px 16px;display:block}.interactive-examples .viewer-toolbar>div{gap:5px}.interactive-examples .viewer-toolbar button{padding:6px 8px;font-size:9px}.interactive-examples .viewer-toolbar p{text-align:left;max-width:none;margin-top:11px;font-size:9px}.interactive-examples .product-config{gap:22px;padding:22px 18px}.interactive-examples .product-config-title{grid-area:auto/1/auto/-1}.interactive-examples .product-config-title>p:first-child{margin-bottom:9px}.interactive-examples .product-config-title h3{font-size:29px}.interactive-examples .product-config-title>p:last-child{max-width:none;min-height:0;margin-bottom:0}.interactive-examples .material-picker legend{font-size:9px}.interactive-examples .material-picker legend>span{float:none;margin-top:3px;font-size:11px;display:block}.interactive-examples .material-picker>div{gap:7px}.interactive-examples .material-picker button{width:34px;height:34px;padding:3px}.interactive-examples .material-picker button>span{width:26px;height:26px}.interactive-examples .product-quantity{align-self:end;display:block}.interactive-examples .product-quantity legend{font-size:9px}.interactive-examples .product-quantity>div{gap:8px;display:inline-flex}.interactive-examples .product-quantity>span{margin-top:8px;font-size:21px;display:block}.interactive-examples .cart-drawer{gap:20px;padding:20px 18px}.interactive-examples .cart-heading h3{font-size:14px}.interactive-examples .cart-heading>button{font-size:9px}.interactive-examples .cart-checkout{gap:17px}.interactive-examples .cart-checkout>button{gap:15px;min-width:0;max-width:220px;padding:12px;font-size:10px}.interactive-examples .cart-checkout strong{font-size:24px}.interactive-examples .cart-lines strong{font-size:11px}.interactive-examples .cart-line-price{font-size:10px}.interactive-examples .commerce-disclaimer{padding:13px 18px;font-size:9px}.interactive-examples .commerce-receipt{padding:17px 14px}.interactive-examples .receipt-flow{gap:10px}.interactive-examples .receipt-flow dd{font-size:10px}.interactive-examples .receipt-flow dt{font-size:9px}.interactive-examples .receipt-header{font-size:10px}.interactive-examples .receipt-header>span:last-child{font-size:8px}.interactive-examples .scene-skeleton{height:440px}}.interactive-examples .commerce-playground{box-shadow:none;color:#dce7ec;background:#0b1d2a;border:1px solid #adc4d528}.interactive-examples .playground-header{color:#809eaf;border-color:#adc4d522;padding:12px 22px;font-size:9px}.interactive-examples .playground-header>span:last-child{color:#8da9b8}.interactive-examples .product-picker{background:#0b1d2a;border-color:#adc4d526}.interactive-examples .product-picker button{color:#859eae;background:0 0;min-height:64px;padding:17px 22px;transition:background .2s,color .2s}.interactive-examples .product-picker button+button{border-color:#adc4d51f}.interactive-examples .product-picker button[aria-pressed=true]{color:#f0f4f1;background:#16303f;border-bottom-color:#b8cecf}.interactive-examples .product-picker button:hover{background:#152c3a}.interactive-examples .product-picker-code{color:#7894a5}.interactive-examples .product-picker button>span:last-child{color:#8ca6b6}.interactive-examples .playground-main{grid-template-columns:minmax(0,1fr) 290px}.interactive-examples .product-viewer{background:#0b1d2a}.interactive-examples .scene-stage{isolation:isolate;height:520px}.interactive-examples .scene-stage:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 110px #06131c55}.interactive-examples .scene-title{pointer-events:none;z-index:1;max-width:70%;position:absolute;top:28px;left:26px}.interactive-examples .scene-title>span{font:9px/1.5 var(--mono);letter-spacing:.1em;color:#87a4b6;display:block}.interactive-examples .scene-title>strong{font:400 clamp(23px,2.8vw,40px)/1.2 var(--display);letter-spacing:-.035em;color:#b7cbd5;margin-top:8px;display:block}.interactive-examples .scene-views{z-index:1;background:#07141ed9;border:1px solid #afc9d329;gap:4px;max-width:calc(100% - 48px);margin:0;padding:4px;display:flex;position:absolute;bottom:58px;left:24px}.interactive-examples .scene-views button{color:#8da7b6;min-height:36px;font:10px/1.4 var(--body);white-space:nowrap;background:0 0;border:0;align-items:center;gap:8px;padding:9px 12px;display:flex}.interactive-examples .scene-views button>span{font:8px/1 var(--mono);color:#608394}.interactive-examples .scene-views button[aria-pressed=true]{color:#edf2f3;background:#294756}.interactive-examples .scene-views button[aria-pressed=true]>span{color:#bdcfcf}.interactive-examples .scene-views button:hover{background:#1a3544}.interactive-examples .scene-views button:disabled{opacity:.4;cursor:default}.interactive-examples .scene-zoom{z-index:1;grid-template-columns:repeat(2,32px);display:grid;top:27px;right:22px}.interactive-examples .scene-object-code,.interactive-examples .scene-finish-name{z-index:1;font-size:9px;bottom:23px}.interactive-examples .viewer-toolbar{border-color:#adc4d522;min-height:78px;padding:14px 22px;display:block}.interactive-examples .viewer-toolbar>div{flex-wrap:wrap;gap:6px}.interactive-examples .viewer-toolbar button{min-height:32px;padding:7px 10px;font-size:10px}.interactive-examples .viewer-toolbar p{color:#7f9aab;text-align:left;max-width:none;margin:9px 0 0;font-size:9px}.interactive-examples .product-config{background:#102633;border-color:#adc4d526;gap:0;padding:30px 24px;display:flex}.interactive-examples .product-config-title>p:first-child{color:#6f93a8}.interactive-examples .product-config-title h3{color:#e2ebed;margin-bottom:14px;font-size:33px}.interactive-examples .product-config-title>p:last-child{color:#96b0bf;min-height:65px;font-size:12px;line-height:1.8}.interactive-examples .material-picker legend,.interactive-examples .product-quantity legend{color:#7f9dac;font-size:9px}.interactive-examples .material-picker legend>span{color:#b5cbd4;font-size:10px}.interactive-examples .material-picker button{border-color:#8babbb33;width:44px;height:44px}.interactive-examples .material-picker button[aria-pressed=true]{border-color:#d0e1e4}.interactive-examples .material-picker button>span{width:32px;height:32px}.interactive-examples .product-quantity{margin-top:12px;margin-bottom:28px}.interactive-examples .product-quantity>div{border-color:#adc4d544}.interactive-examples .product-quantity button{color:#b8cdd6;min-width:28px;min-height:30px}.interactive-examples .product-quantity output{color:#e1e9ed}.interactive-examples .product-quantity>span{color:#e4edef;font-size:25px}.interactive-examples .add-to-cart{color:#0d2534;background:#c3d9db;border-color:#c3d9db;min-height:49px;font-size:11px;font-weight:600}.interactive-examples .add-to-cart:hover{background:#e5efec}.interactive-examples .cart-message{color:#a6c8b5;min-height:32px;margin-bottom:0}.interactive-examples .system-bridge{color:#8ea9b9;font:9px/1.6 var(--mono);background:#0a1925;border-top:1px solid #adc4d526;justify-content:center;align-items:center;gap:22px;padding:20px 26px;display:flex}.interactive-examples .system-bridge i{background:linear-gradient(90deg,#50778d,#a6c7cd);width:75px;height:1px;position:relative}.interactive-examples .system-bridge i:after{content:"";border-top:1px solid #9cbdc7;border-right:1px solid #9cbdc7;width:5px;height:5px;position:absolute;top:-2px;right:0;transform:rotate(45deg)}.interactive-examples .cart-drawer{color:#17384a;background:#f2f3ed;border-top:0;padding:26px}.interactive-examples .cart-checkout>button{color:#e0ebee;background:#17384a}.interactive-examples .cart-checkout>button:hover{background:#315467}.interactive-examples .commerce-disclaimer{color:#728591;background:#f2f3ed;border-color:#173b5215}.interactive-examples .scene-skeleton{color:#668b9e;background:radial-gradient(at 50% 75%,#193b4e,#0b1d2a 70%);height:598px}.interactive-examples .scene-fallback{background:radial-gradient(at 50% 75%,#193b4e,#0b1d2a 70%);padding-top:80px}.interactive-examples .scene-fallback p{max-width:320px;padding:0 20px;line-height:1.7}@media (min-width:1500px){.interactive-examples .scene-stage{height:580px}.interactive-examples .scene-skeleton{height:658px}}@media (max-width:1100px){.interactive-examples .playground-main{grid-template-columns:minmax(0,1fr) 260px}.interactive-examples .product-config{padding:27px 20px}.interactive-examples .scene-stage{height:500px}.interactive-examples .scene-views button{padding:8px;font-size:9px}}@media (max-width:800px){.interactive-examples .playground-main{grid-template-columns:1fr}.interactive-examples .scene-stage{height:500px}.interactive-examples .scene-title>strong{font-size:35px}.interactive-examples .product-config{border-top:1px solid #adc4d526;border-left:0;grid-template-columns:1fr 1fr;gap:20px 35px;padding:28px;display:grid}.interactive-examples .product-config-title{grid-row:1/3}.interactive-examples .product-config-title>p:last-child{max-width:280px;min-height:0}.interactive-examples .material-picker{margin:0}.interactive-examples .product-quantity{align-self:end;margin:0}.interactive-examples .add-to-cart{grid-column:1/-1;margin-top:0}.interactive-examples .cart-message{grid-column:1/-1;min-height:0;margin:-8px 0 0}.interactive-examples .scene-skeleton{height:578px}}@media (max-width:540px){.interactive-examples .playground-header{gap:8px;padding:12px 16px;font-size:8px}.interactive-examples .product-picker button{gap:6px;min-height:82px;padding:14px 11px}.interactive-examples .product-picker strong{font-size:11px}.interactive-examples .scene-stage{height:445px}.interactive-examples .scene-title{top:23px;left:18px}.interactive-examples .scene-title>strong{margin-top:8px;font-size:27px}.interactive-examples .scene-title>span{font-size:8px}.interactive-examples .scene-zoom{grid-template-columns:repeat(2,29px);gap:4px;top:20px;right:15px}.interactive-examples .scene-zoom button{width:29px;height:29px;font-size:18px}.interactive-examples .scene-views{gap:1px;max-width:calc(100% - 28px);padding:3px;bottom:52px;left:14px}.interactive-examples .scene-views button{gap:5px;min-height:38px;padding:8px;font-size:9px}.interactive-examples .scene-views button>span{font-size:7px}.interactive-examples .viewer-toolbar{padding:13px 16px}.interactive-examples .viewer-toolbar button{min-height:34px;padding:7px 8px;font-size:9px}.interactive-examples .viewer-toolbar p{font-size:8px}.interactive-examples .scene-skeleton{height:530px}.interactive-examples .product-config{gap:22px;padding:24px 20px}.interactive-examples .product-config-title{grid-area:auto/1/auto/-1}.interactive-examples .product-config-title h3{font-size:30px}.interactive-examples .product-config-title>p:last-child{max-width:none;font-size:12px}.interactive-examples .material-picker legend>span{float:none;display:block}.interactive-examples .material-picker>div{gap:8px}.interactive-examples .material-picker button{width:37px;height:37px}.interactive-examples .material-picker button>span{width:27px;height:27px}.interactive-examples .product-quantity>span{margin-top:9px;font-size:23px}.interactive-examples .add-to-cart{grid-column:1/-1}.interactive-examples .system-bridge{justify-content:space-between;gap:10px;padding:17px 14px;font-size:7px}.interactive-examples .system-bridge i{flex-shrink:1;width:20px}.interactive-examples .system-bridge span{flex-shrink:0}.interactive-examples .cart-drawer{padding:22px 18px}.interactive-examples .cart-checkout>button{font-size:10px}}@media (prefers-reduced-motion:reduce){.interactive-examples .product-picker button{transition:none}}.interactive-examples .commerce-section{background:#e9ece7;padding-block:70px 75px}.interactive-examples .commerce-section .section-heading{margin-bottom:32px}.interactive-examples .commerce-section .section-heading h2{max-width:650px;font-size:clamp(30px,3.2vw,44px)}.interactive-examples .commerce-section .section-heading>p{max-width:410px;font-size:14px}.interactive-examples .commerce-section .commerce-playground{box-shadow:none;border-color:#2c4a5b3d}.interactive-examples .commerce-section .playground-header{padding:11px 22px;font-size:8px}.interactive-examples .commerce-section .product-picker button{min-height:56px;padding:14px 22px}.interactive-examples .commerce-section .product-picker strong{font-size:12px}.interactive-examples .commerce-section .playground-main{grid-template-columns:minmax(0,1fr) 290px;display:grid}.interactive-examples .commerce-section .immersive-stage{min-width:0;position:relative}.interactive-examples .commerce-section .scene-stage{height:360px}.interactive-examples .commerce-section .scene-title{max-width:65%;top:23px;left:22px}.interactive-examples .commerce-section .scene-title>span{font-size:8px}.interactive-examples .commerce-section .scene-title>strong{margin-top:6px;font-size:23px}.interactive-examples .commerce-section .scene-views{max-width:calc(100% - 36px);bottom:48px;left:18px;transform:none}.interactive-examples .commerce-section .scene-views button{gap:7px;min-height:34px;padding:7px 10px;font-size:9px}.interactive-examples .commerce-section .scene-object-code{font-size:8px;bottom:18px;left:22px;right:auto}.interactive-examples .commerce-section .scene-finish-name{font-size:8px;bottom:18px}.interactive-examples .commerce-section .scene-zoom{grid-template-columns:repeat(2,29px);top:21px;right:18px}.interactive-examples .commerce-section .scene-zoom button{width:29px;height:29px;font-size:18px}.interactive-examples .commerce-section .viewer-toolbar{min-height:82px;padding:13px 18px;display:block}.interactive-examples .commerce-section .viewer-toolbar button{min-height:32px;padding:7px 9px;font-size:9px}.interactive-examples .commerce-section .viewer-toolbar p{text-align:left;max-width:none;margin:9px 0 0;font-size:8px}.interactive-examples .commerce-section .scene-fallback{padding:65px 0 0}.interactive-examples .commerce-section .scene-skeleton{height:442px}.interactive-examples .commerce-section .product-config{border-top:0;border-left:1px solid #adc4d526;flex-direction:column;align-items:stretch;gap:0;padding:25px 24px;display:flex}.interactive-examples .commerce-section .product-config-title{grid-area:auto}.interactive-examples .commerce-section .product-config-title>p:first-child{margin-bottom:9px;font-size:9px}.interactive-examples .commerce-section .product-config-title h3{margin-bottom:12px;font-size:29px}.interactive-examples .commerce-section .product-config-title>p:last-child{max-width:none;min-height:0;margin-bottom:22px;font-size:11px}.interactive-examples .commerce-section .material-picker{margin:0 0 19px}.interactive-examples .commerce-section .material-picker button{width:38px;height:38px}.interactive-examples .commerce-section .material-picker button>span{width:28px;height:28px}.interactive-examples .commerce-section .product-quantity{justify-content:space-between;align-items:center;margin:0 0 20px;display:flex}.interactive-examples .commerce-section .product-quantity>span{margin:0;font-size:24px}.interactive-examples .commerce-section .product-quantity legend{margin-bottom:7px}.interactive-examples .commerce-section .add-to-cart{grid-column:auto;align-self:stretch;min-height:44px;margin-top:auto;padding:10px 12px;font-size:10px}.interactive-examples .commerce-section .cart-message{grid-column:auto;min-height:16px;margin:8px 0 0;font-size:9px}.interactive-examples .demo-order-panel{color:#17384a;background:#f2f3ed;border-top:1px solid #adc4d526}.interactive-examples .demo-order-panel>summary{cursor:pointer;align-items:center;gap:12px;padding:18px 24px;font-size:12px;list-style:none;display:flex}.interactive-examples .demo-order-panel>summary::-webkit-details-marker{display:none}.interactive-examples .demo-cart-count{color:#506e7d;min-width:22px;height:22px;font:9px/1 var(--mono);background:#e0e7e3;border-radius:50%;place-items:center;padding:0 5px;display:grid}.interactive-examples .demo-order-panel[open] .order-panel-icon{transform:rotate(45deg)}.interactive-examples .demo-order-panel[open]>summary{border-bottom:1px solid #173b5218}.interactive-examples .demo-order-panel .system-bridge{border-top:0;padding:16px 22px;font-size:8px}.interactive-examples .demo-order-panel .cart-drawer{padding:23px 24px}.interactive-examples .demo-order-panel .cart-heading h3{font-size:14px}.interactive-examples .commerce-section .commerce-disclaimer{border-color:#173b5215;padding:11px 24px;font-size:9px}@media (max-width:1100px){.interactive-examples .commerce-section .playground-main{grid-template-columns:minmax(0,1fr) 260px}.interactive-examples .commerce-section .product-config{padding:23px 20px}.interactive-examples .commerce-section .scene-views button{padding:7px 8px}}@media (max-width:800px){.interactive-examples .commerce-section .playground-main{grid-template-columns:1fr}.interactive-examples .commerce-section .scene-stage{height:350px}.interactive-examples .commerce-section .scene-skeleton{height:432px}.interactive-examples .commerce-section .product-config{border-top:1px solid #adc4d526;border-left:0;grid-template-columns:1.1fr 1fr;gap:18px 35px;padding:25px;display:grid}.interactive-examples .commerce-section .product-config-title{grid-row:1/3}.interactive-examples .commerce-section .product-config-title>p:last-child{max-width:290px;margin-bottom:0}.interactive-examples .commerce-section .material-picker{margin:0}.interactive-examples .commerce-section .product-quantity{align-self:end;margin:0}.interactive-examples .commerce-section .add-to-cart,.interactive-examples .commerce-section .cart-message{grid-column:1/-1;margin:0}.interactive-examples .commerce-section .cart-message{min-height:0;margin-top:-8px}.interactive-examples .commerce-section .section-heading>p{max-width:520px}}@media (max-width:540px){.interactive-examples .commerce-section{padding-block:55px}.interactive-examples .commerce-section .section-heading{margin-bottom:25px}.interactive-examples .commerce-section .section-heading h2{font-size:30px}.interactive-examples .commerce-section .section-heading>p{font-size:12px}.interactive-examples .commerce-section .playground-header{padding:11px 15px;font-size:7px}.interactive-examples .commerce-section .playground-header>span:last-child{font-size:8px}.interactive-examples .commerce-section .product-picker button{gap:5px;min-height:65px;padding:12px 10px}.interactive-examples .commerce-section .product-picker strong{font-size:10px}.interactive-examples .commerce-section .product-picker button>span:last-child{display:none}.interactive-examples .commerce-section .scene-stage{height:340px}.interactive-examples .commerce-section .scene-skeleton{height:422px}.interactive-examples .commerce-section .scene-title{top:20px;left:17px}.interactive-examples .commerce-section .scene-title>strong{font-size:22px}.interactive-examples .commerce-section .scene-title>span{font-size:7px}.interactive-examples .commerce-section .scene-zoom{top:18px;right:13px}.interactive-examples .commerce-section .scene-views{max-width:calc(100% - 24px);bottom:47px;left:12px}.interactive-examples .commerce-section .scene-views button{gap:5px;min-height:36px;padding:7px 8px;font-size:8px}.interactive-examples .commerce-section .scene-object-code{bottom:18px;left:17px}.interactive-examples .commerce-section .viewer-toolbar{padding:13px 15px}.interactive-examples .commerce-section .viewer-toolbar button{padding:7px 8px;font-size:8px}.interactive-examples .commerce-section .product-config{gap:20px;padding:22px 18px}.interactive-examples .commerce-section .product-config-title{grid-area:auto/1/auto/-1}.interactive-examples .commerce-section .product-config-title>p:last-child{max-width:none}.interactive-examples .commerce-section .product-config-title h3{font-size:27px}.interactive-examples .commerce-section .material-picker legend>span{float:none;display:block}.interactive-examples .commerce-section .product-quantity{display:block}.interactive-examples .commerce-section .product-quantity>span{margin-top:9px}.interactive-examples .demo-order-panel>summary{padding:16px 18px;font-size:11px}.interactive-examples .demo-order-panel .cart-drawer{padding:20px 18px}.interactive-examples .commerce-section .commerce-disclaimer{padding:11px 18px;font-size:8px}}.interactive-examples .service-example-tabs{background:#0d2331;border:1px solid #adc4d53d;border-bottom:0;grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.interactive-examples .service-example-tabs>button{color:#94b0c0;text-align:left;background:0 0;border:0;border-bottom:3px solid #0000;align-items:center;gap:13px;min-height:66px;padding:17px 22px;display:flex}.interactive-examples .service-example-tabs>button+button{border-left:1px solid #adc4d522}.interactive-examples .service-example-tabs>button[aria-selected=true]{color:#f3f5ee;background:#1b3948;border-bottom-color:#bad2d4}.interactive-examples .service-example-tabs>button:hover{background:#203d4d}.interactive-examples .service-example-tabs>button>span:first-child{font:8px/1 var(--mono);color:#7a9baa}.interactive-examples .service-example-tabs>button>span:last-child{color:#91acb9;margin-left:auto;font-size:14px}.interactive-examples .service-example-tabs strong{font:500 13px/1.5 var(--body);overflow-wrap:anywhere}.interactive-examples .service-example-panel[hidden]{display:none!important}.interactive-examples .service-example-panel{outline-offset:5px}.interactive-examples .service-demo{color:#16384a;background:#f9faf5;border:1px solid #203d4d2b}.interactive-examples .example-intro{background:#f7f8f2;border-bottom:1px solid #173b521c;justify-content:space-between;align-items:start;gap:30px;padding:27px 29px 25px;display:flex}.interactive-examples .example-intro h3{letter-spacing:-.035em;margin:0 0 13px;font-size:27px;line-height:1.2}.interactive-examples .example-intro p{color:#637b87;max-width:670px;margin:0;font-size:12px;line-height:1.8}.interactive-examples .demo-reset{color:#5b7a8b;background:0 0;border:0;border-bottom:1px solid #7c929c55;flex-shrink:0;min-height:36px;padding:7px 0;font-size:10px;line-height:1.5}.interactive-examples .demo-reset:hover{color:#142f40;border-color:#142f40}.interactive-examples .example-wordmark,.interactive-examples .demo-overline{font:9px/1.5 var(--mono);letter-spacing:.075em}.interactive-examples .demo-overline{color:#7894a2;text-transform:uppercase;margin:0 0 14px}.interactive-examples .demo-action{color:#edf3ef;text-align:left;background:#173c52;border:1px solid #173c52;justify-content:space-between;align-items:center;gap:18px;min-height:44px;padding:11px 14px;font-size:11px;line-height:1.5;display:flex}.interactive-examples .demo-action:hover{background:#31596b}.interactive-examples .demo-action:disabled{opacity:.4;cursor:default}.interactive-examples .demo-check{cursor:pointer;align-items:center;gap:10px;min-height:44px;font-size:11px;line-height:1.5;display:flex}.interactive-examples .demo-check input{accent-color:#3b7384;flex-shrink:0;width:15px;height:15px;margin:0}.interactive-examples .examples-disclaimer{color:#728591;background:#f0f2eb;border:1px solid #203d4d2b;border-top:0;margin:0;padding:12px 24px;font-size:9px;line-height:1.7}.interactive-examples .workspace-top>.example-wordmark{margin-right:auto}.interactive-examples .workspace-actions .demo-action{min-height:36px;padding:8px 12px;font-size:10px}.interactive-examples .board-scroll{background:#eef1eb;padding:22px;overflow-x:auto}.interactive-examples .demo-board{grid-template-columns:repeat(3,minmax(155px,1fr));gap:15px;min-height:282px;display:grid}.interactive-examples .board-column h4{color:#5e7a87;align-items:center;gap:7px;margin:0 0 17px;font-size:10px;font-weight:500;display:flex}.interactive-examples .board-column h4>span:last-child{color:#8296a0;font:9px/1 var(--mono);margin-left:auto}.interactive-examples .board-cards{align-content:start;gap:10px;display:grid}.interactive-examples .board-empty{color:#91a4ab;padding:18px 5px;font-size:10px;line-height:1.7}.interactive-examples .work-detail>p:not(.demo-overline){color:#6a8490;margin-bottom:20px;font-size:11px;line-height:1.8}.interactive-examples .work-detail .demo-action{align-self:stretch;margin-top:auto}.interactive-examples .work-detail .demo-limit{margin:10px 0 0;font-size:9px}.interactive-examples .integration-shell{color:#c6d9e1;background:#0d2635;grid-template-columns:minmax(0,1fr) 270px;display:grid}.interactive-examples .flow-meta{color:#7197ac;justify-content:space-between;align-items:center;gap:20px;padding:21px 25px;display:flex}.interactive-examples .flow-meta>span:last-child{font:9px/1 var(--mono);color:#7699aa}.interactive-examples .flow-stage{background-image:radial-gradient(#8fb7c51f .65px,#0000 .65px);background-size:17px 17px;height:290px;margin-inline:18px;position:relative}.interactive-examples .flow-wires{fill:none;stroke:#416278;stroke-width:1.5px;opacity:.9;width:100%;height:100%;position:absolute;inset:0}.interactive-examples .flow-wires .wire-live,.interactive-examples .flow-wires .wire-status-2{stroke:#86bcb3;stroke-width:2px}.interactive-examples .flow-wires .wire-status-1{stroke:#c8d8dc;stroke-dasharray:6 5;stroke-width:2px}.interactive-examples .flow-stage[data-running=true] .wire-status-1{animation:.6s linear infinite pms-examples-event-flow}.interactive-examples .flow-wires .wire-status-3{stroke:#c28b76;stroke-dasharray:4 3}.interactive-examples .flow-wires .wire-status-4{stroke:#426070;opacity:.3;stroke-dasharray:2 5}.interactive-examples .flow-node{color:#c7dbe1;text-align:center;background:#173b4c;border:1px solid #799caa55;justify-items:center;gap:7px;width:21%;min-height:89px;padding:13px 8px 12px;line-height:1.5;display:grid;position:absolute;transform:translateY(-50%)}.interactive-examples .flow-node[aria-pressed=true]{outline-offset:3px;outline:1px solid #d6e6e4}.interactive-examples .flow-node:hover{background:#224a5b}.interactive-examples .flow-node strong{overflow-wrap:anywhere;font-size:12px;font-weight:500}.interactive-examples .flow-node>span:last-child{font:8px/1.5 var(--mono);color:#89adbd;overflow-wrap:anywhere}.interactive-examples .node-symbol{color:#87b3c2;font-size:20px;line-height:1}.interactive-examples .source-node{top:50%;left:3%}.interactive-examples .router-node{background:#234b5a;border-color:#99bac17a;width:25%;top:50%;left:37%}.interactive-examples .destination-node{width:22%;left:75%}.interactive-examples .destination-0{top:17%}.interactive-examples .destination-1{top:50%}.interactive-examples .destination-2{top:83%}.interactive-examples .node-state-2{border-color:#8bb6a9}.interactive-examples .node-state-2>span:last-child{color:#9bc4ad}.interactive-examples .node-state-3{border-color:#bc8976}.interactive-examples .node-state-3>span:last-child{color:#d4a18c}.interactive-examples .node-state-4{opacity:.4}.interactive-examples .flow-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:17px 25px 20px;padding:0;list-style:none;display:grid}.interactive-examples .flow-steps li{color:#6a91a5;border-top:1px solid #adc4d526;gap:8px;padding-top:11px;font-size:9px;display:grid}.interactive-examples .flow-steps li>span{font:8px/1 var(--mono);color:#789daf}.interactive-examples .flow-steps li[data-done=true]{color:#c0d8db;border-color:#7ca99e}.interactive-examples .flow-steps li[data-done=true]>span{color:#a6c7b9}.interactive-examples .flow-inspector{background:#0b202d;border-top:1px solid #adc4d526;padding:15px 25px}.interactive-examples .flow-inspector>p{color:#7497a9;margin:0;font-size:10px;line-height:1.7}.interactive-examples .flow-inspector>strong{color:#94b1bd;font-size:10px;font-weight:400}.interactive-examples .flow-inspector pre{font:9px/1.7 var(--mono);color:#b9d2d8;background:#09202c;border:1px solid #adc4d515;max-width:100%;max-height:160px;margin:12px 0 0;padding:12px;overflow:auto}.interactive-examples .integration-controls{border-left:1px solid #adc4d526;flex-direction:column;padding:27px 23px;display:flex}.interactive-examples .connector-toggles{gap:4px;margin-bottom:26px;display:grid}.interactive-examples .connector-toggles .demo-check{border-bottom:1px solid #adc4d526;gap:9px;font-size:12px}.interactive-examples .connector-toggles .demo-check>span{background:#4d6978;border-radius:50%;width:5px;height:5px;margin-left:auto}.interactive-examples .connector-toggles .demo-check>.connector-on{background:#90bfb0}.interactive-examples .outage-toggle{color:#b29d90;align-items:start;margin:0 0 23px;font-size:10px}.interactive-examples .outage-toggle input{margin-top:2px}.interactive-examples .integration-controls .demo-action{color:#173a4c;background:#bdd4d4;border-color:#bdd4d4;margin-top:auto;font-size:10px}.interactive-examples .integration-controls .demo-action:hover{background:#ecf3ec}.interactive-examples .integration-message{color:#8eafba;min-height:54px;margin:12px 0 0;font-size:10px;line-height:1.8}.interactive-examples .integration-message.message-failed{color:#d0a08b}.interactive-examples .modernize-toolbar{background:#f1f4ee;border-bottom:1px solid #173b521c;justify-content:space-between;align-items:center;gap:20px;padding:15px 28px;display:flex}.interactive-examples .demo-segment{background:#e3eae4;border:1px solid #cedbd3;gap:3px;padding:3px;display:flex}.interactive-examples .demo-segment button{color:#68818d;background:0 0;border:0;align-items:center;gap:8px;min-height:36px;padding:7px 14px;font-size:10px;display:flex}.interactive-examples .demo-segment button[aria-pressed=true]{color:#d8e7ea;background:#193d50}.interactive-examples .demo-segment button:hover{color:#15384c;background:#cbdad4}.interactive-examples .demo-segment button[aria-pressed=true]:hover{color:#e5efed;background:#345b6d}.interactive-examples .device-segment button>span{font-size:20px;line-height:1}.interactive-examples .modernize-stage{background:#dde5dd;grid-template-columns:minmax(0,1fr) 240px;align-items:start;gap:30px;padding:26px;display:grid}.interactive-examples .modernize-device{background:#f9faf6;border:1px solid #97aea7;justify-self:center;width:100%;min-width:0;max-width:740px;transition:width .3s;overflow:hidden;box-shadow:0 10px 25px #183e4612}.interactive-examples .modernize-device[data-mobile=true]{border-width:5px;border-color:#294a59;border-radius:15px;width:min(310px,100%);min-height:360px}.interactive-examples .device-browser{background:#eef1e9;border-bottom:1px solid #c5d2c9;align-items:center;gap:4px;padding:10px 12px;display:flex}.interactive-examples .device-browser i{background:#a1b8ad;border-radius:50%;width:4px;height:4px}.interactive-examples .device-browser>span{font:8px/1 var(--mono);color:#8ba197;margin-left:auto}.interactive-examples .modernize-app{min-height:335px;padding:22px;transition:background .25s}.interactive-examples .record-app-header{flex-wrap:wrap;align-items:center;gap:13px;display:flex}.interactive-examples .record-app-header>.example-wordmark{color:#8ca5a8;font-size:8px}.interactive-examples .record-app-header>strong{font:500 21px/1.3 var(--display);letter-spacing:-.03em;margin-right:auto}.interactive-examples .record-total{font:8px/1.5 var(--mono);color:#639288;background:#e2ede2;padding:5px 7px}.interactive-examples .record-search{gap:7px;margin:20px 0 19px;display:grid}.interactive-examples .record-search>label{color:#8ba0a6;font-size:9px}.interactive-examples .record-search>input{color:#234b5c;background:#f2f6ef;border:1px solid #c4d3d0;border-radius:3px;width:100%;min-width:0;max-width:330px;height:38px;padding:8px 11px;font-size:11px}.interactive-examples .modern-records{gap:8px;margin:0;padding:0;list-style:none;display:grid}.interactive-examples .modern-records li{background:#fdfef9;border:1px solid #d9e3d8;border-radius:5px;align-items:center;gap:12px;padding:12px;display:flex}.interactive-examples .record-number{font:8px/1 var(--mono);color:#96aeac}.interactive-examples .modern-records li>div{gap:4px;min-width:0;display:grid}.interactive-examples .modern-records strong{color:#355b67;font-size:11px;font-weight:500}.interactive-examples .modern-records li>div>span{color:#a28a60;font-size:8px}.interactive-examples .modern-records li>div>.record-approved{color:#7b9a86}.interactive-examples .modern-records button{color:#376d67;background:#e6f0e4;border:1px solid #b8d0c6;border-radius:3px;max-width:110px;min-height:32px;margin-left:auto;padding:6px 9px;font-size:9px;line-height:1.5}.interactive-examples .modern-records button:disabled{color:#80a18b;background:#f0f5ec;border-color:#dce7d6}.interactive-examples .app-legacy{background:#e9e9e4;padding:16px 12px;font-family:Arial,sans-serif}.interactive-examples .app-legacy .record-app-header{border-bottom:3px solid #8a9999;padding-bottom:10px;display:block}.interactive-examples .app-legacy .record-app-header>.example-wordmark{margin-bottom:8px;font-size:7px;display:block}.interactive-examples .app-legacy .record-app-header>strong{color:#374d5b;font:700 17px/1.4 Arial,sans-serif}.interactive-examples .app-legacy .record-total{color:#6a8284;background:0 0;padding:7px 0 0;display:block}.interactive-examples .app-legacy .record-search{margin:13px 0}.interactive-examples .app-legacy .record-search>label{color:#686e71;font:10px/1.5 Arial,sans-serif}.interactive-examples .app-legacy .record-search>input{background:#fff;border:1px inset #a4a8a6;border-radius:0;height:27px;font-family:Arial,sans-serif;font-size:10px}.interactive-examples .legacy-table-scroll{overflow-x:auto}.interactive-examples .legacy-table-scroll table{border-collapse:collapse;color:#526470;background:#f7f7f0;width:100%;min-width:510px;font:10px/1.5 Arial,sans-serif}.interactive-examples .legacy-table-scroll th,.interactive-examples .legacy-table-scroll td{text-align:left;border:1px solid #bbc3c1;padding:9px 7px}.interactive-examples .legacy-table-scroll th{color:#374e5c;background:#b9c6c5;font-weight:600}.interactive-examples .legacy-table-scroll tr:nth-child(2n){background:#eaefeb}.interactive-examples .legacy-table-scroll button{color:#3f5f63;background:#d5dfda;border:1px outset #9bafad;min-height:27px;padding:3px 6px;font:9px/1.5 Arial,sans-serif}.interactive-examples .legacy-table-scroll button:disabled{opacity:.5}.interactive-examples .record-empty{color:#8a9d9e;margin:0;padding:20px 0;font-size:11px;line-height:1.7}.interactive-examples .modernize-device[data-mobile=true] .modernize-app{padding:16px 12px}.interactive-examples .modernize-device[data-mobile=true] .record-app-header{gap:10px}.interactive-examples .modernize-device[data-mobile=true] .record-app-header>.example-wordmark{width:100%}.interactive-examples .modernize-device[data-mobile=true] .record-app-header>strong{font-size:20px}.interactive-examples .modernize-device[data-mobile=true] .modern-records li{flex-wrap:wrap;gap:10px}.interactive-examples .modernize-device[data-mobile=true] .modern-records li>div{flex:1}.interactive-examples .modernize-device[data-mobile=true] .modern-records button{flex-basis:100%;max-width:none;min-height:35px;margin-left:28px}.interactive-examples .modernize-notes{padding:14px 0}.interactive-examples .modernize-notes>p{font:400 25px/1.4 var(--display);letter-spacing:-.035em;color:#4c7076;margin:20px 0 26px}.interactive-examples .modernize-notes ul{color:#65848a;gap:15px;margin:0;padding:0;font-size:11px;list-style:none;display:grid}.interactive-examples .modernize-notes li{align-items:start;gap:11px;display:flex}.interactive-examples .modernize-notes li>span{color:#7aa795}.interactive-examples .preserved-records{color:#819b98;border-top:1px solid #567d7c33;align-items:center;gap:12px;margin-top:30px;padding-top:23px;display:flex}.interactive-examples .preserved-records>span:first-child{font-size:27px}.interactive-examples .preserved-records strong{font:400 37px/1 var(--display);color:#557f7e}@keyframes pms-examples-event-flow{to{stroke-dashoffset:-22px}}@media (max-width:1100px){.interactive-examples .board-scroll{padding:18px}.interactive-examples .demo-board{grid-template-columns:repeat(3,minmax(145px,1fr));gap:10px}.interactive-examples .integration-shell{grid-template-columns:minmax(0,1fr) 235px}.interactive-examples .integration-controls{padding:25px 18px}.interactive-examples .modernize-stage{grid-template-columns:minmax(0,1fr) 210px;gap:23px;padding:23px}.interactive-examples .modernize-notes>p{font-size:23px}.interactive-examples .flow-node strong{font-size:11px}.interactive-examples .service-example-tabs>button{gap:10px;padding-inline:17px}.interactive-examples .service-example-tabs strong{font-size:12px}}@media (max-width:800px){.interactive-examples .service-example-tabs>button{gap:9px;min-height:60px;padding:15px}.interactive-examples .service-example-tabs strong{font-size:11px}.interactive-examples .service-example-tabs>button>span:last-child{display:none}.interactive-examples .example-intro{gap:22px;padding:24px}.interactive-examples .example-intro h3{font-size:25px}.interactive-examples .example-intro p{font-size:11px}.interactive-examples .demo-reset{font-size:9px}.interactive-examples .demo-board{grid-template-columns:repeat(3,minmax(155px,1fr));min-height:260px}.interactive-examples .work-detail .demo-overline{grid-column:1/-1;margin:0}.interactive-examples .work-detail>p:not(.demo-overline){grid-area:4/1/6;margin:0}.interactive-examples .work-detail .demo-action{grid-area:4/2;align-self:start;margin:0}.interactive-examples .integration-shell{grid-template-columns:1fr}.interactive-examples .integration-controls{border-top:1px solid #adc4d526;border-left:0;grid-template-columns:1.3fr 1fr;gap:18px 28px;padding:24px;display:grid}.interactive-examples .integration-controls>.demo-overline{grid-column:1/-1;margin:0}.interactive-examples .connector-toggles{grid-area:2/1/4;margin:0}.interactive-examples .outage-toggle{grid-column:2;min-height:0;margin:0}.interactive-examples .integration-controls .demo-action{grid-column:2;align-self:start;margin:0}.interactive-examples .integration-message{grid-column:1/-1;min-height:0;margin:0}.interactive-examples .modernize-stage{grid-template-columns:1fr;padding:24px}.interactive-examples .modernize-notes{grid-template-columns:1fr 1fr;gap:15px 30px;padding:5px 0;display:grid}.interactive-examples .modernize-notes>.demo-overline{grid-column:1/-1}.interactive-examples .modernize-notes>p{margin:0;font-size:22px}.interactive-examples .modernize-notes ul{gap:10px}.interactive-examples .preserved-records{display:none}.interactive-examples .modernize-toolbar{padding:14px 24px}}@media (max-width:540px){.interactive-examples .service-example-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.interactive-examples .service-example-tabs>button{gap:11px;min-height:53px;padding:13px 15px}.interactive-examples .service-example-tabs>button:nth-child(3){border-left:0}.interactive-examples .service-example-tabs>button:nth-child(n+3){border-top:1px solid #adc4d526}.interactive-examples .service-example-tabs strong{font-size:11px}.interactive-examples .service-example-tabs>button>span:first-child{font-size:7px}.interactive-examples .example-intro{padding:22px 19px 18px;display:block}.interactive-examples .example-intro h3{font-size:25px}.interactive-examples .example-intro p{font-size:11px;line-height:1.85}.interactive-examples .demo-reset{min-height:38px;margin-top:15px;font-size:9px}.interactive-examples .workspace-top>.example-wordmark{font-size:8px}.interactive-examples .workspace-actions .demo-check{font-size:10px}.interactive-examples .workspace-actions .demo-action{min-height:39px;padding:9px 10px;font-size:9px}.interactive-examples .board-scroll{padding:18px}.interactive-examples .demo-board{grid-template-columns:repeat(3,160px);gap:13px;min-height:260px}.interactive-examples .board-column h4{font-size:9px}.interactive-examples .work-detail .demo-overline{margin-bottom:12px}.interactive-examples .work-detail>p:not(.demo-overline){margin:0 0 17px;font-size:11px}.interactive-examples .work-detail .demo-action{align-self:stretch}.interactive-examples .flow-meta{gap:12px;padding:18px 17px}.interactive-examples .flow-meta>.example-wordmark,.interactive-examples .flow-meta>span:last-child{font-size:8px}.interactive-examples .flow-stage{height:285px;margin-inline:10px}.interactive-examples .flow-node{gap:6px;min-height:85px;padding:11px 5px}.interactive-examples .flow-node strong{font-size:10px;line-height:1.5}.interactive-examples .flow-node>span:last-child{font-size:7px}.interactive-examples .node-symbol{font-size:18px}.interactive-examples .source-node{width:27%;left:0}.interactive-examples .router-node{width:29%;left:35%}.interactive-examples .destination-node{width:27%;left:73%}.interactive-examples .flow-steps{gap:7px;margin:17px 17px 18px}.interactive-examples .flow-steps li{overflow-wrap:anywhere;gap:7px;font-size:8px}.interactive-examples .flow-inspector{padding:16px 18px}.interactive-examples .flow-inspector pre{font-size:8px}.interactive-examples .integration-controls{gap:18px 22px;padding:22px 18px}.interactive-examples .integration-controls>.demo-overline{font-size:8px}.interactive-examples .connector-toggles .demo-check{font-size:11px}.interactive-examples .integration-controls .demo-action{gap:10px;padding:11px 12px;font-size:9px}.interactive-examples .outage-toggle{font-size:9px;line-height:1.7}.interactive-examples .integration-message{font-size:10px}.interactive-examples .modernize-toolbar{flex-wrap:wrap;gap:13px;padding:13px 17px}.interactive-examples .demo-segment button{min-height:38px;padding:7px 10px;font-size:9px}.interactive-examples .device-segment button>span{font-size:17px}.interactive-examples .modernize-stage{gap:24px;padding:19px 14px}.interactive-examples .modernize-app{padding:17px 12px}.interactive-examples .record-app-header{gap:10px}.interactive-examples .record-app-header>.example-wordmark{width:100%;font-size:7px}.interactive-examples .record-app-header>strong{font-size:20px}.interactive-examples .record-total{font-size:7px}.interactive-examples .record-search>input{height:40px;font-size:11px}.interactive-examples .modern-records li{flex-wrap:wrap;gap:9px;padding:12px 10px}.interactive-examples .modern-records li>div{flex:1}.interactive-examples .modern-records strong{font-size:11px}.interactive-examples .modern-records button{flex-basis:100%;max-width:none;min-height:35px;margin-left:24px}.interactive-examples .modernize-notes{gap:13px;padding-inline:5px}.interactive-examples .modernize-notes>p{font-size:21px}.interactive-examples .modernize-notes li{gap:8px;font-size:10px}.interactive-examples .modernize-notes>.demo-overline{font-size:8px}.interactive-examples .examples-disclaimer{padding:11px 18px;font-size:8px}}@media (prefers-reduced-motion:reduce){.interactive-examples .modernize-device,.interactive-examples .modernize-app{transition:none}.interactive-examples .flow-stage[data-running=true] .wire-status-1{animation:none}}.interactive-examples .commerce-section .split-shop{color:#263e47;background:#f4f0e5;border:1px solid #98aaa6;flex-direction:column;height:740px;display:flex;overflow:hidden}.interactive-examples .shop-browser-bar{color:#82a0ae;min-height:36px;font:8px/1.5 var(--mono);background:#132e3c;flex-shrink:0;justify-content:space-between;align-items:center;gap:20px;padding:9px 18px;display:flex}.interactive-examples .shop-window-dots{gap:4px;display:flex}.interactive-examples .shop-window-dots i{background:#6c8c9a;border-radius:50%;width:4px;height:4px}.interactive-examples .shop-browser-bar>span:nth-child(2){margin-right:auto}.interactive-examples .shop-browser-bar>span:last-child{font-size:12px}.interactive-examples .shop-split{flex:1;grid-template-columns:minmax(260px,.85fr) minmax(0,1.75fr);min-height:0;display:grid}.interactive-examples .shop-catalog{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#a4b2a8 #e9e5d8;background:#e9e5d8;padding:24px 22px;overflow:auto}.interactive-examples .shop-brand{color:#344c50;border-bottom:1px solid #637a742c;justify-content:space-between;align-items:center;gap:15px;padding-bottom:19px;display:flex}.interactive-examples .shop-brand>span:first-child{font:600 20px/1 var(--display);letter-spacing:-.07em}.interactive-examples .shop-brand>span:first-child>span{vertical-align:top;letter-spacing:0;margin-left:3px;font-size:9px}.interactive-examples .shop-brand>span:last-child{font:7px/1 var(--mono);color:#8b9b92;white-space:nowrap}.interactive-examples .shop-story{padding-block:24px 19px}.interactive-examples .shop-story h3{letter-spacing:-.035em;color:#394e4d;margin:0 0 13px;font:400 31px/1.12 Georgia,serif}.interactive-examples .shop-story>p{color:#7a8c83;max-width:260px;margin:0;font-size:10px;line-height:1.85}.interactive-examples .shop-search{margin-bottom:15px;position:relative}.interactive-examples .shop-search input{color:#385658;background:#f3f0e5;border:1px solid #7e938536;border-radius:0;width:100%;min-width:0;height:37px;padding:8px 30px 8px 10px;font-size:10px}.interactive-examples .shop-search>span{color:#82988a;pointer-events:none;font-size:17px;position:absolute;top:5px;right:10px}.interactive-examples .shop-categories{border:0;flex-wrap:wrap;gap:6px;margin:0 0 23px;padding:0;display:flex}.interactive-examples .shop-categories button{color:#7a8d82;background:0 0;border:1px solid #83988b3d;min-height:29px;padding:5px 9px;font-size:8px;line-height:1.5}.interactive-examples .shop-categories button[aria-pressed=true]{color:#eef2e7;background:#385a5b;border-color:#385a5b}.interactive-examples .shop-categories button:hover{border-color:#385a5b}.interactive-examples .shop-collection-label{color:#8b9b92;font:8px/1 var(--mono);justify-content:space-between;margin:0 0 14px;display:flex}.interactive-examples .shop-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:19px 12px;display:grid}.interactive-examples .shop-product-card{text-align:left;color:#3e5959;background:0 0;border:1px solid #0000;min-width:0;padding:0 0 8px;display:block}.interactive-examples .shop-product-card[aria-pressed=true]{background:#eff0e5;border-color:#6c8e80}.interactive-examples .shop-product-art{aspect-ratio:1.05;background:radial-gradient(at 60% 36%,#fcfaf1,#dddccf);display:block;position:relative;overflow:hidden}.interactive-examples .shop-thumbnail{width:100%;height:100%;max-height:210px;display:block}.interactive-examples .shop-product-card .shop-thumbnail{transition:transform .25s}.interactive-examples .shop-product-card:hover .shop-thumbnail{transform:translateY(-3px)rotate(-3deg)}.interactive-examples .shop-card-open{color:#648475;opacity:.65;border:1px solid #9aaea15c;place-items:center;width:22px;height:22px;font-size:11px;display:grid;position:absolute;bottom:8px;right:9px}.interactive-examples .shop-product-card[aria-pressed=true] .shop-card-open{color:#f2f3e9;background:#527369;border-color:#527369}.interactive-examples .shop-card-info{justify-content:space-between;align-items:start;gap:6px;padding:11px 7px 0;display:flex}.interactive-examples .shop-card-info>strong{font-size:10px;font-weight:500;line-height:1.5}.interactive-examples .shop-card-info>span{font:9px/1.5 var(--mono);white-space:nowrap;color:#7e9487}.interactive-examples .shop-card-category{color:#9aa69a;margin:4px 7px 0;font-size:8px;display:block}.interactive-examples .shop-empty-search{color:#8b9d90;padding-block:17px;font-size:11px;line-height:1.8}.interactive-examples .shop-detail-pane{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b2bfb3 #f6f3e9;outline-offset:-4px;background:#f6f3e9;border-left:1px solid #708a7b40;min-width:0;overflow:auto}.interactive-examples .shop-detail-nav{z-index:4;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f6f3e9f5;border-bottom:1px solid #708a7b33;justify-content:space-between;align-items:center;gap:20px;min-height:47px;padding:9px 22px;display:flex;position:sticky;top:0}.interactive-examples .shop-detail-nav>span{color:#82978c;min-width:0;font-size:9px;line-height:1.6}.interactive-examples .shop-detail-nav>span>i{color:#adbaad;margin-inline:12px;font-style:normal}.interactive-examples .shop-detail-nav>button{color:#527568;white-space:nowrap;background:0 0;border:0;align-items:center;gap:10px;min-height:29px;padding:3px 0;font-size:10px;display:flex}.interactive-examples .shop-detail-nav>button>span{min-width:20px;height:20px;font:8px/1 var(--mono);color:#527568;background:#dce7d9;border-radius:50%;place-items:center;display:grid}.interactive-examples .shop-product-page[hidden],.interactive-examples .shop-cart-page[hidden]{display:none!important}.interactive-examples .commerce-section .split-shop .scene-title{top:22px;left:22px}.interactive-examples .commerce-section .split-shop .scene-title>strong{color:#91b4c6;font-size:19px}.interactive-examples .commerce-section .split-shop .scene-title>span{font-size:7px}.interactive-examples .commerce-section .split-shop .viewer-toolbar{min-height:70px;padding:12px 20px}.interactive-examples .commerce-section .split-shop .viewer-toolbar p{margin-top:7px;font-size:7px}.interactive-examples .commerce-section .split-shop .scene-views{bottom:43px}.interactive-examples .commerce-section .split-shop .scene-views button{min-height:30px;padding:7px 10px;font-size:8px}.interactive-examples .commerce-section .split-shop .scene-object-code,.interactive-examples .commerce-section .split-shop .scene-finish-name{font-size:7px;bottom:16px}.interactive-examples .commerce-section .split-shop .product-config{color:#36584f;background:#f6f3e9;border:0;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;gap:16px 32px;padding:26px 25px 20px;display:grid}.interactive-examples .commerce-section .split-shop .product-config-title{grid-area:1/1/3}.interactive-examples .commerce-section .split-shop .product-config-title>p:first-child{color:#a1b0a0;margin:0 0 8px;font-size:7px}.interactive-examples .commerce-section .split-shop .product-config-title h3{color:#385650;letter-spacing:-.025em;margin:0 0 11px;font:400 29px/1.2 Georgia,serif}.interactive-examples .commerce-section .split-shop .product-config-title>p:last-of-type{color:#8b9e8b;min-height:0;margin-bottom:12px;font-size:10px;line-height:1.7}.interactive-examples .shop-unit-price{font:500 19px/1 var(--display);letter-spacing:-.035em;color:#5d7e6b}.interactive-examples .commerce-section .split-shop .material-picker{margin:0}.interactive-examples .commerce-section .split-shop .material-picker legend,.interactive-examples .commerce-section .split-shop .product-quantity legend{font:8px/1.5 var(--mono);color:#92a18f}.interactive-examples .commerce-section .split-shop .material-picker legend>span{color:#617d6c;font-size:9px}.interactive-examples .commerce-section .split-shop .material-picker button{border-color:#8ba38d3b;width:34px;height:34px}.interactive-examples .commerce-section .split-shop .material-picker button[aria-pressed=true]{border-color:#5a7c67}.interactive-examples .commerce-section .split-shop .material-picker button>span{width:25px;height:25px}.interactive-examples .commerce-section .split-shop .product-quantity{justify-content:space-between;align-self:end;align-items:center;gap:13px;margin:0;display:flex}.interactive-examples .commerce-section .split-shop .product-quantity>div{border-color:#91aa9055;gap:10px}.interactive-examples .commerce-section .split-shop .product-quantity button,.interactive-examples .commerce-section .split-shop .product-quantity output{color:#64856d}.interactive-examples .commerce-section .split-shop .product-quantity>.shop-available{font:8px/1.7 var(--body);color:#8c9f87;text-align:right;white-space:normal;max-width:80px}.interactive-examples .commerce-section .split-shop .add-to-cart{color:#f0f4e6;background:#426c58;border-color:#426c58;grid-column:1/-1;align-self:auto;min-height:43px;margin:0;font-size:10px}.interactive-examples .commerce-section .split-shop .add-to-cart>span{font:10px/1 var(--mono)}.interactive-examples .commerce-section .split-shop .add-to-cart:hover{background:#5d8165}.interactive-examples .commerce-section .split-shop .cart-message{color:#7c9b77;grid-column:1/-1;min-height:12px;margin:-8px 0 0;font-size:9px}.interactive-examples .commerce-section .split-shop>.commerce-disclaimer{color:#879b82;background:#e5e8dc;border-top:1px solid #76916e22;flex-shrink:0;min-height:32px;padding:9px 18px;font-size:8px}.interactive-examples .shop-cart-page{min-height:100%;padding:27px}.interactive-examples .shop-continue{color:#7f9b80;background:0 0;border:0;min-height:30px;padding:4px 0;font-size:10px}.interactive-examples .shop-cart-title{justify-content:space-between;align-items:start;gap:20px;margin:25px 0 23px;display:flex}.interactive-examples .shop-cart-title h3{letter-spacing:-.025em;color:#3e6555;max-width:400px;margin:0;font:400 30px/1.2 Georgia,serif}.interactive-examples .shop-cart-title>button{color:#8ca180;background:0 0;border:0;border-bottom:1px solid #9fb19688;min-height:30px;padding:4px 0;font-size:8px;line-height:1.7}.interactive-examples .shop-cart-lines{gap:0;margin:0;padding:0;list-style:none;display:grid}.interactive-examples .shop-cart-lines li{border-bottom:1px solid #8ea08138;align-items:center;gap:15px;padding:15px 0;display:flex}.interactive-examples .shop-cart-art{background:radial-gradient(#f9f8ee,#dedfce);flex-shrink:0;width:85px;height:83px;display:block}.interactive-examples .shop-cart-item{gap:6px;min-width:0;display:grid}.interactive-examples .shop-cart-item>strong{color:#55765e;font-size:12px;font-weight:500;line-height:1.5}.interactive-examples .shop-cart-item>span{color:#9aab8c;font-size:9px}.interactive-examples .shop-cart-quantity{border:1px solid #aab99b66;align-items:center;gap:10px;width:fit-content;margin-top:2px;display:flex}.interactive-examples .shop-cart-quantity button{color:#6d8f6c;background:0 0;border:0;width:25px;height:25px;font-size:16px;line-height:1}.interactive-examples .shop-cart-quantity button:disabled{opacity:.3}.interactive-examples .shop-cart-quantity output{font:9px/1 var(--mono);text-align:center;color:#6d8f6c;min-width:10px}.interactive-examples .shop-cart-price{font:11px/1.5 var(--mono);color:#799370;white-space:nowrap;margin-left:auto}.interactive-examples .shop-cart-remove{color:#9bac8f;background:0 0;border:0;padding:5px;font-size:20px;line-height:1}.interactive-examples .shop-empty-cart{color:#98aa8c;margin:40px 0;font-size:12px;line-height:1.8}.interactive-examples .shop-order-total{color:#8fa080;border-top:1px solid #8ea08155;justify-content:space-between;align-items:center;gap:20px;margin:28px 0 22px;padding-top:20px;font-size:11px;display:flex}.interactive-examples .shop-order-total>strong{font:400 30px/1 var(--display);letter-spacing:-.04em;color:#64875e}.interactive-examples .shop-checkout{color:#f0f4e6;background:#426c58;border:1px solid #426c58;justify-content:space-between;align-items:center;gap:25px;width:100%;min-height:46px;padding:12px 17px;font-size:11px;line-height:1.5;display:flex}.interactive-examples .shop-checkout:hover{background:#5d8165}.interactive-examples .shop-checkout:disabled{opacity:.35}.interactive-examples .shop-cart-page .commerce-receipt{margin-top:26px}.interactive-examples .shop-cart-page .receipt-flow{gap:15px}.interactive-examples .shop-cart-page .receipt-flow dd{font-size:11px}.interactive-examples .dispatch-shell{overscroll-behavior:contain;scrollbar-width:thin;color:#294f61;background:#f4f7f2;max-height:710px;overflow:auto}.interactive-examples .dispatch-top{color:#a9c3cd;background:#123143;align-items:center;gap:25px;padding:18px 25px;display:flex}.interactive-examples .dispatch-top>.example-wordmark{margin-right:auto}.interactive-examples .dispatch-top>span:nth-child(2){font:9px/1.5 var(--mono);color:#7094a8}.interactive-examples .dispatch-top>.demo-action{color:#22485a;background:#b7d4d1;border-color:#b7d4d1;min-height:36px;padding:8px 12px;font-size:10px}.interactive-examples .dispatch-metrics{background:#eef4ee;border-bottom:1px solid #173b5222;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.interactive-examples .dispatch-metrics>div{padding:18px 25px;position:relative}.interactive-examples .dispatch-metrics>div+div{border-left:1px solid #173b5222}.interactive-examples .dispatch-metrics>div>span{color:#88a09e;font-size:10px}.interactive-examples .dispatch-metrics strong{font:400 29px/1 var(--display);color:#567e82;letter-spacing:-.04em;margin-top:10px;display:block}.interactive-examples .dispatch-dot{background:#d4b97e;border-radius:50%;width:6px;height:6px;position:absolute;bottom:24px;right:24px}.interactive-examples .dispatch-dot.job-scheduled{background:#7eaab3}.interactive-examples .dispatch-dot.job-completed{background:#89b69b}.interactive-examples .dispatch-create{background:#e4eee7;border-bottom:1px solid #173b5222;grid-template-columns:1fr 1.3fr auto;align-items:end;gap:18px 25px;padding:22px 25px;display:grid}.interactive-examples .dispatch-create>label:not(.demo-check){color:#779896;gap:8px;font-size:9px;display:grid}.interactive-examples .dispatch-create select{color:#4c7878;background:#f5f9ef;border:1px solid #a3bfb08c;width:100%;min-width:0;height:38px;padding:8px;font-size:11px}.interactive-examples .dispatch-create>.demo-check{font-size:10px}.interactive-examples .dispatch-create>div{grid-column:1/-1;justify-content:end;align-items:center;gap:23px;display:flex}.interactive-examples .dispatch-create .demo-reset{min-height:36px;margin:0;font-size:9px}.interactive-examples .dispatch-create .demo-action{min-height:38px;font-size:10px}.interactive-examples .dispatch-body{grid-template-columns:300px minmax(0,1fr);display:grid}.interactive-examples .dispatch-requests{background:#e7efe9;border-right:1px solid #173b5222;padding:22px 20px}.interactive-examples .dispatch-requests>input{color:#6b8e83;background:#f3f7ef;border:1px solid #afc6b87d;width:100%;min-width:0;height:36px;margin-bottom:18px;padding:8px 10px;font-size:10px}.interactive-examples .dispatch-job-list{gap:9px;display:grid}.interactive-examples .dispatch-job{text-align:left;color:#4a7679;background:#f6f9f1;border:1px solid #becfc08a;gap:8px;min-width:0;padding:15px;display:grid;position:relative}.interactive-examples .dispatch-job[aria-pressed=true]{border-color:#548887;box-shadow:0 0 0 1px #548887}.interactive-examples .dispatch-job:hover{background:#fffdf3}.interactive-examples .dispatch-job-code{font:8px/1 var(--mono);color:#a2b69f;justify-content:space-between;align-items:center;display:flex}.interactive-examples .dispatch-job-code i{font:7px/1.5 var(--body);color:#aa935f;background:#ece5ca;padding:2px 5px;font-style:normal}.interactive-examples .dispatch-job>strong{font:500 12px/1.5 var(--body)}.interactive-examples .dispatch-job>span:not(.dispatch-job-code):not(.dispatch-status){color:#a0b19a;font-size:9px}.interactive-examples .dispatch-status{color:#aa965f;background:#eae6cc;width:fit-content;margin-top:3px;padding:3px 6px;font-size:8px;line-height:1.5}.interactive-examples .dispatch-status.job-scheduled{color:#79a2ac;background:#e0edf0}.interactive-examples .dispatch-status.job-completed{color:#85a772;background:#e0edda}.interactive-examples .dispatch-limit{color:#9eaa8d;margin:15px 0 0;font-size:9px;line-height:1.7}.interactive-examples .dispatch-detail{min-width:0;padding:26px 30px 20px}.interactive-examples .dispatch-detail-heading>.demo-overline{color:#9bb3a1;margin-bottom:13px;font-size:8px}.interactive-examples .dispatch-detail-heading h4{font:400 27px/1.25 var(--display);letter-spacing:-.035em;color:#3e7378;max-width:600px;margin:0 0 12px}.interactive-examples .dispatch-detail-heading>p:last-child{color:#91ac98;max-width:540px;margin:0 0 21px;font-size:11px;line-height:1.8}.interactive-examples .dispatch-facts{border-top:1px solid #a8beb044;grid-template-columns:1fr 1fr;gap:25px;margin:0 0 22px;padding-top:15px;display:grid}.interactive-examples .dispatch-facts dt{font:8px/1.5 var(--mono);color:#a0b49d;margin-bottom:7px}.interactive-examples .dispatch-facts dd{color:#6f958b;margin:0;font-size:11px}.interactive-examples .dispatch-technicians,.interactive-examples .dispatch-slots{border:0;min-width:0;margin:0 0 20px;padding:0}.interactive-examples .dispatch-technicians legend,.interactive-examples .dispatch-slots legend{font:9px/1.5 var(--mono);color:#94ad96;margin-bottom:10px}.interactive-examples .dispatch-technicians>div,.interactive-examples .dispatch-slots>div{gap:10px;display:flex}.interactive-examples .dispatch-technicians button{color:#739784;background:#f7faef;border:1px solid #b0c6af80;align-items:center;gap:10px;min-width:110px;padding:9px 15px;display:flex}.interactive-examples .dispatch-technicians button>span{color:#89aa76;width:25px;height:25px;font:10px/1 var(--mono);background:#deebd6;border-radius:50%;place-items:center;display:grid}.interactive-examples .dispatch-technicians strong{font-size:11px;font-weight:500}.interactive-examples .dispatch-technicians button[aria-pressed=true]{color:#648a71;background:#e9f1dd;border-color:#82aa87}.interactive-examples .dispatch-technicians button:disabled{opacity:.65}.interactive-examples .dispatch-slots button{color:#8dab84;text-align:left;background:#f8fbef;border:1px solid #b4c8ab88;gap:6px;min-width:94px;padding:10px 13px;display:grid}.interactive-examples .dispatch-slots strong{font:500 13px/1 var(--mono)}.interactive-examples .dispatch-slots button>span{color:#a0b291;font-size:8px}.interactive-examples .dispatch-slots button[data-booked=true]{color:#b79c6a;background:#f0e8d6;border-color:#cbb68b88}.interactive-examples .dispatch-slots button[data-booked=true]>span{color:#bfa77e}.interactive-examples .dispatch-slots button[aria-pressed=true]{outline-offset:2px;outline:1px solid #6e9d79}.interactive-examples .dispatch-slots button:disabled{opacity:.6}.interactive-examples .dispatch-submit{flex-wrap:wrap;align-items:center;gap:20px;margin-top:4px;display:flex}.interactive-examples .dispatch-submit .demo-action{background:#477b70;border-color:#477b70;min-height:41px;font-size:10px}.interactive-examples .dispatch-submit .demo-action:hover{background:#668f71}.interactive-examples .dispatch-complete{color:#85a16d;background:0 0;border:0;border-bottom:1px solid #9eb68688;min-height:38px;padding:7px 0;font-size:10px}.interactive-examples .dispatch-message{color:#91ae7f;min-height:17px;margin:12px 0 0;font-size:10px;line-height:1.7}.interactive-examples .dispatch-calendar{background:#f1f6e9;border-top:1px solid #a6bea166;padding:20px 25px 25px}.interactive-examples .dispatch-calendar-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:17px;display:flex}.interactive-examples .dispatch-calendar-heading h4{font:500 15px/1.3 var(--display);letter-spacing:-.02em;color:#789773;margin:0}.interactive-examples .dispatch-calendar-heading>span{font:8px/1 var(--mono);color:#9fb28e}.interactive-examples .dispatch-calendar-grid{grid-template-columns:75px repeat(3,minmax(0,1fr));gap:8px;display:grid}.interactive-examples .calendar-row{display:contents}.interactive-examples .calendar-time{font:9px/1 var(--mono);color:#a2b48d;padding:0 0 5px}.interactive-examples .calendar-row>strong{color:#8da77f;align-self:center;font-size:10px;font-weight:500}.interactive-examples .calendar-row>button{text-align:left;color:#9bb18a;background:#ecf3df;border:1px dashed #b7c8a477;align-content:center;gap:5px;min-width:0;min-height:55px;padding:9px 12px;line-height:1.5;display:grid}.interactive-examples .calendar-row>button:hover{background:#e2ecd4;border-color:#8fab83}.interactive-examples .calendar-free>span{font-size:9px}.interactive-examples .calendar-free:disabled{opacity:.4}.interactive-examples .calendar-booking>span{font:7px/1 var(--mono);color:#a2b39a}.interactive-examples .calendar-booking>strong{color:#94ab84;font-size:9px;font-weight:400}.interactive-examples .calendar-row>.calendar-booking.job-scheduled{background:#e1ece6;border:1px solid #aac2b0}.interactive-examples .calendar-row>.calendar-booking.job-completed{background:#e3edcf;border:1px solid #b9cda0}@media (max-width:1100px){.interactive-examples .shop-split{grid-template-columns:285px minmax(0,1fr)}.interactive-examples .shop-catalog{padding:21px 18px}.interactive-examples .shop-products{gap:16px 10px}.interactive-examples .shop-card-info{display:block}.interactive-examples .shop-card-info>span{margin-top:3px;font-size:8px;display:block}.interactive-examples .shop-story h3{font-size:29px}.interactive-examples .commerce-section .split-shop .product-config{gap:17px 24px;padding:24px 22px}.interactive-examples .commerce-section .split-shop .product-config-title h3{font-size:27px}.interactive-examples .commerce-section .split-shop .product-quantity{display:block}.interactive-examples .commerce-section .split-shop .product-quantity>.shop-available{text-align:left;max-width:none;margin-top:8px;display:block}.interactive-examples .dispatch-body{grid-template-columns:270px minmax(0,1fr)}.interactive-examples .dispatch-detail{padding:25px}.interactive-examples .dispatch-detail-heading h4{font-size:25px}.interactive-examples .dispatch-slots>div{gap:8px}.interactive-examples .dispatch-slots button{min-width:80px;padding:10px}.interactive-examples .dispatch-technicians button{min-width:100px}}@media (max-width:800px){.interactive-examples .commerce-section .split-shop{height:800px}.interactive-examples .shop-split{grid-template-rows:235px minmax(0,1fr);grid-template-columns:1fr}.interactive-examples .shop-catalog{border-bottom:1px solid #708a7b40;padding:14px 18px;overflow-x:hidden}.interactive-examples .shop-brand{border:0;gap:12px;padding:0 0 10px}.interactive-examples .shop-brand>span:first-child{font-size:17px}.interactive-examples .shop-brand>span:last-child{font-size:7px}.interactive-examples .shop-story,.interactive-examples .shop-collection-label{display:none}.interactive-examples .shop-search{margin-bottom:8px}.interactive-examples .shop-search input{height:30px;padding-block:6px;font-size:9px}.interactive-examples .shop-search>span{top:0}.interactive-examples .shop-categories{gap:6px;margin-bottom:11px}.interactive-examples .shop-categories button{min-height:25px;padding:4px 8px;font-size:8px}.interactive-examples .shop-products{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.interactive-examples .shop-product-card{grid-template-columns:72px minmax(0,1fr);align-items:center;column-gap:8px;padding:0;display:grid}.interactive-examples .shop-product-art{aspect-ratio:1.05;grid-row:1/3}.interactive-examples .shop-card-info{padding:6px 6px 0 0}.interactive-examples .shop-card-info>strong{font-size:9px}.interactive-examples .shop-card-info>span{margin-top:4px;font-size:8px}.interactive-examples .shop-card-category{margin:3px 5px 6px 0;font-size:7px}.interactive-examples .shop-card-open{width:17px;height:17px;font-size:9px;bottom:5px;right:5px}.interactive-examples .shop-detail-pane{border-left:0}.interactive-examples .commerce-section .split-shop .product-config{grid-template-columns:1.2fr 1fr;gap:18px 30px;padding:24px;display:grid}.interactive-examples .commerce-section .split-shop .product-config-title{grid-area:1/1/3}.interactive-examples .commerce-section .split-shop .product-quantity{display:flex}.interactive-examples .commerce-section .split-shop .product-quantity>.shop-available{text-align:right;max-width:80px;margin:0}.interactive-examples .commerce-section .split-shop .scene-stage{height:280px}.interactive-examples .commerce-section .split-shop .scene-skeleton{height:350px}.interactive-examples .dispatch-body{grid-template-columns:250px minmax(0,1fr)}.interactive-examples .dispatch-detail{padding:23px}.interactive-examples .dispatch-detail-heading h4{font-size:23px}.interactive-examples .dispatch-detail-heading>p:last-child{font-size:10px}.interactive-examples .dispatch-technicians button{flex:1;gap:7px;min-width:0;padding:8px 10px}.interactive-examples .dispatch-technicians strong{font-size:10px}.interactive-examples .dispatch-slots button{flex:1;min-width:0;padding:10px 8px}.interactive-examples .dispatch-slots strong{font-size:11px}.interactive-examples .dispatch-slots button>span{font-size:7px}.interactive-examples .dispatch-create{grid-template-columns:1fr 1fr}.interactive-examples .dispatch-create>.demo-check{grid-column:1}.interactive-examples .dispatch-create>div{grid-column:2;gap:20px}.interactive-examples .dispatch-requests{padding:20px 17px}.interactive-examples .dispatch-metrics>div{padding:18px 22px}.interactive-examples .dispatch-metrics>div>span{font-size:9px}}@media (max-width:540px){.interactive-examples .commerce-section .split-shop{height:790px}.interactive-examples .shop-browser-bar{gap:12px;min-height:32px;padding:8px 13px;font-size:7px}.interactive-examples .shop-browser-bar>span:nth-child(2){font-size:6px}.interactive-examples .shop-split{grid-template-rows:242px minmax(0,1fr)}.interactive-examples .shop-catalog{padding:12px 13px}.interactive-examples .shop-products{gap:7px}.interactive-examples .shop-product-card{padding-bottom:5px;display:block}.interactive-examples .shop-product-art{aspect-ratio:1.5}.interactive-examples .shop-thumbnail{max-height:100px}.interactive-examples .shop-card-info{flex-wrap:wrap;gap:2px 5px;padding:6px 5px 0;display:flex}.interactive-examples .shop-card-info>strong{font-size:8px;line-height:1.5}.interactive-examples .shop-card-info>span{margin:0;font-size:7px}.interactive-examples .shop-card-category{display:none}.interactive-examples .shop-categories{gap:5px;margin-bottom:9px}.interactive-examples .shop-categories button{min-height:25px;padding:4px 7px;font-size:7px}.interactive-examples .shop-brand{padding-bottom:8px}.interactive-examples .shop-brand>span:first-child{font-size:16px}.interactive-examples .shop-brand>span:last-child{font-size:6px}.interactive-examples .shop-detail-nav{gap:13px;min-height:42px;padding:8px 16px}.interactive-examples .shop-detail-nav>span{font-size:8px}.interactive-examples .shop-detail-nav>span>i{margin-inline:8px}.interactive-examples .shop-detail-nav>button{font-size:9px}.interactive-examples .commerce-section .split-shop .scene-stage{height:260px}.interactive-examples .commerce-section .split-shop .scene-skeleton{height:330px}.interactive-examples .commerce-section .split-shop .scene-title{top:19px;left:17px}.interactive-examples .commerce-section .split-shop .scene-title>strong{font-size:18px}.interactive-examples .commerce-section .split-shop .scene-views{max-width:calc(100% - 24px);bottom:42px;left:12px}.interactive-examples .commerce-section .split-shop .scene-views button{gap:4px;padding:7px;font-size:7px}.interactive-examples .commerce-section .split-shop .scene-views button>span{font-size:6px}.interactive-examples .commerce-section .split-shop .viewer-toolbar{min-height:70px;padding:12px 14px}.interactive-examples .commerce-section .split-shop .viewer-toolbar button{padding:6px 7px;font-size:7px}.interactive-examples .commerce-section .split-shop .product-config{grid-template-columns:1fr 1fr;gap:22px;padding:23px 18px}.interactive-examples .commerce-section .split-shop .product-config-title{grid-area:auto/1/auto/-1}.interactive-examples .commerce-section .split-shop .product-config-title h3{font-size:29px}.interactive-examples .commerce-section .split-shop .product-config-title>p:last-of-type{margin-bottom:13px;font-size:10px}.interactive-examples .commerce-section .split-shop .material-picker legend>span{float:none;display:block}.interactive-examples .commerce-section .split-shop .product-quantity{display:block}.interactive-examples .commerce-section .split-shop .product-quantity>.shop-available{text-align:left;max-width:none;margin-top:8px}.interactive-examples .commerce-section .split-shop .add-to-cart{font-size:9px}.interactive-examples .commerce-section .split-shop>.commerce-disclaimer{min-height:30px;padding:8px 13px;font-size:7px;line-height:1.7}.interactive-examples .shop-cart-page{padding:22px 18px}.interactive-examples .shop-cart-title{gap:15px;margin-top:23px}.interactive-examples .shop-cart-title h3{font-size:27px}.interactive-examples .shop-cart-title>button{font-size:7px}.interactive-examples .shop-cart-lines li{gap:11px;padding:14px 0}.interactive-examples .shop-cart-art{width:57px;height:65px}.interactive-examples .shop-cart-item>strong{font-size:10px}.interactive-examples .shop-cart-item>span{font-size:8px}.interactive-examples .shop-cart-price{font-size:9px}.interactive-examples .shop-cart-remove{padding:3px;font-size:18px}.interactive-examples .shop-cart-quantity{gap:6px}.interactive-examples .shop-cart-quantity button{width:23px;height:24px}.interactive-examples .shop-order-total{font-size:10px}.interactive-examples .shop-order-total>strong{font-size:27px}.interactive-examples .shop-checkout{font-size:10px}.interactive-examples .shop-cart-page .receipt-flow{grid-template-columns:1fr;gap:12px}.interactive-examples .shop-cart-page .receipt-flow div{padding-top:10px}.interactive-examples .shop-cart-page .receipt-header{flex-wrap:wrap}.interactive-examples .shop-cart-page .receipt-header>span:last-child{margin-left:0;font-size:8px}.interactive-examples .dispatch-shell{max-height:720px}.interactive-examples .dispatch-top{flex-wrap:wrap;gap:15px;padding:16px 18px}.interactive-examples .dispatch-top>.example-wordmark,.interactive-examples .dispatch-top>span:nth-child(2){font-size:8px}.interactive-examples .dispatch-top>.demo-action{min-height:36px;font-size:9px}.interactive-examples .dispatch-metrics>div{padding:16px 17px}.interactive-examples .dispatch-metrics>div>span{font-size:8px;line-height:1.6}.interactive-examples .dispatch-metrics strong{font-size:26px}.interactive-examples .dispatch-dot{width:4px;height:4px;bottom:21px;right:15px}.interactive-examples .dispatch-body{grid-template-columns:1fr}.interactive-examples .dispatch-requests{border-bottom:1px solid #173b5222;border-right:0;padding:17px}.interactive-examples .dispatch-requests>input{margin-bottom:14px;font-size:10px}.interactive-examples .dispatch-job-list{grid-template-columns:repeat(3,155px);gap:9px;padding:1px 1px 6px;display:grid;overflow-x:auto}.interactive-examples .dispatch-job{gap:8px;padding:13px}.interactive-examples .dispatch-job>strong{font-size:10px}.interactive-examples .dispatch-job>span:not(.dispatch-job-code):not(.dispatch-status){font-size:8px}.interactive-examples .dispatch-status,.interactive-examples .dispatch-job-code{font-size:7px}.interactive-examples .dispatch-job-code i{font-size:6px}.interactive-examples .dispatch-detail{padding:23px 19px 20px}.interactive-examples .dispatch-detail-heading h4{font-size:25px}.interactive-examples .dispatch-detail-heading>.demo-overline{font-size:7px}.interactive-examples .dispatch-detail-heading>p:last-child{font-size:11px}.interactive-examples .dispatch-facts{gap:22px}.interactive-examples .dispatch-facts dd{font-size:10px}.interactive-examples .dispatch-technicians legend,.interactive-examples .dispatch-slots legend{font-size:8px}.interactive-examples .dispatch-technicians button{padding:10px 12px}.interactive-examples .dispatch-technicians strong{font-size:11px}.interactive-examples .dispatch-slots button{padding:12px 10px}.interactive-examples .dispatch-slots strong{font-size:12px}.interactive-examples .dispatch-slots button>span{font-size:8px}.interactive-examples .dispatch-submit{gap:20px}.interactive-examples .dispatch-submit .demo-action{min-height:42px;font-size:10px}.interactive-examples .dispatch-complete,.interactive-examples .dispatch-message{font-size:9px}.interactive-examples .dispatch-create{grid-template-columns:1fr;gap:16px;padding:19px}.interactive-examples .dispatch-create>label:not(.demo-check){font-size:9px}.interactive-examples .dispatch-create>.demo-check,.interactive-examples .dispatch-create>div{grid-column:auto}.interactive-examples .dispatch-create>div{justify-content:space-between}.interactive-examples .dispatch-create select{font-size:11px}.interactive-examples .dispatch-calendar{padding:20px 17px}.interactive-examples .dispatch-calendar-heading h4{font-size:14px}.interactive-examples .dispatch-calendar-heading>span{font-size:7px}.interactive-examples .dispatch-calendar-grid{grid-template-columns:40px repeat(3,minmax(0,1fr));gap:6px}.interactive-examples .calendar-time{font-size:8px}.interactive-examples .calendar-row>strong{font-size:9px}.interactive-examples .calendar-row>button{gap:5px;min-height:58px;padding:7px 6px}.interactive-examples .calendar-free>span,.interactive-examples .calendar-booking>strong{font-size:7px}.interactive-examples .calendar-booking>span{font-size:6px}}@media (prefers-reduced-motion:reduce){.interactive-examples .shop-product-card .shop-thumbnail{transition:none}.interactive-examples .shop-product-card:hover .shop-thumbnail{transform:none}}.interactive-examples .shop-story>p{color:#596f62}.interactive-examples .shop-categories button{color:#506b5b}.interactive-examples .shop-card-category,.interactive-examples .shop-card-info>span{color:#56704f}.interactive-examples .shop-detail-nav>span{color:#57715c}.interactive-examples .shop-detail-nav>button{color:#446b4d}.interactive-examples .commerce-section .split-shop .product-config-title>p:first-child{color:#6a7f61}.interactive-examples .commerce-section .split-shop .product-config-title>p:last-of-type{color:#59704f}.interactive-examples .commerce-section .split-shop .material-picker legend,.interactive-examples .commerce-section .split-shop .product-quantity legend{color:#637a55}.interactive-examples .commerce-section .split-shop .product-quantity>.shop-available{color:#617a51}.interactive-examples .commerce-section .split-shop .cart-message{color:#557c41}.interactive-examples .shop-cart-title>button,.interactive-examples .shop-cart-item>span,.interactive-examples .shop-cart-price,.interactive-examples .shop-empty-cart{color:#607c4f}.interactive-examples .shop-order-total{color:#5e794d}.interactive-examples .dispatch-metrics>div>span{color:#607e71}.interactive-examples .dispatch-create>label:not(.demo-check){color:#587b69}.interactive-examples .dispatch-job-code{color:#748b6b}.interactive-examples .dispatch-job-code i{color:#806b36}.interactive-examples .dispatch-job>span:not(.dispatch-job-code):not(.dispatch-status){color:#627d56}.interactive-examples .dispatch-status{color:#856b30}.interactive-examples .dispatch-status.job-scheduled{color:#416e7d}.interactive-examples .dispatch-status.job-completed{color:#52713b}.interactive-examples .dispatch-detail-heading>.demo-overline{color:#6a8668}.interactive-examples .dispatch-detail-heading>p:last-child{color:#567b64}.interactive-examples .dispatch-facts dt{color:#6b8260}.interactive-examples .dispatch-facts dd{color:#50785d}.interactive-examples .dispatch-facts dd.job-completed{color:#5c7e3e}.interactive-examples .dispatch-technicians legend,.interactive-examples .dispatch-slots legend{color:#5e7e51}.interactive-examples .dispatch-technicians button{color:#527645}.interactive-examples .dispatch-slots button{color:#5c7d44}.interactive-examples .dispatch-slots button>span{color:#627f47}.interactive-examples .dispatch-slots button[data-booked=true],.interactive-examples .dispatch-slots button[data-booked=true]>span{color:#886b39}.interactive-examples .dispatch-complete{color:#5b7b38}.interactive-examples .dispatch-message{color:#587936}.interactive-examples .dispatch-message[data-error=true]{color:#9d5a37}.interactive-examples .dispatch-calendar-heading h4{color:#58773f}.interactive-examples .dispatch-calendar-heading>span,.interactive-examples .calendar-time{color:#688347}.interactive-examples .calendar-row>strong{color:#58773e}.interactive-examples .calendar-free>span,.interactive-examples .calendar-booking>span,.interactive-examples .calendar-booking>strong{color:#5d7a43}.interactive-examples .dispatch-limit{color:#6a8049}.interactive-examples .dispatch-shell{isolation:isolate;position:relative}.interactive-examples .demo-flight{z-index:40;pointer-events:none;color:#f3f6e8;max-width:230px;font:10px/1.4 var(--body);white-space:nowrap;text-overflow:ellipsis;background:#153e36;border:1px solid #a5cab8;border-radius:5px;padding:11px 16px;position:absolute;overflow:hidden;box-shadow:0 12px 30px #092d3240}.interactive-examples .cart-count-pop,.interactive-examples .metric-pop{animation:.4s cubic-bezier(.16,1,.3,1) pms-examples-demo-count}@keyframes pms-examples-demo-count{0%{opacity:.4;transform:translateY(5px)scale(.85)}to{opacity:1;transform:none}}.interactive-examples .follow-order{color:#305d49;width:100%;font:11px/1.6 var(--body);text-align:left;background:#e4edde;border:1px solid #98b0a0;align-items:center;gap:10px;margin:14px 0 0;padding:14px;display:flex}.interactive-examples .follow-order>span:last-child{margin-left:auto}.interactive-examples .follow-order:hover{background:#d6e7cf}.interactive-examples .follow-order>span:first-child{font-size:25px}.interactive-examples .scene-interact{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#d3e1dc;max-width:45%;min-height:34px;font:8px/1.5 var(--body);background:#122c3be0;border:1px solid #adc4d54d;align-items:center;gap:8px;padding:8px 10px;transition:background .3s,border-color .3s;display:flex;position:absolute;top:70px;right:18px}.interactive-examples .scene-interact>span{font-size:13px}.interactive-examples .scene-interact[aria-pressed=true]{color:#ffedc8;background:#786038b0;border-color:#eac0838c}.interactive-examples .scene-interact:disabled{opacity:.4}.interactive-examples .product-viewer[data-lamp-on=true] .scene-finish-name{color:#e9c891}.interactive-examples .commerce-section .split-shop .viewer-toolbar p{color:#a3bdc9;margin-top:9px;line-height:1.9}.interactive-examples .dispatch-shell{max-height:760px}.interactive-examples .dispatch-calendar{background:#e8f0e5;border-top:0;border-bottom:1px solid #a6bea166;padding:22px 25px}.interactive-examples .dispatch-calendar-heading{margin-bottom:9px}.interactive-examples .dispatch-drag-hint{font:10px/1.6 var(--body);color:#5b7961;gap:9px;margin:0 0 18px;display:flex}.interactive-examples .dispatch-drag-hint>span{color:#507b68;font-size:17px}.interactive-examples .dispatch-calendar-grid{grid-template-columns:85px repeat(3,minmax(0,1fr));gap:9px}.interactive-examples .calendar-row>strong{align-items:center;gap:9px;display:flex}.interactive-examples .calendar-row>strong>i{color:#497257;width:26px;height:26px;font:10px/1 var(--mono);background:#d3e2cf;border-radius:50%;flex-shrink:0;place-items:center;font-style:normal;display:grid}.interactive-examples .calendar-row>button{min-height:65px;transition:background .2s,border-color .2s,transform .2s}.interactive-examples .calendar-row>button[data-drop=ready]{background:#cae5c1;border:1px solid #53805f;transform:translateY(-3px);box-shadow:0 6px 14px #45674519}.interactive-examples .calendar-row>button[data-drop=blocked]{background:#f1dccc;border:1px solid #b17d5f}.interactive-examples .dispatch-shell[data-dragging=true] .calendar-free{background:#dcebd3;border-color:#7b9b73}.interactive-examples .dispatch-job[draggable=true],.interactive-examples .calendar-booking[draggable=true]{cursor:grab}.interactive-examples .dispatch-job[data-dragging=true]{opacity:.4;transform:scale(.98)}.interactive-examples .dispatch-job{transition:opacity .2s,transform .2s,background .2s}.interactive-examples .flow-order-strip{color:#bed6d5;background:#173747;border-block:1px solid #adc4d526;align-items:center;gap:12px;padding:14px 24px;display:flex}.interactive-examples .flow-order-strip>span{color:#b7d8cd;background:#284b56;place-items:center;width:30px;height:30px;font-size:22px;display:grid}.interactive-examples .flow-order-strip>div{gap:5px;min-width:0;display:grid}.interactive-examples .flow-order-strip>div>strong{font:10px/1.4 var(--body);font-weight:500}.interactive-examples .flow-order-strip>div>span{font:8px/1.5 var(--mono);color:#8eafba;text-overflow:ellipsis;white-space:nowrap;max-width:310px;overflow:hidden}.interactive-examples .flow-order-strip>strong{white-space:nowrap;font:10px/1 var(--mono);margin-left:auto}.interactive-examples .flow-node{transition:background .3s,border-color .3s,box-shadow .3s}.interactive-examples .flow-node.node-state-2{background:#204e48;border-color:#78ac9b}.interactive-examples .flow-node.node-state-3{background:#574138;border-color:#bb9274}.interactive-examples .flow-node.node-state-2>.node-symbol{color:#b0dac6}.interactive-examples .flow-node.node-state-3>.node-symbol{color:#edc494}.interactive-examples .router-node[data-processing=true]{box-shadow:0 0 0 8px #a0c8c312,0 0 35px #a0c8c31a}.interactive-examples .flow-packet{fill:#dcf6dd;offset-rotate:0deg;animation:1.05s cubic-bezier(.45,0,.55,1) both pms-examples-packet-travel}@keyframes pms-examples-packet-travel{0%{offset-distance:0%;opacity:0}10%{opacity:1}90%{opacity:1}to{offset-distance:100%;opacity:0}}.interactive-examples .flow-stage[data-animating=false] .flow-packet,.interactive-examples .flow-stage[data-animating=false] .wire-status-1{animation-play-state:paused}.interactive-examples .flow-delivery-ledger{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0 25px 20px;display:grid}.interactive-examples .flow-delivery-ledger>span{font:8px/1.5 var(--body);color:#87a8b5;border:1px solid #adc4d526;align-items:center;gap:7px;padding:9px 10px;display:flex}.interactive-examples .flow-delivery-ledger i{background:#547788;border-radius:50%;flex-shrink:0;width:4px;height:4px}.interactive-examples .flow-delivery-ledger strong{font:8px/1 var(--mono);margin-left:auto}.interactive-examples .flow-delivery-ledger>span[data-status="2"]{color:#b5d5c2;border-color:#7ca99e66}.interactive-examples .flow-delivery-ledger>span[data-status="2"] i{background:#a3cfb7}.interactive-examples .flow-delivery-ledger>span[data-status="3"]{color:#dfba94;border-color:#c6956b66}.interactive-examples .flow-delivery-ledger>span[data-status="3"] i{background:#e2ac72}.interactive-examples .flow-retry{border-top:1px solid #adc4d526;margin-top:16px;padding-top:14px}.interactive-examples .flow-retry>p{color:#c8ae94;margin:0 0 12px;font-size:10px;line-height:1.7}.interactive-examples .flow-retry>.demo-action{text-align:left;background:#d8c29f;border-color:#d8c29f;gap:10px;width:100%}.interactive-examples .integration-controls .demo-action:disabled{opacity:.45;cursor:default}.interactive-examples .integration-controls>.demo-action{margin-top:30px}.interactive-examples .integration-shell{overscroll-behavior:contain;max-height:760px;overflow:auto}.interactive-examples .modernize-workbench{align-content:start;justify-items:stretch;gap:0;min-width:0;display:grid}.interactive-examples .comparison-search{align-items:center;gap:15px;margin-bottom:17px;display:flex}.interactive-examples .comparison-search input{color:#315c55;width:100%;min-width:0;max-width:330px;height:36px;font:11px/1.5 var(--body);background:#f2f7eb;border:1px solid #b3c8bc;padding:8px 12px}.interactive-examples .comparison-search>span{white-space:nowrap;font:10px/1 var(--mono);color:#426a59;margin-left:auto}.interactive-examples .modernize-stage{overscroll-behavior:contain;max-height:760px;overflow:auto}.interactive-examples .modernize-device{max-width:740px;transition:none}.interactive-examples .modernize-compare{isolation:isolate;height:370px;position:relative;overflow:hidden}.interactive-examples .compare-layer{position:absolute;inset:0;overflow:hidden}.interactive-examples .compare-layer>.modernize-app{height:100%;min-height:0;padding:22px}.interactive-examples .compare-layer .record-app-header{margin-bottom:24px}.interactive-examples .compare-layer .legacy-table-scroll{height:265px;overflow:auto}.interactive-examples .compare-layer .modern-records{max-height:275px;overflow:auto}.interactive-examples .compare-layer .modern-records li{flex-shrink:0}.interactive-examples .compare-divider{z-index:3;top:0;bottom:0;left:var(--reveal);cursor:ew-resize;touch-action:none;outline-offset:-2px;place-items:center;width:30px;display:grid;position:absolute;transform:translate(-50%)}.interactive-examples .compare-divider:before{content:"";background:#4f8173;width:2px;position:absolute;top:0;bottom:0;left:50%;box-shadow:0 0 15px #12392a30}.interactive-examples .compare-divider>span{color:#f0f5e4;background:#224f44;border:1px solid #a8c7ad;border-radius:20px;place-items:center;width:30px;height:44px;font-size:20px;display:grid;position:relative;box-shadow:0 4px 15px #17372c33}.interactive-examples .compare-divider:focus-visible>span{outline-offset:3px;outline:3px solid #659d7b}.interactive-examples .comparison-caption{font:9px/1.6 var(--body);color:#466b5c;justify-content:space-between;align-items:center;gap:14px;padding-top:15px;display:flex}.interactive-examples .comparison-caption>span:nth-child(2){text-align:center;color:#5c7964;font-size:8px}.interactive-examples .comparison-range{padding-top:9px;display:block}.interactive-examples .comparison-range input{accent-color:#3c7560;cursor:ew-resize;width:100%;height:20px}.interactive-examples .preserved-records>span:last-child{font-size:10px;line-height:1.7}@media (max-width:800px){.interactive-examples .integration-shell{grid-template-columns:1fr}.interactive-examples .integration-controls{border-top:1px solid #adc4d526;border-left:0}.interactive-examples .integration-controls>.demo-action{margin-top:15px}.interactive-examples .modernize-stage{grid-template-columns:1fr}.interactive-examples .modernize-notes{display:none}.interactive-examples .dispatch-body{grid-template-columns:230px minmax(0,1fr)}.interactive-examples .dispatch-detail{padding:24px 20px}.interactive-examples .dispatch-slots button,.interactive-examples .dispatch-technicians button{flex:1;min-width:0;padding:10px}}@media (max-width:540px){.interactive-examples .commerce-section .split-shop .scene-stage{height:310px}.interactive-examples .commerce-section .split-shop .scene-skeleton{height:405px}.interactive-examples .scene-interact{max-width:43%;padding:7px;font-size:7px;top:68px;right:10px}.interactive-examples .commerce-section .split-shop .scene-title{top:18px;left:13px}.interactive-examples .commerce-section .split-shop .scene-title>strong{font-size:17px}.interactive-examples .commerce-section .split-shop .viewer-toolbar{min-height:95px}.interactive-examples .commerce-section .split-shop .viewer-toolbar p{font-size:7px}.interactive-examples .follow-order{padding:12px;font-size:10px}.interactive-examples .dispatch-body{grid-template-columns:1fr}.interactive-examples .dispatch-calendar{padding:20px 15px}.interactive-examples .dispatch-calendar-grid{grid-template-columns:48px repeat(3,minmax(0,1fr));gap:5px}.interactive-examples .calendar-row>strong{justify-items:start;gap:5px;display:grid}.interactive-examples .calendar-row>strong>i{width:23px;height:23px;font-size:9px}.interactive-examples .calendar-row>button{min-height:65px;padding:7px 5px}.interactive-examples .dispatch-drag-hint{font-size:9px}.interactive-examples .dispatch-calendar-heading h4{font-size:14px}.interactive-examples .flow-order-strip{gap:9px;padding:13px 15px}.interactive-examples .flow-order-strip>div>span{max-width:160px;font-size:7px}.interactive-examples .flow-order-strip>strong{font-size:8px}.interactive-examples .flow-order-strip>div>strong{font-size:9px}.interactive-examples .flow-delivery-ledger{gap:5px;padding:0 15px 17px}.interactive-examples .flow-delivery-ledger>span{flex-wrap:wrap;gap:5px;padding:8px 6px;font-size:7px}.interactive-examples .modernize-stage{gap:16px;padding:18px 13px}.interactive-examples .compare-layer>.modernize-app{padding:17px 10px}.interactive-examples .modernize-compare{height:390px}.interactive-examples .modernize-device[data-mobile=true] .modernize-compare{height:430px}.interactive-examples .compare-layer .modern-records{max-height:320px}.interactive-examples .compare-layer .legacy-table-scroll{height:300px}.interactive-examples .comparison-caption{font-size:8px}.interactive-examples .comparison-caption>span:nth-child(2){font-size:7px}.interactive-examples .modernize-toolbar{gap:8px;padding:13px}.interactive-examples .demo-segment button{padding:7px 10px;font-size:9px}.interactive-examples .modernize-device[data-mobile=true] .modern-records button{margin-left:0}.interactive-examples .comparison-search input{font-size:10px}.interactive-examples .demo-flight{max-width:190px;font-size:9px}}@media (prefers-reduced-motion:reduce){.interactive-examples .cart-count-pop,.interactive-examples .metric-pop,.interactive-examples .flow-packet{animation:none}.interactive-examples .flow-packet{display:none}.interactive-examples .dispatch-job,.interactive-examples .calendar-row>button,.interactive-examples .scene-interact{transition:none}.interactive-examples .calendar-row>button[data-drop=ready]{transform:none}}.interactive-examples .comparison-hint{font:9px/1.7 var(--body);color:#4b705e;margin:8px 0 0}.interactive-examples .compare-layer[inert]{-webkit-user-select:none;user-select:none}.interactive-examples .example-picker{border-inline:1px solid #a3b6ab;color:#496b5e;background:#edf1e8;border-bottom:1px solid #a3b6ab;flex-wrap:wrap;align-items:center;gap:18px;margin:0;padding:17px 20px;display:flex}.interactive-examples .example-picker>span{font:9px/1.6 var(--mono);flex-shrink:0}.interactive-examples .example-picker>div{flex-wrap:wrap;gap:7px;min-width:0;display:flex}.interactive-examples .example-picker button{color:#466655;min-height:38px;font:11px/1.5 var(--body);background:#f8faf3;border:1px solid #b6c8ba;align-items:center;gap:9px;padding:8px 13px;display:flex}.interactive-examples .example-picker button>span{font:8px/1 var(--mono);opacity:.6}.interactive-examples .example-picker button[aria-pressed=true]{color:#f1f6e8;background:#214d41;border-color:#214d41}.interactive-examples .example-picker button:hover{border-color:#44725b}.interactive-examples .commerce-section .split-shop .scene-controls{color:#c5d9df;background:#102b3b;border-top:1px solid #9db9c629;gap:12px;min-width:0;padding:14px 18px;display:grid}.interactive-examples .commerce-section .split-shop .scene-controls .scene-views{border:0;flex-wrap:wrap;gap:6px;width:auto;max-width:none;margin:0;padding:0;display:flex;position:static;inset:auto;transform:none}.interactive-examples .commerce-section .split-shop .scene-controls .scene-views button{white-space:normal;text-align:center;flex:1;justify-content:center;min-height:36px;padding:8px 10px;font-size:9px;line-height:1.6}.interactive-examples .commerce-section .split-shop .scene-controls-actions{flex-wrap:wrap;align-items:stretch;gap:10px;min-width:0;display:flex}.interactive-examples .commerce-section .split-shop .scene-controls .scene-interact{text-align:center;white-space:normal;flex:1;justify-content:center;min-width:135px;max-width:none;min-height:38px;padding:8px 12px;font-size:10px;position:static;inset:auto;transform:none}.interactive-examples .commerce-section .split-shop .scene-controls .scene-zoom{flex-wrap:wrap;align-self:stretch;gap:5px;margin:0;display:flex;position:static;inset:auto;transform:none}.interactive-examples .commerce-section .split-shop .scene-controls .scene-zoom button{width:38px;min-width:38px;height:38px;font-size:20px;line-height:1}.interactive-examples .commerce-section .split-shop .viewer-toolbar{min-height:90px}.interactive-examples .commerce-section .split-shop .scene-stage{height:310px}.interactive-examples .commerce-section .split-shop .scene-skeleton{height:545px}.interactive-examples .commerce-section .split-shop[data-collection="1"] .shop-catalog{background:#e9e2d7}.interactive-examples .commerce-section .split-shop[data-collection="2"] .shop-catalog{background:#e0e5de}.interactive-examples .commerce-section .split-shop[data-collection="3"] .shop-catalog{background:#eee1df}.interactive-examples .commerce-section .split-shop[data-collection="3"] .shop-brand>span:first-child{letter-spacing:.18em}.interactive-examples .sector-tool{color:#456950;border-block:1px solid #a7b8a34d;grid-column:1/-1;gap:12px;min-width:0;padding:17px 0;font-size:10px;display:grid}.interactive-examples .sector-tool h4{font:500 13px/1.5 var(--body);color:#315941;margin:0}.interactive-examples .sector-tool p{font:10px/1.7 var(--body);margin:0}.interactive-examples .sector-tool p[data-warning=true]{color:#9b543a}.interactive-examples .sector-tool button{color:#315d41;min-height:38px;font:10px/1.5 var(--body);text-align:left;background:#e0ead7;border:1px solid #9ab48b;justify-content:space-between;align-items:center;gap:10px;padding:9px 12px;display:flex}.interactive-examples .sector-tool button:disabled{opacity:.4;cursor:default}.interactive-examples .sector-tool small{color:#7e7957;font-size:8px;line-height:1.6}.interactive-examples .sector-tool input[type=checkbox]{accent-color:#4c775b;flex-shrink:0;width:14px;height:14px}.interactive-examples .packing-options{grid-template-columns:1fr 1fr;gap:9px 20px;display:grid}.interactive-examples .packing-options label,.interactive-examples .routine-tool>label{align-items:center;gap:8px;line-height:1.7;display:flex}.interactive-examples .packing-options small,.interactive-examples .routine-tool strong{margin-left:auto}.interactive-examples .routine-tool strong{font:9px/1 var(--mono)}.interactive-examples .packing-meter{background:#d9dfcc;height:6px;overflow:hidden}.interactive-examples .packing-meter i{background:#6d926c;height:100%;transition:width .4s cubic-bezier(.16,1,.3,1);display:block}.interactive-examples .area-tool{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end}.interactive-examples .area-tool>label{gap:8px;font-size:10px;display:grid}.interactive-examples .area-tool input{color:#355b43;background:#faf9ee;border:1px solid #a7baa0;width:100%;min-width:0;height:36px;padding:7px 10px;font-size:12px}.interactive-examples .area-tool>button,.interactive-examples .area-tool>small{grid-column:1/-1}.interactive-examples .area-tool>p>strong{font:500 24px/1 var(--display);color:#345a42;margin-left:7px}.interactive-examples .returns-app,.interactive-examples .quote-app{color:#355546;overscroll-behavior:contain;background:#f1eee4;max-height:760px;overflow:auto}.interactive-examples .sector-app-top{color:#dbe2d5;background:#2b443d;justify-content:space-between;align-items:center;gap:20px;padding:20px 25px;display:flex}.interactive-examples .sector-app-top>.example-wordmark{font-size:10px}.interactive-examples .sector-app-top>span:last-child{font:9px/1.6 var(--mono);color:#b9c9b5}.interactive-examples .returns-board{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;padding:23px 25px;display:grid}.interactive-examples .return-column{background:#e4e4d8;border:1px solid #bac5b1;min-height:210px;padding:14px;transition:background .2s}.interactive-examples .return-column[data-over=true]{background:#d0e3cb;border-color:#648660}.interactive-examples .return-column h4{font:500 11px/1.5 var(--body);color:#43634b;justify-content:space-between;align-items:center;gap:10px;margin:0 0 16px;display:flex}.interactive-examples .return-column h4>span{width:22px;height:22px;font:9px/1 var(--mono);background:#d2dbc9;border-radius:50%;place-items:center;display:grid}.interactive-examples .return-card{text-align:left;color:#4f6a51;background:#faf8ed;border:1px solid #bcc5ae;gap:10px;width:100%;min-width:0;margin-bottom:10px;padding:14px;display:grid}.interactive-examples .return-card[aria-pressed=true]{border-color:#5d8057;box-shadow:0 0 0 1px #5d8057}.interactive-examples .return-card[draggable=true]{cursor:grab}.interactive-examples .return-card>span:first-child{font:8px/1 var(--mono);color:#78856b}.interactive-examples .return-card strong{font:500 12px/1.6 var(--body)}.interactive-examples .return-card small{font:9px/1.6 var(--body);color:#747e60}.interactive-examples .return-value{font:10px/1 var(--mono);justify-content:space-between;align-items:center;display:flex}.interactive-examples .return-value>i{color:#668a56;font-size:17px;font-style:normal}.interactive-examples .return-inspector{background:#f8f6eb;border-top:1px solid #b4c2aa;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:30px;padding:24px 30px;display:grid}.interactive-examples .return-inspector h4{font:400 24px/1.3 var(--display);letter-spacing:-.03em;color:#365b42;margin:12px 0 20px}.interactive-examples .return-inspector .demo-overline{color:#7c8b6f;font-size:8px}.interactive-examples .return-progress{justify-content:space-between;align-items:start;gap:15px;display:flex}.interactive-examples .return-progress>span{font:9px/1.5 var(--body);color:#879178;border-top:1px solid #c2ccb5;flex:1;gap:8px;padding-top:10px;display:grid}.interactive-examples .return-progress i{font-style:normal;font:10px/1 var(--mono)}.interactive-examples .return-progress>span[data-done=true]{color:#426e42;border-color:#77996b}.interactive-examples .return-decision{align-content:center;gap:15px;display:grid}.interactive-examples .return-decision label{font:10px/1.5 var(--body);gap:8px;display:grid}.interactive-examples .return-decision select{color:#45693f;width:100%;height:39px;font:11px/1.5 var(--body);background:#f7f8ed;border:1px solid #a7b79b;padding:8px}.interactive-examples .return-decision .demo-action{background:#4b7251;border-color:#4b7251;font-size:10px}.interactive-examples .return-decision .demo-action:disabled{opacity:.5}.interactive-examples .sector-app-note{font:10px/1.7 var(--body);color:#6a7e5b;border-top:1px solid #b6c3aa;margin:0;padding:16px 25px}.interactive-examples .quote-app{background:#e9eee7}.interactive-examples .quote-app .sector-app-top{background:#23464b}.interactive-examples .quote-workbench{grid-template-columns:290px minmax(0,1fr);min-height:370px;display:grid}.interactive-examples .quote-inputs{background:#f1f5e9;border-right:1px solid #afc2ad;align-content:start;gap:22px;padding:25px;display:grid}.interactive-examples .quote-inputs label{font:10px/1.6 var(--body);color:#53724f;gap:9px;display:grid}.interactive-examples .quote-inputs select,.interactive-examples .quote-inputs input[type=number]{color:#315e42;width:100%;height:38px;font:11px/1.4 var(--body);background:#fbfcf2;border:1px solid #acbea2;min-width:0;padding:8px}.interactive-examples .quote-range{align-items:center;gap:13px;display:flex}.interactive-examples .quote-range input{accent-color:#54835f;width:100%;min-width:0}.interactive-examples .quote-range output{font:10px/1 var(--mono);min-width:29px}.interactive-examples .quote-inputs fieldset{border:0;margin:0;padding:0}.interactive-examples .quote-inputs legend{font:10px/1.6 var(--body);color:#53724f;margin-bottom:11px}.interactive-examples .quote-finishes{gap:12px;display:flex}.interactive-examples .quote-finishes button{color:#fff;border:2px solid #c2cdbb;width:35px;height:35px}.interactive-examples .quote-finishes button[aria-pressed=true]{outline-offset:3px;outline:1px solid #41684c}.interactive-examples .quote-preview{align-content:center;justify-items:center;gap:20px;min-width:0;padding:30px;display:grid;overflow:hidden}.interactive-examples .floor-preview{grid-template-columns:repeat(var(--floor-cols),1fr);aspect-ratio:1.5;background:#7b8c79;gap:3px;width:min(310px,85%);padding:8px;display:grid;transform:perspective(700px)rotateX(30deg)rotate(-14deg);box-shadow:14px 23px 15px #455c4526}.interactive-examples .floor-preview>i{background:linear-gradient(130deg,transparent 42%,#ffffff30 44%,transparent 47%),var(--tile-color);border:1px solid #6d806629;animation:.35s both pms-examples-tile-appear;display:block}.interactive-examples .quote-preview>p{font:500 12px/1.6 var(--body);color:#4c6d4f;text-align:center;margin:0}.interactive-examples .quote-preview dl{border-top:1px solid #aabda2;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;width:100%;margin:0;padding-top:19px;display:grid}.interactive-examples .quote-preview dt{font:8px/1.6 var(--body);color:#6d8363}.interactive-examples .quote-preview dd{font:400 25px/1.4 var(--display);letter-spacing:-.025em;color:#385f45;margin:8px 0 0}.interactive-examples .quote-submit{background:#f3f6e9;border-top:1px solid #b4c6a9;align-items:center;gap:25px;padding:20px 25px;display:flex}.interactive-examples .quote-submit>p{font:10px/1.7 var(--body);color:#6a815f;max-width:510px;margin:0}.interactive-examples .quote-submit .demo-action{background:#426b4a;border-color:#426b4a;flex-shrink:0;margin-left:auto;font-size:10px}.interactive-examples .quote-submit .demo-action:disabled{opacity:.45}.interactive-examples .quote-receipt{color:#41663d;font:11px/1.7 var(--body);background:#dcebd4;border-top:1px solid #aec8a2;align-items:center;gap:13px;padding:18px 25px;display:flex}.interactive-examples .quote-receipt>span:first-child{font-size:23px}.interactive-examples .quote-receipt>span:last-child{font:10px/1.5 var(--mono);margin-left:auto}.interactive-examples .quote-receipt strong{font-weight:500}@keyframes pms-examples-tile-appear{0%{opacity:.3;transform:translateY(-7px)}to{opacity:1;transform:none}}.interactive-examples .flow-scenario-inputs{border-bottom:1px solid #adc4d526;gap:14px;margin-bottom:20px;padding-bottom:20px;display:grid}.interactive-examples .flow-scenario-inputs label{font:10px/1.7 var(--body);color:#9ab9c5;gap:8px;display:grid}.interactive-examples .flow-scenario-inputs select,.interactive-examples .flow-scenario-inputs input{color:#d0e0e1;width:100%;min-width:0;height:39px;font:10px/1.5 var(--body);background:#143546;border:1px solid #789aa955;padding:7px}.interactive-examples .flow-scenario-inputs>small{font:9px/1.6 var(--body);color:#9ab9c5}.interactive-examples .flow-scenario-inputs>p{color:#e2b193;margin:0;font-size:9px;line-height:1.7}.interactive-examples .service-example-panel[data-scenario="1"] .modernize-stage{background:#e6e0d3}.interactive-examples .service-example-panel[data-scenario="2"] .modernize-stage{background:#d7e5da}.interactive-examples .service-example-panel[data-scenario="3"] .modernize-stage{background:#e8dfe0}.interactive-examples .service-example-panel[data-scenario="3"] .dispatch-top{background:#493c4d}.interactive-examples .service-example-panel[data-scenario="3"] .dispatch-shell{background:#f5f0f1}.interactive-examples .service-example-panel[data-scenario="3"] .dispatch-calendar{background:#eee4e8}@media (max-width:800px){.interactive-examples .example-picker{gap:12px;padding:15px}.interactive-examples .quote-workbench{grid-template-columns:240px minmax(0,1fr)}.interactive-examples .quote-inputs{padding:22px 18px}.interactive-examples .quote-preview{padding:23px 18px}.interactive-examples .quote-preview dl{gap:12px}.interactive-examples .quote-preview dd{font-size:21px}.interactive-examples .return-inspector{gap:22px;padding:24px}.interactive-examples .returns-board{gap:10px;padding:20px}.interactive-examples .return-column{padding:10px}.interactive-examples .return-card{padding:12px}.interactive-examples .return-card strong{font-size:11px}}@media (max-width:540px){.interactive-examples .example-picker{padding:14px 12px;display:block}.interactive-examples .example-picker>span{margin-bottom:10px;font-size:8px;display:block}.interactive-examples .example-picker>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.interactive-examples .example-picker button{gap:7px;min-height:40px;padding:8px 9px;font-size:10px}.interactive-examples .example-picker button>span{font-size:7px}.interactive-examples .commerce-section .split-shop .scene-controls{gap:10px;padding:12px}.interactive-examples .commerce-section .split-shop .scene-controls .scene-views button{padding:7px 6px;font-size:8px}.interactive-examples .commerce-section .split-shop .scene-controls .scene-interact{min-height:40px;font-size:9px}.interactive-examples .commerce-section .split-shop .scene-controls .scene-zoom{flex:1;justify-content:center}.interactive-examples .commerce-section .split-shop .scene-controls .scene-zoom button{width:40px;min-width:40px;height:40px}.interactive-examples .commerce-section .split-shop .scene-stage{height:290px}.interactive-examples .commerce-section .split-shop .scene-title>strong{font-size:20px}.interactive-examples .commerce-section .split-shop .scene-skeleton{height:555px}.interactive-examples .sector-tool{gap:11px}.interactive-examples .packing-options{gap:9px 15px}.interactive-examples .sector-tool h4{font-size:12px}.interactive-examples .packing-options label,.interactive-examples .routine-tool>label{font-size:10px}.interactive-examples .area-tool{grid-template-columns:1fr 1fr}.interactive-examples .sector-app-top{gap:15px;padding:18px 15px}.interactive-examples .sector-app-top>.example-wordmark,.interactive-examples .sector-app-top>span:last-child{font-size:8px}.interactive-examples .returns-board{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:17px 12px}.interactive-examples .return-column{min-height:205px;padding:8px 6px}.interactive-examples .return-column h4{flex-wrap:wrap;gap:4px;font-size:8px}.interactive-examples .return-column h4>span{width:18px;height:18px;font-size:7px}.interactive-examples .return-card{gap:8px;padding:9px 7px}.interactive-examples .return-card strong{overflow-wrap:anywhere;font-size:9px;line-height:1.5}.interactive-examples .return-card small{font-size:8px}.interactive-examples .return-card>span:first-child{font-size:7px}.interactive-examples .return-value{font-size:8px}.interactive-examples .return-inspector{padding:22px 17px;display:block}.interactive-examples .return-inspector h4{font-size:23px}.interactive-examples .return-decision{margin-top:22px}.interactive-examples .return-progress>span{font-size:8px}.interactive-examples .sector-app-note{padding:15px 17px;font-size:9px}.interactive-examples .quote-workbench{grid-template-columns:1fr}.interactive-examples .quote-inputs{border-bottom:1px solid #afc2ad;border-right:0;grid-template-columns:1fr 1fr;gap:18px;padding:20px 17px}.interactive-examples .quote-inputs label{font-size:9px}.interactive-examples .quote-inputs select{font-size:10px}.interactive-examples .quote-inputs legend{font-size:9px}.interactive-examples .quote-inputs>label:first-child,.interactive-examples .quote-inputs fieldset{grid-column:1/-1}.interactive-examples .quote-preview{min-height:330px;padding:25px 20px}.interactive-examples .quote-preview dl{gap:15px}.interactive-examples .quote-preview dd{font-size:24px}.interactive-examples .quote-submit{gap:17px;padding:20px 17px;display:grid}.interactive-examples .quote-submit .demo-action{width:100%;margin:0}.interactive-examples .quote-submit>p{font-size:9px}.interactive-examples .quote-receipt{flex-wrap:wrap;padding:17px;font-size:10px}.interactive-examples .quote-receipt>span:last-child{width:100%;margin-left:0;padding-left:35px}.interactive-examples .floor-preview{width:70%;max-width:250px}.interactive-examples .flow-order-strip>div>strong{font-size:8px;line-height:1.6}}@media (prefers-reduced-motion:reduce){.interactive-examples .packing-meter i,.interactive-examples .return-column{transition:none}.interactive-examples .floor-preview>i{animation:none}}.interactive-examples .commerce-section{background:0 0;height:100%;padding:0}.interactive-examples .service-examples{flex-direction:column;height:100%;min-height:0;display:flex}.interactive-examples .service-example-tabs{flex-shrink:0;grid-template-columns:repeat(5,minmax(0,1fr))}.interactive-examples .service-example-tabs>button{text-align:left;gap:7px;min-height:44px;padding:10px 9px}.interactive-examples .service-example-tabs strong{overflow-wrap:anywhere;font-size:10px;line-height:1.5}.interactive-examples .service-example-tabs>button>span:last-child{display:none}.interactive-examples .service-example-panel:not([hidden]){flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.interactive-examples .example-picker{background:#e7ece5;flex-shrink:0;gap:9px;padding:9px 10px}.interactive-examples .example-picker>span{font-size:8px}.interactive-examples .example-picker button{min-height:32px;padding:6px 9px;font-size:9px}.interactive-examples .commerce-section .split-shop{flex:1;height:auto;min-height:0}.interactive-examples .service-demo{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.interactive-examples .example-intro{flex-shrink:0;gap:18px;padding:17px}.interactive-examples .example-intro h3{font-size:18px;line-height:1.35}.interactive-examples .example-intro p{font-size:10px;line-height:1.7}.interactive-examples .demo-reset{white-space:nowrap;font-size:9px}.interactive-examples .dispatch-shell,.interactive-examples .integration-shell,.interactive-examples .returns-app,.interactive-examples .quote-app{flex:1;min-height:0;max-height:none;overflow:auto}.interactive-examples .modernize-toolbar{flex-shrink:0;padding:10px}.interactive-examples .modernize-stage{flex:1;min-height:0;max-height:none;overflow:auto}.interactive-examples .examples-disclaimer{color:#adc1cc;flex-shrink:0;margin:0;padding:7px 10px;font-size:8px;line-height:1.6}.interactive-examples .service-example-tabs{background:0 0}.interactive-examples .service-example-tabs>button{color:#9fb7c8;background:0 0;border-color:#a9c4d333}.interactive-examples .service-example-tabs>button[aria-selected=true]{color:#f1f5f2;border-color:#a7ccd3}.interactive-examples .service-example-tabs>button>span:first-child{color:#7c9ba9}.interactive-examples .commerce-section .scene-fallback{flex-direction:column;justify-content:center;align-items:center;gap:9px;padding:65px 20px 34px;display:flex}.interactive-examples .scene-fallback-art{background:radial-gradient(#66808d55,#0000 70%);flex:1;width:100%;max-width:240px;min-height:0;display:block}.interactive-examples .scene-fallback-art .shop-thumbnail{width:100%;height:100%;max-height:none}.interactive-examples .commerce-section .scene-fallback p{flex-shrink:0;max-width:270px;padding:0;font-size:9px;line-height:1.5}.interactive-examples .product-viewer[data-state=fallback] .scene-controls,.interactive-examples .product-viewer[data-state=fallback] .viewer-toolbar{display:none}@container pms-examples (max-width:800px){.interactive-examples .shop-split{grid-template-columns:minmax(150px,.72fr) minmax(0,1.28fr)}.interactive-examples .shop-catalog{min-width:0;padding:14px 12px;overflow-x:hidden}.interactive-examples .shop-brand{gap:8px;margin-bottom:12px;padding-bottom:12px}.interactive-examples .shop-story{display:none}.interactive-examples .shop-search{margin-bottom:10px}.interactive-examples .shop-categories{margin-bottom:14px}.interactive-examples .shop-products{grid-template-columns:1fr;gap:9px}.interactive-examples .shop-product-card{grid-template-columns:58px minmax(0,1fr);align-items:center;column-gap:5px;padding:0;display:grid}.interactive-examples .shop-brand>span:first-child{font-size:21px}.interactive-examples .shop-story h3{font-size:25px;line-height:1.15}.interactive-examples .shop-story>p{font-size:10px}.interactive-examples .shop-product-art{aspect-ratio:auto;grid-row:1/3;width:58px;height:62px}.interactive-examples .shop-card-info{min-width:0;padding:7px 5px 0 0;display:block}.interactive-examples .shop-card-info>span{margin-top:3px;display:block}.interactive-examples .shop-card-category{margin:3px 5px 7px 0}.interactive-examples .shop-card-open{width:15px;height:15px;font-size:9px;bottom:3px;right:3px}.interactive-examples .shop-card-info>strong{font-size:11px}.interactive-examples .shop-card-info>span{font-size:9px}.interactive-examples .commerce-section .split-shop .scene-title>strong{font-size:19px}.interactive-examples .commerce-section .split-shop .scene-stage{height:250px}.interactive-examples .commerce-section .split-shop .scene-controls{padding:10px}.interactive-examples .commerce-section .split-shop .scene-controls .scene-views{gap:4px}.interactive-examples .commerce-section .split-shop .scene-controls .scene-views button{padding:6px;font-size:8px}.interactive-examples .commerce-section .split-shop .scene-controls .scene-interact{flex-basis:100%;font-size:9px}.interactive-examples .commerce-section .split-shop .scene-controls .scene-zoom{flex:1;justify-content:center}.interactive-examples .commerce-section .split-shop .viewer-toolbar{min-height:0;padding:10px;display:block}.interactive-examples .commerce-section .split-shop .viewer-toolbar p{text-align:left;max-width:none;margin-top:9px}.interactive-examples .commerce-section .split-shop .product-config{grid-template-columns:1fr;gap:18px;padding:20px 15px;display:grid}.interactive-examples .commerce-section .split-shop .product-config-title{grid-area:auto}.interactive-examples .commerce-section .split-shop .product-config-title h3{font-size:25px}.interactive-examples .commerce-section .split-shop .product-quantity{display:flex}.interactive-examples .integration-shell{flex-direction:column;display:flex;overflow:hidden}.interactive-examples .integration-canvas{overscroll-behavior:contain;flex:1;min-height:100px;overflow:auto}.interactive-examples .flow-meta{display:none}.interactive-examples .flow-order-strip{gap:8px;padding:8px 12px}.interactive-examples .flow-order-strip>span{flex-shrink:0;width:22px;height:22px;font-size:17px}.interactive-examples .flow-order-strip>div>span{max-width:240px;font-size:7px}.interactive-examples .flow-stage{height:200px;margin-inline:12px}.interactive-examples .flow-node{gap:3px;min-height:56px;padding:7px 4px}.interactive-examples .flow-node strong{font-size:9px}.interactive-examples .flow-node>span:last-child{font-size:7px}.interactive-examples .flow-node .node-symbol{font-size:17px}.interactive-examples .integration-controls{background:#0d2635;border-top:1px solid #adc4d526;border-left:0;flex-shrink:0;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;padding:10px 12px;display:grid}.interactive-examples .integration-controls>.demo-overline{display:none}.interactive-examples .connector-toggles{flex-wrap:wrap;grid-area:auto/1/auto/-1;gap:4px 18px;margin:0;display:flex}.interactive-examples .connector-toggles .demo-check{border:0;gap:6px;min-height:24px;padding:0;font-size:9px}.interactive-examples .connector-toggles .demo-check>span{display:none}.interactive-examples .integration-controls .outage-toggle{grid-column:1;align-self:center;min-height:24px;margin:0;font-size:9px}.interactive-examples .integration-controls>.demo-action{grid-column:2;gap:10px;min-height:32px;margin:0;padding:6px 9px;font-size:9px}.interactive-examples .integration-message{grid-column:1/-1;min-height:0;margin:0;font-size:8px;line-height:1.5}.interactive-examples .flow-scenario-inputs{flex-wrap:wrap;grid-column:1/-1;align-items:end;gap:7px 12px;margin:0;display:flex}.interactive-examples .flow-scenario-inputs>label{flex:1;min-width:100px;font-size:8px}.interactive-examples .flow-scenario-inputs input,.interactive-examples .flow-scenario-inputs select{height:29px;padding:4px 7px;font-size:9px}.interactive-examples .flow-retry{grid-column:1/-1;margin:0;padding-top:6px}.interactive-examples .flow-retry>p{margin-bottom:6px;font-size:8px}.interactive-examples .flow-retry>.demo-action{min-height:30px;padding:6px 9px;font-size:9px}.interactive-examples .dispatch-body{grid-template-columns:1fr}.interactive-examples .dispatch-requests{border-bottom:1px solid #a6bea166;border-right:0;padding:17px}.interactive-examples .dispatch-job-list{grid-template-columns:repeat(3,150px);gap:9px;padding:2px 2px 6px;display:grid;overflow-x:auto}.interactive-examples .dispatch-detail{padding:22px 18px}.interactive-examples .dispatch-slots button{flex:1;min-width:0}.interactive-examples .modernize-stage{grid-template-columns:1fr;gap:15px;padding:18px}.interactive-examples .modernize-notes{display:none}.interactive-examples .quote-workbench{grid-template-columns:1fr}.interactive-examples .quote-inputs{border-bottom:1px solid #afc2ad;border-right:0;grid-template-columns:1fr 1fr;padding:20px}.interactive-examples .quote-inputs>label:first-child,.interactive-examples .quote-inputs fieldset{grid-column:1/-1}.interactive-examples .quote-submit{flex-wrap:wrap}.interactive-examples .quote-submit>.demo-action{margin-left:0}.interactive-examples .return-inspector{grid-template-columns:1fr;gap:20px;padding:20px}.interactive-examples .returns-board{gap:8px;padding:16px 12px}.interactive-examples .return-column{padding:8px}.interactive-examples .return-card{padding:10px}.interactive-examples .return-card strong{font-size:10px}}@container pms-examples (max-width:420px){.interactive-examples .example-picker{display:block}.interactive-examples .example-picker>span{margin-bottom:7px;display:block}.interactive-examples .example-picker>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;display:grid}.interactive-examples .shop-split{grid-template-rows:175px minmax(0,1fr);grid-template-columns:1fr}.interactive-examples .shop-catalog{padding:10px 12px;overflow:auto}.interactive-examples .shop-brand{margin-bottom:10px}.interactive-examples .shop-story{display:none}.interactive-examples .shop-search{margin-top:9px;margin-bottom:10px}.interactive-examples .shop-categories{margin-bottom:10px}.interactive-examples .shop-products{grid-template-columns:repeat(3,minmax(150px,1fr));gap:10px;display:grid}.interactive-examples .shop-collection-label{padding-top:0}.interactive-examples .commerce-section .split-shop .scene-stage{height:240px}.interactive-examples .flow-order-strip>div>span{max-width:140px}.interactive-examples .example-intro{gap:12px;padding:14px}.interactive-examples .example-intro h3{font-size:17px}.interactive-examples .demo-reset{font-size:8px}.interactive-examples .dispatch-calendar-grid{grid-template-columns:45px repeat(3,minmax(0,1fr));gap:5px}.interactive-examples .calendar-row>strong{justify-items:start;gap:5px;display:grid}.interactive-examples .calendar-row>button{min-height:60px;padding:7px}.interactive-examples .calendar-booking>strong{font-size:8px}.interactive-examples .return-column h4{flex-wrap:wrap;font-size:9px}.interactive-examples .quote-preview dd{font-size:21px}}.interactive-examples-frame .showcase-size-reference{visibility:hidden;pointer-events:none}.interactive-examples .mobile-examples{color:#d9e7ec;background:radial-gradient(at 18% 80%,#22465988,#0000 55%),linear-gradient(125deg,#102738,#071725)}.interactive-examples .mobile-examples .example-intro{background:0 0;border:0;gap:14px;padding:14px 16px 10px}.interactive-examples .mobile-examples .example-intro h3{color:#edf4f6;letter-spacing:-.035em;margin:0 0 6px;font-size:18px}.interactive-examples .mobile-examples .example-intro p{color:#a2bdca;max-width:460px;margin:0;font-size:9px;line-height:1.6}.interactive-examples .mobile-examples .demo-reset{color:#a2bdca;border-color:#8ba6b755}.interactive-examples .mobile-device-grid{flex:1;grid-template-rows:minmax(0,1fr);grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;min-height:0;padding:4px 22px 10px;display:grid}.interactive-examples .mobile-device-column{flex-direction:column;justify-content:center;align-items:center;gap:7px;min-width:0;min-height:0;margin:0;display:flex;container-type:size}.interactive-examples .mobile-device{aspect-ratio:9/19;color:#122b3d;--mobile-accent:#25616b;--mobile-tint:#d9edeb;background:#f3f6f7;border:2px solid #899da8;border-radius:27px;flex-direction:column;flex:none;width:auto;max-width:100%;height:min(345px,100cqh - 25px,211.1cqw);min-height:0;padding:4px;font-family:-apple-system,BlinkMacSystemFont,Arial,sans-serif;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 2px #030c15,6px 12px 25px #0006,inset 0 0 0 1px #fff6;container-type:inline-size}.interactive-examples .mobile-device-android{--mobile-accent:#315a83;--mobile-tint:#dce7f5;border-color:#49616e;border-radius:21px;font-family:Arial,sans-serif}.interactive-examples .mobile-status-bar{color:#193345;flex-shrink:0;justify-content:space-between;align-items:center;height:10cqw;padding:1cqw 6cqw 0;font:600 4.5cqw/1 system-ui,sans-serif;display:flex;position:relative}.interactive-examples .mobile-camera{background:#08121c;border-radius:20px;width:26cqw;height:7cqw;position:absolute;top:1cqw;left:50%;transform:translate(-50%)}.interactive-examples .mobile-device-android .mobile-camera{width:4cqw;height:4cqw;top:2cqw}.interactive-examples .mobile-system-icons{letter-spacing:-1cqw;align-items:center;gap:3cqw;font-size:3.7cqw;display:flex}.interactive-examples .mobile-system-icons i{background:#183a46;border:1px solid #78929b;border-radius:1cqw;width:9cqw;height:4.5cqw;box-shadow:1px 0 #78929b}.interactive-examples .mobile-app-header{letter-spacing:-.04em;color:#213e4f;flex-shrink:0;align-items:center;gap:3cqw;padding:5cqw 6cqw;font:700 6cqw/1 system-ui,sans-serif;display:flex}.interactive-examples .mobile-app-header img{object-fit:contain;background:#102b40;border-radius:2cqw;width:12cqw;height:10cqw;padding:1.5cqw}.interactive-examples .mobile-app-header b{letter-spacing:.16em;color:#527583;margin-top:1.8cqw;font-size:3.2cqw;font-weight:500;display:block}.interactive-examples .mobile-app-avatar{background:var(--mobile-tint);width:14cqw;height:14cqw;color:var(--mobile-accent);border-radius:50%;place-items:center;margin-left:auto;font-size:5cqw;display:grid}.interactive-examples .mobile-app-content{overscroll-behavior:contain;scrollbar-width:none;flex:1;min-height:0;padding:0 6cqw 5cqw;font:400 5cqw/1.45 system-ui,sans-serif;overflow:auto}.interactive-examples .mobile-app-content::-webkit-scrollbar{display:none}.interactive-examples .mobile-app-content button{font-family:inherit}.interactive-examples .mobile-workspace-label{color:#64808b;margin:0 0 4cqw;font-size:4.5cqw;line-height:1.5}.interactive-examples .mobile-release-card{isolation:isolate;color:#f1faf7;text-align:left;background:linear-gradient(125deg,#153c50,#236b73);border:0;border-radius:9cqw;width:100%;min-height:44cqw;padding:7cqw;display:block;position:relative;overflow:hidden}.interactive-examples .mobile-device-android .mobile-release-card{background:linear-gradient(125deg,#233b61,#3b6c8b);border-radius:13cqw}.interactive-examples .mobile-release-card>span:first-child{z-index:1;letter-spacing:.07em;color:#a0c9cd;font:500 3.7cqw/1.5 system-ui,sans-serif;display:block;position:relative}.interactive-examples .mobile-release-card>strong{z-index:1;letter-spacing:-.045em;overflow-wrap:anywhere;max-width:80%;margin:4cqw 0;font-size:8cqw;font-weight:600;line-height:1.2;display:block;position:relative}.interactive-examples .mobile-release-card>small{z-index:1;color:#c5e5df;align-items:center;gap:5cqw;font-size:4.6cqw;display:flex;position:relative}.interactive-examples .mobile-release-card>small>span{margin-left:auto}.interactive-examples .mobile-release-orbit{z-index:0;opacity:.8;background:radial-gradient(circle at 30% 25%,#a7dbd0,#427f85 40%,#132e49 76%);border-radius:50%;width:48cqw;height:48cqw;position:absolute;top:6cqw;right:-11cqw;transform:rotate(-22deg);box-shadow:inset -4cqw -3cqw 7cqw #04152488,0 0 14cqw #92d3c333}.interactive-examples .mobile-release-orbit>i{border:1px solid #c9ede950;border-radius:50%;position:absolute;inset:8%;transform:rotateX(65deg)}.interactive-examples .mobile-release-orbit>i:nth-child(2){transform:rotateY(65deg)}.interactive-examples .mobile-release-orbit>i:nth-child(3){inset:-12%;transform:rotateX(65deg)}.interactive-examples .mobile-app-metrics{color:#65818d;grid-template-columns:1fr 1fr 1fr;gap:3cqw;padding:6cqw 0;display:grid}.interactive-examples .mobile-app-metrics>span{overflow-wrap:anywhere;flex-direction:column;gap:1.5cqw;min-width:0;font-size:3.8cqw;line-height:1.5;display:flex}.interactive-examples .mobile-app-metrics strong{letter-spacing:-.045em;color:#214754;font-size:9cqw;font-weight:500;line-height:1.1}.interactive-examples .mobile-progress-ring>strong{background:var(--mobile-tint);border-radius:4cqw;width:fit-content;padding:0 2cqw;font-size:8cqw}.interactive-examples .mobile-progress-ring small{font-size:4cqw}.interactive-examples .mobile-section-label{color:#68838e;border-top:1px solid #b4c6c94d;justify-content:space-between;align-items:center;padding:3.5cqw 0 2cqw;font-size:4cqw;display:flex}.interactive-examples .mobile-section-label h4{letter-spacing:-.03em;color:#2b4b5b;margin:0;font:600 5.3cqw/1.4 system-ui,sans-serif}.interactive-examples .mobile-project-row{color:#294d5c;text-align:left;background:0 0;border:0;border-bottom:1px solid #b9ced14a;align-items:center;gap:3cqw;width:100%;min-height:21cqw;padding:3.5cqw 0;display:flex}.interactive-examples .mobile-project-symbol{background:var(--mobile-tint);width:15cqw;height:15cqw;color:var(--mobile-accent);border-radius:4cqw;flex-shrink:0;place-items:center;display:grid}.interactive-examples .mobile-project-symbol svg{width:8cqw;height:8cqw}.interactive-examples .mobile-project-row>span:nth-child(2){min-width:0}.interactive-examples .mobile-project-row strong{overflow-wrap:anywhere;font-size:4.8cqw;font-weight:600;line-height:1.4;display:block}.interactive-examples .mobile-project-row small{color:#728e98;margin-top:1cqw;font-size:3.9cqw;line-height:1.5;display:block}.interactive-examples .mobile-project-row>span:last-child{color:#728e98;margin-left:auto;font-size:7cqw}.interactive-examples .mobile-app-nav{background:#edf3f5;border-top:1px solid #b2c9d14d;flex-shrink:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:1cqw;padding:3cqw 3cqw 1cqw;display:grid}.interactive-examples .mobile-app-nav>button{color:#64808d;overflow-wrap:anywhere;background:0 0;border:0;flex-direction:column;align-items:center;gap:2cqw;min-width:0;padding:2cqw 0;font:500 3.6cqw/1.4 system-ui,sans-serif;display:flex}.interactive-examples .mobile-app-nav>button[aria-pressed=true]{color:var(--mobile-accent)}.interactive-examples .mobile-app-nav svg{border-radius:2cqw;width:9cqw;height:9cqw;padding:1cqw}.interactive-examples .mobile-device-android .mobile-app-nav svg{border-radius:10cqw;width:15cqw;padding:1cqw 4cqw}.interactive-examples .mobile-app-nav>button[aria-pressed=true] svg{background:var(--mobile-tint)}.interactive-examples .mobile-os-navigation{background:#edf3f5;flex-shrink:0;justify-content:center;align-items:center;gap:18cqw;height:6cqw;font:400 7cqw/1 system-ui,sans-serif;display:flex}.interactive-examples .mobile-os-navigation>i{background:#142b3c;border-radius:10px;width:32cqw;height:2cqw;display:block}.interactive-examples .mobile-device-android .mobile-os-navigation{height:8cqw}.interactive-examples .mobile-device-android .mobile-os-navigation>i{background:0 0;border:1px solid #274656;border-radius:50%;width:4cqw;height:4cqw}.interactive-examples .mobile-device-column figcaption{font:500 9px/1.5 var(--body);color:#d6e6ed;white-space:nowrap;flex-shrink:0;align-items:center;gap:10px;height:17px;display:flex}.interactive-examples .mobile-device-column figcaption>span{font:7px/1.5 var(--mono);color:#718f9d;letter-spacing:.06em}.interactive-examples .mobile-screen-title{letter-spacing:-.045em;color:#214958;margin:5cqw 0;font:600 9cqw/1.2 system-ui,sans-serif}.interactive-examples .mobile-app-back{color:var(--mobile-accent);background:0 0;border:0;align-items:center;gap:2cqw;padding:2cqw 0 4cqw;font-size:4.5cqw;display:flex}.interactive-examples .mobile-app-back svg{width:7cqw;height:7cqw}.interactive-examples .mobile-detail-art{background:linear-gradient(135deg,var(--mobile-tint),#f0f7f6);height:40cqw;color:var(--mobile-accent);border-radius:7cqw;place-items:center;margin-bottom:6cqw;display:grid;position:relative;overflow:hidden}.interactive-examples .mobile-detail-art>svg{z-index:1;width:22cqw;height:22cqw}.interactive-examples .mobile-detail-art>i{border:1px solid #7ba1a44d;border-radius:50%;width:52cqw;height:52cqw;position:absolute;top:5cqw;left:37cqw}.interactive-examples .mobile-detail-art>i:last-child{width:64cqw;height:64cqw;top:-28cqw;left:-28cqw}.interactive-examples .mobile-project-detail>h4{letter-spacing:-.04em;overflow-wrap:anywhere;color:#244855;margin:0 0 3cqw;font:600 8cqw/1.25 system-ui,sans-serif}.interactive-examples .mobile-project-detail>p{color:#64828a;margin:0 0 4cqw;font-size:4.5cqw;line-height:1.6}.interactive-examples .mobile-project-status{color:var(--mobile-accent);background:var(--mobile-tint);border-radius:10cqw;padding:1cqw 3cqw;font:500 4cqw/1.5 system-ui,sans-serif;display:inline-block}.interactive-examples .mobile-milestones{gap:3cqw;margin:0;padding:5cqw 0;list-style:none;display:grid}.interactive-examples .mobile-milestones li{color:#91a4aa;align-items:center;gap:4cqw;font-size:4.5cqw;display:flex}.interactive-examples .mobile-milestones li>span{border:1px solid #b1c4cb77;border-radius:50%;place-items:center;width:10cqw;height:10cqw;font-size:4cqw;display:grid}.interactive-examples .mobile-milestones li[data-done=true]{color:#456f6c}.interactive-examples .mobile-milestones li[data-done=true]>span{background:var(--mobile-tint);border-color:var(--mobile-tint)}.interactive-examples .mobile-app-approve{background:var(--mobile-accent);color:#f0f7f6;text-align:center;border:0;border-radius:5cqw;justify-content:center;align-items:center;gap:3cqw;width:100%;min-height:19cqw;padding:4cqw;font-size:4.7cqw;font-weight:600;line-height:1.5;display:flex}.interactive-examples .mobile-app-approve:disabled{background:var(--mobile-tint);color:var(--mobile-accent);cursor:default}.interactive-examples .mobile-app-approve>svg{flex-shrink:0;width:7cqw;height:7cqw}.interactive-examples .mobile-project-detail>.mobile-approval-status{margin-top:3cqw;font-size:4cqw}.interactive-examples .mobile-activity-item{color:#315969;text-align:left;background:0 0;border:0;border-bottom:1px solid #b3c7cb55;align-items:start;gap:4cqw;width:100%;padding:5cqw 0;display:flex}.interactive-examples .mobile-activity-item>span:first-child{background:var(--mobile-tint);width:12cqw;height:12cqw;color:var(--mobile-accent);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.interactive-examples .mobile-activity-item svg{width:7cqw;height:7cqw}.interactive-examples .mobile-activity-item strong{font-size:4.8cqw;font-weight:500;line-height:1.5;display:block}.interactive-examples .mobile-activity-item small{color:#78949b;margin-top:2cqw;font-size:4cqw;line-height:1.5;display:block}.interactive-examples .mobile-device button:focus-visible{outline:1px solid var(--mobile-accent);outline-offset:-1px}.interactive-examples .mobile-device button:hover:not(:disabled){filter:brightness(.96)}@container pms-examples (max-width:520px){.interactive-examples .service-example-tabs>button{justify-content:center;min-height:43px;padding:8px 3px}.interactive-examples .service-example-tabs>button>span:first-child{display:none}.interactive-examples .service-example-tabs strong{text-align:center;font-size:9px}.interactive-examples .mobile-examples .example-intro{gap:10px;padding:11px 12px 5px;display:flex}.interactive-examples .mobile-examples .example-intro h3{font-size:16px}.interactive-examples .mobile-examples .example-intro p{font-size:8px}.interactive-examples .mobile-examples .demo-reset{white-space:normal;flex-shrink:0;max-width:60px;min-height:32px;margin:0;font-size:8px}.interactive-examples .mobile-device-grid{gap:14px;padding:4px 12px 7px}.interactive-examples .mobile-device{border-radius:23px;padding:3px}.interactive-examples .mobile-device-android{border-radius:18px}.interactive-examples .mobile-device-column figcaption{gap:4px;font-size:8px}.interactive-examples .mobile-device-column figcaption>span{display:none}}.interactive-examples .examples-viewer{width:100%;min-width:0;max-width:none;height:100%;min-height:0;max-height:none;color:inherit;font:inherit;background:0 0;border:0;flex-direction:column;margin:0;padding:0;display:flex;position:static;inset:auto;overflow:hidden}.interactive-examples .examples-viewer-toolbar{color:#9db8c9;background:#0a1d2c;border-bottom:1px solid #a9c4d326;flex-shrink:0;justify-content:space-between;align-items:center;gap:14px;min-height:36px;padding:4px 10px;display:flex}.interactive-examples .examples-viewer-toolbar>span{font:9px/1.5 var(--body);letter-spacing:.04em;min-width:0}.interactive-examples .examples-viewer-toolbar>button{color:#dfedf3;min-height:28px;font:500 9px/1.5 var(--body);white-space:nowrap;background:#16364a;border:1px solid #9cbcd33d;flex-shrink:0;justify-content:center;align-items:center;gap:7px;padding:4px 8px;display:inline-flex}.interactive-examples .examples-viewer-toolbar>button:hover{background:#254b61;border-color:#a2c8e1}.interactive-examples .examples-viewer-toolbar>button>svg{width:14px;height:14px}.interactive-examples .examples-viewer-viewport{flex:1;min-width:0;min-height:0;container:pms-examples/inline-size}.interactive-examples .examples-viewer:modal{isolation:isolate;background:#0b2030;border:1px solid #7c9fb66b;border-radius:10px;width:min(1440px,100vw - 40px);height:min(940px,100dvh - 40px);margin:auto;position:fixed;inset:0;box-shadow:0 30px 120px #0009}.interactive-examples .examples-viewer::backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#020b15db}.interactive-examples .examples-viewer:modal .examples-viewer-toolbar{min-height:52px;padding:9px 18px}.interactive-examples .examples-viewer:modal .examples-viewer-toolbar>span{letter-spacing:0;color:#d4e5ed;font-size:14px}.interactive-examples .examples-viewer:modal .examples-viewer-toolbar>button{gap:10px;min-height:36px;padding:7px 12px;font-size:12px}.interactive-examples .examples-viewer:modal .examples-viewer-toolbar>button>svg{width:17px;height:17px}.interactive-examples .examples-viewer:modal .service-example-tabs>button{gap:10px;min-height:50px;padding:12px 17px}.interactive-examples .examples-viewer:modal .service-example-tabs strong{font-size:13px}.interactive-examples .examples-viewer:modal .service-example-tabs>button>span:first-child{font-size:9px}.interactive-examples .examples-viewer:modal .example-picker{gap:15px;padding:10px 18px}.interactive-examples .examples-viewer:modal .example-picker>span{font-size:10px}.interactive-examples .examples-viewer:modal .example-picker button{min-height:38px;padding:8px 12px;font-size:12px}.interactive-examples .examples-viewer:modal .example-intro{gap:24px;padding:20px 24px}.interactive-examples .examples-viewer:modal .example-intro h3{font-size:25px}.interactive-examples .examples-viewer:modal .example-intro p{max-width:800px;font-size:12px}.interactive-examples .examples-viewer:modal .demo-reset{font-size:11px}.interactive-examples .examples-viewer:modal .examples-disclaimer{padding:9px 18px;font-size:10px}.interactive-examples .examples-viewer:modal .commerce-disclaimer{padding:9px 18px;font-size:9px}.interactive-examples .examples-viewer:modal .mobile-device{height:min(610px,100cqh - 32px,211.1cqw)}.interactive-examples .examples-viewer:modal .mobile-device-grid{gap:32px;padding:6px 30px 16px}.interactive-examples .examples-viewer:modal .mobile-device-column figcaption{gap:14px;height:22px;font-size:12px}.interactive-examples .examples-viewer:modal .mobile-device-column figcaption>span{font-size:9px}@container pms-examples (max-width:620px){.interactive-examples .examples-viewer:modal .service-example-tabs>button{justify-content:center;padding:8px 4px}.interactive-examples .examples-viewer:modal .service-example-tabs strong{text-align:center;font-size:10px}.interactive-examples .examples-viewer:modal .service-example-tabs>button>span:first-child{display:none}.interactive-examples .examples-viewer:modal .example-picker{padding:10px 12px;display:block}.interactive-examples .examples-viewer:modal .example-picker>span{margin-bottom:8px;display:block}.interactive-examples .examples-viewer:modal .example-picker>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.interactive-examples .examples-viewer:modal .example-picker button{min-height:38px;padding:8px;font-size:11px}.interactive-examples .examples-viewer:modal .example-intro{gap:15px;padding:16px}.interactive-examples .examples-viewer:modal .example-intro h3{font-size:20px}.interactive-examples .examples-viewer:modal .example-intro p{font-size:11px}.interactive-examples .examples-viewer:modal .demo-reset{font-size:10px}}@container pms-examples (max-width:520px){.interactive-examples .examples-viewer:modal .mobile-device-grid{overscroll-behavior:contain;grid-template-rows:repeat(2,minmax(500px,1fr));grid-template-columns:minmax(0,1fr);gap:24px;padding:8px 20px 20px;overflow-y:auto}}@media (max-width:640px){.interactive-examples .examples-viewer:modal{border-radius:8px;width:calc(100vw - 16px);height:calc(100dvh - 16px)}.interactive-examples .examples-viewer:modal .examples-viewer-toolbar{gap:12px;padding:8px 12px}.interactive-examples .examples-viewer:modal .examples-viewer-toolbar>span{font-size:12px}.interactive-examples .examples-viewer:modal .examples-viewer-toolbar>button{min-height:38px;font-size:11px}}