.masonry-banner .page-width{max-width:calc(var(--page-width) + 16rem)}.grid-banner-section.masonry-grid-banner{gap:20px;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);grid-template-columns:1fr 1fr 1.6fr}.main-grid .grid-banner{height:100%}.grid-banner-section.masonry-grid-banner .grid-banner-content .grid-banner-inner{opacity:0;padding:0;width:8rem;height:8rem;background:transparent;display:flex;align-items:center;justify-content:center;transition:all var(--duration-default) linear;transform:scale(.9)}.grid-banner-section.masonry-grid-banner .grid-banner:hover .grid-banner-content .grid-banner-inner{opacity:1;transform:scale(1)}.grid-banner-section.masonry-grid-banner .grid-banner-content .grid-banner-inner>a{display:inherit;height:0}.grid-banner-section.masonry-grid-banner .grid-banner:hover .grid-banner-content .grid-banner-inner>a{height:100%}.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:30px;overflow:hidden;display:flex;align-items:center;justify-content:center}.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:30px;overflow:hidden}.main-grid .grid-banner.overlay_style .grid-banner-content,.additional-grids .grid-banner.overlay_style .grid-banner-content{position:absolute;padding:0;border-radius:30px;margin:0;width:auto;height:auto;top:0;right:0;bottom:0;left:0;opacity:1}@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:1;grid-row:1 / 3}.grid-banner-section.masonry-grid-banner .additional-grids.five-items.style-11 .grid-banner:first-child{grid-column:1 / 2;grid-row:1/2}.grid-banner-section.masonry-grid-banner .additional-grids.five-items.style-11 .grid-banner:nth-child(2){grid-column:2 / 3;grid-row:1/2}.grid-banner-section.masonry-grid-banner .additional-grids.five-items.style-11 .grid-banner:nth-child(3){grid-column:3 / 5;grid-row:1/3}.grid-banner-section.masonry-grid-banner .additional-grids.five-items.style-11 .grid-banner:nth-child(4){grid-column:1 / 3;grid-row:2/4}.grid-banner-section.masonry-grid-banner .additional-grids.five-items.style-11 .grid-banner:nth-child(5){grid-column:3 / 5;grid-row:3/4}}.grid-banner-section.masonry-grid-banner .grid-banner-content .grid-banner-inner.center{text-align:center}.grid-banner-section.masonry-grid-banner .grid-banner-content .grid-banner-inner.left{text-align:left}.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}.grid-banner-section.masonry-grid-banner .grid-banner.overlay_style .grid-banner-content{z-index:2}.grid-banner-section.masonry-grid-banner .additional-grids,.grid-banner-section.masonry-grid-banner .main-grid{overflow:visible}.grid-banner:before{background:var(--gradient-base-accent-3);width:auto;height:auto;z-index:1;position:absolute;top:0;right:0;bottom:0;left:0;content:"";opacity:1;transition:all var(--duration-default) linear;border-radius:33px;z-index:0}.grid-banner:hover:before{top:-5px;right:-5px;bottom:-5px;left:-5px}.shopify-section.reveal .masonry-banner .main-grid{animation:fadeInUp var(--anim-time) ease both}@media (max-width: 1280px){.grid-banner-section.masonry-grid-banner{width:100%;flex-direction:column;max-width:780px;margin:auto;row-gap:var(--grid-desktop-vertical-spacing)}.grid-banner-section.masonry-grid-banner .additional-grids{grid-template-columns:1fr 1fr}.grid-banner-section.masonry-grid-banner .additional-grids.five-items.style-11 .grid-banner:first-child{grid-column:1 / 2;grid-row:unset}.grid-banner-section.masonry-grid-banner .additional-grids.five-items.style-11 .grid-banner:nth-child(2){grid-column:2 / 3;grid-row:unset}.grid-banner-section.masonry-grid-banner .additional-grids.five-items.style-11 .grid-banner:nth-child(3){grid-column:1 / 3;grid-row:unset}.grid-banner-section.masonry-grid-banner .additional-grids.five-items.style-11 .grid-banner:nth-child(4){grid-column:1 / 3;grid-row:unset}.grid-banner-section.masonry-grid-banner .additional-grids.five-items.style-11 .grid-banner:nth-child(5){grid-column:1 / 3;grid-row:unset}}@media (max-width: 1199px) and (min-width:990px){.main-grid .grid-banner.overlay_style .grid-banner-content,.additional-grids .grid-banner.overlay_style .grid-banner-content{padding:35px}}@media screen and (min-width: 750px) and (max-width: 1199px){.masonry-banner .title+.description,.masonry-banner .title{max-width:50rem;width:100%}}@media screen and (min-width: 1200px){.masonry-banner .title+.description,.masonry-banner .title{max-width:75rem;width:100%}}@media (max-width: 575px){.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-template-columns:1fr}.grid-banner-section.masonry-grid-banner .additional-grids.five-items.style-11 .grid-banner:first-child{grid-column:1 / 3;grid-row:unset}.grid-banner-section.masonry-grid-banner .additional-grids.five-items.style-11 .grid-banner:nth-child(2){grid-column:1 / 3;grid-row:unset}.masonry-banner .page-width{padding:0 2rem}}.masonry-banner .title-wrapper-with-link .button{margin-top:20px}
/*# sourceMappingURL=/cdn/shop/t/29/assets/section-masonry-banner.css.map */