.grid-banner-section.masonry-grid-banner{display:flex;flex-wrap:wrap;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:inherit;flex-flow:inherit;justify-content:space-between}.grid-banner-section.masonry-grid-banner .additional-grids{display:grid;gap:var(--grid-desktop-horizontal-spacing)}.main-grid .grid-banner{height:100%}.grid-banner-section.masonry-grid-banner .grid-banner-content .grid-banner-inner{padding:10px}.grid-banner-section.masonry-grid-banner .main-grid .grid-banner.overlay_style .grid-banner-image img,.grid-banner-section.masonry-grid-banner .main-grid .grid-banner.overlay_style .grid-banner-image{height:100%;width:100%;border-radius:var(--buttons-radius);overflow:hidden}.main-grid .grid-banner.overlay_style,.additional-grids .grid-banner.overlay_style{position:relative;height:100%}.main-grid .grid-banner.overlay_style .grid-banner-image,.additional-grids .grid-banner.overlay_style .grid-banner-block-image{position:relative}.grid-banner-section.masonry-grid-banner .additional-grids .grid-banner.overlay_style .grid-banner-block-image,.grid-banner-section.masonry-grid-banner .additional-grids .grid-banner.overlay_style .grid-banner-block-image img{height:100%;width:100%;border-radius:var(--buttons-radius);overflow:hidden}.main-grid .grid-banner.overlay_style .grid-banner-content,.additional-grids .grid-banner.overlay_style .grid-banner-content{position:absolute}.grid-banner-section.masonry-grid-banner .main-grid .grid-banner.overlay_style:hover .grid-banner-image img{transform-origin:left}.grid-banner-section.masonry-grid-banner .main-grid .grid-banner.overlay_style .grid-banner-image img{transform-origin:right;transition:.6s ease-in-out;transform:scale(1.01)}@media (min-width: 750px){.grid-banner-section.masonry-grid-banner .additional-grids.two-items.default,.grid-banner-section.masonry-grid-banner .additional-grids.three-items.style-5,.grid-banner-section.masonry-grid-banner .additional-grids.four-items,.grid-banner-section.masonry-grid-banner .additional-grids.five-items.style-3,.grid-banner-section.masonry-grid-banner .additional-grids.five-items.style-4{grid-template-columns:repeat(2,1fr)}.grid-banner-section.masonry-grid-banner .additional-grids[class*=style-] .grid-banner:only-child{grid-column:1 / 3}.grid-banner-section.masonry-grid-banner .additional-grids.three-items.style-2 .grid-banner.grid-style:first-child{grid-row-end:3}.grid-banner-section.masonry-grid-banner .additional-grids.three-items.style-2 .grid-banner:first-child{grid-column:1 / 3;grid-row-start:1}.grid-banner-section.masonry-grid-banner .additional-grids.three-items.style-3 .grid-banner:first-child{grid-column:1 / 3;grid-row-start:2}.grid-banner-section.masonry-grid-banner .additional-grids.three-items.style-4 .grid-banner:first-child{grid-row:1 / 3}.grid-banner-section.masonry-grid-banner .additional-grids.three-items.style-4 .grid-banner:first-child{grid-row:1 / 3;grid-column-start:2}.grid-banner-section.masonry-grid-banner .additional-grids.three-items.style-5 .grid-banner:first-child,.grid-banner-section.masonry-grid-banner .additional-grids.four-items.style-3 .grid-banner:first-child{grid-row:1 / 3}.grid-banner-section.masonry-grid-banner .additional-grids.four-items.style-3 .grid-banner:last-child{grid-column:1 / 3;grid-row-start:3}.grid-banner-section.masonry-grid-banner .additional-grids.four-items.style-4 .grid-banner:first-child{grid-row:1 / 4}.grid-banner-section.masonry-grid-banner .additional-grids.four-items.style-5 .grid-banner:first-child{grid-row:1 / 4;grid-column-start:2}.grid-banner-section.masonry-grid-banner .additional-grids.four-items.style-6{grid-template-columns:auto}.grid-banner-section.masonry-grid-banner .additional-grids.four-items.style-6 .grid-banner:first-child{grid-column:1 / 4}.grid-banner-section.masonry-grid-banner .additional-grids.four-items.style-7 .grid-banner:first-child{grid-row:1 / 3;grid-column-start:2}.grid-banner-section.masonry-grid-banner .additional-grids.four-items.style-7 .grid-banner:last-child{grid-column:1 / 3;grid-row-start:3}.grid-banner-section.masonry-grid-banner .additional-grids.five-items.style-9,.grid-banner-section.masonry-grid-banner .additional-grids.five-items.style-10{grid-template-columns:repeat(3,1fr)}.grid-banner-section.masonry-grid-banner .additional-grids.five-items.style-2 .grid-banner:first-child{grid-column:1 / 3;grid-row-start:2}.grid-banner-section.masonry-grid-banner .additional-grids.five-items.style-3 .grid-banner:first-child{grid-row:1 / 3}.grid-banner-section.masonry-grid-banner .additional-grids.five-items.style-4 .grid-banner:first-child{grid-row:1 / 5}.grid-banner-section.masonry-grid-banner .additional-grids.five-items.style-5 .grid-banner:first-child{grid-column:1 / 5}.grid-banner-section.masonry-grid-banner .additional-grids.five-items.style-6 .grid-banner:first-child{grid-column:1 / 5;grid-row-start:2}.grid-banner-section.masonry-grid-banner .additional-grids.five-items.style-7 .grid-banner:first-child{grid-column:1 / 3}.grid-banner-section.masonry-grid-banner .additional-grids.five-items.style-8 .grid-banner:first-child,.grid-banner-section.masonry-grid-banner .additional-grids.five-items.style-9 .grid-banner:first-child{grid-column-start:2;grid-row:1 / 3}.grid-banner-section.masonry-grid-banner .additional-grids.five-items.style-10 .grid-banner:first-child{grid-column-start:1;grid-row:1 / 3}}.grid-banner-section.masonry-grid-banner .grid-banner-content .grid-banner-inner.left{text-align:left}.grid-banner-section.masonry-grid-banner .grid-banner-content .grid-banner-inner.center{text-align:center}.custom-masonry-banner .grid-banner-content .grid-banner-inner a.link:hover{color:var(--gradient-base-accent-2)}.grid-banner-section.masonry-grid-banner .grid-banner.overlay_style .grid-banner-content.center{top:0;left:0;right:0;bottom:0;width:fit-content;height:fit-content;margin:auto}.grid-banner-section.masonry-grid-banner .grid-banner.overlay_style .grid-banner-content.center-left{top:0;left:0;bottom:0;width:fit-content;height:fit-content;margin:auto}.grid-banner-section.masonry-grid-banner .grid-banner.overlay_style .grid-banner-content.center-right{top:0;right:0;bottom:0;width:fit-content;height:fit-content;margin:auto}.grid-banner-section.masonry-grid-banner .grid-banner.overlay_style .grid-banner-content.top-left{top:0;left:0;width:fit-content;height:fit-content;margin:auto}.grid-banner-section.masonry-grid-banner .grid-banner.overlay_style .grid-banner-content.top-center{top:0;left:0;right:0;width:fit-content;height:fit-content;margin:auto}.grid-banner-section.masonry-grid-banner .grid-banner.overlay_style .grid-banner-content.top-right{top:0;right:0;width:fit-content;height:fit-content;margin:auto}.grid-banner-section.masonry-grid-banner .grid-banner.overlay_style .grid-banner-content.bottom-left{left:0;bottom:0;width:fit-content;height:fit-content;margin:auto}.grid-banner-section.masonry-grid-banner .grid-banner.overlay_style .grid-banner-content.bottom-center{left:0;right:0;bottom:0;width:fit-content;height:fit-content;margin:auto}.grid-banner-section.masonry-grid-banner .grid-banner.overlay_style .grid-banner-content.bottom-right{right:0;bottom:0;width:fit-content;height:fit-content;margin:auto}.main-grid .grid-banner.overlay_style .grid-banner-image:before{background:var(--gradient-base-accent-3);width:100%;height:100%;z-index:2;position:absolute;content:"";opacity:0;transition:all .3s linear}.main-grid:hover .grid-banner.overlay_style .grid-banner-image:before{opacity:.2;z-index:2}.grid-banner-section.masonry-grid-banner .grid-banner.overlay_style .grid-banner-content{z-index:2}@media (max-width: 576px){.main-grid .grid-banner.overlay_style .grid-banner-content,.additional-grids .grid-banner.overlay_style .grid-banner-content{padding:20px}}.grid-banner-section.masonry-grid-banner .additional-grids .grid-banner.overlay_style .grid-banner-block-image img{transform-origin:right;transition:.6s ease-in-out;transform:scale(1.01)}.grid-banner-section.masonry-grid-banner .additional-grids{overflow:hidden}.grid-banner-section.masonry-grid-banner .additional-grids .grid-banner.overlay_style .grid-banner-block-image:hover img{transform-origin:left}.grid-banner-section.masonry-grid-banner .main-grid{overflow:hidden}@media screen and (min-width: 1540px){.grid-banner-section.masonry-grid-banner .grid-banner.overlay_style .grid-banner-content .grid-banner-inner{padding:7rem 4rem 4rem}}@media screen and (min-width: 1200px){.grid-banner-section.masonry-grid-banner .additional-grids.four-items.custom{grid-template-columns:repeat(3,1fr)}.grid-banner-section.masonry-grid-banner .additional-grids.four-items.custom .grid-banner.overlay-1.overlay_style,.grid-banner-section.masonry-grid-banner .additional-grids.four-items.custom .grid-banner.overlay-2.overlay_style{grid-row:1 / 3}}.grid-banner-section.masonry-grid-banner .grid-banner-content .grid-banner-inner{padding:4rem;background:transparent}.grid-banner-section.masonry-grid-banner .grid-banner-content .grid-banner-inner .main-title{margin-top:0;margin-bottom:2rem;line-height:normal}.grid-banner-section.masonry-grid-banner .grid-banner-content .grid-banner-inner .sub-title{margin-top:0;font-size:calc(var(--heading-scale) * 1.6rem);letter-spacing:1.7px}.grid-banner-section.masonry-grid-banner .grid-banner-content .grid-banner-inner p.description{max-width:300px}.grid-banner-section.masonry-grid-banner .grid-banner-content .grid-banner-inner.center p.description{margin-left:auto;margin-right:auto}.grid-banner-section.masonry-grid-banner .grid-banner-content .grid-banner-inner a.button{margin-top:1rem}.main-grid .grid-banner.overlay_style,.additional-grids .grid-banner.overlay_style{border-radius:calc(var(--card-corner-radius) + 3rem);overflow:hidden}.grid-banner-section.masonry-grid-banner .grid-banner.overlay_style .grid-banner-content .grid-banner-inner{-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);transition:1s ease}.grid-banner-section.masonry-grid-banner .grid-banner.overlay_style:hover .grid-banner-content .grid-banner-inner{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media screen and (max-width: 480px){.grid-banner-section.masonry-grid-banner .grid-banner-content .grid-banner-inner{padding:2rem}}@media screen and (max-width: 350px){.grid-banner-section .grid-banner-content .grid-banner-inner{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)!important}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-masonry-banner.css.map */