.breaker{--dotXCount:10;--dotYCount:6;--skewX:5deg;--dotSize:2px;--dotSpace:.4rem;--patternSize:calc(var(--dotSize) + (var(--dotSpace) * 2));width:100cqw;margin-left:-50cqw;position:relative;left:50%;overflow:hidden}@media (max-width:991.98px){.breaker .row{gap:3rem}}@media (min-width:992px){.breaker{margin-bottom:calc(-2 * var(--patternSize));padding-bottom:calc(var(--patternSize) * 2)}.breaker--align-right .row{flex-direction:row-reverse}}.breaker .row{align-items:center}.breaker__ctr{position:relative}.breaker__ctr:after{top:calc(100% - var(--patternSize) * 4);background-image:radial-gradient(var(--breaker-color) calc(var(--dotSize) * .5), transparent calc(var(--dotSize) * .5));background-position:0 0,50%;background-size:var(--patternSize) var(--patternSize);width:calc(var(--patternSize) * var(--dotXCount));height:calc(var(--patternSize) * var(--dotYCount));content:"";position:absolute;left:3rem}.breaker__wrapper{transform:skewX(var(--skewX));border-radius:var(--border-radius);aspect-ratio:16/9;width:100%;position:relative;overflow:hidden}@media (min-width:992px){.breaker__wrapper{width:calc(100% + 10rem)}}.breaker__img{transform:translate(-50%, -50%) skewX(calc(-1 * var(--skewX)));width:105%;height:100%;position:absolute;top:50%;left:50%}.breaker__img img{object-fit:cover;width:100%;height:100%}.breaker--align-left{--skewX:-5deg}.breaker--align-left .breaker__ctr:after{left:auto;right:3rem}@media (min-width:992px){.breaker--align-left .breaker__wrapper{margin-left:-10rem}}.breaker{--breaker-color:var(--color-secondary)}
/*# sourceMappingURL=breaker.min.css.map */