.banner:not(.banner--shape){width:100%;padding:0;position:relative}.banner:not(.banner--shape) .banner-image{width:100%;height:500px}.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;min-width:300px;max-width:400px;position:absolute;padding:var(--content-padding);top:50%;transform:translateY(-50%);text-align:center}.banner--left:not(.banner--shape) .banner-content{left:calc(var(--content-padding)* 2)}.banner--right:not(.banner--shape) .banner-content{left:initial;right:calc(var(--content-padding)* 2)}.banner--shape{width:100%;color:var(--color-white);display:flex;flex-direction:row;position:relative}.banner--left{justify-content:flex-start}.banner--right{justify-content:flex-end}.banner--right .polygon{transform:scaleX(-1)}.banner--right .circle{transform:scaleX(1) scaleY(-1);margin-right:-2.5em}.banner--shape .banner-content{position:absolute;top:50%;transform:translateY(-50%);width:50%;max-width:100%;min-width:auto;z-index:1}.banner--shape.banner--left .banner-content{left:auto;right:0}.banner--shape.banner--right .banner-content{left:0;right:auto}.banner .polygon,.banner .circle{display:flex;flex-direction:column;justify-content:center}.banner--shape .banner-image{width:100%;max-width:800px;height:auto;max-height:650px}.polygon{-webkit-mask-image:url("data:image/svg+xml,%3Csvg width='300' height='250' viewBox='0 0 300 250' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolygon points='0 221.278 0 0 300 0 54.5 250' fill='black'/%3E%3C/svg%3E%0A");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}.circle{-webkit-mask-image:url("data:image/svg+xml,%3Csvg width='539' height='460px' viewBox='0 0 539 460' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='311' cy='311' r='311' fill='black'/%3E%3C/svg%3E%0A");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;transform:scaleY(-1) scaleX(-1) translate(40px);max-width:600px;max-height:600px}.circle img,.polygon img,.circle svg,.polygon svg{max-width:100%}.banner--shape .banner-content{height:100%;width:60%;padding:2em;box-sizing:border-box;display:flex;justify-content:center;align-items:center}@media only screen and (max-width: 767px){.banner--shape .banner-content{width:100%;align-items:flex-end}}.banner--shape .banner-content__inner{width:100%;max-width:400px}.banner--shape .banner-content__inner h1{margin:0;line-height:1.2;color:var(--color-primary);text-transform:lowercase}.banner-content--light{background:var(--color-white);color:var(--color-black)}.banner-content--dark{background:var(--color-black);color:var(--color-white)}@media only screen and (min-width: 767px){.banner.cart-wrapper{padding:0 2em}}.banner.cart-wrapper .banner-content{left:50%;top:50%;transform:translate(-50%,-50%);width:100%;max-width:400px}
/*# sourceMappingURL=/cdn/shop/t/2/assets/comp-banner-shapes.css.map */