@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;700&display=swap");*{margin:0;padding:0;box-sizing:border-box}body{--viewport-height:calc(100vh - 140px);--color-red:#f35659;--color-blue:#3581c2;--color-green:rgba(34,197,94,.32);--transparent-white:hsla(0,0%,100%,.075)}body.light{--background:#fff;--bg-full:#fff;--bg-dark:#787878;--bg-medium:#d8d8d8;--bg-light:#f4f4f4;--bg-lightest:#fcfcfc;--bg-image:url(/background_light.png) center center/cover no-repeat;--text-primary:#0f1929;--text-secondary:#40414f;--sidebar-text-color:#f8f8f8;--sidebar-text-primary:#f8f8f8;--sidebar-text-secondary:#9c9c9c;--sidebar-bg:#0f0f0f;--sidebar-bg-dark:#0f0f0f;--sidebar-bg-medium:#212121;--sidebar-bg-light:#323232;--sidebar-bg-lightest:#636363;--user-bg:rgba(0,0,0,.075);--bot-bg:rgba(0,0,0,.15);--prompt-bg:rgba(0,0,0,.05);--prompt-border:1px solid #dedede;--prompt-bg-color:#fff;--prompt-text-color:#000;--prompt-box-shadow:#1c1c1e;--modal-bg:#f8f8f8;--modal-divider:var(--bg-medium);--modal-color:#202123;--upload-dark:#dcdcdc;--upload-medium:#b0b0b0;--upload-light:#7a7a7a;--button-bg:var(--bg-dark);--button-color:#787878;--button-hover:#636363}body.dark{--bg-full:#000;--bg-dark:#0f0f0f;--bg-medium:#212121;--bg-light:#323232;--bg-lightest:#636363;--bg-color:#2d2e30;--bg-image:url(/bg_10.jpg) center center/cover no-repeat;--text-primary:#f8f8f8;--text-secondary:#9c9c9c;--sidebar-text-primary:#f8f8f8;--sidebar-text-secondary:#9c9c9c;--white-20:hsla(0,0%,100%,.2);--white-10:hsla(0,0%,100%,.1);--white-5:hsla(0,0%,100%,.05);--black-10:rgba(0,0,0,.15);--sidebar-text-color:#f8f8f8;--sidebar-bg:var(--bg-medium);--sidebar-bg-dark:#0f0f0f;--sidebar-bg-medium:#212121;--sidebar-bg-light:#323232;--sidebar-bg-lightest:#636363;--user-bg:hsla(0,0%,100%,.075);--bot-bg:hsla(0,0%,100%,.15);--prompt-bg:hsla(0,0%,100%,.075);--prompt-border:none;--prompt-border:1px solid hsla(0,0%,100%,.075);--prompt-bg-color:rgba(0,0,0,.15);--prompt-text-color:#fff;--prompt-box-shadow:inset 0 0 10px rgba(0,0,0,.5);--upload-dark:#0f0f0f;--upload-medium:#2e2e2e;--upload-light:grey;--modal-bg:#1b1b1b;--modal-divider:var(--bg-light);--button-bg:var(--bg-light);--button-color:#323232;--button-hover:#555}@supports (color:rgb(0 0 0/0)){body.dark{--sidebar-bg:#0f0f0f;--modal-bg:#000}}body{background-color:var(--bg-color);color:var(--text-primary);position:fixed;width:100%;overscroll-behavior-y:none;height:100%;overflow:auto;-webkit-overflow-scrolling:touch}body,button,textarea{font-family:Inter,sans-serif}h2{font-size:18px}main{display:flex;height:100%;width:100%;position:relative}.bold{font-weight:700}.italic{font-style:italic}a,button,div,input,label,li,select,span,textarea{-webkit-tap-highlight-color:transparent}#chat{width:calc(100% - 300px);padding:16px;height:100vh}.message-text ol,.message-text ul{margin:20px 30px}.message-text p:not(:last-child){margin-bottom:20px}.message-text li:not(:last-child){margin-bottom:12px}.scroll-section::-webkit-scrollbar{width:8px}.scroll-section::-webkit-scrollbar-track{background:var(--bg-medium)}.scroll-section::-webkit-scrollbar-thumb{background:#7a7a7a;border-radius:4px}.scroll-section::-webkit-scrollbar-thumb:hover{background:#aeaeae}.scroll-section{overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#888 #f1f1f1}.toasts-container{position:fixed;top:10px;right:10px;z-index:20000}.toast{background-color:var(--color-red);color:#fff;padding:10px;margin-bottom:10px;margin-left:10px;border-radius:4px;display:flex;align-items:center;z-index:2000;font-size:14px;box-shadow:0 4px 6px rgba(0,0,0,.1),0 6px 12px rgba(0,0,0,.1)}.toast-icon{margin-right:10px}.toast-close-button,.toast-icon{font-size:24px;display:flex;align-items:center}.toast-close-button{background:none;border:none;color:#fff;cursor:pointer;margin-left:10px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slightFadeInUp{0%{transform:translateY(5px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes dot-typing{0%{box-shadow:9984px 0 0 0 #e5e0d8,9999px 0 0 0 #e5e0d8,10014px 0 0 0 #e5e0d8}16.667%{box-shadow:9984px -10px 0 0 #e5e0d8,9999px 0 0 0 #e5e0d8,10014px 0 0 0 #e5e0d8}33.333%{box-shadow:9984px 0 0 0 #e5e0d8,9999px 0 0 0 #e5e0d8,10014px 0 0 0 #e5e0d8}50%{box-shadow:9984px 0 0 0 #e5e0d8,9999px -10px 0 0 #e5e0d8,10014px 0 0 0 #e5e0d8}66.667%{box-shadow:9984px 0 0 0 #e5e0d8,9999px 0 0 0 #e5e0d8,10014px 0 0 0 #e5e0d8}83.333%{box-shadow:9984px 0 0 0 #e5e0d8,9999px 0 0 0 #e5e0d8,10014px -10px 0 0 #e5e0d8}to{box-shadow:9984px 0 0 0 #e5e0d8,9999px 0 0 0 #e5e0d8,10014px 0 0 0 #e5e0d8}}.loader{width:18px;height:18px;border:2px solid var(--sidebar-text-secondary);border-bottom:2px solid transparent;border-radius:50%}.blue-loader,.loader{display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}.blue-loader{width:32px;height:32px;border:3px solid var(--color-blue);border-bottom:3px solid transparent;border-radius:50%}#loading-container{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#000}#loading-container .spinner{border:5px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite}.page-loader{width:400px;height:213px}@media (max-width:720px){.page-loader{width:267px;height:142px}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.threads-list{padding:4px 12px;border-radius:6px;margin-bottom:4px;max-height:360px}#threads{transition:max-height .3s ease-in-out}.sidebar-label{margin:16px 4px 12px 8px;font-size:14px}.new-thread,.sidebar-label{display:flex;justify-content:space-between;align-items:center}.new-thread{position:relative;background:none;border:1px solid transparent;color:var(--sidebar-text-primary);padding:6px 12px;cursor:pointer;width:100%;height:38px;border-radius:8px;font-size:13px;overflow:hidden;white-space:nowrap;transition:all .3s ease-in-out;margin-bottom:8px;font-weight:700;border:1px solid var(--sidebar-bg-light)}.new-thread-icon{font-size:20px;display:flex;align-items:center;justify-content:center}#threads .new-thread:not(:last-child){margin-bottom:6px}#threads .new-thread.active{padding-right:12px}#threads .new-thread.active,#threads .new-thread.inactive:hover{background:var(--transparent-white);color:var(--sidebar-text-primary)}#threads .new-thread.active:active,#threads .new-thread.inactive:active{background:hsla(0,0%,100%,.025);color:var(--sidebar-text-secondary)}.threads-list-loader{display:flex;justify-content:center;align-items:center;height:38px;color:var(--sidebar-text-secondary)}.threads-list-loader svg{margin-left:8px}#threads .thread{position:relative;background:none;border:1px solid transparent;color:var(--sidebar-text-secondary);padding:6px 12px;cursor:pointer;width:100%;text-align:left;border-radius:8px;display:flex;align-items:center;font-size:13px;overflow:hidden;white-space:nowrap;transition:all .3s ease-in-out}#threads .thread:not(:last-child){margin-bottom:6px}#threads .thread.active{padding-right:12px}#threads .thread.active,#threads .thread.inactive:hover{background:var(--transparent-white);color:var(--sidebar-text-primary)}#threads .thread.active:active,#threads .thread.inactive:active{background:hsla(0,0%,100%,.025);color:var(--sidebar-text-secondary)}#threads .thread-icon{margin-right:12px;min-width:19px;font-size:19px;flex-shrink:0;display:flex;align-items:center}#threads .thread-title{flex-grow:1;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:none;height:24px;display:flex;align-items:center}#threads .thread-title input{background:var(--sidebar-bg-dark);color:#fff;border:1px solid grey;padding:2px 0;font-size:15px}#threads .thread-title input:focus{outline:none}#threads .thread-action-edit svg{min-width:15px;font-size:15px;margin-left:4px}#threads .thread-action-close svg,#threads .thread-action-delete svg{min-width:16px;font-size:16px}.thread-action{background:inherit;color:var(--sidebar-text-primary);border:none;cursor:pointer;flex-shrink:0}.thread-action-edit svg{margin-right:8px}#sidebar{width:300px;min-width:300px;height:100%;padding:8px 12px;background:var(--sidebar-bg-dark);color:var(--sidebar-text-color);position:relative;display:flex;flex-direction:column;transition:all .3s;position:fixed;z-index:1000}.sidebar-opened{transform:translateX(0)}.sidebar-closed{transform:translateX(-100%)}#sidebar-logo{margin:12px auto}#wingman-logo{width:174px;height:46px;background-image:url(/wingman_logo_dark.png);background-repeat:no-repeat;background-position:50%;background-size:cover}.toggle-sidebar-desktop{position:absolute;top:30px;right:16px;color:var(--sidebar-text-secondary);background:none;border:none;border-radius:4px;cursor:pointer;width:24px;height:24px;display:flex;justify-content:center;align-items:center;transition:all .3s}.toggle-sidebar-desktop-open:hover{color:var(--text-primary)}.toggle-sidebar-desktop-closed:hover{color:var(--sidebar-text-primary)}.toggle-sidebar-desktop svg{font-size:24px}.toggle-sidebar-desktop-open{position:absolute;top:20px;right:-50px;background:transparent;transition:all .3s}.sidebar-options-backdrop{display:block;width:100%;height:100%;position:absolute;top:0;left:0;z-index:100}.sidebar-loader-container{height:100%;flex-grow:1;display:flex;justify-content:center;align-items:center}.sidebar-loader{width:18px;height:18px;border:2px solid var(--sidebar-text-secondary);border-bottom:2px solid transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}#sidebar-links{flex-grow:1}#sidebar-links a{text-decoration:none}#sidebar-links .sidebar-link{position:relative;color:var(--sidebar-text-primary);padding:12px;cursor:pointer;width:100%;text-align:left;display:flex;align-items:center;font-size:15px;overflow:hidden;white-space:nowrap;border-radius:6px;border:none;margin-bottom:6px}#sidebar-links .sidebar-link svg{font-size:18px;color:var(--sidebar-text-primary);transition:all .1s ease-in-out}#sidebar-links .dating-coach-toggle svg{transition:all .3s}#sidebar-links #link-convo-helper svg,#sidebar-links #link-profile-tool svg,#sidebar-links .sidebar-link-chatbot svg{margin-right:12px}#sidebar-links .sidebar-link-icon:hover svg{transform:scale(1.05)}#sidebar-links .sidebar-link:active{background:hsla(0,0%,100%,.025);color:var(--sidebar-text-secondary)}#sidebar-links .sidebar-link:active svg{color:var(--sidebar-text-secondary);transform:scale(1)}#sidebar-links .sidebar-link-chatbot{display:flex;align-items:center}#sidebar-links .sidebar-link:not(:first-child){margin-top:8px}#link-dating-coach{background:transparent;transition:all .3s;display:flex;justify-content:space-between;align-items:center}#link-dating-coach:hover{background:var(--transparent-white)}#link-dating-coach.sidebar-link-active{background:var(--color-blue);background:var(--transparent-white)}.dating-coach-toggle{transition:all .2s ease-in-out;display:flex;justify-content:center;align-items:center}.dating-coach-toggle-open svg{transform:rotate(-90deg)}#link-convo-helper{background:transparent}#link-convo-helper:hover{background:var(--transparent-white)}#link-convo-helper.sidebar-link-active{background:var(--color-green);background:var(--transparent-white)}#link-profile-tool{background:transparent}#link-profile-tool.sidebar-link-active{background:var(--color-red);background:var(--transparent-white)}#link-profile-tool:hover{background:var(--transparent-white)}#sidebar-bottom{display:flex;flex-direction:column;position:relative}#sidebar-bottom button{position:relative;border:none;background:none;color:var(--sidebar-text-primary);padding:12px 20px;cursor:pointer;width:100%;text-align:left;display:flex;align-items:center;font-size:15px;overflow:hidden;white-space:nowrap}#sidebar-bottom button.sidebar-link-active{background:var(--sidebar-bg-medium);border-radius:8px}#sidebar-bottom a{text-decoration:none;transition:all .3s;border-radius:8px}#sidebar-bottom a:hover{background:var(--sidebar-bg-medium)}#sidebar-bottom .sidebar-convo-helper{border-radius:6px;margin-bottom:8px;transition:all .3s}#sidebar-bottom .sidebar-convo-helper:hover{background:var(--sidebar-bg-medium)}#sidebar-bottom .sidebar-convo-helper-icon{margin-right:10px;font-size:18px}#manage-account-button,#signup-account-button{display:flex;justify-content:space-between}#manage-account-tag{background:var(--color-blue);background:linear-gradient(45deg,#ff4087,#ffc056)}#manage-account-tag,#signup-tag{border-radius:4px;padding:4px 8px;margin-left:8px;font-weight:700}#signup-tag{background:var(--color-blue);background:-webkit-linear-gradient(left,#04bde4,#0253b9)}#sidebar-options-container{margin-top:6px;position:relative}button#sidebar-options{transition:all .3s;display:flex;justify-content:space-between;align-items:center;border-radius:8px;min-height:50px}button#sidebar-options:hover{background:var(--sidebar-bg-medium)}#sidebar-options-menu{position:absolute;bottom:100%;left:0;width:100%;z-index:1000;border:1px solid var(--sidebar-bg-light);border-radius:8px;background:var(--sidebar-bg-dark);margin-bottom:4px;animation:fadeIn .2s}#sidebar-options-menu button{transition:all .2s}#sidebar-options-menu button:first-child{border-top-left-radius:8px;border-top-right-radius:8px}#sidebar-options-menu button:hover{background:var(--sidebar-bg-medium)}#sidebar-options-menu .menu-divider{height:1px;width:100%;background:#323232}#sidebar-options-menu .logout-button{border-bottom-left-radius:8px;border-bottom-right-radius:8px}@media (max-width:900px){.toggle-sidebar-desktop{display:none}}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);background-color:rgba(40,40,40,.8);opacity:0;visibility:hidden;transition:opacity .3s;z-index:2000}.modal-backdrop.show{opacity:1;visibility:visible}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--modal-bg);color:var(--text-primary);border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);opacity:0;visibility:hidden;transition:opacity .3s;z-index:2000;animation:fadeIn .2s}.modal-medium{width:500px}.modal-large{width:680px}.modal.show{opacity:1;visibility:visible}.mobile-close-icon{display:none;color:var(--text-primary);background:none;border:none;margin-right:10px;height:24px}.mobile-close-icon svg{font-size:24px}#modal-header{padding:20px;border-bottom:1px solid var(--modal-divider);display:flex;align-items:center}.multi-image-convo-buttons{display:flex;align-self:flex-end;margin-top:20px}.multi-image-convo-buttons button{margin-left:12px}@media (max-width:720px){.modal{width:100%}.mobile-close-icon{display:inline-block}}.button{cursor:pointer;border:none;border-radius:4px;background:#4c4d4f;background:var(--button-color);color:#fff;padding:8px 12px;display:flex;justify-content:center;align-items:center;outline:none;box-shadow:0 4px 5.5px 0 rgba(0,0,0,.07);transition:all .3s ease-in-out}.button.selected,.button:hover{background:var(--button-hover)}.button.info{background:var(--color-blue)}.button.info:hover{background:#2a679b}.button.confirm{background:#10a37f;background:var(--color-green)}.button.delete{background:#991b1b;background:var(--color-red)}.button.chat,.button.chat:hover{background:linear-gradient(45deg,#04bde4,#0253b9)}.button.chat:hover{filter:brightness(115%)}.button.profile,.button.profile:hover{background:linear-gradient(45deg,#ff4087,#ffc056)}.button.profile:hover{filter:brightness(115%)}.button.convo,.button.convo:hover{background:linear-gradient(90deg,#fc5c7d,#6a82fb)}.button.convo:hover{filter:brightness(115%)}.button.disabled:hover,.button:disabled{opacity:.5;background:var(
    --button-color
  );cursor:not-allowed;box-shadow:none}#delete-thread-modal-body{padding:20px}#delete-thread-modal-body .buttons{display:flex;justify-content:flex-end}#delete-thread-modal-body .buttons button:first-child{margin-right:12px}.delete-thread-buttons{display:flex;justify-content:flex-end}.delete-thread-buttons button{margin-left:10px}.switch{width:50px;height:24px;position:relative}.switch-checkbox{display:none}.switch-label{cursor:pointer;border:1px solid #ccc;border-radius:12px;margin:0}.switch-inner,.switch-label{display:block;overflow:hidden}.switch-inner{width:100%;margin-left:-100%;transition:margin .3s ease-in 0s;padding:0;position:relative;height:24px}.switch-checkbox:checked+.switch-label .switch-inner{margin-left:0}.switch-switch{display:block;width:24px;margin:2px 2px 0;background:#fff;position:absolute;top:0;bottom:0;right:0;border:1px solid #ccc;border-radius:12px;transition:all .3s ease-in 0s}.switch-checkbox:checked+.switch-label .switch-switch{right:26px}#settings-modal-body{padding:20px;min-height:160px;display:flex;flex-direction:column;justify-content:space-between}.settings-dark-mode{display:flex}.settings-dark-mode-label{margin-right:20px}.settings-button-container{display:flex;justify-content:flex-end}.settings-button-container button{padding:8px 12px;cursor:pointer}#feedback-modal-body{padding:20px;display:flex;flex-direction:column}#feedback-modal-body p{margin-bottom:20px}#feedback-modal-body textarea{width:100%;height:120px;padding:12px;background:var(--bg-light);color:var(--text-primary)}#feedback-modal-body .buttons{margin-top:20px;display:flex;align-self:flex-end}#feedback-success{text-align:center;padding:20px;width:500px;height:377.5px;display:flex;flex-direction:column;justify-content:center;align-items:center;animation:fadeIn .5s both}#feedback-success h1{margin-bottom:20px}#feedback-success p{margin:30px 0}#feedback-success svg{font-size:100px}.feedback-buttons{display:flex;align-self:flex-end;margin-top:20px}.feedback-buttons button{margin-left:10px}@media (max-width:720px){#feedback-success{width:100%}}#onboarding-modal-header{margin-bottom:20px;padding:20px;border-bottom:1px solid var(--modal-divider)}#onboarding-modal-body{padding:0 20px 20px;font-size:16px}#onboarding-modal-body ul{margin:20px}#onboarding-modal-body .buttons{display:flex;justify-content:flex-end}#onboarding-modal-body .buttons button:first-child{margin-right:12px;margin-top:20px}#delete-convo-modal-body{padding:20px}#delete-convo-modal-body .buttons{display:flex;justify-content:flex-end}#delete-convo-modal-body .buttons button:first-child{margin-right:12px}.delete-convo-buttons{display:flex;justify-content:flex-end;margin-top:20px}.delete-convo-buttons button{margin-left:10px}#delete-profile-modal-body{padding:20px}#delete-profile-modal-body .buttons{display:flex;justify-content:flex-end}#delete-profile-modal-body .buttons button:first-child{margin-right:12px}button#confirm-delete-button{min-width:65px;color:#fff;display:flex;justify-content:center;align-items:center}button#confirm-delete-button:focus{outline:2px solid #f8f8f8;box-shadow:0 0 5px rgba(0,0,255,.5)}.delete-profile-buttons{display:flex;justify-content:flex-end;margin-top:20px}.delete-profile-buttons button{margin-left:10px}#confirm-delete-button .button-loader{width:14px;height:14px;border:2px solid var(--sidebar-text-primary);border-bottom:2px solid transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}#multi-image-convo-modal-body{padding:20px;display:flex;flex-direction:column}.modal-image-upload{border:2px dashed var(--upload-light);border-radius:6px;width:100%;height:90px;position:relative;cursor:pointer}.modal-custom-file-upload{display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;width:100%;height:100%;background:var(--user-bg);transition:all .2s}.modal-custom-file-upload:hover{background:var(--bot-bg)}.modal-custom-file-upload svg{margin-bottom:8px;font-size:24px}.modal-upload-plus{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:8px;display:flex;justify-content:center;align-items:center}#multi-image-convo-modal-body p{margin-bottom:20px}#multi-image-convo-modal-body textarea{width:100%;height:90px;padding:12px;background:var(--bg-light);color:var(--text-primary)}#multi-image-convo-modal-body .buttons{margin-top:20px;display:flex;align-self:flex-end}#multi-image-convo-modal-body .buttons button:first-child{margin-right:12px}.multi-image-convo-modal-files{margin-top:12px;display:flex;flex-direction:column;justify-content:center;align-items:center}.multi-image-convo-modal-file{width:100%;display:flex;justify-content:space-between;align-items:center;border:1px solid var(--bg-lightest);border-radius:6px;padding:4px 8px}.multi-image-convo-modal-file:not(:last-child){margin-bottom:8px}.multi-image-convo-modal-delete{display:flex;justify-content:center;align-items:center;border:none;border-radius:50%;padding:2px;background:var(--color-red);color:#fff;cursor:pointer}.multi-image-convo-modal-context{margin-top:20px}#chat-wrapper{position:relative;background:var(--bg-image);color:var(--text-primary);height:100%;width:100%;transition:margin-left .3s}.chat-wrapper-open{margin-left:300px}#mobile-header,.chat-mobile-backdrop{display:none}.chat-loader-container{transform:translateY(-38px);height:100%;flex-grow:1;display:flex;justify-content:center;align-items:center;color:var(--text-primary)}.chat-loader{width:18px;height:18px;border:2px solid var(--text-secondary);border-bottom:2px solid transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}@media (max-width:900px){.chat-mobile-backdrop{display:block;width:100%;height:100%;position:absolute;top:0;left:0;background-color:hsla(0,0%,4%,.7);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:100}.chat-wrapper-open{margin-left:0}#mobile-header{height:52px;width:100%;border-bottom:1px solid var(--white-10);display:flex;justify-content:space-between;align-items:center;padding:12px 16px}#mobile-header button{cursor:pointer;background:none;border:none;color:#fff}#mobile-header svg{font-size:20px;color:var(--text-primary);display:flex;justify-content:center;align-items:center}.loading-container{margin:0 24px;width:calc(100% - 48px)}}#login-page{display:flex;height:100%;width:100%;overflow:hidden;transition:all .3s ease;color:#fff}#login-left #auth-background-video{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0;z-index:0}.auth-button{padding:0 30px;width:300px;height:52px;border-radius:24px;display:flex;justify-content:center;align-items:center}.auth-button svg{margin-right:5px}.auth-button-text{display:flex;justify-content:center;align-items:center}.auth-input{height:54px;border-radius:24px;margin-bottom:16px;color:#fff;padding:12px 20px 0 16px;background:#333;border:none;font-size:14px;width:100%;background:linear-gradient(rgba(52,52,52,.7),#343434);outline:none;box-shadow:0 0 7px hsla(0,0%,100%,.5),inset 0 0 3px rgba(52,52,52,.6)}.auth-input.auth-input-error{border:1px solid #c33;box-shadow:none}.fade-in{opacity:0;animation:fadeIn .3s both}.auth-input:focus{border:1px solid #fff;box-shadow:none}.auth-input.auth-input-error:focus{border:1px solid #c33;box-shadow:none}.auth-button .button-loader{width:24px;height:24px;border:3px solid var(--color-blue);border-bottom:3px solid transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}.google-auth-error{color:#fff;width:320px;margin:0 auto;padding-top:60px;text-align:center}#login-left{width:100%;height:100%;flex-grow:1;transition:flex-grow .3s ease;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center}#login-left.shrink{flex-grow:0.5}.left-logo-container{position:absolute;top:30px;left:50%;transform:translateX(-50%)}.wingman-logo{width:174px;height:52px;background-image:url(/wingman_logo_dark.png);background-repeat:no-repeat;background-position:50%;background-size:cover}#auth-content{display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1}#auth-content h1{font-size:26px;width:340px;margin-bottom:24px;text-align:center}#auth-content .auth-subheader-mobile ul{margin-top:24px}#auth-content .auth-subheader-mobile ul li{margin-top:12px;text-align:left}#auth-content p{margin-top:24px}button.auth-button{cursor:pointer;display:flex;margin-bottom:16px;font-size:16px;font-weight:400;background:linear-gradient(hsla(0,0%,88%,0),#d9d9d9),hsla(0,0%,100%,.9);color:#000;border:none;border-radius:32px;padding:12px 20px;transition:all .3s;box-shadow:0 0 15px hsla(0,0%,100%,.9),inset 0 0 5px hsla(0,0%,100%,.8)}button.auth-button:hover{box-shadow:0 0 30px hsla(0,0%,100%,.9),inset 0 0 5px hsla(0,0%,100%,.8)}.auth-terms{font-size:14px;margin:0 24px;text-align:center}.auth-terms a{color:#f9f9f9}.sidebar{flex-grow:0;width:0;height:100%;background-color:#000;color:#fff;overflow:hidden}@media (min-width:720px){.sidebar{transition:all .5s ease}}.sidebar.visible{flex-grow:0.5;width:100%}#login-right{position:relative;height:100%;width:100%;min-width:300px;flex-direction:column;z-index:1}#login-right,#login-right .auth-toggle-button{display:flex;align-items:center;justify-content:center}#login-right .auth-toggle-button{cursor:pointer;position:absolute;top:28px;left:28px;padding:14px;border:1px solid #000;border-radius:50%;font-size:24px;color:#000;background:linear-gradient(hsla(0,0%,88%,0),#d9d9d9),hsla(0,0%,100%,.9);transition:all .3s}#login-right .auth-toggle-button:hover{box-shadow:0 0 15px hsla(0,0%,100%,.9),inset 0 0 5px hsla(0,0%,100%,.8)}.logo-right{position:absolute;top:18px;left:50%;transform:translateX(-50%)}#login-right h1{font-size:28px;margin-bottom:24px}#login-right p.auth-or-text{margin-top:4px;margin-bottom:12px}#login-form{display:flex;flex-direction:column;align-items:center}#login-right .forgot-password-link{text-decoration:none;color:#fff}#login-right .auth-password-text{margin:16px 0;color:#f8f8f8;text-decoration:none}#login-right .auth-password-text:hover{text-decoration:underline}.login-button{padding:0 30px;width:140px;height:54px;border-radius:24px;margin-top:16px}#login-right p.auth-link-text{margin-top:24px;min-height:39px}#login-right p.auth-link-text .auth-link-label{color:#9c9c9c}#login-right p.auth-link-text a{color:#fff}@media (max-width:720px){#login-left.shrink{display:none}}#first-signup-screen{display:none}#first-signup-screen.isActive{display:flex;flex-direction:column;align-items:center}#second-signup-screen{display:none}#second-signup-screen.isActive{display:flex;flex-direction:column;align-items:center}#third-signup-screen{display:none}#third-signup-screen.isActive{display:flex;flex-direction:column;align-items:center}#first-login-screen{display:none}#first-login-screen form{width:100%}#first-login-screen form,#first-login-screen.isActive{display:flex;flex-direction:column;align-items:center}#second-login-screen{display:none}#second-login-screen.isActive{display:flex;flex-direction:column;align-items:center}.auth-errors{color:#c33;text-align:center}.input-container{position:relative;width:100%}.label{position:absolute;top:16px;left:20px;transition:.3s;color:#9c9c9c;pointer-events:none}.label-small{font-size:10px;top:6px;left:16px}@media (max-width:900px){.auth-input{font-size:16px}}