.media-overlay-99{display:block;width:auto;margin:0 auto;max-width:900px}.media-overlay-99__grid{display:grid;gap:1.5rem;padding:0;margin-top:20px;max-width:900px;max-height:450px}.media-overlay-99__grid--1-col{grid-template-columns:1fr}.media-overlay-99__grid--2-col{grid-template-columns:repeat(2,1fr)}.media-overlay-99__tile{position:relative;overflow:hidden;aspect-ratio:900 / 450}.media-overlay-99__grid--2-col .media-overlay-99__tile{aspect-ratio:1 / 1}.media-overlay-99__media,.media-overlay-99__media img,.media-overlay-99__video,.media-overlay-99__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.media-overlay-99__media{z-index:1}.media-overlay-99__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:flex-end;padding:2rem;background:#fff6;opacity:0;transition:opacity .35s ease;pointer-events:none}.media-overlay-99__overlay-content{color:#fff;display:flex;flex-direction:column;gap:.5rem;align-items:center;justify-content:center;height:100%;width:100%;text-decoration:none;pointer-events:auto}.media-overlay-99__heading{margin:0;font-size:var(--media-overlay-text-font-size, 24px);text-transform:uppercase;font-weight:700;opacity:.7;line-height:1;text-align:center}.media-overlay-99__text{font-size:var(--media-overlay-text-font-size, .95rem);opacity:.9}.media-overlay-99__cta{margin-top:-8px;text-decoration:none;font-size:var(--media-overlay-link-font-size, 24px);letter-spacing:.05em;text-transform:uppercase;color:#000;font-weight:700;opacity:.7}.media-overlay-99__video-controls{position:absolute;right:1.25rem;bottom:1.25rem;z-index:3;display:flex;align-items:center;gap:.6rem}.media-overlay-99__control{position:relative;width:40px;height:40px;border-radius:50%;border:0;cursor:pointer;display:flex;align-items:center;justify-content:center;background:transparent}@media(hover:hover)and (pointer:fine){.media-overlay-99__play-pause:hover,.media-overlay-99__mute:hover{background:none!important;border-color:#fff!important}}.media-overlay-99__mute{width:38px;height:38px;background:transparent;border:3px solid #fff}.media-overlay-99__progress-ring{position:absolute;top:0;right:0;bottom:0;left:0;transform:rotate(-90deg)}.media-overlay-99__progress-track,.media-overlay-99__progress-fill{fill:#fff0;stroke:#ffffff80;stroke-width:3}.media-overlay-99__progress-fill{fill:none;stroke:#fff;stroke-linecap:round;transition:stroke-dashoffset .1s linear}.media-overlay-99__play-pause .icon{position:relative;z-index:1;fill:#fff;height:20px;width:20px}.media-overlay-99__play-pause .icon-play{display:block}.media-overlay-99__play-pause .icon-pause,.media-overlay-99__play-pause.is-playing .icon-play{display:none}.media-overlay-99__play-pause.is-playing .icon-pause{display:block}.media-overlay-99__mute .icon-unmuted{display:block;fill:#fff;height:20px;width:20px}.media-overlay-99__mute .icon-unmuted path{fill:#fff;stroke:#fff}.media-overlay-99__mute .icon-muted,.media-overlay-99__mute.is-muted .icon-unmuted{display:none}.media-overlay-99__mute.is-muted .icon-muted{display:block;fill:#fff;height:20px;width:20px}.media-overlay-99__mute.is-muted .icon-muted line{stroke:#fff}@media(hover:hover)and (pointer:fine){.media-overlay-99__tile:hover .media-overlay-99__overlay{opacity:1}}.media-overlay-99__tile:focus-within .media-overlay-99__overlay{opacity:1}@media screen and (max-width:1024px){.media-overlay-99__content{padding:1.5rem;max-width:100%}.media-overlay-99__nav{bottom:1rem}.media-overlay-99__video-controls{right:.75rem;bottom:.75rem}}@media screen and (max-width:749px){.media-overlay-99__grid--2-col{grid-template-columns:1fr}.media-overlay-99__tile,.media-overlay-99__grid--2-col .media-overlay-99__tile{aspect-ratio:900 / 450}.media-overlay-99__media{position:absolute}.media-overlay-99__media img,.media-overlay-99__video,.media-overlay-99__placeholder{position:absolute;width:100%;height:100%;object-fit:contain}.media-overlay-99__overlay{padding:1.25rem;opacity:0;background:#ffffff4d}.media-overlay-99__tile.is-active .media-overlay-99__overlay,.media-overlay-99__tile:focus-within .media-overlay-99__overlay{opacity:1}.media-overlay-99__video-controls{right:.75rem;bottom:.75rem}.media-overlay-99__heading,.media-overlay-99__cta{font-size:18px}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/media-overlay-99.css.map */