.demo-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.5rem .75rem;border-bottom:1px solid rgba(0,0,0,.06);background:#fafaf9;color:#0009;font-family:var(--font-family-base);font-size:.75rem;line-height:1.35}@container (min-width: 34rem){.demo-bar{padding:.5rem 1.25rem}}.demo-hint{color:#000;font-weight:500}.demo-toggle{display:inline-flex;flex-shrink:0;align-items:center;gap:.375rem;min-height:1.5rem;font-weight:600;color:#000;transition:color .2s}.demo-toggle[hidden]{display:none}.demo-toggle:hover{color:#00f}.demo-toggle svg{width:.75rem;height:.75rem;fill:currentColor}.demo-toggle .demo-icon-pause,.demo-toggle.is-playing .demo-icon-play{display:none}.demo-toggle.is-playing .demo-icon-pause{display:block}.demo-cursor{position:absolute;top:0;left:0;z-index:3;width:20px;height:22px;opacity:0;pointer-events:none;transition:transform .55s cubic-bezier(.45,0,.2,1),opacity .3s}.demo-cursor.no-transition{transition:opacity .3s}.demo-cursor.is-visible{opacity:1}.demo-cursor svg{position:relative;width:20px;height:22px;fill:#111;stroke:#fff;stroke-width:1.25;stroke-linejoin:round;filter:drop-shadow(0 1px 1.5px rgba(0,0,0,.35))}.demo-cursor:before{content:"";position:absolute;top:2px;left:3px;width:28px;height:28px;margin:-14px 0 0 -14px;border-radius:50%;background:#0000ff40;opacity:0}.demo-cursor-tag{position:absolute;top:19px;left:13px;padding:.125rem .4375rem;border-radius:999px;background:#00f;color:#fff;font-family:var(--font-family-base);font-size:.6875rem;font-weight:600;line-height:1.4;white-space:nowrap;box-shadow:0 1px 2px #00000040}.demo-cursor.is-left .demo-cursor-tag{right:16px;left:auto}.demo-cursor.is-up .demo-cursor-tag{top:-20px}.demo-cursor.is-pressing:before{animation:demo-ripple .45s ease-out}.demo-cursor.is-pressing svg{animation:demo-tap .24s ease-out}@keyframes demo-ripple{0%{opacity:1;transform:scale(.2)}to{opacity:0;transform:scale(1)}}@keyframes demo-tap{50%{transform:scale(.85)}}@media(prefers-reduced-motion:reduce){.demo-cursor{transition:opacity .2s}}data-readers-demo{--drd-navy: #1e3366;--drd-muted: #5a6b8c;--drd-pale: #dcebff;--drd-dam: #5fd0b5;--drd-erp: #ee8447;--drd-pim: #f2cb4e;--drd-team: #c3a6f5;--drd-lift: 0 6px 14px -6px rgba(11, 42, 107, .45);display:block;container-type:inline-size;background:#fff;color:var(--drd-navy);font-family:var(--font-family-base);font-size:.8125rem;font-variant-numeric:tabular-nums;line-height:1.35}.drd [data-owner=dam],.drd [data-by=dam]{--drd-own: var(--drd-dam)}.drd [data-owner=erp],.drd [data-by=erp]{--drd-own: var(--drd-erp)}.drd [data-owner=pim],.drd [data-by=pim]{--drd-own: var(--drd-pim)}.drd [data-owner=team],.drd [data-by=team]{--drd-own: var(--drd-team)}data-readers-demo,.drd [data-photo=camel]{--coat-body: #c9935a;--coat-sleeve: #b98149;--coat-lapel: #b57e45;--coat-mid: #a9733d;--coat-seam: #a06c38;--coat-dark: #8a5a30;--coat-buckle: #96612f}.drd [data-photo=navy]{--coat-body: #3d527f;--coat-sleeve: #354872;--coat-lapel: #31436b;--coat-mid: #2b3b5f;--coat-seam: #253352;--coat-dark: #1f2b46;--coat-buckle: #1b263e}.drd [data-photo=grey]{--coat-body: #9a9ea4;--coat-sleeve: #8e9298;--coat-lapel: #888c92;--coat-mid: #7d8187;--coat-seam: #73777d;--coat-dark: #64686e;--coat-buckle: #5b5f65}.drd-coat *{transition:fill .3s,stroke .3s}.drd-coat .c-body{fill:var(--coat-body)}.drd-coat .c-sleeve{fill:var(--coat-sleeve)}.drd-coat .c-lapel{fill:var(--coat-lapel)}.drd-coat .c-mid{fill:var(--coat-mid)}.drd-coat .c-dark{fill:var(--coat-dark)}.drd-coat .c-buckle{fill:var(--coat-buckle)}.drd-coat .c-seam{fill:none;stroke:var(--coat-seam);stroke-width:3}.drd-stage{position:relative;display:flex;flex-direction:column;gap:.625rem;padding:.75rem;background:linear-gradient(180deg,#43bee7,#2f91db,#1960d4);color:#fff}.drd-story{min-height:calc(3 * 1.3em);font-size:.875rem;font-weight:700;line-height:1.3;text-wrap:balance}.drd-main{position:relative;display:flex;flex:1;flex-direction:column;gap:.75rem;min-width:0}.drd-cables{position:absolute;inset:0;z-index:1;width:100%;height:100%;overflow:visible;pointer-events:none;opacity:0;transition:opacity .3s}.drd-cables.is-drawn{opacity:1}.drd-wire{fill:none;stroke:#ffffffb3;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;transition:stroke .3s}.drd-arrow{fill:#fff;transition:fill .3s}.drd-cable[data-by] .drd-wire{stroke:var(--drd-own)}.drd-cable[data-by] .drd-arrow{fill:var(--drd-own)}.drd-spark{fill:none;stroke:var(--drd-own, #fff);stroke-width:7;stroke-linecap:round;opacity:0;filter:drop-shadow(0 0 2px rgba(11,42,107,.55))}.drd-port{fill:#fff;stroke:var(--drd-navy);stroke-width:3}.drd-kicker{color:var(--drd-pale);font-size:.625rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.drd-source{position:relative;z-index:0;display:flex;flex-direction:column;gap:.25rem;min-width:0}.drd-data{display:flex;flex:1;flex-direction:column;justify-content:center;padding:.25rem .625rem;border-radius:.75rem;background:#fff;color:var(--drd-navy);box-shadow:var(--drd-lift)}.drd-fields-head{display:flex;justify-content:space-between;padding:.375rem 0 .25rem;color:var(--drd-muted);font-size:.5625rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.drd-fields{margin:0}.drd-field{display:flex;align-items:center;justify-content:space-between;gap:.5rem;min-height:1.875rem;padding:.1875rem .375rem;margin-inline:-.375rem;border-radius:.375rem;transition:background-color .2s}.drd-field+.drd-field{box-shadow:0 -1px #eef2f8}.drd-field:hover{background:color-mix(in srgb,var(--drd-own) 22%,transparent)}.drd-field.is-written{animation:drd-written 1.1s ease-out}.drd-field dt{display:flex;align-items:center;gap:.375rem;min-width:0}.drd-owner{flex-shrink:0;min-width:2.25rem;padding:.125rem .375rem;border-radius:999px;background:var(--drd-own);color:var(--drd-navy);font-size:.625rem;font-weight:800;letter-spacing:.04em;text-align:center;white-space:nowrap}.drd-name{color:var(--drd-muted);font-weight:600;white-space:nowrap}.drd-field dd{display:flex;align-items:center;justify-content:flex-end;gap:.375rem;min-width:0;margin:0;font-weight:800;white-space:nowrap}.drd-field [data-value]{overflow:hidden;text-overflow:ellipsis}.drd-swatch{flex-shrink:0;width:.75rem;height:.75rem;border:1.5px solid #fff;border-radius:50%;background:var(--coat-body);box-shadow:0 0 0 1px #d5dce8;transition:background-color .3s}.drd-readers{position:relative;z-index:2;display:flex;flex:1;flex-direction:column;gap:.25rem;min-width:0}.drd-grid{display:grid;flex:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem 2rem;margin:0;padding:0;list-style:none}.drd-reader{position:relative;display:flex;flex-direction:column;gap:.375rem;min-width:0;padding:.5rem;border-radius:.75rem;background:#fff;color:var(--drd-navy);box-shadow:var(--drd-lift);transition:box-shadow .25s}.drd-reader.is-updated{box-shadow:0 0 0 3px var(--drd-own),var(--drd-lift)}.drd-reader-head{overflow:hidden;color:var(--drd-muted);font-size:.5625rem;font-weight:800;letter-spacing:.06em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.drd-updated{position:absolute;top:-.5rem;right:.5rem;padding:.0625rem .375rem;border-radius:999px;background:var(--drd-own, #fff);color:var(--drd-navy);font-size:.5625rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;box-shadow:0 1px 2px #0b2a6b4d;opacity:0;transform:translateY(3px);transition:opacity .2s,transform .2s}.drd-reader.is-updated .drd-updated{opacity:1;transform:none}.drd-view{flex:1;min-width:0}.drd-via{overflow:hidden;color:var(--drd-muted);font-size:.625rem;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.drd-thumb{display:block;aspect-ratio:212 / 240;border-radius:.375rem;background:#e6e9ef}.drd-thumb svg,.drd-hit svg{display:block;width:100%;height:100%}.drd-info{display:flex;flex-direction:column;align-items:flex-start;gap:.125rem;min-width:0}.drd-title{max-width:100%;overflow:hidden;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.drd-price{font-weight:800}.drd-page{display:grid;grid-template-columns:2rem minmax(0,1fr);grid-template-areas:"thumb badge" "thumb title" "price price" "stock stock";align-content:center;align-items:center;gap:.125rem .4375rem}.drd-page .drd-thumb{grid-area:thumb}.drd-page .drd-badge{grid-area:badge;justify-self:start;align-self:end}.drd-page .drd-title{grid-area:title;align-self:start;font-size:.6875rem}.drd-page .drd-price{grid-area:price;font-size:1.125rem;line-height:1.2}.drd-page .drd-stock{grid-area:stock}.drd-badge{max-width:100%;overflow:hidden;padding:.0625rem .3125rem;border-radius:999px;background:var(--drd-navy);color:#fff;font-size:.5rem;font-weight:800;letter-spacing:.06em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.drd-stock{display:inline-flex;align-items:center;gap:.25rem;color:#2c7a4b;font-size:.625rem;font-weight:700}.drd-stock:before{content:"";width:.375rem;height:.375rem;border-radius:50%;background:#2fbf71}.drd-buckets{display:flex;flex-direction:column;justify-content:center;gap:.125rem;margin:0;padding:0;list-style:none}.drd-bucket{display:flex;align-items:center;gap:.3125rem;min-height:1.25rem;color:var(--drd-muted);font-size:.6875rem;font-weight:600;white-space:nowrap}.drd-check{flex-shrink:0;width:.625rem;height:.625rem;border:1.5px solid #b7c0cf;border-radius:.1875rem}.drd-bucket-label{overflow:hidden;text-overflow:ellipsis}.drd-hit{flex-shrink:0;width:1rem;height:1.125rem;margin-left:auto;border-radius:.1875rem;background:#e6e9ef;visibility:hidden}.drd-bucket.is-hit{color:var(--drd-navy);font-weight:800}.drd-bucket.is-hit .drd-check{border-color:var(--drd-navy);background:var(--drd-navy)}.drd-bucket.is-hit .drd-hit{visibility:visible}.drd-ai{display:flex;flex-direction:column;justify-content:center;gap:.3125rem}.drd-ask,.drd-reply{max-width:100%;padding:.25rem .4375rem;border-radius:.625rem;font-size:.6875rem;line-height:1.3}.drd-ask{align-self:flex-end;border-bottom-right-radius:.1875rem;background:#eef2f8;color:var(--drd-muted);font-weight:600}.drd-reply{display:flex;align-items:center;gap:.3125rem;align-self:flex-start;min-width:0;border-bottom-left-radius:.1875rem;background:#e4efff;font-weight:600}.drd-reply>span{min-width:0}.drd-reply svg{flex-shrink:0;width:.75rem;height:.75rem;fill:#1960d4}.drd-ai-title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drd-sep{display:none}.drd-reply .drd-price{font-size:.8125rem}.drd-email{display:flex;flex-direction:column;justify-content:center;gap:.25rem}.drd-subject{padding-bottom:.25rem;border-bottom:1px solid #e6e9ef;color:var(--drd-muted);font-size:.625rem;font-weight:700}.drd-email-item{display:grid;grid-template-columns:1.75rem minmax(0,1fr);align-items:center;gap:.4375rem}.drd-email .drd-title{font-size:.6875rem}.drd-email .drd-price{font-size:.9375rem}.drd:has([data-field=photo]:hover) [data-part=photo],.drd:has([data-field=title]:hover) [data-part=title],.drd:has([data-field=price]:hover) [data-part=price],.drd:has([data-field=badge]:hover) [data-part=badge]{outline:2.5px solid var(--drd-own);outline-offset:2px;border-radius:.25rem}.drd-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.375rem}.drd-btn{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:.0625rem;min-height:2.75rem;padding:.375rem .625rem;border-radius:.625rem;background:var(--drd-own);color:var(--drd-navy);font:inherit;line-height:1.15;text-align:left;box-shadow:var(--drd-lift);transition:transform .15s,filter .2s}.drd-btn-owner{font-size:.5625rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;opacity:.75}.drd-btn-label{font-size:.75rem;font-weight:800}.drd-btn:hover{transform:translateY(-1px)}.drd-btn.is-pressed{filter:brightness(.9);transform:scale(.97)}.drd-btn:focus-visible{outline:2px solid #fff;outline-offset:2px}.drd .is-changed{animation:drd-flash .45s ease-out}@keyframes drd-flash{0%{opacity:.15}}@keyframes drd-written{0%{background:color-mix(in srgb,var(--drd-own) 45%,transparent)}}@container (min-width: 20rem){.drd-story{min-height:2.6em}}@container (min-width: 24rem){.drd-stage{padding:.875rem}.drd-story{font-size:.9375rem}.drd-page{grid-template-columns:2.5rem minmax(0,1fr)}.drd-page .drd-price{font-size:1.25rem}.drd-reader-head{font-size:.625rem}.drd-btn-label{font-size:.8125rem}}@container (min-width: 30rem){.drd-fields-head{display:none}.drd-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));-moz-column-gap:1.25rem;column-gap:1.25rem}}@container (min-width: 34rem){.drd-stage{gap:.75rem;padding:1rem 1.125rem 1.125rem}.drd-story{font-size:1rem}.drd-grid{gap:.625rem 2.25rem}.drd-reader{padding:.625rem .75rem}.drd-page{grid-template-columns:3.5rem minmax(0,1fr);grid-template-areas:"thumb badge" "thumb title" "thumb price" "thumb stock";gap:.125rem .75rem}.drd-page .drd-title{font-size:.75rem}.drd-page .drd-price{font-size:1.375rem}.drd-bucket,.drd-ask,.drd-reply{font-size:.75rem}.drd-reply .drd-price{font-size:.9375rem}.drd-email-item{grid-template-columns:2.25rem minmax(0,1fr)}.drd-email .drd-price{font-size:1.0625rem}.drd-actions{grid-template-columns:repeat(4,minmax(0,1fr))}}@container (min-width: 42rem){.drd-stage{min-height:27rem}.drd-story{min-height:1.3em}.drd-main{flex-direction:row;align-items:stretch;gap:3.25rem}.drd-source{flex-shrink:0;width:14.5rem}.drd-fields-head{display:flex}.drd-data{justify-content:flex-start}.drd-fields{display:flex;flex:1;flex-direction:column}.drd-field{flex:1;min-height:2.25rem}.drd-field dd{font-size:.9375rem}.drd-grid{grid-template-columns:minmax(0,1fr);grid-auto-rows:1fr;gap:.5rem}.drd-reader{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto minmax(0,1fr);grid-template-areas:"label via" "view view";align-items:center;gap:.25rem .5rem;padding:.4375rem .75rem}.drd-reader-head{grid-area:label}.drd-via{grid-area:via}.drd-view{grid-area:view}.drd-page{grid-template-columns:2.25rem minmax(0,1fr) auto;grid-template-areas:"thumb badge price" "thumb title price" "thumb stock price";gap:.0625rem .625rem}.drd-page .drd-badge{align-self:end}.drd-page .drd-stock{align-self:start}.drd-buckets{flex-direction:row;align-items:center;justify-content:flex-start;gap:.375rem}.drd-bucket,.drd-bucket.is-hit{gap:.25rem;min-height:1.625rem;padding:.125rem .25rem .125rem .5rem;border:1px solid #d5dce8;border-radius:999px;font-size:.6875rem;font-weight:700}.drd-bucket.is-hit{border-color:var(--drd-navy);background:var(--drd-navy);color:#fff}.drd-check{display:none}.drd-hit{width:.875rem;height:1rem;margin-left:0}.drd-ai{gap:.1875rem}.drd-ask,.drd-reply{padding-block:.125rem;font-size:.6875rem;line-height:1.25}.drd-ai-title,.drd-sep{display:inline}.drd-reply .drd-price{font-size:.875rem}.drd-email{display:grid;grid-template-columns:2.25rem minmax(0,1fr) auto;grid-template-areas:"thumb subject price" "thumb title price";align-items:center;gap:.0625rem .625rem}.drd-email .drd-email-item,.drd-email .drd-info{display:contents}.drd-subject{grid-area:subject;align-self:end;padding:0;border:0}.drd-email .drd-thumb{grid-area:thumb}.drd-email .drd-title{grid-area:title;align-self:start}.drd-email .drd-price{grid-area:price}}@container (min-width: 42rem) and (max-width: 45.98rem){.drd-stage{padding:.75rem 1rem}.drd-page{grid-template-columns:2rem minmax(0,1fr) auto;grid-template-areas:"thumb badge price" "thumb title price"}.drd-page .drd-stock{display:none}.drd-page .drd-title{align-self:start}.drd-ai{flex-direction:row;align-items:center;gap:.375rem}.drd-ask{align-self:auto;flex-shrink:0}.drd-email{grid-template-columns:2rem minmax(0,1fr) auto}}@container (min-width: 46rem){.drd-stage{min-height:33.375rem;padding:1.25rem}.drd-main{gap:3.75rem}.drd-source{width:15.5rem}.drd-field{min-height:2.75rem}.drd-bucket,.drd-bucket.is-hit{font-size:.75rem}}@media(prefers-reduced-motion:reduce){.drd .is-changed,.drd-field.is-written{animation:none}.drd-coat *,.drd-updated{transition:none}}member-pricing-demo{--mpd-member: #a8525f;--mpd-offer: #1e2656;--mpd-tile: #f3e3e5;display:block;container-type:inline-size;background:#fff;color:#333;font-family:DIN,Helvetica Neue,Arial,sans-serif;font-size:.8125rem;font-variant-numeric:tabular-nums;line-height:1.35}.mpd-stage{position:relative}.mpd-plan{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.375rem .75rem;border-bottom:1px solid rgba(0,0,0,.06);background:#fafaf9;color:#0009;font-family:var(--font-family-base);font-size:.75rem}.mpd-days{display:flex;flex:1;padding:2px;border:1px solid rgba(0,0,0,.15);border-radius:999px;background:#fff}.mpd-day{position:relative;flex:1;min-height:1.5rem;padding:.25rem .5rem;border-radius:999px;color:#222;font-weight:500;text-align:center;white-space:nowrap;cursor:pointer;transition:background-color .2s,color .2s}.mpd-day input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.mpd-day:hover{background:#f0f0ee}.mpd-day:has(:checked){background:#222;color:#fff}.mpd-day.is-pressed{background:#555;color:#fff}.mpd-day:has(:focus-visible){outline:2px solid #0000ff;outline-offset:1px}.mpd-plan-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.mpd-shop{display:grid;gap:.75rem;padding:.75rem}.mpd-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin:0;padding:0;list-style:none}.mpd-card{display:flex;flex-direction:column;min-width:0;border:1px solid #e8e8e8;text-align:center}.mpd-image{position:relative;display:block;aspect-ratio:5 / 2;background:var(--mpd-tile)}.mpd-image svg{position:absolute;inset:0;width:100%;height:100%}.mpd-title,.mpd-band,.mpd-line-title,.mpd-line-note{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mpd-title{padding:.375rem .5rem 0;font-weight:500;color:#222}.mpd-band{min-height:calc(1.2em + .375rem);margin-top:.375rem;padding:.1875rem .375rem;color:#fff;font-size:.75rem;font-weight:700;line-height:1.2}[data-tone=member]>.mpd-band,.mpd-tag[data-tone=member]{background:var(--mpd-member)}[data-tone=offer]>.mpd-band,.mpd-tag[data-tone=offer]{background:var(--mpd-offer)}.mpd-price{margin-top:.375rem;color:#222;font-size:1.375rem;font-weight:700;line-height:1.1}.mpd-sub{min-height:1.35em;margin-top:.0625rem;color:#222;font-weight:500}.mpd-sub s,.mpd-line-note s{color:#6b6b6b;font-weight:400}.mpd-ends{display:flex;align-items:center;justify-content:center;min-height:calc(2.6em + .375rem + 2px);margin:.375rem .25rem 0;padding:.1875rem .375rem;border:1px solid #222;border-radius:.75rem;color:#222;font-size:.6875rem;line-height:1.3}[data-tone=normal]>.mpd-ends{visibility:hidden}.mpd-btn{min-height:2.25rem;padding:.5rem .75rem;border:1px solid #222;background:#fff;color:#222;font:inherit;transition:background-color .2s,color .2s}.mpd-btn:hover,.mpd-btn.is-pressed{background:#222;color:#fff}.mpd-add{margin:.5rem .375rem .375rem}.mpd-add[aria-disabled=true]{border-color:#e0e0e0;background:#fff;color:#6b6b6b;cursor:default}.mpd-btn-primary{background:#222;color:#fff}.mpd-btn-primary:hover,.mpd-btn-primary.is-pressed{border-color:#555;background:#555}.mpd-cart{--mpd-line: calc(4.875rem + 1px) ;position:relative;display:flex;flex-direction:column;min-width:0;padding:.75rem;border:1px solid #e8e8e8}.mpd-cart:focus{outline:none}.mpd-cart:focus-visible{outline:2px solid #0000ff}.mpd-cart-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding-bottom:.375rem;border-bottom:1px solid #e8e8e8;color:#222;font-weight:500}.mpd-status{display:flex;flex:1;align-items:center;justify-content:flex-end;gap:.25rem;min-width:0;min-height:1.5rem;color:#6b6b6b;font-size:.75rem;font-weight:400;white-space:nowrap}.mpd-lines{flex-grow:1;min-height:calc(2 * var(--mpd-line))}.mpd-list{margin:0;padding:0;list-style:none}.mpd-line{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:1.125rem 1.25rem 1.5rem;grid-template-areas:"title price" "note note" "actions actions";align-items:center;gap:.125rem .5rem;padding:.375rem 0;border-bottom:1px solid #f0f0f0}.mpd-line-thumb{display:none;grid-area:thumb;align-self:start;aspect-ratio:1;background:var(--mpd-tile)}.mpd-line-thumb svg{display:block;width:100%;height:100%}.mpd-line-title{grid-area:title;color:#222;font-weight:500}.mpd-line-price{grid-area:price;color:#222;font-weight:700;text-align:right;transition:opacity .2s}.mpd-line-note,.mpd-line-actions{display:flex;align-items:center;gap:.375rem;min-width:0}.mpd-line-note{grid-area:note;color:#555}.mpd-line-actions{grid-area:actions}.mpd-line.is-checking .mpd-line-price{opacity:.35}.mpd-line.is-checking .mpd-line-note{animation:mpd-pulse 1s ease-in-out infinite alternate}.mpd-tag{flex-shrink:0;padding:.0625rem .3125rem;color:#fff;font-size:.6875rem;font-weight:700;line-height:1.3}.mpd-join{min-height:1.5rem;padding:.125rem .5rem;border:1px solid var(--mpd-member);background:#fff;color:var(--mpd-member);font:inherit;font-size:.75rem;font-weight:500;transition:background-color .2s,color .2s}.mpd-join:hover,.mpd-join.is-pressed{background:var(--mpd-member);color:#fff}.mpd-join:disabled{visibility:hidden}.mpd-remove,.mpd-link{min-height:1.5rem;color:#6b6b6b;font:inherit;font-size:.75rem;text-decoration:underline;text-underline-offset:.2em}.mpd-remove{margin-left:auto}.mpd-remove:hover,.mpd-link:hover{color:#000}.mpd-empty{padding:1rem 0;color:#6b6b6b}.mpd-cart-foot{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding-top:.625rem}.mpd-total{display:flex;align-items:baseline;gap:.375rem;color:#222;white-space:nowrap}.mpd-total-label{color:#555;font-size:.75rem}.mpd-total [data-total]{display:inline-block;min-width:3.25em;font-size:1.375rem;font-weight:700;line-height:1.1;transform-origin:left center}.mpd-cart-foot .mpd-btn-primary{flex-shrink:0;padding-inline:1rem}.mpd-note{position:absolute;inset:0;z-index:1;display:grid;place-items:center;padding:1rem;background:#ffffffe6;color:#222;font-size:.9375rem;font-weight:500;text-align:center;opacity:0;transition:opacity .25s;pointer-events:none}.mpd-note.is-visible{opacity:1}.mpd-card .is-changed,.mpd-line.is-changed{animation:mpd-flash .45s ease-out}[data-total].is-changed{animation:mpd-total .9s ease-out}.mpd-line.is-new{animation:mpd-in .35s ease-out}@keyframes mpd-flash{0%{opacity:.15}}@keyframes mpd-total{0%{color:var(--mpd-member);transform:scale(1.15)}40%{color:var(--mpd-member)}}@keyframes mpd-in{0%{opacity:0;transform:translateY(4px)}}@keyframes mpd-pulse{to{opacity:.45}}@container (min-width: 24rem){.mpd-plan-label{position:static;width:auto;height:auto;overflow:visible;clip:auto}.mpd-days{flex:0 1 auto}.mpd-day{padding-inline:.75rem}.mpd-band{font-size:.8125rem}.mpd-price{font-size:1.75rem}.mpd-ends{min-height:calc(1.3em + .375rem + 2px);border-radius:999px}.mpd-line{grid-template-columns:2rem minmax(0,1fr) auto;grid-template-areas:"thumb title price" "thumb note note" ". actions actions"}.mpd-line-thumb{display:block}.mpd-total [data-total]{font-size:1.5rem}}@container (min-width: 30rem) and (max-width: 41.9375rem){.mpd-cart{--mpd-line: calc(3.5rem + 1px) }.mpd-line{grid-template-rows:1.125rem 1.5rem;grid-template-areas:"thumb title price" "thumb note actions"}.mpd-line-actions{justify-content:flex-end}.mpd-remove{margin-left:0}.mpd-image{aspect-ratio:3 / 1}}@container (min-width: 34rem){.mpd-plan{padding-inline:1rem}.mpd-shop{gap:1rem;padding:1rem}.mpd-cards{gap:.75rem}}@container (min-width: 42rem){.mpd-stage{display:flex;flex-direction:column;min-height:27rem}.mpd-shop{flex:1;grid-template-columns:minmax(0,1fr) 17rem}.mpd-image{flex:1 1 auto}}@container (min-width: 46rem){.mpd-stage{min-height:33.375rem}.mpd-shop{grid-template-columns:minmax(0,1fr) 18.5rem}}@media(prefers-reduced-motion:reduce){.mpd-card .is-changed,.mpd-line.is-changed,.mpd-line.is-new,[data-total].is-changed,.mpd-line.is-checking .mpd-line-note{animation:none}}order-grid-demo{display:block;container-type:inline-size;background:#fff;color:#333;font-family:DIN,Helvetica Neue,Arial,sans-serif;font-size:.8125rem;font-variant-numeric:tabular-nums;line-height:1.35}.ogd-stage{position:relative;display:grid;padding:1rem .75rem .75rem}.ogd-view{grid-area:1 / 1;display:flex;flex-direction:column;min-width:0;transition:opacity .35s ease,transform .35s ease,visibility 0s}.ogd-view[inert]{opacity:0;visibility:hidden;transform:translate(16px);transition:opacity .35s ease,transform .35s ease,visibility 0s linear .35s}.ogd-view[data-view=grid][inert]{transform:translate(-16px)}.ogd-table{width:100%;border-collapse:collapse;table-layout:fixed}.ogd-table .ogd-product-col{width:5rem}.ogd-table .ogd-total-col{width:4.25rem}.ogd-heading{display:flex;flex-wrap:wrap;justify-content:space-between;gap:0 .5rem;padding-bottom:.75rem;font-weight:500;color:#222}.ogd-heading .ogd-sub{font-weight:400}.ogd-table thead th{padding:0 .1875rem .625rem;border-bottom:1px solid #e8e8e8;font-size:.6875rem;font-weight:500;color:#222;text-align:center;text-transform:uppercase}.ogd-table td,.ogd-table tbody th,.ogd-table tfoot th{padding:.5rem .1875rem;vertical-align:middle;font-weight:400;text-align:center}[data-view=grid] .ogd-table tbody td,[data-view=grid] .ogd-table tbody th{padding-block:.875rem}.ogd-table .ogd-product-col,.ogd-table tbody th,.ogd-table tfoot th{padding-left:0;text-align:left}.ogd-table .ogd-total-col,.ogd-row-total{padding-right:0;text-align:right;white-space:nowrap}.ogd-table tfoot th,.ogd-table tfoot td{border-top:1px solid #e8e8e8;color:#6b6b6b;font-size:.75rem}.ogd-product{display:flex;align-items:center;gap:.5rem}.ogd-thumb{display:grid;place-items:center;flex-shrink:0;width:1.75rem;aspect-ratio:3 / 4;background:#f1f0ed}.ogd-thumb svg{width:80%}.ogd-thumb path{stroke:#0000002e;stroke-width:.75;stroke-linejoin:round}.ogd-meta{display:flex;flex-direction:column;min-width:0}.ogd-title{font-weight:500;color:#222}.ogd-sub,.ogd-color,.ogd-items{color:#6b6b6b}.ogd-qty{width:2.25rem;height:2.25rem;padding:0;border:1px solid #e0e0e0;border-radius:0;background:#fff;color:#555;font:inherit;font-size:1rem;text-align:center;transition:border-color .2s,box-shadow .2s,background-color .2s}.ogd-qty.is-filled{border-color:#0000ff59;background:#0000ff08;color:#000;font-weight:500}.ogd-qty:focus,.ogd-qty.is-active{border-color:#00f;box-shadow:0 0 0 1px #00f;outline:none}.ogd-row-total{transition:opacity .15s}.ogd-row-total.is-saving{opacity:.35}.ogd-amount{display:block;font-weight:500;color:#222}.ogd-items{display:block;font-size:.6875rem}.ogd-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:auto;padding-top:.875rem;border-top:1px solid #e8e8e8}.ogd-btn{padding:.625rem 1.25rem;border:1px solid #222;background:#fff;color:#222;font:inherit;transition:background-color .2s,color .2s}.ogd-btn:hover,.ogd-btn.is-pressed,.ogd-btn-primary{background:#222;color:#fff}.ogd-btn-primary:hover,.ogd-btn-primary.is-pressed{border-color:#555;background:#555}.ogd-link{min-height:1.5rem;margin-right:auto;color:#333;font:inherit;text-decoration:underline;text-underline-offset:.2em}.ogd-link:hover{color:#000}.ogd-grand{text-align:right}.ogd-grand .ogd-amount{font-size:.9375rem}.ogd-style{margin-bottom:.75rem}.ogd-style-head{display:flex;flex-wrap:wrap;align-items:flex-start;gap:.25rem .75rem;padding-bottom:.75rem;border-bottom:1px solid #e8e8e8;margin-bottom:.75rem}.ogd-style-head .ogd-thumb{width:1.75rem}.ogd-earlier{padding-bottom:.75rem}.ogd-earlier-label{margin-bottom:.25rem;font-size:.6875rem;color:#6b6b6b;text-transform:uppercase}.ogd-style-other{display:flex;align-items:center;gap:.75rem;padding:.25rem 0;border-top:1px solid #f0f0f0}.ogd-style-other .ogd-thumb{width:1.25rem}.ogd-style-other .ogd-title{flex:1;min-width:0}.ogd-style-other .ogd-amount{min-width:4.5rem;text-align:right}.ogd-note{position:absolute;inset:0;z-index:1;display:grid;place-items:center;padding:1rem;background:#ffffffe6;color:#222;font-size:.9375rem;font-weight:500;text-align:center;opacity:0;transition:opacity .25s;pointer-events:none}.ogd-note.is-visible{opacity:1}.ogd-stats{display:flex;gap:1rem;margin-left:auto;text-align:right}.ogd-stats div{display:flex;flex-direction:column-reverse}.ogd-stats dt{font-size:.6875rem;color:#6b6b6b}.ogd-stats dd{font-weight:500;color:#222}.ogd-empty{padding:1rem 0;color:#6b6b6b}.ogd-edge,.ogd-cur,.ogd-product .ogd-title,.ogd-product .ogd-sub,.ogd-product .ogd-unit-price,.ogd-table tfoot,.ogd-style-head .ogd-thumb,.ogd-style-head .ogd-sub,.ogd-style-other .ogd-thumb,.ogd-long{display:none}@container (max-width: 22rem){.ogd-table .ogd-product-col{width:2rem}.ogd-table td{padding-inline:.125rem}.ogd-product .ogd-color{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.ogd-row-total .ogd-items,.ogd-stats div:not(:last-child){display:none}}@container (min-width: 34rem){.ogd-stage{padding:1.25rem 1.25rem 1rem}.ogd-table .ogd-edge{display:table-cell}.ogd-table .ogd-total-col{width:6rem}.ogd-cur,.ogd-long{display:inline}.ogd-qty{width:2.5rem}.ogd-style-other .ogd-amount{min-width:6.5rem}}@container (min-width: 46rem){.ogd-table .ogd-product-col{width:36%}.ogd-table .ogd-total-col{width:6.5rem}.ogd-product{gap:.75rem}.ogd-product .ogd-title,.ogd-product .ogd-sub,.ogd-product .ogd-unit-price{display:block}.ogd-style-head .ogd-sub{display:inline}.ogd-style-head .ogd-thumb,.ogd-style-other .ogd-thumb{display:grid}.ogd-table tfoot{display:table-footer-group}.ogd-heading{display:none}.ogd-thumb{width:2.5rem}.ogd-qty{width:2.75rem;height:2.5rem}}@media(prefers-reduced-motion:reduce){.ogd-view,.ogd-view[inert]{transform:none;transition:none}}