/* Scoped demo commerce UI. No change to the existing page or scroll composition. */
.deck-demo-dialog{box-sizing:border-box;width:min(560px,calc(100vw - 32px));max-height:calc(100dvh - 40px);max-height:calc(100vh - 40px);padding:30px;border:1px solid #0d0d0d;border-radius:0;background:#f7f5f0;color:#0d0d0d;font-family:Helvetica,Arial,sans-serif;overflow:auto;overscroll-behavior:contain;box-shadow:0 24px 100px #0d0d0d26}
.deck-demo-dialog:not([open]){display:none}.deck-demo-dialog::backdrop{background:#0d0d0d80}.deck-demo-dialog *{box-sizing:border-box}.deck-demo-dialog .deck-demo-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.deck-demo-dialog .deck-demo-badge{font:9px/1.5 monospace;letter-spacing:.7px;text-decoration:underline;text-decoration-color:#00ff6a;text-decoration-thickness:3px;text-underline-offset:5px}.deck-demo-dialog .deck-demo-title{font:700 clamp(27px,5vw,38px)/1.1 Helvetica,Arial,sans-serif;letter-spacing:-1px;margin:0 0 15px}.deck-demo-dialog .deck-demo-title:focus{outline:none}.deck-demo-dialog .deck-demo-disclaimer{font:12px/1.6 Helvetica,Arial,sans-serif;margin:0 0 26px;color:#5f5c55}.deck-demo-dialog .deck-demo-button{appearance:none;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border:1px solid #0d0d0d;background:transparent;color:#0d0d0d;font:600 12px/1.3 Helvetica,Arial,sans-serif;cursor:pointer;border-radius:0}.deck-demo-dialog .deck-demo-button:disabled{opacity:.4;cursor:not-allowed}.deck-demo-dialog .deck-demo-button:focus-visible,.deck-demo-dialog input:focus-visible{outline:2px solid #0d0d0d;outline-offset:4px}.deck-demo-dialog .deck-demo-close{flex-shrink:0;border:0;padding:10px 0;font-size:12px}.deck-demo-dialog .deck-demo-primary{background:#0d0d0d;color:#f7f5f0}.deck-demo-dialog>.deck-demo-primary{width:100%;margin-top:24px}.deck-demo-dialog .deck-demo-items{list-style:none;padding:0;margin:0}.deck-demo-dialog .deck-demo-item{display:grid;grid-template-columns:52px 1fr;gap:20px;padding:24px 0;border-top:1px solid #d6d4ce}.deck-demo-dialog .deck-demo-swatch{display:block;width:52px;height:64px;border:1px solid #a6a39b;background:#edeae3}.deck-demo-dialog .deck-demo-item-content{min-width:0}.deck-demo-dialog .deck-demo-item h3{font:700 15px/1.4 Helvetica,Arial,sans-serif;margin:0 0 8px}.deck-demo-dialog .deck-demo-item p{font:12px/1.5 Helvetica,Arial,sans-serif;margin:3px 0;overflow-wrap:anywhere}.deck-demo-dialog .deck-demo-item .deck-demo-price{color:#5f5c55;margin-top:12px}.deck-demo-dialog .deck-demo-quantity{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:15px}.deck-demo-dialog .deck-demo-quantity>.deck-demo-button:not(.deck-demo-remove){width:44px;padding:8px;font-size:18px}.deck-demo-dialog .deck-demo-quantity-value{min-width:24px;text-align:center;font:13px/1 monospace}.deck-demo-dialog .deck-demo-remove{border-color:transparent;text-decoration:underline;margin-left:auto;padding-inline:5px;font-weight:400}.deck-demo-dialog .deck-demo-total{display:flex;justify-content:space-between;gap:20px;padding:22px 0;border-top:1px solid #0d0d0d;font:600 13px/1.4 Helvetica,Arial,sans-serif}.deck-demo-dialog .deck-demo-total span:last-child{font-weight:400;color:#5f5c55}.deck-demo-dialog .deck-demo-empty{padding:24px 0 36px;font-size:14px}.deck-demo-dialog .deck-demo-disabled-fields{margin:14px 0 24px;border:1px solid #d6d4ce;padding:20px}.deck-demo-dialog .deck-demo-disabled-fields legend{font:10px/1.5 monospace;padding:0 7px}.deck-demo-dialog .deck-demo-disabled-fields label{display:block;margin:0 0 16px;font-size:11px}.deck-demo-dialog .deck-demo-disabled-fields label:last-child{margin-bottom:0}.deck-demo-dialog .deck-demo-disabled-fields input{display:block;width:100%;height:44px;margin-top:8px;padding:10px;border:1px solid #d6d4ce;background:#edeae3;border-radius:0;font:12px Helvetica,Arial,sans-serif;color:#5f5c55;opacity:1;-webkit-text-fill-color:#5f5c55}.deck-demo-dialog .deck-demo-actions{display:flex;justify-content:space-between;gap:12px}.deck-demo-dialog .deck-demo-complete{font:20px/1.5 Helvetica,Arial,sans-serif;margin:32px 0}.deck-demo-dialog .deck-demo-error{border-left:3px solid #0d0d0d;padding-left:12px;font:12px/1.5 Helvetica,Arial,sans-serif}.deck-demo-dialog .deck-demo-error[hidden]{display:none}.deck-demo-dialog.deck-demo-fallback{display:block;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);margin:0;z-index:10001}.deck-demo-backdrop{position:fixed;inset:0;background:#0d0d0d80;z-index:10000}.deck-demo-backdrop[hidden]{display:none}.deck-demo-announcement{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@supports(height:100dvh){.deck-demo-dialog{max-height:calc(100dvh - 40px)}}
@media(max-width:480px){.deck-demo-dialog{padding:22px;width:calc(100vw - 24px)}.deck-demo-dialog .deck-demo-top{gap:10px}.deck-demo-dialog .deck-demo-badge{font-size:8px}.deck-demo-dialog .deck-demo-item{gap:14px;grid-template-columns:40px 1fr}.deck-demo-dialog .deck-demo-swatch{width:40px;height:52px}.deck-demo-dialog .deck-demo-actions{flex-direction:column}.deck-demo-dialog .deck-demo-actions .deck-demo-button{width:100%}}