html body .mfx-trail__viewport{overscroll-behavior-x:contain;outline:none}html body .mfx-trail__viewport:focus-visible{box-shadow:inset 0 0 0 3px var(--mf-dawn)}html body .mfx-trail__track img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}html body .mfx-trail__progress{position:relative;height:4px;cursor:pointer;touch-action:none}html body .mfx-trail__progress:before{content:"";position:absolute;top:-14px;right:0;bottom:-14px;left:0}html body .mfx-trail__progress span{position:relative;transform:none;width:calc(var(--p, 0) * 100%);min-width:10px}html body .mfx-trail__progress span:after{content:"";position:absolute;right:-9px;top:50%;width:18px;height:18px;margin-top:-9px;border-radius:50%;background:var(--mf-blaze);box-shadow:0 0 0 4px var(--mf-stone),0 0 0 6px var(--mf-blaze);transition:transform .25s var(--mf-ease)}html body .mfx-trail__progress:hover span:after{transform:scale(1.2)}@media(min-width:990px){html body .mfx-trail__viewport{scroll-snap-type:x mandatory;scroll-padding-left:var(--mf-gutter);cursor:grab}html body .mfx-trail__viewport.is-grabbing,html body .mfx-trail__viewport.is-settling{scroll-snap-type:none}html body .mfx-trail__viewport.is-grabbing{cursor:grabbing;-webkit-user-select:none;user-select:none}html body .mfx-trail .mfx-wp{scroll-snap-align:start}html body .mfx-trail .mfx-trail__end{scroll-snap-align:end}html body .mfx-trail .mfx-wp__buy{display:none}html body .mfx-trail__track{padding:40px var(--mf-gutter) 56px;gap:calc(var(--mf-gutter) + 12px)}html body .mfx-wp{width:clamp(280px,24vw,380px);margin-top:calc(var(--wp-y, 0px) * .55)}html body .mfx-wp__name{font-size:clamp(1.6rem,2.1vw,2.2rem)}html body .mfx-wp__img img{transition:transform .7s var(--mf-ease),opacity .4s}html body .mfx-wp.is-active .mfx-wp__img img:first-child{transform:translateY(-6px)}html body .mfx-trail__foot{margin-bottom:40px}}html body .mfx-size[hidden]{display:none!important}@media(max-width:989px){html body .mfx-wp__sizes{flex-wrap:nowrap}html body .mfx-wp__sizes .mfx-size{flex:1 1 0;min-width:0;padding:0}}@media(max-width:989px){.mfx-feature .mfx-feature__media .mfx-hot{position:static;transform:none;margin:0;z-index:auto}.mfx-feature .mfx-feature__media .mfx-hot button{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);z-index:3}.mfx-feature .mfx-feature__media .mfx-hot.is-open button{box-shadow:0 0 0 3px #fff;z-index:5}.mfx-feature .mfx-feature__media .mfx-hot .mfx-hot__tip{right:auto;bottom:auto;z-index:4;transform:scale(.94);transform-origin:var(--ax, 50%) var(--ay, 50%)}.mfx-feature .mfx-feature__media .mfx-hot.is-open .mfx-hot__tip{transform:none}.mfx-feature .mfx-feature__media .mfx-hot:not(.is-open):hover .mfx-hot__tip{opacity:0;pointer-events:none}.mfx-feature .mfx-feature__media .mfx-hot__tip:after{content:"";position:absolute;width:14px;height:14px;background:#fff;transform:rotate(45deg)}.mfx-feature .mfx-feature__media .mfx-hot__tip[data-side=top]:after{left:calc(var(--ax) - 7px);bottom:-7px}.mfx-feature .mfx-feature__media .mfx-hot__tip[data-side=bottom]:after{left:calc(var(--ax) - 7px);top:-7px}.mfx-feature .mfx-feature__media .mfx-hot__tip[data-side=right]:after{top:calc(var(--ay) - 7px);left:-7px}.mfx-feature .mfx-feature__media .mfx-hot__tip[data-side=left]:after{top:calc(var(--ay) - 7px);right:-7px}}html body .mfx-wp__dots{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}html body .mfx-wp__dot{width:26px;height:26px;padding:0;border-radius:50%;border:1px solid rgba(0,0,0,.18);background-color:#fff;background-size:cover;background-position:center;cursor:pointer;box-shadow:0 0 0 2px transparent;transition:box-shadow .2s,transform .2s;-webkit-tap-highlight-color:transparent}html body .mfx-wp__dot:hover{transform:scale(1.08)}html body .mfx-wp__dot[aria-pressed=true]{box-shadow:0 0 0 2px var(--mf-paper),0 0 0 4px var(--mf-blaze)}html body .mfx-wp__dot:focus-visible{outline:2px solid var(--mf-dawn);outline-offset:3px}html body .mfx-wp.is-coloured .mfx-wp__img img+img{display:none}html body .mfx-wp.is-coloured .mfx-wp__img img:first-child{opacity:1!important}html body .mfx-wp__img img.is-swapping{animation:mfx-colour-in .45s ease-out}@keyframes mfx-colour-in{0%{opacity:0;transform:scale(.97)}}@media(max-width:989px){html body .mfx-wp__dot{width:30px;height:30px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/morning-friday-slider.css.map */