@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;800&display=swap);.notification-container-bottom-center,.notification-container-bottom-left,.notification-container-bottom-right,.notification-container-center,.notification-container-top-center,.notification-container-top-left,.notification-container-top-right{width:325px;position:absolute;pointer-events:all}.notification-container-bottom-center,.notification-container-center,.notification-container-top-center{display:-webkit-flex;display:-moz-box;display:flex;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;left:-moz-calc(50% - 162.5px);left:calc(50% - 162.5px)}.notification-container-center{top:20px;height:100%;pointer-events:none}.notification-container-center .center-inner{width:325px;display:-webkit-flex;display:-moz-box;display:flex;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;pointer-events:all}.notification-container-top-center{top:20px}.notification-container-bottom-center{bottom:20px}.notification-container-top-left{left:20px;top:20px}.notification-container-top-right{right:20px;top:20px}.notification-container-bottom-left{left:20px;bottom:20px}.notification-container-bottom-right{bottom:20px;right:20px}.notification-container-mobile-bottom,.notification-container-mobile-top{pointer-events:all;position:absolute}.notification-container-mobile-top{right:20px;left:20px;top:20px}.notification-container-mobile-bottom{right:20px;left:20px;bottom:20px;margin-bottom:-15px}.notification-default{border-left:8px solid var(--default_dark)}.notification-default,.notification-default .timer{background-color:var(--default)}.notification-default .timer-filler{background-color:var(--notification_filler)}.notification-default .notification-close{background-color:var(--default)}.notification-success{border-left:8px solid var(--success_dark)}.notification-success,.notification-success .timer{background-color:var(--success)}.notification-success .timer-filler{background-color:var(--notification_filler)}.notification-success .notification-close{background-color:var(--success)}.notification-danger{border-left:8px solid var(--danger_dark)}.notification-danger,.notification-danger .timer{background-color:var(--danger)}.notification-danger .timer-filler{background-color:var(--notification_filler)}.notification-danger .notification-close{background-color:var(--danger)}.notification-info{border-left:8px solid var(--info_dark)}.notification-info,.notification-info .timer{background-color:var(--info)}.notification-info .timer-filler{background-color:var(--notification_filler)}.notification-info .notification-close{background-color:var(--info)}.notification-warning{border-left:8px solid var(--warning_dark)}.notification-warning,.notification-warning .timer{background-color:var(--warning)}.notification-warning .timer-filler{background-color:var(--notification_filler)}.notification-warning .notification-close{background-color:var(--warning)}.notification-awesome{border-left:8px solid var(--awesome_dark)}.notification-awesome,.notification-awesome .timer{background-color:var(--awesome)}.notification-awesome .timer-filler{background-color:var(--notification_filler)}.notification-awesome .notification-close{background-color:var(--awesome)}@-webkit-keyframes timer{0%{width:100%}to{width:0}}@-moz-keyframes timer{0%{width:100%}to{width:0}}@keyframes timer{0%{width:100%}to{width:0}}.react-notification-root{position:fixed;z-index:9000;pointer-events:none;width:100%;height:100%}.notification-item{display:-webkit-flex;display:-moz-box;display:flex;position:relative;border-radius:3px;margin-bottom:15px;box-shadow:1px 3px 4px rgba(0,0,0,.2);cursor:pointer}.notification-item .timer{width:100%;margin-top:10px}.notification-item .timer,.notification-item .timer .timer-filler{height:3px;border-radius:5px}.notification-item .notification-title{color:var(--notification_filler);font-weight:700;font-size:14px;margin-top:5px;margin-bottom:5px}.notification-item .notification-message{color:var(--notification_filler);max-width:-moz-calc(100% - 15px);max-width:calc(100% - 15px);font-size:14px;line-height:150%;word-wrap:break-word;margin-bottom:0;margin-top:0}.notification-item .notification-content{padding:8px 15px;display:inline-block;width:100%}.notification-item .notification-close{width:18px;height:18px;border-radius:50%;display:inline-block;position:absolute;right:10px;top:10px}.notification-item .notification-close:after{content:"\D7";position:absolute;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:var(--notification_filler);font-size:12px;left:50%;top:50%}.notification-container-mobile-bottom .notification-item,.notification-container-mobile-bottom .notification-parent,.notification-container-mobile-top .notification-item,.notification-container-mobile-top .notification-parent{max-width:100%;width:100%}.notification-container-bottom-right .notification-parent,.notification-container-top-right .notification-parent{margin-left:auto}.notification-container-bottom-left .notification-parent,.notification-container-top-left .notification-parent{margin-right:auto}.notification-container-mobile-bottom .notification-parent,.notification-container-mobile-top .notification-parent{margin-left:auto;margin-right:auto}.react-spinner-loader-swing div{border-radius:50%;float:left;height:1em;width:1em}.react-spinner-loader-swing div:first-of-type{background:-moz-linear-gradient(left,#385c78 0,#325774 100%);background:linear-gradient(90deg,#385c78 0,#325774)}.react-spinner-loader-swing div:nth-of-type(2){background:-moz-linear-gradient(left,#325774 0,#47536a 100%);background:linear-gradient(90deg,#325774 0,#47536a)}.react-spinner-loader-swing div:nth-of-type(3){background:-moz-linear-gradient(left,#4a5369 0,#6b4d59 100%);background:linear-gradient(90deg,#4a5369 0,#6b4d59)}.react-spinner-loader-swing div:nth-of-type(4){background:-moz-linear-gradient(left,#744c55 0,#954646 100%);background:linear-gradient(90deg,#744c55 0,#954646)}.react-spinner-loader-swing div:nth-of-type(5){background:-moz-linear-gradient(left,#9c4543 0,#bb4034 100%);background:linear-gradient(90deg,#9c4543 0,#bb4034)}.react-spinner-loader-swing div:nth-of-type(6){background:-moz-linear-gradient(left,#c33f31 0,#d83b27 100%);background:linear-gradient(90deg,#c33f31 0,#d83b27)}.react-spinner-loader-swing div:nth-of-type(7){background:-moz-linear-gradient(left,#da3b26 0,#db412c 100%);background:linear-gradient(90deg,#da3b26 0,#db412c)}.react-spinner-loader-shadow{clear:left;padding-top:1.5em}.react-spinner-loader-shadow div{-webkit-filter:blur(1px);filter:blur(1px);float:left;width:1em;height:.25em;border-radius:50%;background:#e3dbd2}.react-spinner-loader-shadow .react-spinner-loader-shadow-l{background:#d5d8d6}.react-spinner-loader-shadow .react-spinner-loader-shadow-r{background:#eed3ca}@-webkit-keyframes ball-l{0%,50%{-webkit-transform:rotate(0) translateX(0);transform:rotate(0) translateX(0)}to{-webkit-transform:rotate(50deg) translateX(-2.5em);transform:rotate(50deg) translateX(-2.5em)}}@-moz-keyframes ball-l{0%,50%{-webkit-transform:rotate(0) translate(0);-moz-transform:rotate(0) translateX(0);transform:rotate(0) translateX(0)}to{-webkit-transform:rotate(50deg) translateX(-2.5em);-moz-transform:rotate(50deg) translateX(-2.5em);transform:rotate(50deg) translateX(-2.5em)}}@keyframes ball-l{0%,50%{-webkit-transform:rotate(0) translate(0);-moz-transform:rotate(0) translateX(0);transform:rotate(0) translateX(0)}to{-webkit-transform:rotate(50deg) translateX(-2.5em);-moz-transform:rotate(50deg) translateX(-2.5em);transform:rotate(50deg) translateX(-2.5em)}}@-webkit-keyframes ball-r{0%{-webkit-transform:rotate(-50deg) translateX(2.5em);transform:rotate(-50deg) translateX(2.5em)}50%,to{-webkit-transform:rotate(0) translateX(0);transform:rotate(0) translateX(0)}}@-moz-keyframes ball-r{0%{-webkit-transform:rotate(-50deg) translateX(2.5em);-moz-transform:rotate(-50deg) translateX(2.5em);transform:rotate(-50deg) translateX(2.5em)}50%,to{-webkit-transform:rotate(0) translateX(0);-moz-transform:rotate(0) translateX(0);transform:rotate(0) translateX(0)}}@keyframes ball-r{0%{-webkit-transform:rotate(-50deg) translateX(2.5em);-moz-transform:rotate(-50deg) translateX(2.5em);transform:rotate(-50deg) translateX(2.5em)}50%,to{-webkit-transform:rotate(0) translateX(0);-moz-transform:rotate(0) translateX(0);transform:rotate(0) translateX(0)}}@-webkit-keyframes shadow-l-n{0%,50%{opacity:.5;-webkit-transform:translateX(0);transform:translateX(0)}to{opacity:.125;-webkit-transform:translateX(-1.57em);transform:translateX(-1.75em)}}@-moz-keyframes shadow-l-n{0%,50%{opacity:.5;-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0)}to{opacity:.125;-webkit-transform:translateX(-1.75);-moz-transform:translateX(-1.75em);transform:translateX(-1.75em)}}@keyframes shadow-l-n{0%,50%{opacity:.5;-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0)}to{opacity:.125;-webkit-transform:translateX(-1.75);-moz-transform:translateX(-1.75em);transform:translateX(-1.75em)}}@-webkit-keyframes shadow-r-n{0%{opacity:.125;-webkit-transform:translateX(1.75em);transform:translateX(1.75em)}50%,to{opacity:.5;-webkit-transform:translateX(0);transform:translateX(0)}}@-moz-keyframes shadow-r-n{0%{opacity:.125;-webkit-transform:translateX(1.75em);-moz-transform:translateX(1.75em);transform:translateX(1.75em)}50%,to{opacity:.5;-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0)}}@keyframes shadow-r-n{0%{opacity:.125;-webkit-transform:translateX(1.75em);-moz-transform:translateX(1.75em);transform:translateX(1.75em)}50%,to{opacity:.5;-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0)}}.react-spinner-loader-swing-l{-webkit-animation:ball-l .425s ease-in-out infinite alternate;-moz-animation:ball-l .425s ease-in-out infinite alternate;animation:ball-l .425s ease-in-out infinite alternate}.react-spinner-loader-swing-r{-webkit-animation:ball-r .425s ease-in-out infinite alternate;-moz-animation:ball-r .425s ease-in-out infinite alternate;animation:ball-r .425s ease-in-out infinite alternate}.react-spinner-loader-shadow-l{-webkit-animation:shadow-l-n .425s ease-in-out infinite alternate;-moz-animation:shadow-l-n .425s ease-in-out infinite alternate;animation:shadow-l-n .425s ease-in-out infinite alternate}.react-spinner-loader-shadow-r{-webkit-animation:shadow-r-n .425s ease-in-out infinite alternate;-moz-animation:shadow-r-n .425s ease-in-out infinite alternate;animation:shadow-r-n .425s ease-in-out infinite alternate}.react-spinner-loader-svg-calLoader{width:230px;height:230px;-webkit-transform-origin:115px 115px;-moz-transform-origin:115px 115px;transform-origin:115px 115px;-webkit-animation:loader-spin 1.4s linear infinite;-moz-animation:loader-spin 1.4s linear infinite;animation:loader-spin 1.4s linear infinite}.react-spinner-loader-svg-cal-loader__path{-webkit-animation:loader-path 1.4s ease-in-out infinite;-moz-animation:loader-path 1.4s ease-in-out infinite;animation:loader-path 1.4s ease-in-out infinite}@-webkit-keyframes loader-spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-moz-keyframes loader-spin{to{-moz-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes loader-spin{to{-webkit-transform:rotate(1turn);-moz-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes loader-path{0%{stroke-dasharray:0,580,0,0,0,0,0,0,0}50%{stroke-dasharray:0,450,10,30,10,30,10,30,10}to{stroke-dasharray:0,580,0,0,0,0,0,0,0}}@-moz-keyframes loader-path{0%{stroke-dasharray:0,580,0,0,0,0,0,0,0}50%{stroke-dasharray:0,450,10,30,10,30,10,30,10}to{stroke-dasharray:0,580,0,0,0,0,0,0,0}}@keyframes loader-path{0%{stroke-dasharray:0,580,0,0,0,0,0,0,0}50%{stroke-dasharray:0,450,10,30,10,30,10,30,10}to{stroke-dasharray:0,580,0,0,0,0,0,0,0}}.react-spinner-loader-svg svg{-webkit-transform-origin:50% 65%;-moz-transform-origin:50% 65%;transform-origin:50% 65%}.react-spinner-loader-svg svg polygon{stroke-dasharray:17;-webkit-animation:dash 2.5s cubic-bezier(.35,.04,.63,.95) infinite;-moz-animation:dash 2.5s cubic-bezier(.35,.04,.63,.95) infinite;animation:dash 2.5s cubic-bezier(.35,.04,.63,.95) infinite}@-webkit-keyframes dash{to{stroke-dashoffset:136}}@-moz-keyframes dash{to{stroke-dashoffset:136}}@keyframes dash{to{stroke-dashoffset:136}}@-webkit-keyframes rotate{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-moz-keyframes rotate{to{-webkit-transform:rotate(1turn);-moz-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate{to{-webkit-transform:rotate(1turn);-moz-transform:rotate(1turn);transform:rotate(1turn)}}.CircularProgressbar{width:100%;vertical-align:middle}.CircularProgressbar .CircularProgressbar-path{stroke:#3e98c7;stroke-linecap:round;-moz-transition:stroke-dashoffset .5s ease 0s;transition:stroke-dashoffset .5s ease 0s}.CircularProgressbar .CircularProgressbar-trail{stroke:#d6d6d6;stroke-linecap:round}.CircularProgressbar .CircularProgressbar-text{fill:#3e98c7;font-size:20px;dominant-baseline:middle;text-anchor:middle}.CircularProgressbar .CircularProgressbar-background{fill:#d6d6d6}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background{fill:#3e98c7}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text{fill:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path{stroke:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail{stroke:transparent}.popup-content{margin:auto;background:#fff;width:50%;padding:5px;border:1px solid #d7d7d7}[role=tooltip].popup-content{width:200px;box-shadow:0 0 3px rgba(0,0,0,.16);border-radius:5px}.popup-overlay{background:rgba(0,0,0,.5)}[data-popup=tooltip].popup-overlay{background:transparent}.popup-arrow{-webkit-filter:drop-shadow(0 -3px 3px rgba(0,0,0,.16));filter:drop-shadow(0 -3px 3px rgba(0,0,0,.16));color:#fff;stroke-width:2px;stroke:#d7d7d7;stroke-dasharray:30px;stroke-dashoffset:-54px}*{margin:0;padding:0;-moz-box-sizing:border-box;box-sizing:border-box}body,input{font-family:Poppins,sans-serif}.container{position:relative;width:100%;background:var(--midground);min-height:100vh;overflow:hidden;margin-top:-4rem;margin-bottom:-4rem}.forms-container{position:absolute;width:100%;height:100%;top:0;left:0}.signin-signup{position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%);left:75%;width:50%;-moz-transition:1s ease-in-out .7s;transition:1s ease-in-out .7s;display:grid;grid-template-columns:1fr;z-index:5}form{display:-webkit-flex;display:-moz-box;display:flex;-webkit-align-items:center;-moz-box-align:center;align-items:center;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;padding:0 5rem;-moz-transition:all .2s .7s;transition:all .2s .7s;overflow:hidden;grid-column:1/2;grid-row:1/2}form.sign-up-form{opacity:0;z-index:1}form.sign-in-form{z-index:2}.title{font-size:2.2rem;color:#444;margin-bottom:10px}.input-field{max-width:380px;width:100%;background-color:#f0f0f0;margin:10px 0;height:55px;border-radius:55px;display:grid;grid-template-columns:15% 85%;padding:0 .4rem;position:relative}.input-field i{text-align:center;line-height:55px;color:#acacac;-moz-transition:.5s;transition:.5s;font-size:1.1rem}.input-field input{background:none;outline:none;border:none;line-height:1;font-weight:600;font-size:1.1rem;color:#333}.input-field input::-webkit-input-placeholder{color:#aaa;font-weight:500}.input-field input:-ms-input-placeholder{color:#aaa;font-weight:500}.input-field input::placeholder{color:#aaa;font-weight:500}.social-text{padding:.7rem 0;font-size:1rem}.social-icon,.social-media{display:-webkit-flex;display:-moz-box;display:flex;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center}.social-icon{height:46px;width:46px;-webkit-align-items:center;-moz-box-align:center;align-items:center;margin:0 .45rem;color:#333;border-radius:50%;border:1px solid #333;text-decoration:none;font-size:1.1rem;-moz-transition:.3s;transition:.3s}.social-icon:hover{color:#4481eb;border-color:#4481eb}.panels-container{position:absolute;height:100%;width:100%;top:0;left:0;display:grid;grid-template-columns:repeat(2,1fr)}.container:before{content:"";position:absolute;height:2000px;width:2000px;right:50%;-webkit-transform:translateY(-25%);-moz-transform:translateY(-25%);transform:translateY(-25%);background-image:-moz-linear-gradient(45deg,rgba(var(--background-r),var(--background-g),var(--background-b),.8) 25%,rgba(var(--secondary-outline-r),var(--secondary-outline-g),var(--secondary-outline-b),.8) 75%);background-image:linear-gradient(45deg,rgba(var(--background-r),var(--background-g),var(--background-b),.8) 25%,rgba(var(--secondary-outline-r),var(--secondary-outline-g),var(--secondary-outline-b),.8) 75%);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-clip:padding-box;-moz-transition:1.8s ease-in-out;transition:1.8s ease-in-out;z-index:6}.image{width:200px;margin:20px;transition:-webkit-transform 1.1s ease-in-out;-moz-transition:transform 1.1s ease-in-out,-moz-transform 1.1s ease-in-out;transition:transform 1.1s ease-in-out;transition:transform 1.1s ease-in-out,-webkit-transform 1.1s ease-in-out,-moz-transform 1.1s ease-in-out;-moz-transition-delay:.4s;transition-delay:.4s}.panel{display:-webkit-flex;display:-moz-box;display:flex;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;-webkit-align-items:center;-moz-box-align:center;align-items:center;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;text-align:center;z-index:6}.left-panel{pointer-events:all;padding:3rem 17% 2rem 12%}.right-panel{pointer-events:none;padding:3rem 12% 2rem 17%}.panel .content{display:-webkit-flex;display:-moz-box;display:flex;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;-webkit-align-items:center;-moz-box-align:center;align-items:center;color:var(--base-text);transition:-webkit-transform .9s ease-in-out;-moz-transition:transform .9s ease-in-out,-moz-transform .9s ease-in-out;transition:transform .9s ease-in-out;transition:transform .9s ease-in-out,-webkit-transform .9s ease-in-out,-moz-transform .9s ease-in-out;-moz-transition-delay:.6s;transition-delay:.6s}.panel h3{font-weight:600;line-height:1;font-size:1.5rem}.panel p{font-size:.95rem;padding:.7rem 0}.btn.transparent{margin:0;background:none;border:2px solid #fff;width:130px;height:41px;font-weight:600;font-size:.8rem}.right-panel .content,.right-panel .image{-webkit-transform:translateX(800px);-moz-transform:translateX(800px);transform:translateX(800px)}.container.sign-up-mode:before{-webkit-transform:translate(100%,-25%);-moz-transform:translate(100%,-25%);transform:translate(100%,-25%);right:50%}.container.sign-up-mode .left-panel .content,.container.sign-up-mode .left-panel .image{-webkit-transform:translateX(-800px);-moz-transform:translateX(-800px);transform:translateX(-800px)}.container.sign-up-mode .signin-signup{left:25%}.container.sign-up-mode form.sign-up-form{opacity:1;z-index:2}.container.sign-up-mode form.sign-in-form{opacity:0;z-index:1}.container.sign-up-mode .right-panel .content,.container.sign-up-mode .right-panel .image{-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0)}.container.sign-up-mode .left-panel{pointer-events:none}.container.sign-up-mode .right-panel{pointer-events:all}@media (max-width:870px){.container{min-height:400px;height:100vh}.signin-signup{width:100%;top:95%;-webkit-transform:translate(-50%,-100%);-moz-transform:translate(-50%,-100%);transform:translate(-50%,-100%);-moz-transition:1s ease-in-out .8s;transition:1s ease-in-out .8s}.container.sign-up-mode .signin-signup,.signin-signup{left:50%}.panels-container{grid-template-columns:1fr;grid-template-rows:1fr 2fr 1fr}.panel{-webkit-flex-direction:row;-moz-box-orient:horizontal;-moz-box-direction:normal;flex-direction:row;-webkit-justify-content:space-around;justify-content:space-around;-webkit-align-items:center;-moz-box-align:center;align-items:center;padding:2.5rem 8%;grid-column:1/2}.right-panel{grid-row:3/4}.left-panel{grid-row:1/2}.image{width:200px;transition:transform .9s ease-in-out,-webkit-transform .9s ease-in-out,-moz-transform .9s ease-in-out;-moz-transition-delay:.6s;transition-delay:.6s}.image,.panel .content{transition:-webkit-transform .9s ease-in-out;-moz-transition:transform .9s ease-in-out,-moz-transform .9s ease-in-out;transition:transform .9s ease-in-out}.panel .content{padding-right:15%;transition:transform .9s ease-in-out,-webkit-transform .9s ease-in-out,-moz-transform .9s ease-in-out;-moz-transition-delay:.8s;transition-delay:.8s}.panel h3{font-size:1.2rem}.panel p{font-size:.7rem;padding:.5rem 0}.btn.transparent{width:110px;height:35px;font-size:.7rem}.container:before{width:1500px;height:1500px;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%);left:30%;bottom:68%;right:auto;top:auto;-moz-transition:2s ease-in-out;transition:2s ease-in-out}.container.sign-up-mode:before{-webkit-transform:translate(-50%,100%);-moz-transform:translate(-50%,100%);transform:translate(-50%,100%);bottom:32%;right:auto}.container.sign-up-mode .left-panel .content,.container.sign-up-mode .left-panel .image{-webkit-transform:translateY(-300px);-moz-transform:translateY(-300px);transform:translateY(-300px)}.container.sign-up-mode .right-panel .content,.container.sign-up-mode .right-panel .image{-webkit-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0)}.right-panel .content,.right-panel .image{-webkit-transform:translateY(300px);-moz-transform:translateY(300px);transform:translateY(300px)}.container.sign-up-mode .signin-signup{top:5%;-webkit-transform:translate(-50%);-moz-transform:translate(-50%);transform:translate(-50%)}}@media (max-width:570px){form{padding:0 1.5rem}.image{display:none}.panel .content{padding:.5rem 1rem}.container{padding:1.5rem}.container:before{bottom:72%;left:50%}.container.sign-up-mode:before{bottom:28%;left:50%}}