{"version":3,"sources":["../lib/src/components/PopUpWarning/styles.scss"],"names":[],"mappings":"AAAA,sBAAsB,sBAAsB;EAC1C,wBAAwB;EACxB,8CAA8C;AAChD;;AAEA;EACE,iBAAiB;EACjB,kBAAkB;EAClB,+BAA+B;EAC/B,gCAAgC;;EAEhC;IACE,WAAW;IACX,kBAAkB;IAClB,iBAAiB;IACjB,2BAA2B;IAC3B,2BAA2B;EAC7B;;EAEA;IACE,cAAc;IACd,UAAU;IACV,iBAAiB;IACjB,gBAAgB;IAChB,YAAY;IACZ,eAAe;;IAEf;MACE,aAAa;IACf;;IAEA;MACE,cAAc;MACd,UAAU;MACV,oBAAoB;IACtB;;IAEA;MACE,gBAAgB;MAChB,kBAAkB;MAClB,SAAS;MACT,WAAW;MACX,0BAA0B;MAC1B,gBAAgB;MAChB,iBAAiB;IACnB;EACF;AACF;;AAEA;EACE,6BAA6B;EAC7B,6BAA6B;EAC7B;IACE,cAAc;IACd,qBAAqB;IACrB,WAAW;IACX,kBAAkB;EACpB;AACF;;AAEA;EACE,cAAc;EACd,cAAc;EACd,kBAAkB;EAClB,iBAAiB;EACjB,iBAAiB;;EAEjB;IACE,aAAa;IACb,qBAAqB;EACvB;;EAEA;IACE,mBAAmB;EACrB;AACF;;AAEA;EACE,uCAAuC;AACzC;;AAGA;EACE,aAAa;EACb,WAAW;EACX,gBAAgB;EAChB,8BAA8B;;EAE9B;IACE,kBAAkB;IAClB,YAAY;IACZ,YAAY;IACZ,qBAAqB;IACrB,6BAA6B;IAC7B,0BAA0B;IAC1B,iBAAiB;IACjB,eAAe;;IAEf;MACE,oBAAoB;IACtB;;IAEA;MACE,UAAU;IACZ;IACA;MACE;QACE,WAAW;QACX,kBAAkB;QAClB,MAAM;QACN,OAAO;QACP,WAAW;QACX,YAAY;QACZ,qBAAqB;QACrB,mBAAmB;QACnB,YAAY;MACd;IACF;EACF;AACF;;AAEA;EACE,uBAAuB;EACvB,6DAA6D;EAC7D,uBAAuB;EACvB,gBAAgB;;EAEhB;IACE,YAAY;IACZ,6BAA6B;IAC7B,6DAA6D;IAC7D,6CAA6C;EAC/C;EACA,mCAAmC;AACrC;;AAEA;EACE,kBAAkB;EAClB,uCAAuC;EACvC,kBAAkB;EAClB,yBAAyB;EACzB,gBAAgB;;EAEhB;IACE,6BAA6B;EAC/B;;EAEA;IACE,4BAA4B;IAC5B,wCAAwC;IACxC,cAAc;EAChB;AACF","file":"clWzvIJZ.scss","sourcesContent":[".popUpWarningHelper { /* stylelint-disable */\n  width: 37.5rem!important;\n  -webkit-font-smoothing: antialiased !important;\n}\n\n.popUpWarningHeader {\n  margin-left: 30px;\n  margin-right: 30px;\n  padding-bottom: 11px !important;\n  border-bottom: 1px solid #F6F6F6;\n\n  > h5 {\n    width: 100%;\n    text-align: center;\n    font-family: Lato;\n    font-weight: bold!important;\n    font-size: 1.8rem!important;\n  }\n\n  > button {\n    color: #C3C5C8;\n    opacity: 1;\n    font-size: 1.8rem;\n    font-weight: 100;\n    z-index: 999;\n    cursor: pointer;\n\n    > span {\n      display: none;\n    }\n\n    &:hover, &:focus {\n      color: #C3C5C8;\n      opacity: 1;\n      outline: 0!important;\n    }\n\n    &:before {\n      content: '\\F00d';\n      position: absolute;\n      top: 14px;\n      right: 14px;\n      font-family: 'FontAwesome';\n      font-weight: 400;\n      font-size: 1.2rem;\n    }\n  }\n}\n\n.modalPosition {\n  max-width: 37.5rem !important;\n  margin: 16rem auto !important;\n  > div {\n    width: 37.5rem;\n    padding: 0 !important;\n    border:none;\n    border-radius: 2px;\n  }\n}\n\n.modalBodyContainerHelper {\n  padding: .1rem;\n  color: #F64D0A;\n  text-align: center;\n  font-family: Lato;\n  font-size: 1.3rem;\n\n  > img {\n    width: 2.5rem;\n    margin-bottom: 1.5rem;\n  }\n\n  > p {\n    line-height: 1.8rem;\n  }\n}\n\n.modalBodyHelper {\n  padding: 16px 30px 15px 30px !important;\n}\n\n\n.popUpWarningButtonContainer {\n  display: flex;\n  width: 100%;\n  margin-top: 37px;\n  justify-content: space-between;\n\n  > button {\n    position: relative;\n    height: 3rem;\n    width: 15rem;\n    border-radius: 0.3rem;\n    background-color: transparent;\n    text-transform: capitalize;\n    font-family: Lato;\n    cursor: pointer;\n\n    > i {\n      margin-right: 1.3rem;\n    }\n\n    &:focus {\n      outline: 0;\n    }\n    &:hover {\n      &::after {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        border-radius: 0.3rem;\n        background: #FFFFFF;\n        opacity: 0.1;\n      }\n    }\n  }\n}\n\n.primary {\n  border: none !important;\n  background: linear-gradient(315deg, #0097F6 0%, #005EEA 100%);\n  color: white !important;\n  font-weight: 500;\n\n  &:active, &:focus, &:hover {\n    border: none;\n    background-color: transparent;\n    background: linear-gradient(315deg, #0097F6 0%, #005EEA 100%);\n    box-shadow: inset 1px 1px 3px rgba(0,0,0,.15);\n  }\n  -webkit-font-smoothing: antialiased;\n}\n\n.secondary {\n  position: relative;\n  border: 0.1rem solid #F64D0A !important;\n  border-radius: 3px;\n  color: #F64D0A !important;\n  overflow: hidden;\n\n  &:active {\n    border: 0.15rem solid #F64D0A;\n  }\n\n  &:focus, &:hover {\n    border: 0.1rem solid #F64D0A;\n    background-color: transparent !important;\n    color: #F64D0A;\n  }\n}\n"]}