{"version":3,"file":"index.css","mappings":";;;AAIE;EACE;EACA,yBANkB;EAOlB;AAHJ;AAII;EACE,yBARsB;AAM5B;AAKE;EACE;AAHJ;AAKE;EACE;EACA;EACA;AAHJ;AAII;EACE;EACA;AAFN;AAGM;EACE;EACA;EACA;AADR;AAEQ;EACE;EACA;EACA;EACA;EACA;EACA;AAAV;AAEQ;EACE;AAAV;AAKE;EACE;EACA;EACA;AAHJ;AAII;EACE;EACA;EACA;AAFN;AAII;EACE;EACA;AAFN;AAII;EACE;AAFN;AAII;EACE;EACA,yBA1DgB;EA2DhB,qBA3DgB;AAyDtB;AAII;EACE;AAFN;AAII;EACE;EACA,qBAlEgB;AAgEtB;AAII;EACE,yBArEgB;EAsEhB,qBAtEgB;AAoEtB;AAII;EACE,yBAzEgB;EA0EhB,qBA1EgB;AAwEtB;AAII;EACE;EACA,qBA9EgB;AA4EtB;AAII;EACE;EACA;EACA;AAFN;AAKE;EACE;AAHJ;AAMI;EACE;EACA;AAJN;AAKM;EACE;AAHR;AAQI;EACE;EACA;AANN;;AAUA;AACA;AACA;AACA;EAGE;EACA;EACA;EACA;EACA;AATF;AAUE;EACE;EAGA;EACA;EACA;EACA;EACA;EACA;AAVJ;AAWI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AATN;AAUM;EACE;AARR;AAYE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAVJ;;AAaA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;UAAA;AAVF;;AAYA;EACE;IACE;EATF;EAWA;IACE;EATF;AACF;;AAGA;EACE;IACE;EATF;EAWA;IACE;EATF;AACF,C","sources":["webpack://webyx-fe/./src/admin.scss"],"sourcesContent":["$webyx-primary-color: #9933CC;\r\n$webyx-primary-color-hover: #bf3fff;\r\n$webyx-prefix: webyx-fe-;\r\n##{$webyx-prefix}settings {\r\n  .#{$webyx-prefix}save-settings-btn {\r\n    color: #fff;\r\n    background-color: $webyx-primary-color;\r\n    box-shadow: unset;\r\n    &:hover {\r\n      background-color: $webyx-primary-color-hover;\r\n    }\r\n  }\r\n  .components-placeholder {\r\n    background: #f1f1f1;\r\n  }\r\n  .#{$webyx-prefix}header {\r\n    background-color: #c859ff;\r\n    box-shadow: 0 1px 0 rgba(213, 213, 213, .5), 0 1px 2px #eeeeee;\r\n    margin-left: -2em;\r\n    .#{$webyx-prefix}container {\r\n      margin: 0 auto;\r\n      max-width: 750px;\r\n      .#{$webyx-prefix}title {\r\n        align-items: center;\r\n        display: flex;\r\n        justify-content: center;\r\n        .#{$webyx-prefix}icon-webyx {\r\n          margin-left: 0;\r\n          margin-right: 12px;\r\n          height: 40px;\r\n          width: 40px;\r\n          color: white;\r\n          fill: white;\r\n        }\r\n        h1 {\r\n          color: white;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .#{$webyx-prefix}main {\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n    max-width: 750px;\r\n    .#{$webyx-prefix}is-busy {\r\n      color: white;\r\n      background-size: 100px 100%;\r\n      background-image: linear-gradient(-45deg,$webyx-primary-color-hover 33%,$webyx-primary-color 0,$webyx-primary-color 70%,$webyx-primary-color-hover 0);\r\n    }\r\n    .components-panel {\r\n      background: none;\r\n      border: none;\r\n    }\r\n    .components-panel__body-toggle.components-button:focus {\r\n      box-shadow:  inset 0 0 0 2px $webyx-primary-color; \r\n    }\r\n    .components-form-toggle.is-checked .components-form-toggle__track {\r\n      color: #fff;\r\n      background-color: $webyx-primary-color;\r\n      border-color: $webyx-primary-color;\r\n    }\r\n    .components-form-toggle .components-form-toggle__input:focus+.components-form-toggle__track {\r\n      box-shadow:  0 0 0 2px #fff, 0 0 0 4px $webyx-primary-color; \r\n    }\r\n    .components-form-toggle.is-checked .components-form-toggle__thumb {\r\n      background-color: #fff;\r\n      border-color: $webyx-primary-color;\r\n    }\r\n    .components-form-toggle.is-checked .components-form-toggle__track {\r\n      background-color: $webyx-primary-color; \r\n      border-color: $webyx-primary-color; \r\n    }\r\n    .components-form-toggle .components-form-toggle__thumb {\r\n      background-color: $webyx-primary-color;\r\n      border-color: $webyx-primary-color;\r\n    }\r\n    .components-form-toggle .components-form-toggle__track {\r\n      background-color: #fff;\r\n      border-color: $webyx-primary-color;\r\n    }\r\n    .components-panel__body {\r\n      background: #ffffff;\r\n      border: 1px solid #e2e4e7;\r\n      margin: 1rem 0;\r\n    }\r\n  }\r\n  .components-base-control__help {\r\n    margin-top: .5rem;\r\n  }\r\n  .components-panel__row {\r\n    > div {\r\n      flex-grow: 1;\r\n      margin-right: 1rem;\r\n      &:last-of-type {\r\n        margin-right: 0;\r\n      }\r\n    }\r\n  }\r\n  .#{$webyx-prefix}notices {\r\n    .components-snackbar {\r\n      bottom: .5rem;\r\n      position: fixed;\r\n    }\r\n  }\r\n}\r\n/*****************************************************/\r\n/************ SPINNER LOADER FRONT PAGE **************/\r\n/*****************************************************/\r\n.#{$webyx-prefix}spinner-front-page {\r\n  // width: 50%;\r\n  // height: 50vh;\r\n  position: absolute;\r\n  top: 50vh;\r\n  left: 50%;\r\n  background-color: #c859ff;\r\n  z-index: 999999;\r\n  .#{$webyx-prefix}logo-container {\r\n    position: absolute;\r\n    // top: 50%;\r\n    // left: 50%;\r\n    margin-top: -100px;\r\n    margin-left: -75px;\r\n    width: 150px;\r\n    height: 150px;\r\n    border-radius: 50%;\r\n    background-color: white;\r\n    .#{$webyx-prefix}logo-icon {\r\n      position: absolute;\r\n      width: 120px;\r\n      height: 120px;\r\n      top: 50%;\r\n      left: 50%;\r\n      margin-top: -60px;\r\n      margin-left: -60px;\r\n      svg {\r\n        fill:#9933CC;\r\n      }\r\n    }\r\n  }\r\n  .#{$webyx-prefix}txt-loader {\r\n    position: absolute;\r\n    width: 100%;\r\n    text-align: center;\r\n    top: 50%;\r\n    margin-top: 70px;\r\n    margin-left: -55px;\r\n    letter-spacing: 5px;\r\n    font-weight: bold;\r\n    font-size: 1.2rem;\r\n    color: #aaaaaa;\r\n  }\r\n}\r\n.#{$webyx-prefix}circ-front-page {\r\n  height: 100%;\r\n  width: 100%;\r\n  color: #3232324d;\r\n  position: relative;\r\n  top: -4px;\r\n  left: -4px;\r\n  display: inline-block;\r\n  border: 4px solid;\r\n  border-radius: 50%;\r\n  border-right-color: rgba(153, 51, 204, 1);\r\n  animation: #{$webyx-prefix}rotate 1s linear infinite; \r\n}\r\n@keyframes #{$webyx-prefix}rotate {\r\n  0% {\r\n    transform: rotate(0); \r\n  }\r\n  100% {\r\n    transform: rotate(360deg); \r\n  } \r\n}"],"names":[],"sourceRoot":""}