{"version":3,"sources":["auth.scss"],"names":[],"mappings":"AAAA,oBACI,iBAAkB,CAClB,KAAM,CACN,OAAQ,CACR,UAAW,CACX,eAAgB,CALpB,8BAQQ,WAAY,CACZ,KAAM,CACN,OAAQ,CACR,iBAAkB,CAX1B,mCAcY,YAAa,CAdzB,oCAmBQ,+CAAgC,CAAhC,uCAAgC,CAAhC,+BAAgC,CAAhC,6DAAgC,CAChC,mCAA4B,CAA5B,2BAA4B,CAE5B,WAAY,CACZ,WAAY,CACZ,iBAAkB,CAClB,eAAgB,CAChB,YAAa,CACb,iBAAkB,CAClB,qDAA8B,CAA9B,6CAA8C,CA5BtD,yCA+BY,+BAAW,CAAX,uBAAwB,CA/BpC,uBAoCQ,YAAa,CACb,kBAAmB,CACnB,aAAc,CACd,cAAe,CAvCvB,2BA2CQ,iBAAkB,CAClB,OAAQ,CACR,UAAW,CACX,cAAe,CA9CvB,0BAkDQ,cAAe,CACf,wBAAyB,CAnDjC,kFAwDQ,kBAAmB,CACnB,WAAY,CACZ,cAAe,CA1DvB,6BA8DQ,iBAAkB,CAClB,eAAgB,CA/DxB,+BAkEY,cAAe,CACf,wBAAyB,CACzB,oBAAqB,CACrB,YAAa,CArEzB,4BA0EQ,iBAAkB,CAClB,YAAa,CACb,gBAAiB,CACjB,wBAAyB,CACzB,eAAgB,CA9ExB,kCAiFY,aAAuB,CAjFnC,oCAqFY,aAAuB","file":"auth.css","sourcesContent":["#katisoft-auth-form {\r\n    position: absolute;\r\n    top: 0;\r\n    right: 0;\r\n    z-index: 10;\r\n    overflow: hidden;\r\n\r\n    .auth-btn {\r\n        margin: 20px;\r\n        top: 0;\r\n        right: 0;\r\n        position: absolute;\r\n\r\n        &.hide {\r\n            display: none;\r\n        }\r\n    }\r\n\r\n    .auth-container {\r\n        transition: transform 200ms ease;\r\n        transform: translateX(300px);\r\n\r\n        width: 220px;\r\n        margin: 20px;\r\n        position: relative;\r\n        background: #fff;\r\n        padding: 10px;\r\n        border-radius: 4px;\r\n        box-shadow: 0 15px 30px -10px rgba(0,0,0,0.35);\r\n\r\n        &.show {\r\n            transform: translateX(0);\r\n        }\r\n    }\r\n\r\n    h2 {\r\n        margin-top: 0;\r\n        margin-bottom: 10px;\r\n        padding-top: 0;\r\n        font-size: 16px;\r\n    }\r\n\r\n    .close {\r\n        position: absolute;\r\n        top: 3px;\r\n        right: 10px;\r\n        font-size: 16px;\r\n    }\r\n\r\n    label {\r\n        font-size: 10px;\r\n        text-transform: uppercase;\r\n    }\r\n\r\n    input[type=\"text\"],\r\n    input[type=\"password\"] {\r\n        margin-bottom: 10px;\r\n        padding: 4px;\r\n        font-size: 12px;\r\n    }\r\n\r\n    .actions {\r\n        text-align: center;\r\n        margin-bottom: 0;\r\n\r\n        a {\r\n            font-size: 10px;\r\n            text-transform: uppercase;\r\n            display: inline-block;\r\n            margin: 0 4px;\r\n        }\r\n    }\r\n\r\n    .status {\r\n        text-align: center;\r\n        margin: 5px 0;\r\n        font-size: 0.7rem;\r\n        text-transform: uppercase;\r\n        font-weight: 600;\r\n\r\n        &.error {\r\n            color: rgb(144, 19, 19);\r\n        }\r\n\r\n        &.success {\r\n            color: rgb(47, 129, 47);\r\n        }\r\n    }\r\n}"]}