{"version":3,"sources":["svg-pattern.scss"],"names":[],"mappings":"AAGA,oB,CACE,U,CACA,e,CACA,gB,CACA,kD,CACA,iB,CALF,2B,CAOI,U,CACA,iB,CACA,M,CACA,K,CACA,U,CACA,W,CACA,S,CACA,+B,CAIJ,0B,CACE,iB,CACA,U,CACA,e,CACA,S,CACA,M,CALF,8B,CAQI,iB,CACA,sB,CACA,M,CAGF,8B,CACE,Q,CADD,kC,CAIG,Q,CAGJ,iC,CACE,W,CADD,qC,CAIG,W,CAIJ,oC,CACE,K,CACA,2B,CAKD,uC,CAEG,yB,CAGH,uC,CAEG,yB,CAKN,4B,CACE,Y,CAEF,4B,CACE,Y,CAEF,4B,CACE,Y,CAEF,4B,CACE,Y,CAEF,4B,CAMA,4B,CALE,Y,CADF,gC,CAGI,Q,CAGJ,gC,CAMA,oC,CAHI,K,CASJ,mC,CANA,gC,CACE,Y,CAKF,uC,CAOA,gC,CAJI,Q,CAIJ,4B,CACE,Y,CAMF,gC,CACE,Y,CADF,oC,CAGI,S,CACA,uB,CACA,U,CAGJ,mC,CACE,Y,CADF,uC,CAGI,Q,CACA,U,CACA,wB,CAGJ,iC,CACE,Y,CADF,qC,CAGI,K,CACA,U,CACA,wB,CAGJ,oC,CACE,Y,CADF,wC,CAGI,Q,CACA,U,CACA,wB,CAGJ,iC,CACE,Y,CADF,qC,CAGI,K,CAGJ,oC,CACE,W,CADF,wC,CAGI,Q,CAGJ,iC,CACE,Y,CADF,qC,CAGI,K,CAGJ,oC,CACE,Y,CADF,wC,CAMA,iC,CAHI,Q,CAGJ,6B,CACE,Y,CAMF,iC,CACE,Y,CADF,qC,CAGI,K,CACA,S,CAGJ,oC,CACE,Y,CADF,wC,CAGI,Q,CAGJ,iC,CACE,Y,CADF,qC,CAGI,K,CAGJ,oC,CACE,Y,CADF,wC,CAMA,iC,CAHI,Q,CAGJ,6B,CACE,Y,CAKF,6B,CAMA,6B,CALE,Y,CADF,iC,CAMA,iC,CAOA,iC,CAOA,iC,CAOA,iC,CAxBI,K,CAUJ,6B,CACE,W,CAMF,6B,CACE,Y,CAMF,6B,CACE,Y,CAMF,6B,CACE,W,CADF,2D,CAGI,2B,CAHJ,8D,CAMI,2B,CAIJ,6B,CACE,U,CADF,2D,CAGI,0B,CAHJ,8D,CAMI,2B,CAKJ,6B,CACE,Y,CADF,iC,CAGI,O","file":"../svg-pattern.css","sourcesContent":["@import \"../../assets/styles/variables\";\r\n@import \"../../assets/styles/mixins\";\r\n\r\n.svg-pattern-example{\r\n  width: 100%;\r\n  overflow: hidden;\r\n  min-height: 500px;\r\n  background-image: url(../../img/home-page/bg-4.jpg);\r\n  position: relative;\r\n  &::after{\r\n    content: '';\r\n    position: absolute;\r\n    left: 0;\r\n    top: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    z-index: 1;\r\n    background-color: rgba(0,0,0,.4);\r\n  }\r\n}\r\n\r\n.brk-svg-pattern-container{\r\n  position: absolute;\r\n  width: 100%;\r\n  overflow: hidden;\r\n  z-index: 3;\r\n  left: 0;\r\n\r\n  svg{\r\n    position: absolute;\r\n    width: calc(100% + 2px);\r\n    left: 0;\r\n  }\r\n\r\n  &_top{\r\n    top: -2px;\r\n\r\n    svg{\r\n      top: -5px;\r\n    }\r\n  }\r\n  &_bottom{\r\n    bottom: -2px;\r\n\r\n    svg{\r\n      bottom: -5px;\r\n    }\r\n  }\r\n\r\n  &_top-outer {\r\n    top: 0;\r\n    transform: translateY(-100%);\r\n  }\r\n\r\n  // modifiers\r\n\r\n  &_rotate-y {\r\n    svg {\r\n      transform: rotateY(180deg);\r\n    }\r\n  }\r\n  &_rotate-x {\r\n    svg {\r\n      transform: rotateX(180deg);\r\n    }\r\n  }\r\n}\r\n\r\n.brk-svg-pattern-container-1{\r\n  height: 150px;\r\n}\r\n.brk-svg-pattern-container-2{\r\n  height: 200px;\r\n}\r\n.brk-svg-pattern-container-3{\r\n  height: 150px;\r\n}\r\n.brk-svg-pattern-container-4{\r\n  height: 280px;\r\n}\r\n.brk-svg-pattern-container-5{\r\n  height: 120px;\r\n  svg{\r\n    bottom: 0;\r\n  }\r\n}\r\n.brk-svg-pattern-container-6{\r\n  height: 120px;\r\n  svg{\r\n    top: 0;\r\n  }\r\n}\r\n.brk-svg-pattern-container-7-top{\r\n  height: 150px;\r\n  svg{\r\n    top: 0;\r\n  }\r\n}\r\n.brk-svg-pattern-container-7-bottom{\r\n  height: 150px;\r\n  svg{\r\n    bottom: 0;\r\n  }\r\n}\r\n\r\n.brk-svg-pattern-container-8{\r\n  height: 200px;\r\n  svg{\r\n    bottom: 0;\r\n  }\r\n}\r\n\r\n.brk-svg-pattern-container-9-top{\r\n  height: 700px;\r\n  svg{\r\n    top: -10px;\r\n    width: calc(100% + 70px);\r\n    left: -20px\r\n  }\r\n}\r\n.brk-svg-pattern-container-9-bottom{\r\n  height: 100px;\r\n  svg{\r\n    bottom: 0;\r\n    left: -10px;\r\n    width: calc(100% + 140px);\r\n  }\r\n}\r\n.brk-svg-pattern-container-10-top{\r\n  height: 210px;\r\n  svg{\r\n    top: 0;\r\n    left: -20px;\r\n    width: calc(100% + 120px);\r\n  }\r\n}\r\n.brk-svg-pattern-container-10-bottom{\r\n  height: 390px;\r\n  svg{\r\n    bottom: 0;\r\n    left: -20px;\r\n    width: calc(100% + 220px)\r\n  }\r\n}\r\n.brk-svg-pattern-container-11-top{\r\n  height: 270px;\r\n  svg{\r\n    top: 0;\r\n  }\r\n}\r\n.brk-svg-pattern-container-11-bottom{\r\n  height: 85px;\r\n  svg{\r\n    bottom: 0;\r\n  }\r\n}\r\n.brk-svg-pattern-container-12-top{\r\n  height: 190px;\r\n  svg{\r\n    top: 0;\r\n  }\r\n}\r\n.brk-svg-pattern-container-12-bottom{\r\n  height: 130px;\r\n  svg{\r\n    bottom: 0;\r\n  }\r\n}\r\n.brk-svg-pattern-container-13{\r\n  height: 335px;\r\n  svg{\r\n    bottom: 0;\r\n  }\r\n}\r\n\r\n.brk-svg-pattern-container-14-top{\r\n  height: 120px;\r\n  svg{\r\n    top: 0;\r\n    left: -5px;\r\n  }\r\n}\r\n.brk-svg-pattern-container-14-bottom{\r\n  height: 220px;\r\n  svg{\r\n    bottom: 0;\r\n  }\r\n}\r\n.brk-svg-pattern-container-15-top{\r\n  height: 240px;\r\n  svg{\r\n    top: 0;\r\n  }\r\n}\r\n.brk-svg-pattern-container-15-bottom{\r\n  height: 140px;\r\n  svg{\r\n    bottom: 0;\r\n  }\r\n}\r\n.brk-svg-pattern-container-16{\r\n  height: 260px;\r\n  svg{\r\n    bottom: 0;\r\n  }\r\n}\r\n.brk-svg-pattern-container-17{\r\n  height: 180px;\r\n  svg{\r\n    top: 0;\r\n  }\r\n}\r\n.brk-svg-pattern-container-18{\r\n  height: 180px;\r\n  svg{\r\n    top: 0;\r\n  }\r\n}\r\n\r\n.brk-svg-pattern-container-19{\r\n  height: 75px;\r\n  svg{\r\n    top: 0;\r\n  }\r\n}\r\n\r\n.brk-svg-pattern-container-20{\r\n  height: 140px;\r\n  svg{\r\n    top: 0;\r\n  }\r\n}\r\n\r\n.brk-svg-pattern-container-21{\r\n  height: 150px;\r\n  svg{\r\n    top: 0;\r\n  }\r\n}\r\n\r\n.brk-svg-pattern-container-22 {\r\n  height: 50px;\r\n  &.brk-svg-pattern-container_top {\r\n    background-position-y: -50px; \r\n  }\r\n  &.brk-svg-pattern-container_bottom {\r\n    background-position-y: 100px;     \r\n  }\r\n}\r\n\r\n.brk-svg-pattern-container-23 {\r\n  height: 5px;\r\n  &.brk-svg-pattern-container_top {\r\n    background-position-y: -1px; \r\n  }\r\n  &.brk-svg-pattern-container_bottom {\r\n    background-position-y: -19px;     \r\n  }\r\n}\r\n\r\n \r\n.brk-svg-pattern-container-24 {\r\n  height: 150px;\r\n  svg{\r\n    top: 2px;\r\n  }\r\n}\r\n\r\n \r\n"]}