.media-grid-gallery{background-size:cover;background-position:center;background-repeat:no-repeat}.media-grid-top.media-grid-center{text-align:center;margin:auto}.media-grid-top.media-grid-right{text-align:right;margin-left:auto}.media-grid-top h2{margin:0}.media-grid-top p{margin:0;padding-top:1rem}.media-grid-top{padding-bottom:2rem}.media-grid{display:grid}.media-grid-container{position:relative;overflow:hidden}.media-grid.two-tall-split-middle{grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto auto}.media-grid-img{height:100%;position:relative}.media-grid-img img{width:100%;height:100%;object-fit:cover;display:block}.two-tall-split-middle .media-grid-container:nth-child(1){grid-column:1 / 2;grid-row:1 / 3}.two-tall-split-middle .media-grid-container:nth-child(2){grid-column:2 / 3;grid-row:1 / 2}.two-tall-split-middle .media-grid-container:nth-child(3){grid-column:2 / 3;grid-row:2 / 3}.two-tall-split-middle .media-grid-container:nth-child(4){grid-column:3 / 4;grid-row:1 / 3}.one-top-two-bottom-one-side{grid-template-columns:3fr 1fr;grid-template-rows:auto auto}.one-top-two-bottom-one-side .media-grid-container:nth-child(1){grid-column:1 / 2;grid-row:1 / 2}.one-top-two-bottom-one-side .media-grid-container:nth-child(2){grid-column:1 / 2;grid-row:2 / 3;justify-self:start;width:calc(50% - 10px)}.one-top-two-bottom-one-side .media-grid-container:nth-child(3){grid-column:1 / 2;grid-row:2 / 3;justify-self:end;width:calc(50% - 10px)}.one-top-two-bottom-one-side .media-grid-container:nth-child(4){grid-column:2 / 3;grid-row:1 / span 2}.split-top-two-three-bottom{grid-template-columns:3fr 1fr;grid-template-rows:auto auto}.split-top-two-three-bottom{grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto auto;grid-template-areas:"media-grid-container-1 media-grid-container-1 media-grid-container-2" "media-grid-container-3 media-grid-container-4 media-grid-container-5"}.split-top-two-three-bottom .media-grid-container:nth-child(1){grid-area:media-grid-container-1}.split-top-two-three-bottom .media-grid-container:nth-child(2){grid-area:media-grid-container-2}.split-top-two-three-bottom .media-grid-container:nth-child(3){grid-area:media-grid-container-3}.split-top-two-three-bottom .media-grid-container:nth-child(4){grid-area:media-grid-container-4}.split-top-two-three-bottom .media-grid-container:nth-child(5){grid-area:media-grid-container-5}.one-large-two-sidebar{grid-template-columns:3fr 1fr;grid-template-rows:auto auto}.one-large-two-sidebar .media-grid-container:nth-child(1){grid-column:1;grid-row:1 / span 2}.one-large-two-sidebar .media-grid-container:nth-child(2){grid-column:2;grid-row:1}.one-large-two-sidebar .media-grid-container:nth-child(3){grid-column:2;grid-row:2}.three-column-grid{grid-template-columns:1fr 1fr 1fr}.media-grid-info{position:absolute;left:0;width:100%;padding:2.8rem 8rem 2.8rem 2.4rem;opacity:0;bottom:-200%;transition:all .3s;z-index:1}feature-button.media-grid-btn{position:absolute;bottom:1.5rem;right:1.5rem;color:var(--buttons-primary-text);background-color:var(--buttons-primary-background);border:0px;width:4.8rem;height:4.8rem;cursor:pointer;transition:all .2s ease;z-index:3}feature-button.media-grid-btn:hover{color:var(--buttons-primary-text-hover);background-color:var(--buttons-primary-background-hover)}feature-button.media-grid-btn svg{width:2rem;height:2rem}feature-button.media-grid-btn span,.media-grid-overlay.active svg.bi-info-circle{display:none;line-height:0}.media-grid-overlay.active .media-grid-info{opacity:1;bottom:0}.media-grid-overlay.active feature-button.media-grid-btn span{display:block}.featured-look-btn{position:absolute;background:#ffffff8a;border-radius:50%;width:35px;height:35px;animation:blink 3s infinite}.featured-look-btn:hover{animation:none;background-color:#fff}a.featured-look-btn svg{width:15px;height:15px;color:#000}.media-grid-content .media-grid-info{bottom:0;opacity:1;background:transparent;padding:2rem}.media-grid-content .media-grid-info h2,.media-grid-content .media-grid-info p,.media-grid-overlay p,.media-grid-overlay h2{margin:0}.media-grid-content .media-grid-info p,.media-grid-overlay p{padding-top:.5rem}.media-grid-link-btn{display:flex;gap:10px;flex-wrap:wrap}.media-grid-overlay .media-grid-info:after{content:"";width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1}.media-grid-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.media-grid-link-btn a{font-size:1.4rem;line-height:1.9rem;padding:.8rem 1rem .9rem;min-width:15.5rem;font-family:var(--font-heading-family);text-transform:uppercase}.media-grid-card-link{position:absolute;top:0;left:0;width:100%;height:100%;display:block;z-index:2;color:transparent!important}.media-grid-link-btn{overflow:hidden;max-height:0;-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;transition:all 1s}.media-grid-container:hover .media-grid-link-btn{padding-top:2rem;max-height:150px;bottom:0}.media-grid-link-btn:empty{padding:0!important}.media-grid-img video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}video-button.media-grid-video-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;border-radius:50%;border:3px solid #fff;display:flex;justify-content:center;align-items:center;cursor:pointer}video-button.media-grid-video-btn svg{width:50%;height:50%}video-button.media-grid-video-btn .icon-play{stroke:#fff;stroke-width:1.8px}video-button.media-grid-video-btn .icon-play path{fill:transparent}video-button.media-grid-video-btn .icon-pause path{fill:#fff}video-button.media-grid-video-btn .icon-pause{display:none}video-button.media-grid-video-btn.active .icon-pause{display:block}video-button.media-grid-video-btn.active .icon-play{display:none}video-button.media-grid-video-btn.active{display:none}@media screen and (min-width:768px){.two-tall-split-middle .media-grid-container:nth-child(n+5),.one-top-two-bottom-one-side .media-grid-container:nth-child(n+5),.split-top-two-three-bottom .media-grid-container:nth-child(n+6){display:none}}@media screen and (max-width:768px){.media-grid{grid-template-columns:1fr!important}.media-grid-container{grid-column:auto!important;grid-row:auto!important}.media-grid-link-btn{max-height:inherit;padding-top:2rem}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/media-grid.css.map?v=170902193993760860871742826270 */