.demo-instore-fulfilment [data-osp-graph] .osp-animation .osp-scene{position:absolute;inset:0;display:block;width:100%;height:100%;background:transparent;z-index:3;isolation:isolate}
.demo-instore-fulfilment [data-osp-graph] .osp-animation{position:relative;width:100%;isolation:isolate;background:transparent;--osp-duration:500ms;--osp-easing:cubic-bezier(.25,.8,.25,1);--osp-lift:-25px;--osp-idle-lift:-3px}
.demo-instore-fulfilment [data-osp-graph] .osp-animation .osp-stage{position:relative;aspect-ratio:3/2;overflow:hidden;background:transparent;contain:layout paint}
.demo-instore-fulfilment [data-osp-graph] .osp-animation image{pointer-events:none;user-select:none}
.demo-instore-fulfilment [data-osp-graph] .osp-animation .osp-tile{cursor:default;outline:none}
.demo-instore-fulfilment [data-osp-graph] .osp-animation .osp-hit{fill:transparent;pointer-events:all}
.demo-instore-fulfilment [data-osp-graph] .osp-animation .osp-lift{transform:translateY(calc(-.5 * var(--osp-lift)));transition:transform var(--osp-duration) var(--osp-easing);pointer-events:none}
.demo-instore-fulfilment [data-osp-graph] .osp-animation .osp-blue{opacity:0;transition:opacity var(--osp-duration) var(--osp-easing)}
.demo-instore-fulfilment [data-osp-graph] .osp-animation .osp-tile.is-active .osp-lift{transform:translateY(0);transition-delay:var(--osp-linked-delay,0ms)}
.demo-instore-fulfilment [data-osp-graph] .osp-animation .osp-tile.is-active .osp-blue{opacity:1;transition-delay:var(--osp-linked-delay,0ms)}
.demo-instore-fulfilment [data-osp-graph] .osp-animation .osp-tile-float{pointer-events:none;animation:osp-idle var(--osp-idle-duration,6000ms) var(--osp-easing) infinite;animation-delay:var(--osp-idle-delay,0ms);animation-play-state:paused}
.demo-instore-fulfilment [data-osp-graph] .osp-animation[data-running="true"] .osp-tile-float{animation-play-state:running}
@keyframes osp-idle{0%,100%{transform:translateY(0)}50%{transform:translateY(var(--osp-idle-lift))}}
.demo-instore-fulfilment [data-osp-graph] .osp-animation .osp-buttons{position:absolute;inset:0;pointer-events:none;z-index:4}
.demo-instore-fulfilment [data-osp-graph] .osp-animation .osp-button{position:absolute;left:var(--osp-x);top:var(--osp-y);display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:max-content;min-height:44px;padding:12px 24px;border:0;border-radius:30px;background:#000;color:#fff;font-family:var(--osp-font-family,Inter,system-ui,sans-serif);font-size:16px;font-weight:400;line-height:19px;white-space:nowrap;text-align:center;text-decoration:none;pointer-events:auto;cursor:pointer;transform:translate(-50%,-50%);overflow:visible;isolation:isolate}
.demo-instore-fulfilment [data-osp-graph] .osp-animation .osp-button::before{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgb(255 255 255 / 20%);z-index:2;pointer-events:none}
.demo-instore-fulfilment [data-osp-graph] .osp-animation .osp-button::after{content:"";position:absolute;inset:0;width:auto;height:auto;margin:0;border:0;border-radius:inherit;background:#0f68ab;z-index:0;transform:none;clip-path:inset(100% 0 0 0);transition:clip-path .4s ease-in-out;pointer-events:none}
.demo-instore-fulfilment [data-osp-graph] .osp-animation .osp-button-label{position:relative;z-index:1}
.demo-instore-fulfilment [data-osp-graph] .osp-animation .osp-button.is-active::after{clip-path:inset(0)}
@media(prefers-reduced-motion:reduce){
.demo-instore-fulfilment [data-osp-graph] .osp-animation .osp-tile-float{animation:none}
.demo-instore-fulfilment [data-osp-graph] .osp-animation .osp-lift,.demo-instore-fulfilment [data-osp-graph] .osp-animation .osp-blue,.demo-instore-fulfilment [data-osp-graph] .osp-animation .osp-button::after{transition:none}
}
@supports (transition-timing-function:linear(0,1)){
.demo-instore-fulfilment [data-osp-graph] .osp-animation{--osp-easing:linear(0.000000, 0.004750, 0.018064, 0.038625, 0.065233, 0.096798, 0.132338, 0.170968, 0.211901, 0.254435, 0.297953, 0.341913, 0.385847, 0.429351, 0.472080, 0.513747, 0.554112, 0.592982, 0.630206, 0.665666, 0.699280, 0.730993, 0.760775, 0.788619, 0.814536, 0.838556, 0.860718, 0.881076, 0.899693, 0.916638, 0.931987, 0.945819, 0.958219, 0.969270, 0.979057, 0.987666, 0.995181, 1.001685, 1.007258, 1.011978, 1.015921, 1.019157, 1.021755, 1.023781, 1.025294, 1.026353, 1.027011, 1.027317, 1.027317, 1.027055, 1.026570, 1.025896, 1.025066, 1.024110, 1.023055, 1.021923, 1.020736, 1.019513, 1.018270, 1.017022, 1.015780, 1.014556, 1.013357, 1.012193, 1.011068, 1.009988, 1.008957, 1.007977, 1.007050, 1.006178, 1.005360, 1.004598, 1.003890, 1.003235, 1.002632, 1.002079, 1.001575, 1.001118, 1.000704, 1.000332, 1.000000)}
}
.demo-instore-fulfilment [data-osp-graph].osp-layout,.demo-instore-fulfilment [data-osp-graph].osp-layout *{box-sizing:border-box}
.demo-instore-fulfilment [data-osp-graph].osp-layout{background-color:transparent!important;padding-block:80px;display:grid;grid-template-columns:minmax(0,32fr) minmax(0,68fr);align-items:start;width:100%;max-width:1600px;margin:0 auto}
.demo-instore-fulfilment [data-osp-graph] .osp-heading-position{grid-column:1;grid-row:1;align-self:center;position:relative;z-index:4;min-width:0;width:100%;margin:0;display:flex;flex-direction:column;gap:25px;overflow-wrap:anywhere;padding:0}
.demo-instore-fulfilment [data-osp-graph].osp-layout .osp-section-heading{margin:0;padding:0}
.demo-instore-fulfilment [data-osp-graph] .osp-section-description{min-width:0;max-width:100%}
.demo-instore-fulfilment [data-osp-graph] .osp-section-description>:first-child{margin-top:0}
.demo-instore-fulfilment [data-osp-graph] .osp-section-description>:last-child{margin-bottom:0}
.demo-instore-fulfilment [data-osp-graph] .osp-section-description img{max-width:100%;height:auto}
.demo-instore-fulfilment [data-osp-graph].osp-layout>.osp-animation{grid-column:2;grid-row:1;min-width:0}
@media(max-width:1151px){
.demo-instore-fulfilment [data-osp-graph].osp-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto}
.demo-instore-fulfilment [data-osp-graph] .osp-heading-position{grid-column:1;grid-row:1;width:100%;margin:0;padding:0 12px 12.5px}
.demo-instore-fulfilment [data-osp-graph].osp-layout>.osp-animation{grid-column:1;grid-row:2;margin-top:calc(-1 * var(--osp-leading-space,0px))}
}
@media(max-width:719px){
.demo-instore-fulfilment [data-osp-graph].osp-layout{padding-block:60px}
.demo-instore-fulfilment [data-osp-graph] .osp-animation .osp-buttons{position:absolute;inset:0}
.demo-instore-fulfilment [data-osp-graph] .osp-animation .osp-button{margin:0;font-size:16px;line-height:19px;padding:12px 24px;white-space:normal;max-width:36%}
}
.demo-instore-fulfilment [data-osp-graph] .osp-animation .osp-current-label{display:block;visibility:hidden;position:relative;transform:translateY(-100%);margin:0 auto;box-sizing:border-box;width:max-content;max-width:100%;padding:calc(var(--osp-badge-overlap,22px) + 8px) 15px 8px;border:1px solid rgb(0 0 0 / 20%);border-radius:0 0 15px 15px;background:#fff;color:#000;font:400 9px/11px var(--osp-font-family,Inter,system-ui,sans-serif);white-space:normal;overflow-wrap:anywhere;text-align:center;pointer-events:none;transition:transform 550ms cubic-bezier(.22,1,.36,1),visibility 0s linear 550ms}
.demo-instore-fulfilment [data-osp-graph] .osp-animation .osp-button[data-active="false"] .osp-current-label,.demo-instore-fulfilment [data-osp-graph] .osp-animation[data-scene-mode="managed-fulfilment"] .osp-button[data-osp-group="supply-chain"] .osp-current-label{opacity:1;visibility:visible;transform:translateY(0);transition-delay:0s}
@media(prefers-reduced-motion:reduce){
.demo-instore-fulfilment [data-osp-graph] .osp-animation .osp-tile.is-active .osp-lift{transform:none}
}
.demo-instore-fulfilment [data-osp-graph].osp-layout .osp-heading-position{color:#000}
.demo-instore-fulfilment [data-osp-graph].osp-layout .osp-section-heading,.demo-instore-fulfilment [data-osp-graph].osp-layout .osp-section-description,.demo-instore-fulfilment [data-osp-graph].osp-layout .osp-section-description p{color:#000}
.demo-instore-fulfilment [data-osp-graph] .osp-mode-menu{position:relative;left:auto;top:auto;transform:none;margin:20px auto 0;z-index:6;display:flex;align-items:stretch;gap:5px;width:max-content;max-width:calc(100% - 24px);padding:2px;border:1px solid rgb(0 0 0 / 40%);border-radius:30px;isolation:isolate}
.demo-instore-fulfilment [data-osp-graph] .osp-mode-option{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;min-width:0;padding:12px 24px;border:0;border-radius:30px;background:transparent;color:#000;font:400 16px/20px Inter,system-ui,sans-serif;text-align:center;white-space:nowrap;cursor:pointer;transition:color 180ms ease}
.demo-instore-fulfilment [data-osp-graph] .osp-mode-option[aria-pressed="true"]{color:#fff;background:#0f68ab}
.demo-instore-fulfilment [data-osp-graph] .osp-mode-menu[data-ready] .osp-mode-option[aria-pressed="true"]{background:transparent}
.demo-instore-fulfilment [data-osp-graph] .osp-mode-option:focus-visible{outline:2px solid #0f68ab;outline-offset:3px}
.demo-instore-fulfilment [data-osp-graph] .osp-mode-hover,.demo-instore-fulfilment [data-osp-graph] .osp-mode-selection{position:absolute;left:0;top:0;border-radius:30px;pointer-events:none;transform-origin:0 0;will-change:transform;transition:transform 900ms cubic-bezier(.22,1,.36,1)}
.demo-instore-fulfilment [data-osp-graph] .osp-mode-hover{z-index:0;background:rgb(0 0 0 / 10%);transition:transform 650ms cubic-bezier(.22,1,.36,1)}
.demo-instore-fulfilment [data-osp-graph] .osp-mode-selection{z-index:1;background:#0f68ab}
.demo-instore-fulfilment [data-osp-graph] .osp-mode-menu:not([data-ready]) .osp-mode-selection,.demo-instore-fulfilment [data-osp-graph] .osp-mode-menu:not([data-ready]) .osp-mode-hover{visibility:hidden}
@media(max-width:719px){
.demo-instore-fulfilment [data-osp-graph] .osp-mode-menu{position:relative;left:auto;top:auto;transform:none;margin:29px 20px 0;gap:5px;justify-content:center;width:calc(100% - 40px);max-width:none}
.demo-instore-fulfilment [data-osp-graph] .osp-mode-option{flex:1 1 auto;padding:12px 10px;font-size:12px;line-height:16px;white-space:normal}
}
@media(prefers-reduced-motion:reduce){
.demo-instore-fulfilment [data-osp-graph] .osp-mode-hover,.demo-instore-fulfilment [data-osp-graph] .osp-mode-selection,.demo-instore-fulfilment [data-osp-graph] .osp-mode-option{transition:none}
}
.demo-instore-fulfilment [data-osp-graph] .osp-animation[data-running="true"] .osp-tile-float{will-change:transform}
.demo-instore-fulfilment [data-osp-graph] .osp-animation .osp-tile.is-active .osp-lift{will-change:transform}
.demo-instore-fulfilment [data-osp-graph] .osp-mode-hover,.demo-instore-fulfilment [data-osp-graph] .osp-mode-selection{width:100px;height:44px}
.demo-instore-fulfilment [data-osp-graph] .osp-animation .osp-tile,.demo-instore-fulfilment [data-osp-graph] .osp-animation .osp-button{cursor:default}
.demo-instore-fulfilment [data-osp-graph] .osp-animation .osp-button{background:transparent}
.demo-instore-fulfilment [data-osp-graph] .osp-animation .osp-button::before{background:#000;z-index:0}
.demo-instore-fulfilment [data-osp-graph] .osp-animation .osp-button::after{z-index:1}
.demo-instore-fulfilment [data-osp-graph] .osp-animation .osp-button-label{z-index:2}
@media(prefers-reduced-motion:reduce){
.demo-instore-fulfilment [data-osp-graph] .osp-animation .osp-current-label{transition:none}
}
.demo-instore-fulfilment [data-osp-graph] .osp-animation .osp-hover-lift{transition:transform 500ms cubic-bezier(.25,.8,.25,1);pointer-events:none}
@media(hover:hover) and (pointer:fine){
.demo-instore-fulfilment [data-osp-graph] .osp-animation .osp-tile:hover .osp-hover-lift{transform:translateY(calc(var(--osp-lift) * .5))}
}
@media(prefers-reduced-motion:reduce){
.demo-instore-fulfilment [data-osp-graph] .osp-animation .osp-hover-lift{transition:none;transform:none!important}
}
.demo-instore-fulfilment [data-osp-graph] .osp-animation .osp-lift,.demo-instore-fulfilment [data-osp-graph] .osp-animation .osp-blue{transition-delay:var(--osp-linked-delay,0ms)}
@media(prefers-reduced-motion:reduce){
.demo-instore-fulfilment [data-osp-graph] .osp-animation .osp-lift,.demo-instore-fulfilment [data-osp-graph] .osp-animation .osp-blue{transition-delay:0ms!important}
}
.demo-instore-fulfilment [data-osp-graph].osp-layout{overflow-x:clip}
.demo-instore-fulfilment [data-osp-graph] .osp-visual{position:relative;width:120%;margin-left:-10%}
@media(max-width:719px){
.demo-instore-fulfilment [data-osp-graph] .osp-animation .osp-button{min-height:30.8px;padding:8.4px 16.8px;font-size:11.2px;line-height:13.3px}
}
.demo-instore-fulfilment [data-osp-graph] .osp-mode-option{flex:1 1 auto}
.demo-instore-fulfilment [data-osp-graph] .osp-animation:not([data-running="true"]) *,.demo-instore-fulfilment [data-osp-graph] .osp-animation:not([data-running="true"]) *::before,.demo-instore-fulfilment [data-osp-graph] .osp-animation:not([data-running="true"]) *::after{transition:none!important;animation-play-state:paused!important}
.demo-instore-fulfilment [data-osp-graph] .osp-animation:not([data-running="true"]) .osp-hover-lift{transform:none!important}
@media(min-width:1152px){
.demo-instore-fulfilment [data-osp-graph] .osp-animation{display:flow-root}
.demo-instore-fulfilment [data-osp-graph] .osp-visual{margin-top:calc(-1 * var(--osp-top-trim,0px))}
}
.demo-instore-fulfilment [data-osp-graph] .osp-animation .osp-badge-mask{position:absolute;left:0;top:50%;width:100%;overflow:hidden;z-index:-1;pointer-events:none}
@media(prefers-reduced-motion:reduce){
.demo-instore-fulfilment [data-osp-graph] .osp-animation .osp-current-label{transition:none}
}
.demo-instore-fulfilment [data-osp-graph] .osp-animation .osp-badge-copy-window{display:grid;overflow:hidden}
.demo-instore-fulfilment [data-osp-graph] .osp-animation .osp-badge-copy{grid-area:1 / 1;align-self:center;transition:transform 400ms cubic-bezier(.22,1,.36,1),opacity 300ms ease}
.demo-instore-fulfilment [data-osp-graph] .osp-animation .osp-badge-dark-store{transform:translateY(110%);opacity:0}
.demo-instore-fulfilment [data-osp-graph] .osp-animation[data-scene-mode="managed-fulfilment"] .osp-badge-retailer{transform:translateY(-110%);opacity:0}
.demo-instore-fulfilment [data-osp-graph] .osp-animation[data-scene-mode="managed-fulfilment"] .osp-badge-dark-store{transform:translateY(0);opacity:1}
@media(prefers-reduced-motion:reduce){
.demo-instore-fulfilment [data-osp-graph] .osp-animation .osp-badge-copy{transition:none}
}
.demo-instore-fulfilment [data-osp-graph] .osp-mode-option{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
@media(max-width:719px){
.demo-instore-fulfilment [data-osp-graph] .osp-animation .osp-button{max-width:min(36%,calc(100vw - 48px))}
}
.demo-instore-fulfilment [data-osp-graph] .osp-mode-menu{border-color:rgb(0 0 0 / 30%)}
.demo-instore-fulfilment [data-osp-graph] .osp-animation .osp-current-label{background:rgb(255 255 255 / 80%);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.demo-instore-fulfilment [data-osp-graph] .osp-animation .osp-lift{transform:translateY(calc(-.5 * var(--osp-lift)))}
.demo-instore-fulfilment .demo-reference-container{box-sizing:border-box;width:calc(100% - 40px);max-width:1200px;margin-inline:auto}
.demo-instore-fulfilment .demo-reference-container>.osp-layout{width:100%;max-width:100%;margin-inline:0}
.demo-instore-fulfilment .demo-reference-container .osp-heading-position{padding:0!important}
.demo-instore-fulfilment .demo-reference-container [data-osp-graph].osp-layout{padding-block:0!important}
@media(max-width:767px){
.demo-instore-fulfilment{padding-block:60px}
.demo-instore-fulfilment .demo-reference-container{width:calc(100% - 60px)}
}
@media(max-width:575px){
.demo-instore-fulfilment .demo-reference-container{width:calc(100% - 40px)}
}
.demo-instore-fulfilment .demo-reference-container .osp-heading-position{gap:25px}
.demo-instore-fulfilment .demo-reference-container .osp-section-heading{margin:0}
.demo-instore-fulfilment .demo-reference-container .osp-section-description{margin:0}
.demo-instore-fulfilment .demo-reference-container .osp-section-description>:first-child>:first-child{margin-top:0}
.demo-instore-fulfilment .demo-reference-container .osp-section-description>:last-child>:last-child{margin-bottom:0}
.demo-instore-fulfilment{box-sizing:border-box;padding-block:80px 60px}
@media(max-width:767px){.demo-instore-fulfilment{padding-block:60px}}
.demo-instore-fulfilment [data-osp-graph] .osp-animation .osp-button,.demo-instore-fulfilment [data-osp-graph] .osp-mode-option{font-family:var(--ff-btn,Inter,Arial,sans-serif);font-size:var(--fs-btn,14px);font-weight:var(--fw-btn,400);line-height:1.6;letter-spacing:var(--ls-btn,0px);text-transform:var(--tt-link,none);padding:13px 19px;min-height:44px;box-sizing:border-box}
.demo-instore-fulfilment [data-osp-graph] .osp-animation .osp-button::before{background:rgb(0 0 0 / 80%);backdrop-filter:none;-webkit-backdrop-filter:none}

.demo-instore-fulfilment [data-osp-graph].osp-layout,.demo-instore-fulfilment [data-osp-graph] .osp-animation .osp-stage{overflow:visible;clip-path:none}
.demo-instore-fulfilment [data-osp-graph] .osp-animation .osp-stage{contain:layout}
@media(max-width:600px){.demo-instore-fulfilment [data-osp-graph] .osp-animation .osp-button,.demo-instore-fulfilment [data-osp-graph] .osp-mode-option{font-size:calc(var(--fs-btn-mobile,var(--fs-btn-tablet,var(--fs-btn,14px))) * .75);padding:9.75px 14.25px}}
@media(max-width:767px){.demo-instore-fulfilment [data-osp-graph] .osp-mode-option{flex:1 1 auto;min-width:0;white-space:normal}}
@media(max-width:767px){.demo-instore-fulfilment [data-osp-graph] .osp-mode-menu{width:calc(100vw - 40px);max-width:none;margin-left:calc((100% - 100vw)/2 + 20px);margin-right:calc((100% - 100vw)/2 + 20px)}}
@media(max-width:600px){.demo-instore-fulfilment [data-osp-graph] .osp-animation .osp-current-label{padding:calc(var(--osp-badge-overlap,22px) + 6px) 11.25px 6px}}
@media(width < 600px){.demo-instore-fulfilment [data-osp-graph] .osp-animation .osp-current-label{font-size:6.3px;line-height:7.7px;padding:calc(var(--osp-badge-overlap,22px) + 3px) 5.625px 3px}}
@media(width < 600px){.demo-instore-fulfilment [data-osp-graph] .osp-animation .osp-current-label{border-radius:6px}}

.demo-instore-fulfilment{min-width:0;max-width:100%;overflow-x:clip}

.demo-instore-fulfilment .demo-reference-container{min-width:0}
.demo-instore-fulfilment [data-osp-graph].osp-layout{min-width:0;max-width:100%;overflow-x:clip}
.demo-instore-fulfilment [data-osp-graph].osp-layout>.osp-animation{min-width:0;contain:inline-size}
@media(max-width:767px){.demo-instore-fulfilment [data-osp-graph].osp-layout{overflow:visible}}

@media(min-width:1152px){
.demo-instore-fulfilment .demo-reference-container{width:calc(100% - 40px);max-width:1200px;margin-inline:auto}
.demo-instore-fulfilment .demo-reference-container [data-osp-graph].osp-layout{padding-inline:0}
.demo-instore-fulfilment .demo-reference-container .osp-heading-position{padding:0!important;gap:25px;align-self:center;transform:none}
.demo-instore-fulfilment .demo-reference-container .osp-section-heading,.demo-instore-fulfilment .demo-reference-container .osp-section-description{margin:0}
.demo-instore-fulfilment .demo-reference-container .osp-section-description>:first-child{margin-top:0}
.demo-instore-fulfilment .demo-reference-container .osp-section-description>:last-child{margin-bottom:0}
}

@media(min-width:1152px){
.demo-instore-fulfilment .demo-reference-container{width:100%;max-width:1200px}
.demo-instore-fulfilment [data-osp-graph].osp-layout.page-center{padding-inline:0}
}
@media(min-width:1152px) and (max-width:1240px){
.demo-instore-fulfilment .demo-reference-container{width:calc(100% - 2 * var(--sp-p-hor-desktop,20px))}
}

.demo-instore-fulfilment .osp-vector-grid{color:#0F68AB;opacity:.15}
.demo-instore-fulfilment .osp-tile-cells,.demo-instore-fulfilment .osp-plinth-dots{opacity:1;pointer-events:none}
.demo-instore-fulfilment .osp-plane{pointer-events:none}
.demo-instore-fulfilment .osp-grid-light-extra{display:block}
.demo-instore-fulfilment .osp-tile-cell{stroke:#9ECEFF;transition:stroke var(--osp-duration) var(--osp-easing)}
.demo-instore-fulfilment .osp-tile-cell.is-active{stroke:#9ECEFF}
.demo-instore-fulfilment [data-osp-graph] .osp-dot-owner.is-active .osp-lift{transform:translateY(0)}
.demo-instore-fulfilment .demo-reference-container{box-sizing:border-box;width:auto;max-width:var(--lo-content-width,1200px);margin-inline:auto;padding-inline:0}
.demo-instore-fulfilment [data-osp-graph].osp-layout.page-center{width:100%;max-width:none;margin-inline:0;padding-inline:0}
@media(max-width:1200px){.demo-instore-fulfilment .demo-reference-container{margin-inline:var(--sp-p-hor-desktop,20px)}}
@media(max-width:575px){.demo-instore-fulfilment .demo-reference-container{margin-inline:calc(var(--sp-p-hor-mobile,10px) + 10px)}.demo-instore-fulfilment [data-osp-graph] .osp-mode-menu{width:calc(100vw - 60px);margin-left:calc((100% - 100vw)/2 + 30px);margin-right:calc((100% - 100vw)/2 + 30px)}}
@media(min-width:1201px) and (max-width:1240px){.demo-instore-fulfilment .demo-reference-container{max-width:calc(100% - 40px)}}
@media(prefers-reduced-motion:reduce){.demo-instore-fulfilment .osp-tile-cell{transition:none}}

.demo-instore-fulfilment [data-osp-graph].osp-layout,.demo-instore-fulfilment [data-osp-graph] .osp-animation,.demo-instore-fulfilment [data-osp-graph] .osp-animation .osp-stage{overflow:visible;clip-path:none}
.demo-instore-fulfilment [data-osp-graph] .osp-animation .osp-stage{contain:layout}
.demo-instore-fulfilment [data-osp-graph] .osp-visual{width:100%;margin-left:0}
.demo-instore-fulfilment [data-osp-graph] .osp-animation .osp-scene{overflow:visible}
.demo-instore-fulfilment [data-osp-graph] .osp-animation .osp-lift{transform:none}
.demo-instore-fulfilment [data-osp-graph] .osp-animation :is(.osp-tile,.osp-dot-owner).is-active .osp-lift{transform:translateY(var(--osp-lift))}
.demo-instore-fulfilment .osp-plinth-active{opacity:0;transition:opacity var(--osp-duration) var(--osp-easing)}
.demo-instore-fulfilment .osp-tile.is-active .osp-plinth-active{opacity:1}
.demo-instore-fulfilment .osp-tile:not(.is-active) .osp-object{filter:var(--osp-inactive-filter)}
.demo-instore-fulfilment .osp-tile :is(.osp-plinth-base,.osp-object){transition:filter var(--osp-duration) var(--osp-easing),opacity var(--osp-duration) var(--osp-easing)}
.demo-instore-fulfilment .osp-dot-owner:not(.is-active){opacity:0}
.demo-instore-fulfilment .osp-dot-owner{transition:opacity var(--osp-duration) var(--osp-easing)}
@media(prefers-reduced-motion:reduce){.demo-instore-fulfilment .osp-plinth-active,.demo-instore-fulfilment .osp-dot-owner{transition:none}}

@media(max-width:719px){
.demo-instore-fulfilment [data-osp-graph] .osp-visual{width:138%;margin-left:-19%}
}

.demo-instore-fulfilment .osp-plinth-dots{filter:brightness(0) invert(98%) sepia(5%) saturate(350%) hue-rotate(165deg)}

.demo-instore-fulfilment .osp-tile-cell{transition:opacity var(--osp-duration) var(--osp-easing)}
.demo-instore-fulfilment .osp-tile-cell.is-inactive{opacity:0}
@media(prefers-reduced-motion:reduce){.demo-instore-fulfilment .osp-tile-cell{transition:none}}
.demo-instore-fulfilment .osp-mode-menu:not([data-ready]) .osp-mode-option[aria-pressed="true"]{background:#0F68AB;color:#fff}

@media(width < 600px){.demo-instore-fulfilment [data-osp-graph] .osp-animation .osp-current-label{font-size:12px;line-height:1.4}}

/* Shared accessibility controls; no preview UI is included in this module. */
[data-demo-motion-root] .demo-motion-controls{box-sizing:border-box;display:flex;justify-content:flex-end;max-width:1200px;margin:0 auto;padding:12px 20px;position:relative;z-index:10}
[data-demo-motion-root="osp"]:not([data-osp-theme="light"])>.demo-motion-controls,[data-demo-motion-root="flexibility"]>.demo-motion-controls,[data-demo-motion-root="solutions"]>.demo-motion-controls{color:#fff}
[data-demo-motion-root="instore-fulfilment"]>.demo-motion-controls{color:#000}
[data-demo-motion-root] .demo-motion-toggle{min-height:44px;font:400 14px/1.5 var(--ff-btn,Inter,Arial,sans-serif);padding:8px 14px;border:1px solid currentColor;border-radius:30px;background:transparent;color:inherit;cursor:pointer}
[data-demo-motion-root] .demo-motion-toggle:focus-visible{outline:3px solid currentColor;outline-offset:3px}
[data-demo-motion-root][data-user-paused="true"] *,[data-demo-motion-root][data-user-paused="true"] *::before,[data-demo-motion-root][data-user-paused="true"] *::after{animation-play-state:paused!important}
.demo-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
@media(forced-colors:active){[data-demo-motion-root] .demo-motion-toggle{border-color:ButtonText}[data-demo-motion-root] .demo-motion-toggle:focus-visible{outline-color:Highlight}}