.collection .grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-flow:row dense;gap:inherit}.product-item--media-block{grid-column-end:span var(--block-width, 1);grid-row-end:span var(--block-height, 1)}.collection .grid .product-item--media-block[data-width="1"]{grid-column:span 1!important}.collection .grid .product-item--media-block[data-width="2"]{grid-column:span 2!important}.collection .grid .product-item--media-block[data-width="3"]{grid-column:span 3!important}.collection .grid .product-item--media-block[data-width="4"]{grid-column:span 4!important}.collection .grid .product-item--media-block[data-height="1"]{grid-row:span 1!important}.collection .grid .product-item--media-block[data-height="2"]{grid-row:span 2!important}.collection .grid .product-item--media-block[data-height="3"]{grid-row:span 3!important}.collection .grid .product-item--media-block[data-height="4"]{grid-row:span 4!important}.collection .grid .product-item--media-block[data-width="2"][data-height="1"]{grid-column:span 2!important;grid-row:span 1!important}body .collection .grid .product-item--media-block[data-width="4"] .media-block-video{display:block!important;width:100%!important;height:100%!important;object-fit:var(--video-fit, contain)!important;position:absolute!important;top:0!important;left:0!important;z-index:1!important}body .collection .grid .product-item--media-block[data-width="4"] .media-block-content{position:relative!important;width:100%!important;height:100%!important;overflow:visible!important}body .collection .grid .product-item--media-block[data-width="4"] .product-item__bg{position:relative!important;width:100%!important;height:100%!important;min-height:400px!important}.collection .grid .product-item--media-block[data-width="2"][data-height="2"]{grid-column:span 2;grid-row:span 2}.collection .grid .product-item--media-block[data-width="2"][data-height="3"]{grid-column:span 2;grid-row:span 3}.collection .grid .product-item--media-block[data-width="2"][data-height="4"]{grid-column:span 2;grid-row:span 4}.collection .grid .product-item--media-block[data-width="3"][data-height="1"]{grid-column:span 3;grid-row:span 1}.collection .grid .product-item--media-block[data-width="3"][data-height="2"]{grid-column:span 3;grid-row:span 2}.collection .grid .product-item--media-block[data-width="3"][data-height="3"]{grid-column:span 3;grid-row:span 3}.collection .grid .product-item--media-block[data-width="3"][data-height="4"]{grid-column:span 3;grid-row:span 4}.collection .grid .product-item--media-block[data-width="4"][data-height="1"]{grid-column:span 4;grid-row:span 1}.collection .grid .product-item--media-block[data-width="4"][data-height="2"]{grid-column:span 4;grid-row:span 2}.collection .grid .product-item--media-block[data-width="4"][data-height="3"]{grid-column:span 4;grid-row:span 3}.collection .grid .product-item--media-block[data-width="4"][data-height="4"]{grid-column:span 4;grid-row:span 4}.product-item--media-block{aspect-ratio:unset!important}.product-item--media-block .product-item__image{padding-top:0!important;height:100%!important}.product-item--media-block .product-item__bg{padding-top:0!important}.media-block-content{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.media-block-content--mobile{display:none}.media-block-image{width:100%!important;height:100%!important;object-fit:cover!important;object-position:var(--focal-point, center center)!important;display:block!important}.media-block-video{width:100%!important;height:100%!important;object-fit:var(--video-fit, contain)!important;object-position:var(--focal-point, center center)!important;display:block!important}.product-item--media-block[data-width] .media-block-video{position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;max-width:100%!important;max-height:100%!important}.product-item--media-block[data-width] .media-block-content:has(.media-block-video){position:relative!important;padding-bottom:56.25%!important;height:0!important;overflow:hidden!important}.product-item--media-block[data-height] .media-block-content:has(.media-block-video){padding-bottom:0!important;height:100%!important}.media-block-content .image-wrapper{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;overflow:hidden!important}.media-block-content .image-wrapper img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:var(--focal-point, center center)!important}.media-block-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;background:#f0f0f0;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#999;font-size:14px;text-align:center}.media-block-placeholder svg{width:48px;height:48px;opacity:.5;margin-bottom:12px}@media (max-width: 749px){.product-item--media-block .product-item__image{padding-top:0!important;height:100%!important}.media-block-content--desktop{display:none!important}.media-block-content--mobile{display:block!important}.product-item--media-block:not(:has(.media-block-content--mobile)) .media-block-content--desktop{display:block!important}.collection .grid .product-item--media-block[data-mobile-width="1"]{grid-column:span 1!important}.collection .grid .product-item--media-block[data-mobile-width="2"]{grid-column:span 2!important}.collection .grid .product-item--media-block[data-mobile-height="1"]{grid-row:span 1!important}.collection .grid .product-item--media-block[data-mobile-height="2"]{grid-row:span 2!important}.collection .grid .product-item--media-block[data-mobile-height="3"]{grid-row:span 3!important}.collection .grid .product-item--media-block[data-mobile-height="4"]{grid-row:span 4!important}.collection .grid .product-item--media-block[data-mobile-width="2"][data-mobile-height="1"]{grid-column:span 2;grid-row:span 1}.collection .grid .product-item--media-block[data-mobile-width="2"][data-mobile-height="2"]{grid-column:span 2;grid-row:span 2}.collection .grid .product-item--media-block[data-mobile-width="2"][data-mobile-height="3"]{grid-column:span 2;grid-row:span 3}.collection .grid .product-item--media-block[data-mobile-width="2"][data-mobile-height="4"]{grid-column:span 2;grid-row:span 4}.product-item--media-block,.product-item--media-block .product-item__image{min-height:300px!important}}@supports not (selector(:has(*))){@media (max-width: 749px){.media-block-content--desktop{display:block}}.product-item--media-block[data-width] .media-block-content{position:relative!important}.product-item--media-block .media-block-content--desktop:has(.media-block-video),.product-item--media-block .media-block-content--mobile:has(.media-block-video){padding-bottom:56.25%!important;height:0!important}}@media (min-width: 990px){.collection .grid:has(.product-item--media-block[data-width="4"]){max-width:100%!important;overflow:visible!important}}.product-item--media-block[data-width="4"]{position:relative!important;min-height:400px!important}.product-item--media-block[data-width="4"] .product-item__image{position:relative!important;width:100%!important;height:100%!important;min-height:inherit!important}.product-item--media-block[data-width="4"] .media-block-content{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;height:100%!important}.product-item--media-block[data-width="4"] video.media-block-video{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;height:100%!important;object-fit:var(--video-fit, cover)!important;z-index:10!important;opacity:1!important;visibility:visible!important}.vimeo-video-container{position:relative;width:100%;height:100%;overflow:hidden;background:transparent}.vimeo-direct-video{width:100%;height:100%;object-fit:cover}.vimeo-custom-controls{position:absolute;bottom:0;left:0;right:0;background:transparent;padding:12px 16px;display:none;align-items:center;gap:12px;opacity:0;transition:opacity .3s ease;pointer-events:auto;z-index:20}.vimeo-custom-controls.show-controls{display:flex}.vimeo-video-container:hover .vimeo-custom-controls.show-controls{opacity:1}.vimeo-custom-controls button{background:transparent;border:none;cursor:pointer;padding:6px;border-radius:0;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.vimeo-custom-controls button:hover{background-color:transparent;transform:scale(1.05)}.vimeo-timeline{flex:1;position:relative;height:2px;margin:0 10px}.vimeo-progress{width:100%;height:100%;background:#fff3;border:none;border-radius:1px;position:absolute;top:0;left:0}.vimeo-progress::-webkit-progress-bar{background:#fff3;border-radius:1px}.vimeo-progress::-webkit-progress-value{background:#fffc;border-radius:1px}.vimeo-seek{width:100%;height:100%;background:transparent;border:none;position:absolute;top:0;left:0;cursor:pointer;opacity:0}.vimeo-seek::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;background:#fff;border-radius:50%;cursor:pointer;opacity:1}.vimeo-seek::-moz-range-thumb{width:14px;height:14px;background:#fff;border-radius:50%;cursor:pointer;border:none}@media (max-width: 749px){.vimeo-custom-controls.show-controls{padding:10px 12px;gap:8px;opacity:1}.vimeo-custom-controls button{padding:5px}.vimeo-custom-controls svg{width:14px!important;height:14px!important}.vimeo-timeline{margin:0 6px}}.vimeo-custom-controls svg{width:16px;height:16px}.vimeo-equalizer{opacity:.4;transition:opacity .3s ease}.vimeo-equalizer.unmuted{opacity:1}.vimeo-equalizer #bar1{animation:bar1 1.2s infinite linear}.vimeo-equalizer #bar2{animation:bar2 .8s infinite linear}.vimeo-equalizer #bar3{animation:bar3 1s infinite linear}.vimeo-equalizer #bar4{animation:bar4 .7s infinite linear}@keyframes bar1{0%{height:2px}50%{height:7px}to{height:2px}}@keyframes bar2{0%{height:5px}40%{height:1px}80%{height:7px}to{height:5px}}@keyframes bar3{0%{height:7px}50%{height:0}to{height:7px}}@keyframes bar4{0%{height:2px}50%{height:7px}to{height:2px}}.vimeo-custom-controls.hidden-short-video{display:none!important;opacity:0!important;pointer-events:none!important}
/*# sourceMappingURL=/cdn/shop/t/63/assets/collection-media-blocks.css.map */