{"version":3,"sources":["layout/log-in.scss"],"names":[],"mappings":"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","file":"layout/log-in.css","sourcesContent":["@import \"https://fonts.googleapis.com/css?family=Montserrat:400,800\";\r\n\r\n/* Move signin to right */\r\n/* Move overlay to left */\r\n/* Bring signup over signin */\r\n/* Move overlay back to right */\r\n/* Bring back the text to center */\r\n/* Same effect for right */\r\n* {\r\n    box-sizing: border-box;\r\n}\r\n\r\nbody {\r\n    font-family: \"Montserrat\", sans-serif;\r\n    background: #f6f5f7;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    align-items: center;\r\n    height: 100vh;\r\n    margin: -20px 0 50px;\r\n    margin-top: 20px;\r\n}\r\n\r\nh1 {\r\n    font-weight: bold;\r\n    margin: 0;\r\n}\r\n\r\np {\r\n    font-size: 14px;\r\n    font-weight: 100;\r\n    line-height: 20px;\r\n    letter-spacing: 0.5px;\r\n    margin: 20px 0 30px;\r\n}\r\n\r\nspan {\r\n    font-size: 12px;\r\n}\r\n\r\na {\r\n    color: #333;\r\n    font-size: 14px;\r\n    text-decoration: none;\r\n    margin: 15px 0;\r\n}\r\n\r\n.container {\r\n    background: #fff;\r\n    border-radius: 10px;\r\n    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.2), 0 10px 10px rgba(0, 0, 0, 0.2);\r\n    position: relative;\r\n    overflow: hidden;\r\n    width: 768px;\r\n    max-width: 100%;\r\n    min-height: 480px;\r\n}\r\n\r\n.form-container {\r\n    form {\r\n        background: #fff;\r\n        display: flex;\r\n        flex-direction: column;\r\n        padding: 0 50px;\r\n        height: 100%;\r\n        justify-content: center;\r\n        align-items: center;\r\n        text-align: center;\r\n    }\r\n\r\n    input {\r\n        background: #eee;\r\n        border: none;\r\n        padding: 12px 15px;\r\n        margin: 8px 0;\r\n        width: 100%;\r\n    }\r\n\r\n    position: absolute;\r\n    top: 0;\r\n    height: 100%;\r\n    transition: all 0.6s ease-in-out;\r\n}\r\n\r\n.social-container {\r\n    margin: 20px 0;\r\n\r\n    a {\r\n        border: 1px solid #ddd;\r\n        border-radius: 50%;\r\n        display: inline-flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        margin: 0 5px;\r\n        height: 40px;\r\n        width: 40px;\r\n    }\r\n}\r\n\r\nbutton {\r\n    border-radius: 20px;\r\n    border: 1px solid #ff4b2b;\r\n    background: #ff445c;\r\n    color: #fff;\r\n    font-size: 12px;\r\n    font-weight: bold;\r\n    padding: 12px 45px;\r\n    letter-spacing: 1px;\r\n    text-transform: uppercase;\r\n    transition: transform 80ms ease-in;\r\n\r\n    &:active {\r\n        transform: scale(0.95);\r\n    }\r\n\r\n    &:focus {\r\n        outline: none;\r\n    }\r\n}\r\n\r\nbutton.ghost {\r\n    background: transparent;\r\n    border-color: #fff;\r\n}\r\n\r\n.sign-in-container {\r\n    left: 0;\r\n    width: 50%;\r\n    z-index: 2;\r\n}\r\n\r\n.sign-up-container {\r\n    left: 0;\r\n    width: 50%;\r\n    z-index: 1;\r\n    opacity: 0;\r\n}\r\n\r\n.overlay-container {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 50%;\r\n    width: 50%;\r\n    height: 100%;\r\n    overflow: hidden;\r\n    transition: transform 0.6s ease-in-out;\r\n    z-index: 100;\r\n}\r\n\r\n.overlay {\r\n    background: #ff416c;\r\n    background: linear-gradient(to right, #ff4b2b, #ff416c) no-repeat 0 0 / cover;\r\n    color: #fff;\r\n    position: relative;\r\n    left: -100%;\r\n    height: 100%;\r\n    width: 200%;\r\n    transform: translateY(0);\r\n    transition: transform 0.6s ease-in-out;\r\n}\r\n\r\n.overlay-panel {\r\n    position: absolute;\r\n    top: 0;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    align-items: center;\r\n    padding: 0 40px;\r\n    height: 100%;\r\n    width: 50%;\r\n    text-align: center;\r\n    transform: translateY(0);\r\n    transition: transform 0.6s ease-in-out;\r\n}\r\n\r\n.overlay-right {\r\n    right: 0;\r\n    transform: translateY(0);\r\n}\r\n\r\n.overlay-left {\r\n    transform: translateY(-20%);\r\n}\r\n\r\n.container.right-panel-active {\r\n    .sign-in-container {\r\n        transform: translateY(100%);\r\n    }\r\n\r\n    .overlay-container {\r\n        transform: translateX(-100%);\r\n    }\r\n\r\n    .sign-up-container {\r\n        transform: translateX(100%);\r\n        opacity: 1;\r\n        z-index: 5;\r\n    }\r\n\r\n    .overlay {\r\n        transform: translateX(50%);\r\n    }\r\n\r\n    .overlay-left {\r\n        transform: translateY(0);\r\n    }\r\n\r\n    .overlay-right {\r\n        transform: translateY(20%);\r\n    }\r\n}"]}