@layer layout{.text-with-media{background:transparent}.text-with-media__inner{display:flex;flex-direction:column-reverse;min-height:0;background:rgb(var(--background))}.text-with-media__media{position:relative;width:100%;flex-shrink:0;background:rgb(var(--background));overflow:hidden}.text-with-media__media-bg{display:none}.text-with-media__media-inner{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:1 / 1}.text-with-media__media-inner video-media{width:100%;height:100%;aspect-ratio:auto}.text-with-media__media-inner video-media>:is(video,img){object-fit:cover}.text-with-media video-media::part(play-button){width:80px;height:80px;background:rgb(var(--color-white-20));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.text-with-media video-media::part(icon){width:16px;height:16px;color:#fff;fill:#fff}.text-with-media__media-img{width:100%;height:100%;object-fit:cover;object-position:center}.text-with-media__content{padding:32px 24px;display:flex;flex-direction:column;justify-content:space-between}.text-with-media__content-inner{display:flex;flex-direction:column;gap:8px}.text-with-media__subheading{font-family:var(--text-font-family);font-weight:350;font-style:var(--text-font-style);font-size:13px;line-height:1.4;letter-spacing:.5px;text-transform:uppercase;color:rgb(var(--subheading-text-color));margin:0}.text-with-media__text-block{display:flex;flex-direction:column;gap:8px}.text-with-media__heading{font-family:var(--heading-font-family);font-weight:var(--heading-font-weight);font-style:var(--heading-font-style);font-size:30px;line-height:1.1;letter-spacing:var(--heading-letter-spacing, 0);color:rgb(var(--text-color));margin:0}.text-with-media__body{font-family:var(--text-font-family);font-weight:var(--text-font-weight);font-size:12px;line-height:1.2;letter-spacing:var(--text-letter-spacing, 0);color:rgb(var(--text-color));padding-block:30px 0}.text-with-media__body p{margin:0 0 1em}.text-with-media__body p:last-child{margin-bottom:0}.text-with-media__text-block .button,.text-with-media__text-block .link{align-self:flex-start}.text-with-media__content-inner--center{align-items:center;text-align:center}.text-with-media__content-inner--center .text-with-media__text-block{align-items:center}.text-with-media__content-inner--center .text-with-media__text-block .button,.text-with-media__content-inner--center .text-with-media__text-block .link{align-self:center}@media(min-width:1000px){.text-with-media__content-inner--center{margin-inline:auto}.text-with-media__inner{flex-direction:row;align-items:stretch;aspect-ratio:2/1}.text-with-media__inner--reverse{flex-direction:row-reverse}.text-with-media__media{width:50%;flex-shrink:0;background:rgb(var(--background))}.text-with-media__media-bg{display:block;position:absolute;top:0;right:0;bottom:0;left:0;background:rgb(var(--background-secondary))}.text-with-media__inner--media-fill .text-with-media__media-bg,.text-with-media__inner--media-fill-left-indent .text-with-media__media-bg{display:none}.text-with-media__media-inner{position:absolute;left:50%;top:50%;width:78%;aspect-ratio:1 / 1;transform:translate(-50%) translateY(-50%)}.text-with-media__inner--media-fill .text-with-media__media-inner{right:0;bottom:0;left:0;top:0;width:100%;aspect-ratio:auto;transform:none}.text-with-media__inner--media-fill-left-indent{--text-with-media-left-indent: max(var(--container-gutter), 50% - var(--container-max-width) / 2);aspect-ratio:auto;align-items:stretch}.text-with-media__inner--media-fill-left-indent .text-with-media__media{display:flex;align-items:stretch;padding-inline-start:var(--text-with-media-left-indent);overflow:hidden}.text-with-media__inner--media-fill-left-indent .text-with-media__media-inner{position:relative;inset:auto;left:auto;top:auto;width:100%;height:auto;aspect-ratio:1 / 1;transform:none}.text-with-media__inner--media-fill-left-indent .text-with-media__content{min-height:0}.text-with-media__content{flex:1 0 0;min-width:0;padding:60px;min-height:500px}.text-with-media__content-inner{max-width:600px;gap:28px;justify-content:center;min-height:100%}.text-with-media__content-inner.text-with-media__content-inner--center{justify-content:center}.text-with-media__text-block{gap:28px}.text-with-media__heading{font-size:48px}.text-with-media__body{padding-block:0}}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/custom_text-with-media.css.map */