{"version":3,"sources":["brk-preloader.scss","brk-preloader.css"],"names":[],"mappings":"A,AAAA,wBACC,E,CAEC,sB,CAED,E,CAEC,0B,AAIF,gBACC,E,CAEC,sB,CAED,E,CAEC,0BAIF,wB,CAAA,yB,CAIK,wB,CAJL,yB,CAQM,sB,CACD,Y,CATL,wB,CAYM,uB,CACD,Y,CAGC,U,CACA,W,CACA,oE,CACH,uB,CAKH,c,CACE,iB,CACA,e,CACA,Y,CCZA,iC,CDeE,gB,CACA,W,CAPJ,mC,CAWI,gB,CAXJ,yC,CAAA,0C,CAcK,S,CACA,iB,CAfL,oB,CAAA,qB,CAsCG,U,CACA,iB,CAQA,S,CACA,kB,CAhDH,qB,CAwBG,O,CACA,Q,CAKA,qB,CARA,K,CACA,M,CAGA,S,CAGA,sC,CCFC,uC,CAhBA,wC,CDsBA,Y,CAjCJ,oB,CAwCG,O,CACA,Q,CACA,8B,CACA,U,CACA,W,CACC,+D,CACA,uB,CAGD,2B,CACA,S,CAWH,W,CACC,c,CACA,K,CACA,M,CACA,U,CACA,W,CACA,qB,CACA,a,CACA,kB,CAEA,kB,CACC,S,CACA,iB,CAGD,mB,CACC,a,CACA,iB,CACA,Q,CACA,O,CACA,W,CACA,Y,CACA,sB,CACA,iB,CACA,4B,CACA,wB,CACA,yC,CACA,iC,CAZA,yB,CAAA,0B,CAgBC,U,CACA,iB,CAKA,iB,CACA,4B,CAvBD,0B,CAkBC,O,CACA,Q,CACA,S,CACA,U,CAGA,wB,CACA,yC,CACA,iC,CA1BD,yB,CA8BC,Q,CACA,S,CACA,U,CACA,W,CACA,wB,CACA,2C,CACA,mC","file":"../brk-preloader.css","sourcesContent":["@-webkit-keyframes spin {\r\n\t0% {\r\n\t\t-webkit-transform: rotate(0deg);\r\n\t\ttransform: rotate(0deg)\r\n\t}\r\n\tto {\r\n\t\t-webkit-transform: rotate(360deg);\r\n\t\ttransform: rotate(360deg)\r\n\t}\r\n}\r\n\r\n@keyframes spin {\r\n\t0% {\r\n\t\t-webkit-transform: rotate(0deg);\r\n\t\ttransform: rotate(0deg)\r\n\t}\r\n\tto {\r\n\t\t-webkit-transform: rotate(360deg);\r\n\t\ttransform: rotate(360deg)\r\n\t}\r\n}\r\n\r\nhtml {\r\n  &.brk-preloader {\r\n    &:before,\r\n    &:after {\r\n    \tposition: fixed !important;\r\n\r\n    }\r\n    &:before {\r\n      transition-duration: 1s;\r\n    \tz-index: 1002;\r\n    }\r\n    &:after {\r\n      transition-duration: .5s;\r\n    \tz-index: 1003;\r\n    }\r\n    &:after {\r\n      width: 60px;\r\n      height: 60px;\r\n      background: url(../../img/page-preloader.gif) no-repeat center center;\r\n\t\t\tbackground-size: contain;\r\n\t\t}\r\n  }\r\n}\r\n\r\n.brk-preloader {\r\n  position: relative;\r\n  overflow: hidden;\r\n  height: 100vh;\r\n\r\n  [data-x-mode=\"true\"] & {\r\n    overflow: visible;\r\n    height: auto;\r\n  }\r\n\r\n  &.brk-preloader-remove {\r\n    overflow: visible;\r\n    &:before,\r\n    &:after {\r\n    \topacity: 0;\r\n    \tvisibility: hidden;\r\n    }\r\n  }\r\n\r\n  &:before {\r\n  \tcontent: '';\r\n  \tposition: absolute;\r\n  \ttop: 0;\r\n  \tleft: 0;\r\n  \tright: 0;\r\n  \tbottom: 0;\r\n  \tz-index: 1;\r\n  \topacity: 1;\r\n  \tvisibility: visible;\r\n  \ttransition-property: opacity, visibility;\r\n  \tbackground-color: #fff;\r\n\r\n  \t[data-x-mode=\"true\"] & {\r\n  \t\tdisplay: none;\r\n  \t}\r\n  }\r\n\r\n  &:after {\r\n  \tcontent: '';\r\n  \tposition: absolute;\r\n  \ttop: 50%;\r\n  \tleft: 50%;\r\n  \ttransform: translate(-50%, -50%);\r\n  \twidth: 77px;\r\n  \theight: 77px;\r\n    background: url(../../img/preloader.gif) no-repeat center center;\r\n    background-size: contain;\r\n  \topacity: 1;\r\n  \tvisibility: visible;\r\n  \ttransition-property: opacity;\r\n  \tz-index: 2;\r\n\r\n  \t[data-x-mode=\"true\"] & {\r\n  \t\tdisplay: none;\r\n  \t}\r\n  }\r\n}\r\n\r\n\r\n\r\n\r\n.brk-loader {\r\n\tposition: fixed;\r\n\ttop: 0;\r\n\tleft: 0;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\tbackground-color: #fff;\r\n\tz-index: 99999;\r\n\ttransition: all .3s;\r\n\r\n\t&-remove {\r\n\t\topacity: 0;\r\n\t\tvisibility: hidden;\r\n\t}\r\n\r\n\t&__loader {\r\n\t\tdisplay: block;\r\n\t\tposition: relative;\r\n\t\tleft: 50%;\r\n\t\ttop: 50%;\r\n\t\twidth: 150px;\r\n\t\theight: 150px;\r\n\t\tmargin: -75px 0 0 -75px;\r\n\t\tborder-radius: 50%;\r\n\t\tborder: 3px solid transparent;\r\n\t\tborder-top-color: #2775ff;\r\n\t\t-webkit-animation: spin 2s linear infinite;\r\n\t\tanimation: spin 2s linear infinite;\r\n\r\n\t\t&:after,\r\n\t\t&:before {\r\n\t\t\tcontent: \"\";\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 5px;\r\n\t\t\tleft: 5px;\r\n\t\t\tright: 5px;\r\n\t\t\tbottom: 5px;\r\n\t\t\tborder-radius: 50%;\r\n\t\t\tborder: 3px solid transparent;\r\n\t\t\tborder-top-color: #7202bb;\r\n\t\t\t-webkit-animation: spin 3s linear infinite;\r\n\t\t\tanimation: spin 3s linear infinite\r\n\t\t}\r\n\r\n\t\t&:after {\r\n\t\t\ttop: 15px;\r\n\t\t\tleft: 15px;\r\n\t\t\tright: 15px;\r\n\t\t\tbottom: 15px;\r\n\t\t\tborder-top-color: #b50aff;\r\n\t\t\t-webkit-animation: spin 1.5s linear infinite;\r\n\t\t\tanimation: spin 1.5s linear infinite\r\n\t\t}\r\n\t}\r\n}\r\n","@-webkit-keyframes spin {\n  0% {\n    -webkit-transform: rotate(0deg);\n    transform: rotate(0deg); }\n  to {\n    -webkit-transform: rotate(360deg);\n    transform: rotate(360deg); } }\n\n@keyframes spin {\n  0% {\n    -webkit-transform: rotate(0deg);\n    transform: rotate(0deg); }\n  to {\n    -webkit-transform: rotate(360deg);\n    transform: rotate(360deg); } }\n\nhtml.brk-preloader:before, html.brk-preloader:after {\n  position: fixed !important; }\n\nhtml.brk-preloader:before {\n  transition-duration: 1s;\n  z-index: 1002; }\n\nhtml.brk-preloader:after {\n  transition-duration: .5s;\n  z-index: 1003; }\n\nhtml.brk-preloader:after {\n  width: 60px;\n  height: 60px;\n  background: url(../../img/page-preloader.gif) no-repeat center center;\n  background-size: contain; }\n\n.brk-preloader {\n  position: relative;\n  overflow: hidden;\n  height: 100vh; }\n  [data-x-mode=\"true\"] .brk-preloader {\n    overflow: visible;\n    height: auto; }\n  .brk-preloader.brk-preloader-remove {\n    overflow: visible; }\n    .brk-preloader.brk-preloader-remove:before, .brk-preloader.brk-preloader-remove:after {\n      opacity: 0;\n      visibility: hidden; }\n  .brk-preloader:before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    z-index: 1;\n    opacity: 1;\n    visibility: visible;\n    transition-property: opacity, visibility;\n    background-color: #fff; }\n    [data-x-mode=\"true\"] .brk-preloader:before {\n      display: none; }\n  .brk-preloader:after {\n    content: '';\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    width: 77px;\n    height: 77px;\n    background: url(../../img/preloader.gif) no-repeat center center;\n    background-size: contain;\n    opacity: 1;\n    visibility: visible;\n    transition-property: opacity;\n    z-index: 2; }\n    [data-x-mode=\"true\"] .brk-preloader:after {\n      display: none; }\n\n.brk-loader {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-color: #fff;\n  z-index: 99999;\n  transition: all .3s; }\n  .brk-loader-remove {\n    opacity: 0;\n    visibility: hidden; }\n  .brk-loader__loader {\n    display: block;\n    position: relative;\n    left: 50%;\n    top: 50%;\n    width: 150px;\n    height: 150px;\n    margin: -75px 0 0 -75px;\n    border-radius: 50%;\n    border: 3px solid transparent;\n    border-top-color: #2775ff;\n    -webkit-animation: spin 2s linear infinite;\n    animation: spin 2s linear infinite; }\n    .brk-loader__loader:after, .brk-loader__loader:before {\n      content: \"\";\n      position: absolute;\n      top: 5px;\n      left: 5px;\n      right: 5px;\n      bottom: 5px;\n      border-radius: 50%;\n      border: 3px solid transparent;\n      border-top-color: #7202bb;\n      -webkit-animation: spin 3s linear infinite;\n      animation: spin 3s linear infinite; }\n    .brk-loader__loader:after {\n      top: 15px;\n      left: 15px;\n      right: 15px;\n      bottom: 15px;\n      border-top-color: #b50aff;\n      -webkit-animation: spin 1.5s linear infinite;\n      animation: spin 1.5s linear infinite; }\n"]}