{"version":3,"sources":["../scss/_variables.scss","notify/css/notifIt.scss"],"names":[],"mappings":"AAKA;AA6BA;AAWA;AAcA;AAaA;AAKA;AC3EA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;;AAKZ;EACI;EACA,ODbG;ECcH;EACA;EACA;;AAEA;EACI,kBDGC;;;ACCT;AACA;AAGI;EACI,kBDlCC;ECmCD;;AAGJ;EACI,kBDrCA;ECsCA;;AAGJ;EACI,kBD3CC;EC4CD;;AAGJ;EACI,kBD9CF;EC+CE;;AAGJ;EACI;EACA,ODjDD;;ACoDH;EACI,kBDvEC;ECwED,ODtDD;;ACyDH;EACI,kBD3DF;EC4DE,OD3DD;;;AC+DP;AAEA;AAAA;EAEI;EACA;EACA;EACA;EACA;EACA,kBD7CM;;;ACgDV;AAAA;EAEI;EACA;EACA;EACA;EACA,kBDjFG;ECkFH;EACA;EACA;EACA;EACA;;;AAGJ;AAAA;AAAA;AAAA;EAII;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;AAAA;EAEI;EACA;;;AAGJ;AAAA;EAEI;;;AAGJ;EACI,kBDjIK;ECkIL,OD5HG;;;AC+HP;EACI,kBDpII;ECqIJ,ODjIG;;;ACoIP;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA","file":"notifIt.css","sourcesContent":["\r\n$background: #eaedf7;\r\n$color:#1d212f;\r\n$border:#e8e8f7;\r\n\r\n/*Color variables*/\r\n\r\n\r\n$primary:var(--primary-bg-color);\r\n$primary-hover:var(--primary-bg-hover);\r\n$primary-border:var(--primary-bg-border);\r\n$primary-transparent:var(--primary01);\r\n$primary-005:var(--primary005);\r\n$primary-01:var(--primary01);\r\n$primary-02:var(--primary02);\r\n$primary-03:var(--primary03);\r\n$primary-05:var(--primary05);\r\n$primary-07:var(--primary07);\r\n$primary-08:var(--primary08);\r\n$secondary:#f1388b;\r\n$success:#19b159;\r\n$warning:#ff9b21;\r\n$danger:#fd6074;\r\n$info:#01b8ff;\r\n$light:#f1f2f9;\r\n$dark:#3b4863;\r\n$white:#ffffff;\r\n$black:#000000;\r\n$pink:#ff75ad;\r\n$purple:#6f42c1;\r\n$indigo:#4b0082;\r\n$orange:#fd7e14;\r\n$teal:#00cccc;\r\n\r\n/*gray variables*/\r\n$gray-100:#eaeafb;\r\n$gray-200:#d0d0ec;\r\n$gray-300:#babade;\r\n$gray-400:#8f8fb7;\r\n$gray-500:#717196;\r\n$gray-600:#4f4f71;\r\n$gray-700:#3c3c5d;\r\n$gray-800:#262644;\r\n$gray-900:#1b1b33;\r\n\r\n/*white variables*/\r\n$white-1:rgba(255, 255, 255, 0.1);\r\n$white-2:rgba(255, 255, 255, 0.2);\r\n$white-3:rgba(255, 255, 255, 0.3);\r\n$white-4 :rgba(255, 255, 255, 0.4);\r\n$white-5 :rgba(255, 255, 255, 0.5);\r\n$white-6 :rgba(255, 255, 255, 0.6);\r\n$white-7 :rgba(255, 255, 255, 0.7);\r\n$white-8 :rgba(255, 255, 255, 0.8);\r\n$white-9 :rgba(255, 255, 255, 0.9);\r\n$white-05:rgba(255, 255, 255, 0.05);\r\n$white-08:rgba(255, 255, 255, 0.08);\r\n$white-75:rgba(255, 255, 255, 0.075);\r\n\r\n/*black variables*/\r\n$black-1:rgba(0, 0, 0, 0.1);\r\n$black-2:rgba(0, 0, 0, 0.2);\r\n$black-3:rgba(0, 0, 0, 0.3);\r\n$black-4:rgba(0, 0, 0, 0.4);\r\n$black-5:rgba(0, 0, 0, 0.5);\r\n$black-6:rgba(0, 0, 0, 0.6);\r\n$black-7:rgba(0, 0, 0, 0.7);\r\n$black-8:rgba(0, 0, 0, 0.8);\r\n$black-9:rgba(0, 0, 0, 0.9);\r\n$black-05:rgba(0, 0, 0, 0.05);\r\n\r\n\r\n/*Dark Theme*/\r\n$dark-theme:var(--dark-theme);\r\n$dark-body:var(--dark-body);\r\n$dark-color:var(--dark-color);\r\n$dark-border:var(--dark-border);\r\n/*Dark Theme*/\r\n\r\n\t\r\n\r\n","@import \"../../../scss/variables\";\n\n#ui_notifIt {\n    position: fixed;\n    top: 10px;\n    right: 10px;\n    cursor: pointer;\n    overflow: hidden;\n    -webkit-box-shadow: 0px 3px 5px $black-3;\n    -moz-box-shadow: 0px 3px 5px $black-3;\n    -o-box-shadow: 0px 3px 5px $black-3;\n    box-shadow: 0px 3px 5px $black-3;\n    -wekbit-border-radius: 5px;\n    -moz-border-radius: 5px;\n    -o-border-radius: 5px;\n    border-radius: 5px;\n    z-index: 20000;\n\n    &:hover {\n        opacity: 1 !important;\n    }\n\n    p {\n        text-align: center;\n        font-size: 14px;\n        padding: 0;\n        margin: 0;\n        padding: 10px;\n        font-weight: 400;\n        text-transform: capitalize;\n\n        i {\n            font-size: 20px;\n        }\n    }\n}\n\n#notifIt_close {\n    position: absolute;\n    color: $white;\n    top: 0;\n    padding: 0px 5px;\n    right: 0;\n\n    &:hover {\n        background-color: $white-3;\n    }\n}\n\n/* Color setup */\n/* You are free to change all of this */\n\n#ui_notifIt {\n    &.success {\n        background-color: $success;\n        color: white;\n    }\n\n    &.error {\n        background-color: $danger;\n        color: white;\n    }\n\n    &.warning {\n        background-color: $warning;\n        color: white;\n    }\n\n    &.info {\n        background-color: $info;\n        color: white;\n    }\n\n    &.default {\n        background-color: #7987a1;\n        color: $white;\n    }\n\n    &.primary {\n        background-color: $primary;\n        color: $white;\n    }\n\n    &.dark {\n        background-color: $dark;\n        color: $white;\n    }\n}\n\n/* notifit confirm */\n\n.notifit_confirm_bg,\n.notifit_prompt_bg {\n    position: fixed;\n    top: 0;\n    left: 0;\n    height: 100%;\n    width: 100%;\n    background-color: $white-8;\n}\n\n.notifit_confirm,\n.notifit_prompt {\n    position: fixed;\n    top: 0;\n    left: 0;\n    padding: 30px;\n    background-color: $white;\n    border: 0;\n    border-radius: 1px;\n    -webkit-box-shadow: 0px 2px 10px $black-2;\n    box-shadow: 0px 2px 10px rgb(162, 172, 202);\n    z-index: 9999;\n}\n\n.notifit_confirm_accept,\n.notifit_confirm_cancel,\n.notifit_prompt_accept,\n.notifit_prompt_cancel {\n    display: inline-block;\n    font-weight: 400;\n    color: #160248;\n    text-align: center;\n    vertical-align: middle;\n    user-select: none;\n    background-color: transparent;\n    border: 1px solid transparent;\n    padding: 0.375rem 0.75rem;\n    font-size: 0.875rem;\n    line-height: 1.5;\n    border-radius: 4px;\n    margin-right: 5px;\n    outline: none;\n    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,\n        box-shadow 0.15s ease-in-out;\n}\n\n.notifit_prompt_accept:hover,\n.notifit_prompt_cancel:hover {\n    background-color: #666;\n    outline: none;\n}\n\n.notifit_confirm_accept:focus,\n.notifit_confirm_cancel:focus {\n    outline: none;\n}\n\n.notifit_confirm_accept {\n    background-color: $success;\n    color: $white;\n}\n\n.notifit_confirm_cancel {\n    background-color: $danger;\n    color: $white;\n}\n\n.notifit_confirm_message {\n    text-align: center;\n    margin-bottom: 20px;\n    font-size: 14px;\n}\n\n.notifit_prompt_message {\n    color: #444;\n    margin-top: 0;\n    text-align: center;\n}\n\n.notifit_prompt_input {\n    text-align: center;\n    font-size: 14px;\n    width: 100%;\n    padding: 10px;\n    outline: none;\n    border: 1px solid #aaa;\n    color: #444;\n    -webkit-border-radius: 5px;\n    -moz-border-radius: 5px;\n    -ms-border-radius: 5px;\n    -o-border-radius: 5px;\n    border-radius: 5px;\n}\n\n.notifit_prompt {\n    text-align: center;\n}\n\n#ui_notifIt.info {\n    margin: 0 auto;\n    right: 10px !important;\n    left: 10px !important;\n}\n"]}