.banner:not(.banner--shape){width:100%;padding:0;position:relative}.banner:not(.banner--shape) .banner-image{width:100%;height:500px;background-size:cover}.banner:not(.banner--shape) .banner-image img,.banner:not(.banner--shape) .banner-image svg{object-fit:cover;height:100%;width:100%}.banner:not(.banner--shape) .banner-content{z-index:2;width:100%;max-width:1600px;left:50%;transform:translate(-50%);height:100%;position:absolute;display:flex;align-items:center;top:0;padding:var(--content-padding)}.banner:not(.banner--shape) .banner-content__inner{max-width:450px;padding:var(--content-padding)}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.banner--shape{width:100%;color:var(--color-white);display:grid;grid-template-columns:repeat(3,33.33%)}.banner--left{justify-content:flex-start}.banner--right{justify-content:flex-end}.banner--shape.banner--left .banner-image{grid-column:1 / span 2}.banner--shape.banner--right .banner-image{grid-column:2 / span 2}.banner--right .polygon{transform:scaleX(-1)}.banner--right .circle{transform:scaleX(1) scaleY(-1);margin-right:-2.5em}.banner .polygon,.banner .circle{display:flex;flex-direction:column;justify-content:center}.banner--right .circle{transform:scaleY(1) scaleX(-1) translate(0)}.banner--shape .banner-image{width:100%;height:auto}.polygon{width:100%;height:0;padding-bottom:75%;background-size:cover;background-position:center;-webkit-clip-path:polygon(0 88.51%,0 0,90% 0,10% 100%);clip-path:polygon(0 88.51%,0 0,90% 0,10% 100%)}.circle{width:100%;height:0;padding-bottom:75%;background-size:cover;background-position:center;-webkit-clip-path:circle(57.73% at 30% 20%);clip-path:circle(57.73% at 30% 20%)}.banner--shape .banner-content{height:100%;position:relative;width:100%;padding:2em;box-sizing:border-box;display:flex;justify-content:center;align-items:center}.banner--shape .banner-content__inner{position:absolute;width:120%}.banner--shape.banner--left .banner-content__inner{margin-left:-80%}.banner--shape.banner--circle.banner--left .banner-content__inner{margin-left:-20%}.banner--shape.banner--right .banner-content__inner{margin-right:-80%}.banner--shape.banner--circle.banner--right .banner-content__inner{margin-left:-20%}.banner--shape .banner-content__inner h1{margin:0;line-height:1.2;color:var(--color-primary);text-transform:lowercase}@media only screen and (max-width: 767px){.banner--shape{grid-template-columns:100%}.banner--shape.banner--right .banner-image,.banner--shape.banner--left .banner-image{grid-column:unset}.banner--shape.banner--right .banner-content{grid-row:2}.banner--shape.banner--left .banner-content__inner{text-align:right;width:95%}.banner--shape.banner--right .banner-content__inner{margin-right:0}.banner--shape h1{text-shadow:2px 2px 4px rgba(0,0,0,.5)}.banner--shape .banner-content{padding:0;display:flex;width:100%;justify-content:flex-end}.banner--shape .banner-content__inner{width:100%;margin-left:0;margin-top:-4rem;padding:0 1rem 2rem;z-index:3;position:relative}.banner--shape.banner--circle .banner-content__inner{margin-top:-1rem}}.banner-content--light{background:var(--color-white);color:var(--color-black)}.banner-content--dark{background:var(--color-black);color:var(--color-white)}.banner.cart-wrapper{padding:0}.banner .cart-container__inner{background-color:var(--color-white);padding:2rem;width:100%;position:relative}@media only screen and (min-width: 767px){.banner.cart-wrapper{padding:0 1rem}.banner .cart-container__inner{padding:2rem}}.banner.cart-wrapper .banner-content{left:50%;top:50%;transform:translate(-50%,-50%);width:100%;max-width:400px;padding:1rem}
/*# sourceMappingURL=/cdn/shop/t/2/assets/comp-banner-shapes-alt.css.map */