@import"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";body,h1{font-family:Inter,sans-serif}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block}input,button,textarea,select{font:inherit}html{scrollbar-gutter:stable}body{font-family:var(--font-body);font-size:1rem;color:var(--color-text);background-color:var(--color-background)}#root{height:100%;width:100%}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);line-height:120%}h1{font-size:2rem;font-weight:600}a{color:inherit;text-decoration:underline;cursor:pointer}button,input,select,textarea{font:inherit}button{cursor:pointer;background:none;border:none}input{width:100%;height:46px;border-radius:var(--radius-md);background-color:var(--color-surface);border:1px solid var(--color-border);padding-inline:1rem}input[aria-invalid=true]{border-color:var(--color-error)}.input-error{color:#d32f2f;font-size:.875rem;margin-top:.35rem}.label{font-weight:500;font-size:1rem}.input-error{color:var(--color-error);font-size:.875rem;margin-top:.35rem}.standard-form{padding-top:2rem;display:grid;gap:1rem}.standard-form_input-group{display:grid;gap:.5rem;padding-bottom:.4rem}.standard-form_input-group-flex{display:grid;gap:.5rem}.standard-form_input-group-flex div{display:flex;gap:.5rem}@media(max-width:768px){.standard-form_input-group-flex div{display:grid;gap:.5rem}}@media(max-width:270px){.standard-form_input-group-flex div{display:grid;gap:.5rem}}.standard-form_input-group-flex div div{display:grid;gap:.5rem;align-content:start}.standard-form_icon{height:16px;width:16px}.standard-form button{display:flex;align-items:center;gap:.2rem;margin-top:.5rem}.first-header{color:#7c7c7c}.app-main{padding:var(--space-lg) var(--space-sm) var(--space-xl)}.app-container{max-width:var(--container-width);margin:0 auto}.app-container--narrow{max-width:var(--container-narrow)}.page-section{width:100%}.page-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.standard-form_page{margin:0 auto;display:grid;place-items:center}.flex{display:flex}.grid{display:grid!important}.hidden{display:none}.text-muted{color:var(--color-muted)}.w-full{width:100%}.center{display:grid;place-items:center}:root{--font-body: "Roboto", sans-serif;--font-heading: "Inter", sans-serif;--color-text: #272727;--color-muted: #7c7c7c;--color-border: #e4e4e4;--color-background: #f5f5f5;--color-surface: #ffffff;--color-primary: #272727;--color-secondary: #2b9e98;--color-error: #d32f2f;--radius-sm: 8px;--radius-md: 9px;--radius-lg: 16px;--container-width: 700px;--container-narrow: 700px;--header-height: 80px;--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 3rem}.button{display:inline-flex;height:48px;justify-content:center;align-items:center;gap:.2rem;font-weight:600;border-radius:var(--radius-md)}.button:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.button:disabled{opacity:.6;cursor:not-allowed}.button-prim{background-color:#000;color:#fff;border:3px solid transparent}.button-prim:hover{background-color:var(--color-primary);color:#fff;border:3px solid transparent}.button-alt{background-color:#fff;color:var(--color-primary);border:1px solid var(--color-primary)}.button-alt:hover{outline:1px solid var(--color-primary)}.loader{text-decoration:none}.notfound{text-decoration:none}.home_container{width:100%}.home_container h1{font-size:2rem}.home_content-container{padding-top:1rem;height:100%;width:100%;display:grid;align-items:center;gap:1rem;flex-wrap:wrap}.workshifts_page-header-container{display:flex;align-items:center;justify-content:space-between}.home_add-workshift{border:1px solid #e4e4e4;border-radius:8px;display:grid;place-items:center;padding-inline:.5rem;text-decoration:none}.home_add-workshift p{color:#000;font-size:2rem;font-weight:100;padding-inline:.5rem}.wc_level-details{display:none}@media(max-width:768px){.wc_level-header{display:none}.wc_level-details{display:block}}.wc_info-group label{font-size:.8rem;font-weight:400;cursor:pointer}.wc_info-group p,.wc_info-group-flex p{font-weight:600;overflow-wrap:anywhere}.wc_container{border:1px solid #ddd;border-radius:12px;padding:1rem;transition:all .3s ease;cursor:pointer}.wc_container.open{background-color:#f9f9f9}.wc_info-group-flex{display:flex;flex-wrap:wrap}.wc_info-group-flex *{padding-inline:.1rem}.wc_header{display:flex;justify-content:space-between;align-items:center;-webkit-user-select:none;user-select:none;gap:1rem}.wc__booking-status{font-size:.7rem;font-weight:600;align-self:center}.wc_details{display:flex;justify-content:space-between;margin-top:1rem;border-top:1px solid #eee;padding-top:1rem;animation:fadeIn .2s ease-in-out;flex-wrap:wrap;gap:1.5rem}.wc__chevron{display:flex;justify-content:flex-end}.wc_button-container{display:flex;gap:.4rem}.wc_button-container *{text-decoration:none;min-width:5rem}#booking_button{width:180px;padding:0}.bc_level-details{display:none}@media(max-width:768px){.bc_level-header{display:none}.bc_level-details{display:block}}.bc_info-group label{font-size:.8rem;font-weight:400;cursor:pointer}.bc_info-group p{font-weight:600;overflow-wrap:anywhere}.bc_info-group-flex p{font-weight:600}.bc_container{border:1px solid #ddd;border-radius:12px;padding:1rem;transition:all .3s ease;cursor:pointer;max-width:100%}.bc_container.open{background-color:#f9f9f9}.bc_info-group-flex{display:flex;gap:.5rem}.bc_header{display:flex;justify-content:space-between;align-items:center;-webkit-user-select:none;user-select:none;gap:1rem}.bc__booking-status{font-size:.7rem;font-weight:600;align-self:center}.bc_details{display:flex;margin-top:1rem;border-top:1px solid #eee;padding-top:1rem;justify-content:space-between;animation:fadeIn .2s ease-in-out;max-width:100%;flex-wrap:wrap}.bc_details *{padding-right:1.2rem;padding-bottom:.6rem}.bc__chevron{display:flex;justify-content:flex-end}.bc_button-container{display:flex;gap:.4rem}.bc_button-container *{padding-inline:3rem;text-decoration:none}.rotate{transform:rotate(180deg);transition:transform .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.bookings_map_conatiner{padding-top:1rem;display:grid;gap:1rem}.complete_page{height:100vh;display:grid;place-items:center}.complete-profile{display:grid;min-width:440px;max-width:30%;margin:0 auto;align-items:center}@media(max-width:550px){.complete-profile{padding-inline:2rem}}.complete-profile{margin:auto 0}.complete-profile form{padding-top:2rem;display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.complete_icon_arrow{height:17px;width:17px}.complete-profile form button{display:flex;align-items:center;gap:.3rem;margin-top:1rem}.input-error-shared p{margin-top:0rem}.min-height{min-height:1.3rem}.input-label-wrapper{min-height:1.5rem}.signup_page{display:grid;grid-template-columns:5fr 4fr;height:100vh;overflow:hidden}@media(max-width:1200px){.signup_page{grid-template-columns:1fr}}.signup_page form h1{letter-spacing:-3%}.signup_page img{height:calc(100vh - 2rem);width:calc(100% - 1rem);object-fit:cover;margin:1rem;border-radius:12px}@media(max-width:1200px){.signup_page img{display:none}}.signup_left-side{display:grid;grid-template-rows:3fr 1fr;max-width:60%;padding-left:3rem;height:100%}@media(max-width:900px){.signup_left-side{max-width:80%}}.already-account_group{text-align:center;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding-bottom:3rem}.already-account_group a{color:#000;text-decoration:none;font-weight:700;display:flex;gap:5px;align-items:center}.signup_icon_arrowright{height:16px;width:16px}.signup_page form{display:grid;margin:auto 0rem 0rem}.signup-headers{padding-bottom:1.7rem}.signup_first-header{color:#7c7c7c}.signup_input-group{padding-top:.6rem;display:grid}.signup_input-group label{font-weight:500;font-size:16px}.signup-input-error-wrapper{min-height:1.5rem}.signup-input-error-wrapper p{margin-top:.1rem}.signup_page form button{margin-top:1.5rem;display:flex;gap:6px;align-items:center;height:58px}.error-message{padding:.6rem .2rem;font-size:.9rem;color:var(--color-error)}.login_page{display:grid;grid-template-columns:5fr 4fr;overflow:hidden}@media(max-width:1200px){.login_page{grid-template-columns:1fr;padding-right:3rem}}@media(max-width:350px){.login_page{padding-right:1rem}}.login_page form h1{letter-spacing:-3%}.login_page img{height:calc(100vh - 2rem);width:calc(100% - 1rem);object-fit:cover;margin:1rem;border-radius:12px}@media(max-width:1200px){.login_page img{display:none}}.login_left-side{display:grid;max-width:100%;padding-left:3rem;height:100%;padding-top:1rem}@media(max-width:1200px){.login_left-side{gap:5rem}}@media(max-width:350px){.login_left-side{padding-left:1rem}}.login_left-side form{max-width:60%;padding-bottom:5rem}@media(max-width:900px){.login_left-side form{max-width:80%}}@media(max-width:600px){.login_left-side form{max-width:90%}}.no-account_group{text-align:center;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding-bottom:3rem}.no-account_group a{color:#000;text-decoration:none;font-weight:700;display:flex;gap:5px;align-items:center}.login_icon_arrowright{height:16px;width:16px}.login-banner{display:flex;align-items:center;justify-content:center;width:100%}.login_page form{display:grid;margin:auto 0rem 0rem}.login-headers{padding-bottom:1.8rem}.login_first-header{color:#7c7c7c}.login_input-group{padding-top:.5rem;display:grid}.login_input-group label{font-weight:500;font-size:16px}.input-error-wrapper{min-height:1.5rem}.input-error-wrapper p{margin-top:.1rem}.login_page form button{margin-top:1.6rem;display:flex;gap:6px;align-items:center;height:58px}.banner-container{min-height:2rem}@media(min-width:1200px){.banner-container{max-height:10rem}}.banner-container div{position:relative;border-radius:1rem;display:grid;height:100%;place-items:center;background-color:#ffd65c;padding-block:1rem}.banner-container p{max-width:80%;text-align:center;font-size:.9rem}.close-button{position:absolute;right:8px;top:6px}.update-profile{margin:auto 0}.update-profile form{padding-top:2rem;display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.update_icon_arrow{height:17px;width:17px}.update-profile form button{display:flex;align-items:center;gap:.3rem}.full-width{grid-column:1 / -1}.protected-route{display:grid;place-items:center;height:80vh}.loader,.notfound{text-decoration:none}.workshift-details__container{width:var(--container-width)}.header_container{display:grid;grid-template-columns:1fr auto 1fr;margin-block:1rem}@media(max-width:900px){.header_container{display:flex;justify-content:space-between;padding-inline:1rem}.empty-div{display:none}}.header_container *{text-decoration:none}.header_midd-section{display:flex;gap:1.8rem}@media(max-width:900px){.header_midd-section{display:none}}.header_midd-section *{display:flex;align-items:center;gap:.3rem;font-weight:600}.header__right-secion{display:flex;align-items:center;height:44px}.header_container>a{justify-self:end;margin-right:1rem;padding-inline:1rem;border:1px solid black;border-radius:8px}.header_icon{height:16px;width:16px}@media(min-width:901px){.navigation__mobile{display:none}}.mobile-menu{display:none}.mobile-menu nav{display:grid;place-items:center;padding-top:5rem;gap:.7rem}.mobile-menu__link{font-size:2rem;display:flex;align-items:center}.chevron{height:2rem;width:2rem}@media(max-width:900px){.mobile-menu{display:block;position:fixed;inset:5rem auto;width:100%;transform:translate(100%);transition:transform .3s ease}.mobile-menu--open{transform:translate(0)}}@media(max-width:900px){.mobile-menu-backdrop{position:fixed;inset:5rem 0rem 0rem;background:var(--color-background);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.mobile-menu-backdrop--visible{opacity:1;visibility:visible}}.mobile-menu-backdrop{z-index:100}.mobile-menu{z-index:101}.ssp__container{height:100%;width:100%;display:grid;place-items:center}.ssp__container div{width:70%;padding-bottom:5rem}.ssp__container div h1{padding-bottom:1rem}.popup{opacity:0;visibility:hidden;transform:translateY(1rem);transition:opacity .4s ease,transform .4s ease;position:fixed;bottom:2rem;right:2rem;background-color:#fff;display:grid;gap:1.1rem;padding:3rem 3rem 4.5rem;border-radius:1rem;box-shadow:0 0 10px 4px #00000005;place-items:center;max-width:20rem;min-width:15rem;margin:0}.popup-visible{opacity:1;visibility:visible;transform:translateY(0);margin:0}@media(max-width:950px){.popup-visible{visibility:hidden;opacity:0}}.popup div a{text-align:center;font-size:.9rem;align-items:center;gap:.1rem;margin:0;display:flex}.popup p{text-align:center;font-size:.9rem}.contact-information{display:grid;place-items:center;gap:.4rem;background-color:#f0f0f0;padding:1rem;border-radius:1rem;width:100%}.popup h1,.popup h2{font-size:1.1rem;font-weight:800}.popup button{position:absolute;right:10px;top:7px}.popup-image{height:78%;width:50%;overflow:hidden;border-radius:.5rem}.popup-image img{width:100%;height:100%;object-fit:cover;object-position:center;object-position:50% 7%}.arrow-right{height:.9rem;width:1rem}