{"version":3,"sources":["style.scss"],"names":[],"mappings":"AAAA,IACI,UAAW,CACX,aAAc,CACd,WAAY,CACZ,aAAyB,CACzB,cAAiB,CACjB,iBAAkB,CAClB,SAAU,CAPd,gBAUQ,SAAU,CAVlB,YAeQ,WAAY,CACZ,QAAS,CACT,WAAY,CACZ,cAAe,CACf,kBAAmB,CAEnB,iBAAkB,CAClB,yBAA8B,CAtBtC,2BAcQ,UAAW,CAMX,qBAiBsB,CArC9B,eA0BY,uBAAwB,CACxB,eAAgB,CAChB,gBAAiB,CAEjB,yBAA0B,CAC1B,eAAgB,CAChB,cAAe,CACf,aAAc,CACd,cAAe,CACf,cAAgB,CAChB,iBAAkB,CAClB,iBAAkB,CArC9B,sBAwCgB,aAAc,CACd,kBAAmB,CAzCnC,iBA6CgB,UAAW,CACX,gBAAiB,CACjB,cAAe,CA/C/B,aAqDQ,UAAW,CACX,UAAW,CACX,eAAgB,CAChB,kBAAmB,CACnB,iBAAkB,CAClB,gBAAiB,CACjB,iBAAkB,CAClB,kBAAmB,CA5D3B,kBAiEY,aAAuB,CACvB,UAAW,CACX,aAAgB,CAChB,kBAAoB,CApEhC,oBAwEY,UAAW,CACX,uBAA0B,CAC1B,eAAgB,CAChB,kBAAmB,CACnB,iBAAkB,CAClB,cAAe,CACf,aAAc,CACd,eAAiB,CACjB,qBAAsB,CAhFlC,gBAqFQ,aAAc,CACd,UAAW,CACX,wBAAyB,CACzB,qBAAsB,CACtB,iBAAkB,CAClB,iBAAkB,CA1F1B,mBA6FY,yBAA0B,CAC1B,kBAAqB,CACrB,cAAe,CACf,aAAc,CAhG1B,0BAoGY,UAAW,CACX,UAAW,CACX,cAAiB,CAtG7B,0CAwGgB,UAAW,CACX,SAAU,CACV,eAAgB,CAChB,cAAe,CACf,aAAc,CACd,eAAgB,CA7GhC,4CA+GoB,cAAe,CACf,gBAAiB,CACjB,eAAgB,CAChB,aAAc,CAlHlC,kDAsHgB,WAAY,CACZ,SAAU,CAvH1B,aA6HQ,iBAAkB,CAClB,WAAY,CACZ,SAAU,CACV,WAAY,CACZ,WAAY,CACZ,gBAAiB,CACjB,iBAAkB,CAClB,eAAgB,CAChB,UAAY,CACZ,kBAAmB,CACnB,iBAAkB,CAClB,cAAe,CACf,kBAAoB,CAzI5B,mBA2IY,kBAA4B,CA3IxC,gBAgJQ,iBAAkB,CAClB,UAAW,CACX,WAAY,CACZ,gCAAqB,CACrB,WAAY,CApJpB,gBAwJQ,iBAAkB,CAClB,UAAW,CACX,QAAS,CACT,iBAAkB,CAClB,WAAY,CA5JpB,oBA8JY,yBAAkB,CAAlB,sBAAkB,CAAlB,iBAAkB,CAClB,WAAY,CACZ,cAAiB,CACjB,iBAAkB,CAClB,iBAAkB,CAClB,eAAiB,CACjB,gBAAiB,CApK7B,qBAuKY,iBAAkB,CAvK9B,kBA0KY,cAAe,CACf,mBAAoB,CACpB,cAAe,CA5K3B,4BA+KY,kBAAmB,CACnB,aAAc,CAhL1B,4BAmLY,kBAAmB,CACnB,aAAc,CApL1B,yBAuLY,kBAAmB,CACnB,aAAc,CAK1B,sCACI,sBAAuB,CAE3B,2BACI,SAAU,CAKd,iCACI,YAAa","file":"style.css","sourcesContent":["#cf{\r\n    float: none;\r\n    display: block;\r\n    width: 800px;\r\n    margin: 0px auto 0px auto;\r\n    padding: 10px 0px;\r\n    position: relative;\r\n    opacity: 0;\r\n\r\n    &.initialized{\r\n        opacity: 1;\r\n    }\r\n\r\n    .cf-nav{\r\n        float: left;\r\n        width: 200px;\r\n        margin: 0;\r\n        height: 100%;\r\n        padding: 20px 0;\r\n        background: #ced4de;\r\n        box-sizing: border-box;\r\n        position: absolute;\r\n        border-radius: 5px 0px 0px 5px;\r\n\r\n        li{\r\n            float: left;\r\n            width: calc(100% - 40px);\r\n            margin: 2px 20px;\r\n            padding: 9px 10px;\r\n            box-sizing: border-box;\r\n            text-transform: capitalize;\r\n            font-weight: 700;\r\n            font-size: 14px;\r\n            color: #b3b6bf;\r\n            cursor: pointer;\r\n            transition: 0.3s;\r\n            position: relative;\r\n            border-radius: 5px;\r\n\r\n            &.active{\r\n                color: #535567;\r\n                background: #c4c9d2;\r\n            }\r\n\r\n            i{\r\n                float: left;\r\n                margin-right: 8px;\r\n                font-size: 18px;            \r\n            }\r\n        }\r\n    }\r\n\r\n    .cf-body{\r\n        float: left;\r\n        width: 100%;\r\n        margin-top: 30px;\r\n        background: #d2d9e4;\r\n        border-radius: 5px;\r\n        min-height: 500px;\r\n        position: relative;\r\n        margin-bottom: 50px;\r\n    }\r\n\r\n    .cf-header{\r\n        h1{\r\n            color: rgb(83, 85, 103);\r\n            float: left;\r\n            margin: 18px 0px;\r\n            line-height: initial;\r\n        }\r\n\r\n        span{\r\n            float: left;\r\n            margin: 27px 0px 18px 20px;\r\n            padding: 2px 8px;\r\n            background: #d2d9e4;\r\n            border-radius: 3px;\r\n            font-size: 12px;\r\n            color: #9092a7;\r\n            font-weight: bold;\r\n            font-family: monospace;\r\n        }\r\n    }\r\n\r\n    .cf-content{\r\n        display: block;\r\n        float: left;\r\n        width: calc(100% - 200px);\r\n        box-sizing: border-box;\r\n        padding: 25px 40px;\r\n        margin-left: 200px;\r\n\r\n        h2{\r\n            text-transform: capitalize;\r\n            margin: 10px 0 35px 0;\r\n            font-size: 24px;\r\n            color: #535567;\r\n        }\r\n\r\n        .cf-field{\r\n            float: left;\r\n            width: 100%;\r\n            padding: 26px 0px;   \r\n            .cf-field-title{\r\n                float: left;\r\n                width: 35%;\r\n                font-weight: 700;\r\n                font-size: 14px;\r\n                color: #75767d;\r\n                margin-right: 5%;\r\n                p{\r\n                    font-size: 12px;\r\n                    line-height: 16px;\r\n                    font-weight: 400;\r\n                    color: #8c96a7;                \r\n                }\r\n            }\r\n            .cf-item-field-controls{\r\n                float: right;\r\n                width: 60%;\r\n            }\r\n        }\r\n    }\r\n\r\n    .cf-save{\r\n        position: absolute;\r\n        bottom: 20px;\r\n        left: 20px;\r\n        width: 160px;\r\n        height: 36px;\r\n        line-height: 36px;\r\n        text-align: center;\r\n        font-weight: 700;\r\n        color: white;\r\n        background: #06b354;\r\n        border-radius: 3px;\r\n        cursor: pointer;\r\n        transition: all 0.3s;\r\n        &:hover{\r\n            background: rgb(10, 167, 81);\r\n        }\r\n    }\r\n\r\n    .cf-loading{\r\n        position: absolute;\r\n        width: 100%;\r\n        height: 100%;\r\n        background: #f9f9fd63;\r\n        z-index: 100;\r\n    }\r\n\r\n    .cf-message{\r\n        position: absolute;\r\n        right: 15px;\r\n        top: 15px;\r\n        text-align: center;\r\n        z-index: 999;\r\n        & > div{\r\n            width: fit-content;\r\n            float: right;\r\n            padding: 0px 15px;\r\n            border-radius: 3px;\r\n            text-align: center;\r\n            font-weight: bold;\r\n            line-height: 40px;\r\n        }\r\n        span{\r\n            margin-right: 20px;\r\n        }\r\n        i{\r\n            font-size: 16px;\r\n            line-height: inherit;\r\n            cursor: pointer;\r\n        }\r\n        &.success > div{\r\n            background: #a0dab3;\r\n            color: #23bf57;        \r\n        }\r\n        &.warning > div{\r\n            background: #f1b3b3;\r\n            color: #ec4545;        \r\n        }\r\n        &.info > div{\r\n            background: #bed8b0;\r\n            color: #8ba77c;        \r\n        }\r\n    }\r\n}\r\n\r\n.fade-enter-active, .fade-leave-active {\r\n    transition: opacity .5s;\r\n}\r\n.fade-enter, .fade-leave-to{\r\n    opacity: 0;\r\n}\r\n  \r\n  \r\n// Hide footer info\r\n#footer-thankyou, #footer-upgrade{\r\n    display: none;\r\n}"]}