.media-with-text.page-width{padding:0 0 32px}@media(min-width:768px){.media-with-text.page-width{padding:40px 32px}}@media(min-width:1024px){.media-with-text.page-width{padding-left:40px;padding-right:40px}}.media-with-text__grid{display:flex;flex-direction:column}.media-with-text--mobile-content-first .media-with-text__content{order:-1}@media(max-width:767px){.media-with-text--mobile-content-first .media-with-text__content{padding-bottom:24px}}@media(min-width:768px){.media-with-text__grid{display:grid;grid-template-columns:minmax(0,652fr) minmax(0,724fr)}.media-with-text--mobile-content-first .media-with-text__content{order:0}.media-with-text--media-right .media-with-text__grid{grid-template-columns:minmax(0,724fr) minmax(0,652fr)}.media-with-text--media-right .media-with-text__media{order:1}}.media-with-text__media{position:relative;overflow:hidden;background-color:#f5f5f5}.media-with-text__media--square{aspect-ratio:1 / 1}.media-with-text__media--landscape{aspect-ratio:4 / 3}.media-with-text__image,.media-with-text__placeholder,.media-with-text__video,.media-with-text__video-element,.media-with-text__iframe,.media-with-text__poster,.media-with-text__poster-image{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.media-with-text__image,.media-with-text__video-element,.media-with-text__poster-image{object-fit:cover}.media-with-text__iframe{border:0}.media-with-text__poster{background-color:#323232}.media-with-text__poster[hidden]{display:none}.media-with-text__play{position:absolute;top:50%;left:50%;display:flex;align-items:center;justify-content:center;width:64px;height:64px;padding:0;border:0;border-radius:50%;background-color:#ffffffe6;color:#323232;cursor:pointer;transform:translate(-50%,-50%);transition:background-color .2s ease,transform .2s ease}.media-with-text__play:hover{background-color:#fff;transform:translate(-50%,-50%) scale(1.05)}.media-with-text__play-icon{display:flex;width:18px;height:24px;margin-left:4px}.media-with-text__play-icon svg{width:100%;height:100%;fill:currentColor}.media-with-text__toggle{position:absolute;right:12px;bottom:12px;display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;background-color:#ffffffe6;color:#323232;cursor:pointer}.media-with-text__toggle-icon{display:flex;width:16px;height:16px}.media-with-text__toggle-icon svg{width:100%;height:100%;fill:currentColor}.media-with-text__toggle-icon--play,.media-with-text__toggle.is-paused .media-with-text__toggle-icon--pause{display:none}.media-with-text__toggle.is-paused .media-with-text__toggle-icon--play{display:flex}.media-with-text__play:focus,.media-with-text__toggle:focus{outline:none}.media-with-text__play:focus-visible,.media-with-text__toggle:focus-visible{outline:2px solid #fff;box-shadow:0 0 0 4px #323232}.media-with-text__content{position:relative;display:flex;flex-direction:column;gap:28px;padding:24px 16px 0;overflow:hidden}@media(min-width:768px){.media-with-text__content{padding:32px}}@media(min-width:1024px){.media-with-text__content{padding:40px}}.media-with-text__content-background{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;pointer-events:none}.media-with-text__content-background-image{display:block;flex:none}.media-with-text__content-background--cover .media-with-text__content-background-image{width:100%;height:100%;object-fit:cover}.media-with-text__content-background--contain .media-with-text__content-background-image{height:auto;max-height:100%;object-fit:contain}.media-with-text__top,.media-with-text__middle,.media-with-text__bottom{position:relative}.media-with-text__middle{display:flex;flex-direction:column;gap:12px}.media-with-text__top:empty,.media-with-text__bottom:empty{display:none}@media(min-width:768px){.media-with-text__content{gap:24px}.media-with-text__top:empty,.media-with-text__bottom:empty{display:block}.media-with-text__middle{flex:1;justify-content:center}}.media-with-text__content--dark{color:#323232}.media-with-text__content--light{color:#fff}.media-with-text__callout,.media-with-text__heading{margin:0;color:inherit}.media-with-text__callout.font-text-xs-bold{font-size:14px}.media-with-text__heading.font-title-xl-light{font-size:28px;line-height:36px}@media(min-width:768px){.media-with-text__heading.font-title-xl-light{font-size:36px;line-height:130%}}.media-with-text__description{color:inherit}.media-with-text__description.font-text-xs{font-size:14px;line-height:21px}@media(max-width:767px){.media-with-text__description{margin-top:12px}}.media-with-text__description p{margin:0;color:inherit}.media-with-text__description p+p{margin-top:8px}.media-with-text__description a{color:inherit;text-decoration:underline}.media-with-text__button{width:100%;padding:12px 49px;border-radius:4px}@media(min-width:768px){.media-with-text__button{width:auto}}.media-with-text__button:focus-visible{outline:2px solid #323232;outline-offset:2px}.media-with-text__content--light .media-with-text__button:focus-visible{outline-color:#fff}@media(prefers-reduced-motion:reduce){.media-with-text__play{transition:none}.media-with-text__play:hover{transform:translate(-50%,-50%)}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/media-with-text.css.map */