savile-promotional-media{display:block;margin:6px 0;min-width:0;contain:inline-size;letter-spacing:0}.savile-promotional-media__rail{display:flex;gap:9px;list-style:none;margin:0;padding:5px 5px 6px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;max-width:100%}.savile-promotional-media__item{flex:0 0 78px;width:78px;min-width:0;margin:0}.savile-promotional-media__open{position:relative;display:block;width:78px;height:78px;aspect-ratio:1;border-radius:50%;color:#fff;background:#777;text-decoration:none;isolation:isolate;overflow:hidden}.savile-promotional-media__open img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}.savile-promotional-media__open:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:inherit;background:transparent;transition:background-color .18s ease;pointer-events:none}.savile-promotional-media__open:focus-visible{outline:2px solid #171717;outline-offset:2px}.savile-promotional-media__play{position:absolute;top:50%;left:50%;z-index:2;width:30px;height:30px;display:grid;place-items:center;padding-left:2px;border:1px solid #fff;border-radius:50%;background:#0005;color:#fff;font-size:11px;text-shadow:0 1px 2px #000b;transform:translate(-50%,-50%)}.savile-promotional-media__color{display:block;margin-top:6px;font-size:12px;line-height:1.4;overflow-wrap:anywhere}@media(hover:hover){.savile-promotional-media__open:hover:after,.savile-promotional-media__open:focus-visible:after{background:#0005}}.savile-promotional-media__dialog{box-sizing:border-box;position:fixed;top:0;right:0;bottom:0;left:0;padding:54px 12px 12px;border:0;border-radius:6px;margin:auto;color:#fff;background:#151515;width:min(480px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);overflow:auto;box-shadow:0 12px 64px #0006;letter-spacing:0}.savile-promotional-media__dialog::backdrop{background:#000a}.savile-promotional-media__dialog button{box-sizing:border-box;display:grid;place-items:center;min-width:44px;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:#fff;cursor:pointer;font:24px/1 Arial,sans-serif;letter-spacing:0}.savile-promotional-media__dialog button:disabled{opacity:.3;cursor:default}.savile-promotional-media__dialog button:focus-visible{outline:2px solid #fff;outline-offset:2px}.savile-promotional-media__mute{position:absolute;top:6px;left:6px;z-index:2}.savile-promotional-media__dialog .savile-promotional-media__close{position:absolute;top:6px;right:6px;z-index:2;font-size:32px}.savile-promotional-media__sound-icon{position:relative;display:block;width:18px;height:16px;color:currentColor}.savile-promotional-media__sound-icon:before{content:"";position:absolute;top:4px;left:1px;width:8px;height:8px;background:currentColor;clip-path:polygon(0 28%,38% 28%,100% 0,100% 100%,38% 72%,0 72%)}.savile-promotional-media__sound-icon:after{content:"";position:absolute;top:2px;right:0;width:8px;height:12px;border-right:1.5px solid currentColor;border-radius:0 100% 100% 0}.savile-promotional-media__sound-icon.is-muted:after{top:7px;right:0;width:18px;height:1.5px;border:0;border-radius:0;background:currentColor;transform:rotate(-45deg)}.savile-promotional-media__stage{background:#090909;aspect-ratio:9 / 14;max-height:calc(100dvh - 220px)}.savile-promotional-media__stage video{display:block;width:100%;height:100%;max-height:calc(100dvh - 220px);object-fit:contain}.savile-promotional-media__footer{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:12px;align-items:center;padding-top:10px;text-align:center}.savile-promotional-media__dialog .savile-promotional-media__caption{color:#fff;margin:0 0 3px;font:14px/1.4 Arial,sans-serif;overflow-wrap:anywhere;letter-spacing:0}.savile-promotional-media__count{font:12px/1.4 Arial,sans-serif;color:#bbb}.savile-promotional-media__dialog .savile-promotional-media__error{color:#fff;margin:0;padding:12px 0 0;font:14px/1.4 Arial,sans-serif;overflow-wrap:anywhere}.savile-promotional-media__error[hidden]{display:none!important}quick-add-modal savile-promotional-media,.quick-add-modal savile-promotional-media,floated-form savile-promotional-media,.product__sticky savile-promotional-media,[data-sticky-cart] savile-promotional-media{display:none!important}@media(max-width:749px){savile-promotional-media{margin:5px 0}.savile-promotional-media__rail{gap:7px;padding:5px 4px 6px}.savile-promotional-media__item{flex-basis:65px;width:65px}.savile-promotional-media__open{width:65px;height:65px}.savile-promotional-media__play{width:21px;height:21px;font-size:8px}.savile-promotional-media__dialog{width:100%;max-width:100%;height:100dvh;max-height:100dvh;margin:0;padding-top:calc(54px + env(safe-area-inset-top));padding-bottom:calc(12px + env(safe-area-inset-bottom));border-radius:0}.savile-promotional-media__stage{width:100%;height:calc(100dvh - 180px - env(safe-area-inset-top) - env(safe-area-inset-bottom));max-height:none;aspect-ratio:auto}.savile-promotional-media__stage video{max-height:100%}.savile-promotional-media__dialog .savile-promotional-media__close,.savile-promotional-media__mute{top:calc(6px + env(safe-area-inset-top))}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/savile-promotional-media.css.map */