.media-with-content .media-block.product-media-with-callouts{position:relative}.media-with-content .hotspots-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:clamp(8px,2vw,24px);padding-block:24px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;pointer-events:none}.media-with-content .hotspot{display:inline-block;line-height:1.2;background:#2f8481e6;color:#fff;padding:.4em .8em;border-radius:999px;border:var(--tm-color-green-hov) 1px solid;pointer-events:auto;position:relative}.media-with-content .hotspot:nth-child(2n){align-self:flex-end;text-align:right}.media-with-content .hotspot:after,.media-with-content .hotspot:before{content:"";position:absolute;top:50%;transform:translateY(-50%);background:var(--tm-color-green-accent);pointer-events:none;display:block}.media-with-content .hotspot:before{width:10px;height:10px;border-radius:50%;animation:hotspot-pulse 5s ease-in-out infinite}@keyframes hotspot-pulse{0%,90%{opacity:1;transform:translateY(-50%) scale(1)}95%{opacity:.3;transform:translateY(-50%) scale(.8)}to{opacity:1;transform:translateY(-50%) scale(1)}}.media-with-content .hotspot:after{width:15px;height:2px}.media-with-content .hotspot:before{width:10px;height:10px;border-radius:50%}.media-with-content .hotspot:nth-child(odd):after{left:100%;margin-left:6px}.media-with-content .hotspot:nth-child(odd):before{left:calc(100% + 21px)}.media-with-content .hotspot:nth-child(2n):after{right:100%;margin-right:6px}.media-with-content .hotspot:nth-child(2n):before{right:calc(100% + 21px)}@media screen and (min-width: 749px){.media-with-content .hotspot:after{width:40px;height:2px}.media-with-content .hotspot:nth-child(odd):before{left:calc(100% + 46px)}.media-with-content .hotspot:nth-child(2n):before{right:calc(100% + 46px)}}.section--page-width.media-with-content{grid-template-areas:"margin-left media margin-right" "margin-left content margin-right"}@media screen and (min-width: 750px){.section--page-width.media-with-content{--media-with-content-grid-columns: var(--full-page-grid-margin) calc((var(--full-page-grid-central-column-width) / 12) * 7) calc((var(--full-page-grid-central-column-width) / 12) * 5) var(--full-page-grid-margin);grid-template-areas:"margin-left media content margin-right"}}@media screen and (min-width: 750px){.section--page-width.media-with-content--media-right{--media-with-content-grid-columns: var(--full-page-grid-margin) calc((var(--full-page-grid-central-column-width) / 12) * 5) calc((var(--full-page-grid-central-column-width) / 12) * 7) var(--full-page-grid-margin);grid-template-areas:"margin-left content media margin-right"}}@media screen and (min-width: 750px){.section--page-width.media-with-content--medium{--media-with-content-grid-columns: var(--full-page-grid-margin) repeat(2, calc(var(--full-page-grid-central-column-width) / 2)) var(--full-page-grid-margin)}}@media screen and (min-width: 750px){.section--page-width.media-with-content--narrow.media-with-content--media-right{--media-with-content-grid-columns: var(--full-page-grid-margin) calc((var(--full-page-grid-central-column-width) / 3) * 2) calc(var(--full-page-grid-central-column-width) / 3) var(--full-page-grid-margin)}}@media screen and (min-width: 750px){.section--page-width.media-with-content--narrow{--media-with-content-grid-columns: var(--full-page-grid-margin) calc(var(--full-page-grid-central-column-width) / 3) calc((var(--full-page-grid-central-column-width) / 3) * 2) var(--full-page-grid-margin)}}@media screen and (min-width: 750px){.section--full-width.media-with-content--media-right{--media-with-content-grid-columns: 2.5fr 3.5fr;grid-template-areas:"content media"}}@media screen and (min-width: 750px){.section--full-width.media-with-content--medium{--media-with-content-grid-columns: 1fr 1fr}}@media screen and (min-width: 750px){.section--full-width.media-with-content--narrow{--media-with-content-grid-columns: 2fr 4fr}}@media screen and (min-width: 750px){.section--full-width.media-with-content--narrow.media-with-content--media-right{--media-with-content-grid-columns: 4fr 2fr}}.media-with-content.media-with-content--media-extend{grid-template-columns:var(--media-with-content-grid-columns);grid-template-areas:"media media media" "margin-left content margin-right"}@media screen and (min-width: 750px){.media-with-content.media-with-content--media-extend{grid-template-areas:"media media content margin-right"}}@media screen and (min-width: 750px){.media-with-content--media-extend.media-with-content--media-right{grid-template-areas:"margin-left content media media"}}@media screen and (min-width: 750px){.media-with-content--media-right{grid-template-areas:"margin-left content media media"}}.media-with-content{--media-with-content-grid-columns: var(--full-page-grid-with-margins);grid-template-columns:var(--media-with-content-grid-columns);grid-template-areas:"media media media" "content content content"}@media screen and (min-width: 750px){.media-with-content{--media-with-content-grid-columns: 3.5fr 2.5fr;grid-template-areas:"media content"}}.media-with-content .media-block{grid-area:media}.media-with-content .media-with-content__content{grid-area:content}.media-with-content .media-with-content__content>.group-block-content{padding-inline:var(--page-margin);padding-block:calc(2 * var(--page-margin))}@media screen and (min-width: 750px){.media-with-content .media-with-content__content>.group-block-content{padding-block:var(--page-margin)}}.media-with-content.section--page-width .media-with-content__content>.group-block-content{padding-inline:0}@media screen and (min-width: 750px){.media-with-content.section--page-width .media-with-content__content>.group-block-content{padding-inline-start:var(--page-margin)}}.media-with-content.section--page-width.media-with-content--media-right .media-with-content__content>.group-block-content{padding-inline-end:var(--page-margin);padding-inline-start:0}.media-with-content[data-shopify-visual-preview]{--hero-min-height: 500px;min-height:500px}
/*# sourceMappingURL=/cdn/shop/t/31/assets/tm-media-with-content-style.css.map */