.ats-video-grid .ats-aspect-box{aspect-ratio:var(--ats-aspect);position:relative;overflow:hidden;border-radius:var(--media-radius)}body.ats-modal-open,html.ats-modal-open{overflow:hidden!important}@media screen and (max-width:749px){body.ats-modal-open .shopify-section-group-header-group,body.ats-modal-open .ats-mobile-bar{display:none!important}body.ats-modal-open{padding-bottom:0!important}}.ats-video-grid:has(.ats-video-modal.is-open){z-index:1001}.ats-video-grid .ats-aspect-box>*{width:100%;height:100%;object-fit:cover;display:block}.ats-video-grid .ats-thumb{position:relative;display:block;width:100%;overflow:hidden;border-radius:var(--media-radius)}.ats-video-grid[data-overlay=true] .ats-thumb:after{content:"";position:absolute;left:0;right:0;bottom:0;height:50%;background:linear-gradient(to top,rgba(var(--ats-overlay-rgb),.82),rgba(var(--ats-overlay-rgb),.65) 18%,rgba(var(--ats-overlay-rgb),.45) 35%,rgba(var(--ats-overlay-rgb),0) 68%);z-index:2;pointer-events:none;border-bottom-left-radius:var(--media-radius);border-bottom-right-radius:var(--media-radius)}.ats-video-grid[data-overlay=true] .video-grid-item:has(.ats-video-product__hit) .ats-thumb:after,.ats-video-grid[data-overlay=true] .video-grid-item:has(.ats-video-card-hit) .ats-thumb:after{height:70%}.ats-video-grid .ats-video-grid-title{position:absolute;left:50%;bottom:.75rem;transform:translate(-50%);z-index:3;color:rgb(var(--color-button-text));padding:0 .5rem;text-align:center;line-height:1.15;font-weight:600}.ats-video-grid .ats-play{position:absolute;top:var(--ats-play-top-m, 10%);left:var(--ats-play-left-m, 85%);transform:translate(-50%,-50%);width:30px;height:30px;border-radius:9999px;display:flex;align-items:center;justify-content:center;background:#ffffffeb;border:2px solid rgb(var(--color-accent));z-index:3;pointer-events:none}.ats-video-grid .ats-play:after{content:"\25b6";color:rgb(var(--color-button));font-size:12px;margin-left:2px}@media(min-width:768px){.ats-video-grid .ats-play{top:var(--ats-play-top-d, 8%);left:var(--ats-play-left-d, 90%);width:40px;height:40px}.ats-video-grid .ats-play:after{font-size:18px}}.ats-video-grid .ats-video-modal,.ats-video-modal.ats-video-modal--pdp{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#000c}.ats-video-modal.ats-video-modal--pdp{z-index:100003}.ats-video-grid .ats-video-modal.is-open,.ats-video-modal.ats-video-modal--pdp.is-open{display:flex;align-items:center;justify-content:center;padding:1rem;overflow-y:auto;box-sizing:border-box}.ats-video-grid .ats-video-modal-content,.ats-video-modal.ats-video-modal--pdp .ats-video-modal-content{position:relative;width:auto;max-width:min(96vw,960px);max-height:calc(100vh - 2rem);border-radius:30px;overflow:hidden;background:#000;flex-shrink:0}.ats-video-grid .ats-video-modal video,.ats-video-modal.ats-video-modal--pdp video{display:block;width:auto;max-width:min(96vw,960px);max-height:calc(100vh - 2rem);height:auto;vertical-align:middle}@media(max-width:749px){.ats-video-grid .ats-video-modal-content,.ats-video-modal.ats-video-modal--pdp .ats-video-modal-content{width:90vw;max-width:90vw}.ats-video-grid .ats-video-modal video,.ats-video-modal.ats-video-modal--pdp video{width:100%;max-width:90vw}.ats-video-grid .ats-video-grid-title{font-size:14px;line-height:1.05}}.ats-video-grid .video-grid-item{position:relative}.ats-video-grid .ats-video-card-hit{position:relative;display:block;width:100%;color:inherit;font:inherit}.ats-video-grid .ats-video-card-hit .ats-thumb{display:block;width:100%}.ats-video-grid .ats-video-product{position:absolute;left:0;right:0;bottom:0;z-index:4;padding:.5rem .65rem;background:transparent;color:rgb(var(--color-button-text));pointer-events:auto}.ats-video-grid .ats-video-product__hit{color:inherit}.ats-video-grid .ats-video-product--shop-now{padding:0;background-color:rgba(var(--color-button),.8);color:rgb(var(--color-button-text));border-radius:0 0 var(--media-radius) var(--media-radius)}.ats-video-grid .ats-video-product--shop-now .button{border-radius:0 0 var(--media-radius) var(--media-radius)}.ats-video-grid .ats-video-product__thumb{width:var(--ats-video-product-thumb-m, 56px);height:var(--ats-video-product-thumb-m, 56px);background:rgb(var(--color-background))}.ats-video-grid .ats-video-product__thumb .ats-imgwrap{width:100%;height:100%}@media(min-width:750px){.ats-video-grid .ats-video-product__thumb{width:var(--ats-video-product-thumb-d, 72px);height:var(--ats-video-product-thumb-d, 72px)}}.ats-video-grid .ats-video-product .card__heading,.ats-video-grid .ats-video-product .ats-caption,.ats-video-grid .ats-video-product .price{color:inherit}.ats-video-grid .video-grid-item:has(.ats-video-product__hit) .ats-video-grid-title,.ats-video-grid .video-grid-item:has(.ats-video-card-hit) .ats-video-grid-title{bottom:calc(var(--ats-video-product-thumb-m, 56px) + 1.25rem);max-width:calc(100% - 1rem)}@media(min-width:750px){.ats-video-grid .video-grid-item:has(.ats-video-product__hit) .ats-video-grid-title,.ats-video-grid .video-grid-item:has(.ats-video-card-hit) .ats-video-grid-title{bottom:calc(var(--ats-video-product-thumb-d, 72px) + 1.35rem)}}.ats-video-grid .ats-thumb video{opacity:0;transition:opacity .2s ease}.ats-video-grid .ats-thumb.is-loaded video{opacity:1}
/*# sourceMappingURL=/cdn/shop/t/74/assets/ats-video-grid.css.map */