:where(.ocado-tour){--bg-sidebar-color:#f2f2f2;--main-color:#297bb3;--bg-color:#f6f6f6;--gray-100:#8e8f8e;--sidebar-width:266px}:where(.ocado-tour),:where(.ocado-tour) *{box-sizing:border-box;margin:0;padding:0}:where(.ocado-tour).body-section{background-color:var(--bg-color);color:#2c2f30;font-family:Roboto,sans-serif}:where(.ocado-tour) button{font-family:inherit}:where(.ocado-tour) .main-wrapper-video{display:flex;flex-direction:column;gap:40px;min-width:100%;overflow:visible;position:relative;width:100%;@media (min-width:1024px){flex-direction:row;gap:0}}:where(.ocado-tour) .sidebar-wrapper{background-color:var(--bg-sidebar-color);height:100%;left:0;order:1;top:0;width:100%;z-index:3;@media (min-width:1024px){box-shadow:inset -10px 0 15px rgba(0,0,0,.05);height:625px;order:0;overflow:hidden;transform:translateX(-100%);transition:transform .3s ease}}:where(.ocado-tour) .sidebar-wrapper-open{transform:translateX(0)}:where(.ocado-tour) .content-container{background-color:var(--bg-color);display:grid;grid-template-columns:1fr;grid-template-rows:1fr;height:100%;justify-items:center;position:relative;width:100%}:where(.ocado-tour) .nav-button{background-color:transparent;border:none;cursor:pointer;display:none;gap:5px;left:0;padding:20px;position:absolute;top:0;transition:left .3s ease;z-index:3;@media (min-width:1024px){display:grid}}:where(.ocado-tour) .nav-line{background-color:#333;height:2px;width:30px}:where(.ocado-tour) .nav-button-open{left:var(--sidebar-width)}:where(.ocado-tour) .sidebar-title{padding:25px 30px;position:relative;width:100%}:where(.ocado-tour) .sidebar-title:after{background-color:var(--gray-100);bottom:0;content:"";height:1px;left:0;position:absolute;width:100%}:where(.ocado-tour) .sidebar-title .sidebar-heading{font-size:15px;position:relative;text-transform:uppercase;width:max-content}:where(.ocado-tour) .sidebar-title .sidebar-heading:after{background-color:var(--main-color);bottom:-25px;content:"";height:2px;left:0;position:absolute;width:100%;z-index:10}:where(.ocado-tour) .sidebar-list-box{height:calc(100% - 68px);overflow:hidden;@media (min-width:1024px){height:607px}}:where(.ocado-tour) .sidebar-list{display:flex;flex-direction:column;gap:3px;height:100%;list-style:none;overflow:auto;padding-bottom:60px;padding-top:10px;width:100%;@media (min-width:1024px){width:266px}}:where(.ocado-tour) .sidebar-link{align-items:center;cursor:pointer;display:flex;font-size:15px;font-weight:300;justify-content:space-between;padding:10px 20px 10px 30px}:where(.ocado-tour) .sidebar-link .check-box{opacity:0;transition:opacity .2s}:where(.ocado-tour) .sidebar-link-active{background-color:rgba(0,0,0,.05);position:relative}:where(.ocado-tour) .sidebar-link-done .check-box{opacity:1}:where(.ocado-tour) .sidebar-link-active:before{background-color:var(--main-color);content:"";height:100%;left:0;position:absolute;top:0;width:5px}:where(.ocado-tour) .sidebar-accordion{list-style:none}:where(.ocado-tour) .accordion-header{align-items:center;background:none;border:0;color:inherit;cursor:pointer;display:flex;font-size:15px;font-weight:700;gap:10px;padding:12px 30px;text-align:left;width:100%}:where(.ocado-tour) .accordion-content{max-height:0;overflow:hidden;transition:max-height .3s ease}:where(.ocado-tour) .sidebar-accordion.is-open .accordion-content{max-height:600px}:where(.ocado-tour) .sidebar-sub-list{list-style:none}:where(.ocado-tour) .sidebar-sub-list .sidebar-link{padding-left:45px}:where(.ocado-tour) .accordion-icon{transition:transform .3s ease}:where(.ocado-tour) .sidebar-accordion.is-open .accordion-icon{transform:rotate(90deg)}:where(.ocado-tour) .main-video-container{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;height:100%;justify-items:center;margin-top:40px;min-width:0;width:100%;@media (min-width:1024px){margin-top:0}}:where(.ocado-tour) .video-wrapper{grid-column:1/1;grid-row:1/1;height:100%;margin-left:auto;max-height:627px;width:100%;@media (min-width:1024px){width:93%}}:where(.ocado-tour) .video-wrapper img,:where(.ocado-tour) .video-wrapper video{border:none;display:block;height:100%;max-width:1300px;outline:none;width:100%}:where(.ocado-tour) .points-container{display:none}@media (min-width:1024px){:where(.ocado-tour) .points-container{display:inline-block;grid-column:1/1;grid-row:1/1;height:100%;margin-left:auto;max-height:627px;position:relative;width:93%;z-index:2}}:where(.ocado-tour) .point{--top:50%;--left:50%;--point-color:var(--main-color);animation-delay:0s;display:flex;gap:5px;left:var(--left);outline:none;position:absolute;top:var(--top)}@media (min-width:1024px){:where(.ocado-tour) .point{animation:ocado-tour-point-reveal .6s ease forwards;animation-delay:calc(var(--order, 0)*.3s);cursor:pointer;opacity:0;transform:translateY(10px)}:where(.ocado-tour) .point:hover .point-label{background-color:var(--main-color);color:#fff}}:where(.ocado-tour) .label-left .point-circle{order:1}:where(.ocado-tour) .label-left .point-label{order:0}:where(.ocado-tour) .point-circle{background-color:var(--point-color);border-radius:50%;height:14px;position:relative;width:14px}:where(.ocado-tour) .point-circle:before{border:1px solid #fff;border-radius:50%;content:"";inset:1px;position:absolute}:where(.ocado-tour) .point-circle:after{animation:ocado-tour-pulse var(--pulse-duration,2s) infinite;animation-delay:var(--pulse-delay,0s);border:2px solid var(--point-color);border-radius:50%;content:"";height:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:8px;z-index:-1}:where(.ocado-tour) .point-label{background-color:#fff;border:1px solid var(--light-gray);border-radius:30px;color:var(--black-color);font-size:14px;padding:5px 8px;transform:translateY(-24%);transition:color .3s,background-color .3s;user-select:none}@media (max-width:1024px){:where(.ocado-tour) .mobile-left .point-label{left:-5px;position:absolute;transform:translate(-100%,-24%);width:max-content}}@media (min-width:1024px){:where(.ocado-tour) .point-circle:after{height:18px;width:18px}:where(.ocado-tour) .left-label .point-label{left:-5px;position:absolute;transform:translate(-100%,-24%);width:max-content}}@keyframes ocado-tour-point-reveal{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes ocado-tour-pulse{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.5)}}:where(.ocado-tour) .video-box{background-color:var(--bg-color);margin:80px auto 0;max-width:900px;width:96%}:where(.ocado-tour) .video-box.is-hidden{display:none;height:0;opacity:0;overflow:hidden;pointer-events:none;visibility:hidden}:where(.ocado-tour) .video-box:not(.is-hidden){display:inherit;height:auto;opacity:1;overflow:visible;pointer-events:auto;visibility:visible}:where(.ocado-tour) .video-js{aspect-ratio:16/9;height:auto;width:100%}:where(.ocado-tour) .video-js:not(.vjs-fullscreen) .vjs-control-bar{background-color:transparent!important;bottom:-50px!important;display:flex!important;opacity:1!important;pointer-events:auto!important}:where(.ocado-tour) .video-js:not(.vjs-fullscreen) button{color:#333!important}:where(.ocado-tour) .video-js:not(.vjs-fullscreen){color:#333!important}:where(.ocado-tour) .video-js:not(.vjs-fullscreen) .vjs-playback-rate .vjs-playback-rate-value{color:#333!important}:where(.ocado-tour) .video-js:not(.vjs-fullscreen) button.vjs-big-play-button{color:#fff!important}:where(.ocado-tour) .video-js:not(.vjs-fullscreen) .vjs-slider{background-color:#969696!important}:where(.ocado-tour) .video-js:not(.vjs-fullscreen) .vjs-play-progress{background-color:var(--main-color)!important}:where(.ocado-tour) .video-js .vjs-volume-level{background-color:#969696!important}:where(.ocado-tour) .video-js.vjs-fullscreen .vjs-control-bar{background-color:rgba(0,0,0,.6)!important;bottom:0!important}:where(.ocado-tour) .vjs-menu-button-popup .vjs-menu .vjs-menu-content{background-color:#d4d6d8!important}@media (min-width:1024px){:where(.ocado-tour) .main-wrapper-video{display:flex;margin:0 auto;max-height:675px;max-width:1300px;min-height:675px;width:100%;@media (min-width:1300px){min-width:1300px}}:where(.ocado-tour) .sidebar-wrapper{flex:0 0 var(--sidebar-width);height:auto;left:auto;overflow:hidden;position:relative;top:auto;transform:translateX(0);transition:transform .3s ease-in-out,flex-basis .3s ease-in-out;width:var(--sidebar-width);z-index:2}:where(.ocado-tour) .sidebar-wrapper:not(.sidebar-wrapper-open){flex-basis:0;overflow:hidden;transform:translateX(-100%);width:0}:where(.ocado-tour) .content-container{flex:1;min-width:0}:where(.ocado-tour) .nav-button-open{left:0}}:where(.ocado-tour) .video-box{position:relative}:where(.ocado-tour) .full-screen-button{display:none;@media (min-width:1024px){align-items:center;background-color:#fff;border-bottom-color:#333;border-bottom-style:solid;border-bottom-width:1px;border-left-color:#333;border-left-style:solid;border-left-width:1px;border-radius:50%;border-right-color:#333;border-right-style:solid;border-right-width:1px;border-top-color:#333;border-top-style:solid;border-top-width:1px;cursor:pointer;display:flex;height:26px;justify-content:center;position:absolute;right:14px;top:14px;width:26px;z-index:50}}:where(.ocado-tour) .full-screen-button:hover{background-color:hsla(0,0%,68%,.1)}:where(.ocado-tour) .full-screen-button svg{display:block;height:10px;width:10px}@media (min-width:1024px){:where(.ocado-tour) .video-js .vjs-fullscreen-control{display:none!important}}:where(.ocado-tour) .main-wrapper-fullscreen{justify-content:center;left:0;min-height:100vh;position:fixed;top:0;width:100vw;z-index:999}:where(.ocado-tour) .main-wrapper-fullscreen .video-box{max-width:90vw}:where(.ocado-tour) .main-wrapper-fullscreen .video-wrapper img,:where(.ocado-tour) .main-wrapper-fullscreen .video-wrapper video{max-width:unset}:where(.ocado-tour) .main-wrapper-fullscreen .points-container{max-height:unset}:where(.ocado-tour) .main-wrapper-fullscreen .video-wrapper{max-height:unset}:where(.ocado-tour) .video-next-overlay{background:rgba(0,0,0,.55);cursor:pointer;display:none;inset:0;place-items:center;position:absolute;z-index:9999}:where(.ocado-tour) .video-next-overlay.is-visible{display:grid}:where(.ocado-tour) .video-next-card{background:#fff;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.25);overflow:hidden;width:min(560px,92%)}:where(.ocado-tour) .video-next-preview{aspect-ratio:16/9;display:block;object-fit:cover;width:100%}:where(.ocado-tour) .video-next-footer{align-items:center;display:flex;gap:12px;justify-content:space-between;padding:14px 16px}:where(.ocado-tour) .video-next-left{display:grid;gap:2px}:where(.ocado-tour) .video-next-label{font-size:12px;opacity:.7}:where(.ocado-tour) .video-next-title{font-size:16px;font-weight:600}:where(.ocado-tour) .video-box .video-js .video-next-button,:where(.ocado-tour) .video-next-button{background:#297bb3;border:0;border-radius:999px;color:#fff!important;cursor:pointer;padding:10px 14px}:where(.ocado-tour) .video-box .video-js .video-next-button:hover,:where(.ocado-tour) .video-next-button:hover{background:#1f5d85}:where(.ocado-tour) .start-tutorial-button{display:none}@media (min-width:1024px){:where(.ocado-tour) .start-tutorial-button{display:inline-flex;position:absolute;right:60px;top:10px;z-index:99}}:where(.ocado-tour) .video-next-card{position:relative}:where(.ocado-tour) .video-box .video-js .video-next-close{background:hsla(0,0%,100%,.9);border:0;border-radius:999px;box-shadow:0 4px 14px rgba(0,0,0,.15);cursor:pointer;display:grid;font-size:22px;height:34px;line-height:1;place-items:center;position:absolute;right:10px;top:10px;width:34px;z-index:5}:where(.ocado-tour) .video-next-close:hover{background:#fff}:where(.ocado-tour) .video-next-close:focus-visible{outline:3px solid var(--main-color);outline-offset:3px}:where(.ocado-tour) .vjs-menu li.vjs-selected{background-color:var(--main-color)!important;color:#fff!important}:where(.ocado-tour) .video-wrapper{position:relative}:where(.ocado-tour) .video-wrapper.is-loading{aspect-ratio:16/9;min-height:220px;width:100%}:where(.ocado-tour) .video-wrapper.is-loading video{opacity:0}:where(.ocado-tour) .video-wrapper.is-loading+.points-container{opacity:0;pointer-events:none}:where(.ocado-tour) .video-wrapper .home-loader{background:hsla(0,0%,96.5%,.85);display:none;inset:0;place-items:center;position:absolute}:where(.ocado-tour) .video-wrapper.is-loading .home-loader{display:grid}:where(.ocado-tour) .video-wrapper .home-loader:after{animation:ocado-tour-homeSpin .8s linear infinite;border:4px solid rgba(0,0,0,.2);border-radius:999px;border-top:4px solid var(--main-color);content:"";height:40px;width:40px}@keyframes ocado-tour-homeSpin{to{transform:rotate(1turn)}}:where(.ocado-tour) .sidebar-link:focus-visible,:where(.ocado-tour) [data-sidebar-link]:focus-visible:not(.point){border-radius:6px;outline:2px solid var(--main-color);outline-offset:-2px}:where(.ocado-tour) .point[data-sidebar-link]:focus-visible .point-circle{border-radius:50%;outline:3px solid var(--main-color);outline-offset:6px}:where(.ocado-tour) .point[data-sidebar-link]:focus-visible .point-label{background-color:var(--main-color);color:#fff}:where(.ocado-tour) .video-next-button:focus-visible{outline:3px solid #fff;outline-offset:3px}:where(.ocado-tour) .start-tutorial-button[data-sidebar-link]:focus-visible{outline:3px solid var(--main-color);outline-offset:5px}:where(.ocado-tour) .full-screen-button:focus-visible{border-radius:999px;outline:3px solid var(--main-color);outline-offset:3px}:where(.ocado-tour) .nav-button:focus-visible{border-radius:8px;outline:3px solid var(--main-color);outline-offset:-3px}:where(.ocado-tour) .full-screen-button:focus,:where(.ocado-tour) .full-screen-button:focus-visible{border-radius:999px;outline:3px solid var(--main-color);outline-offset:3px}:where(.ocado-tour) .points-container .point{animation:none!important;opacity:0;transform:translateY(10px)}:where(.ocado-tour) .points-container.points-ready .point{animation:ocado-tour-point-reveal .6s ease forwards!important;animation-delay:calc(var(--order, 0)*.3s)!important}@media (max-width:1023px){:where(.ocado-tour) .video-box{background:#000;height:100vh;inset:0;margin:0;max-width:none;position:fixed;width:100vw;z-index:99999}:where(.ocado-tour) .video-box.is-mobile-open{opacity:1!important;pointer-events:auto!important;transform:none!important}:where(.ocado-tour) .video-box.is-hidden{display:none}}:where(.ocado-tour) .mobile-video-loader{background:rgba(0,0,0,.65);display:none;inset:0;place-items:center;pointer-events:none;position:fixed;z-index:100000}:where(.ocado-tour) .mobile-video-loader.is-visible{display:grid}:where(.ocado-tour) .mobile-video-loader__card{background:hsla(0,0%,8%,.9);border-radius:12px;color:#fff;display:grid;font-size:14px;gap:10px;padding:14px 18px;place-items:center}:where(.ocado-tour) .mobile-video-loader__spinner{animation:ocado-tour-mobileSpin .8s linear infinite;border:4px solid hsla(0,0%,100%,.25);border-radius:999px;border-top-color:#fff;height:36px;width:36px}@keyframes ocado-tour-mobileSpin{to{transform:rotate(1turn)}}:where(.ocado-tour) .sidebar-list{padding-right:6px;scrollbar-color:hsla(210,1%,43%,.9) rgba(0,0,0,.08);scrollbar-gutter:stable;scrollbar-width:thin}:where(.ocado-tour) .sidebar-list::-webkit-scrollbar{width:10px}:where(.ocado-tour) .sidebar-list::-webkit-scrollbar-button{display:none;height:0;width:0}:where(.ocado-tour) .sidebar-list::-webkit-scrollbar-track{background:rgba(0,0,0,.08);border-radius:999px}:where(.ocado-tour) .sidebar-list::-webkit-scrollbar-thumb{background:hsla(210,1%,43%,.9);border:2px solid rgba(0,0,0,.08);border-radius:999px}:where(.ocado-tour) .sidebar-list::-webkit-scrollbar-thumb:hover{background:hsla(210,1%,43%,.9)}:where(.ocado-tour) .sidebar-list::-webkit-scrollbar-corner{background:transparent}:where(.ocado-tour).body-section .point{gap:10px}:where(.ocado-tour).body-section .point-circle{flex:0 0 21px;height:21px;isolation:isolate;width:21px}:where(.ocado-tour).body-section .point-circle:before{border-width:2px}:where(.ocado-tour).body-section .point .point-label{align-items:center;background:#000;border:0;border-radius:30px;color:#fff;cursor:pointer;display:inline-flex;font:400 10px/1.6 Inter,sans-serif;isolation:isolate;justify-content:center;overflow:hidden;padding:6.7px 11.39px;position:relative;transform:translateY(calc(10.5px - 50%));transition:color .4s ease-in-out;white-space:nowrap}:where(.ocado-tour).body-section .point .point-label:after{background:#0f68ab;content:"";inset:100% 0 0;pointer-events:none;position:absolute;transition:inset .4s ease-in-out;z-index:-1}:where(.ocado-tour).body-section .point:focus-visible .point-label{outline:3px solid #0f68ab;outline-offset:3px}@media (min-width:1024px){:where(.ocado-tour).body-section .left-label .point-label{left:-10px;position:absolute;transform:translate(-100%,calc(10.5px - 50%))}}@media (hover:hover) and (pointer:fine){:where(.ocado-tour).body-section .point .point-label:hover:after{inset:0}}@media (prefers-reduced-motion:reduce){:where(.ocado-tour).body-section .point .point-label:after{transition:none}}:where(.ocado-tour).body-section button.sidebar-link{background:transparent;border:0;border-radius:0;color:inherit;font-family:inherit;text-align:left;width:100%}:where(.ocado-tour).body-section button.sidebar-link-active{background:rgba(0,0,0,.05)}:where(.ocado-tour).body-section .sidebar-heading{font-weight:700;line-height:normal;margin:0}:where(.ocado-tour).body-section .points-container .point .point-label{color:#fff!important;-webkit-text-fill-color:#fff!important;background-color:#000!important;text-shadow:none!important}:where(.ocado-tour).body-section .points-container.points-ready .point{animation-name:ocado-tour-tour-point-reveal!important;opacity:1}@keyframes ocado-tour-tour-point-reveal{0%{transform:translateY(10px)}to{transform:translateY(0)}}:where(.ocado-tour).body-section .accordion-content[hidden]{display:none!important}:where(.ocado-tour) .tour-mobile-close{display:none}@media (max-width:1023px){:where(.ocado-tour) .video-box.is-mobile-open{align-items:center;display:flex;height:100vh;height:100dvh}:where(.ocado-tour) .tour-mobile-close{background:#fff;border:0;border-radius:50%;color:#333;cursor:pointer;display:grid;font-size:26px;height:36px;line-height:1;padding:0;place-items:center;position:absolute;right:12px;top:max(12px,env(safe-area-inset-top));width:36px;z-index:100001}:where(.ocado-tour) .video-box .video-js .vjs-control-bar{background:rgba(0,0,0,.6)!important;bottom:0!important}:where(.ocado-tour) .video-box .video-js{color:#fff!important}:where(.ocado-tour) .video-box .video-js .vjs-playback-rate-value,:where(.ocado-tour) .video-box .video-js button{color:#fff!important}}@media (prefers-reduced-motion:reduce){:where(.ocado-tour) .point-circle:after{animation:none}:where(.ocado-tour) .points-container.points-ready .point{animation:none!important;opacity:1;transform:none}:where(.ocado-tour) .accordion-content,:where(.ocado-tour) .accordion-icon,:where(.ocado-tour) .sidebar-wrapper{transition:none}}