.day-drop-down,.month-drop-down,.year-drop-down{--webkit-appearance: none;color:var(--color-black)}.enrollment-banner-form{width:33%;max-width:550px;align-items:center;justify-content:center;margin:auto;box-shadow:0 3px 6px #00000038;border-radius:25px;background:var(--color-white);position:absolute;right:140px;top:36px;z-index:1}.banner-wrapper .welcome-continer{color:var(--color-primary)}.enrollment-banner-form input:placeholder-shown~label{transform:translateY(-50%)}.welcome-container{right:5%;bottom:25%}.full-banner .enrollment-banner-form{position:absolute;right:20px;top:-10px}.input-field__container{position:relative}.full-banner .full-banner-content{width:60%}.social-login{text-align:center;padding:2px;font:normal normal bold var(--size-regular)/22px var(--font-family-1);color:var(--color-primary)}.login-social-icon__container img{pointer-events:none}.split-banner-main-container{position:relative}.split-banner-main-container .logo-calendar-footer{display:none}.banner__heading{font:normal normal 600 var(--size-large)/24px var(--font-family-1);letter-spacing:.45px;color:var(--color-primary);text-transform:uppercase;opacity:1}.banner__text{font:normal normal bold var(--size-heading-4)/48px var(--font-family-2)}.banner__media img{object-fit:contain;max-width:100%;height:100%}.signup-short-form{margin:0 5%}.signup-form-wrapper{padding:25px;letter-spacing:0}.signup-short-form__input{width:498px;height:50px;border-radius:5px;padding:10px;font:normal normal normal var(--size-heading)/33px var(--font-family-1);max-width:100%;border:1px solid var(--input-border)}.footer .signup-short-form__input{margin-bottom:5px}.error-msg{font-size:var(--size-smallest);color:var(--color-error-4);margin:0;width:100%}.error-message{background:var(--color-error-2);text-align:center;margin:14px auto;border-radius:15px;color:#000}.signup-short-form__input.due__field--control{width:20%}.enrollment-banner-form .error-message{margin-bottom:25px}.input-field__wrapper .signup-short-form__input::placeholder{font:normal normal normal var(--size-heading)/33px var(--font-family-1);color:var(--color-white);letter-spacing:0}.horizontal__line--content:before,.horizontal__line--content:after{display:inline-block;content:"";border-top:.15rem solid var(--color-primary);width:1.5rem;margin:0 3px;transform:translateY(-.4rem)}.due__field{display:flex;font:normal normal normal var(--size-largest)/27px var(--font-family-1);line-height:1;color:var(--color-black);flex:1 0 100%;margin-bottom:10px}.logo-calendar{cursor:pointer}.calendar{display:block}.calendar-footer{display:none}.footer .due__field{color:var(--color-white)}.footer .calendar{display:none}.footer .calendar-footer{display:block}.footer .enrollment-banner-form{right:auto}.date-picker-container .select-group select{background:url(drop-down.png) top 50% right 5% / 12px 9px no-repeat;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;color:var(--color-black);appearance:none}footer .date-picker-container .select-group select{background-color:var(--color-white)}.footer .button__large{background:var(--color-white);color:var(--color-primary)}.due__field--control{opacity:0;position:absolute;bottom:0;right:0;padding:0;cursor:pointer;z-index:-1}select.show-placeholder:focus{border:2px solid var(--color-primary)!important}.signup-short-form__input_btn{width:496px;height:75px;border:0;font:normal normal bold var(--size-heading)/33px var(--font-family-1);border-radius:50px;color:var(--color-white);background-color:var(--color-primary);margin:20px auto;max-width:100%;display:flex;justify-content:center;align-items:center}.enrollment-banner-form .input-field__wrapper *:focus-visible{outline:0;outline-offset:0}.enrollment-banner-form .signup-short-form__input_btn:focus-visible,.enrollment-banner-form .logo-calendar:focus-visible{outline:1px solid #000}.social-icons{max-width:496px;display:flex;justify-content:center;column-gap:20px;margin:20px auto 30px;color:var(--color-primary)}.login-social-icon__container{width:auto}.login-social-icon{max-width:60px;max-height:60px}.social-button,.logo-calendar{border:0;background:transparent;cursor:pointer;width:54px;max-width:100%}.social-button svg{pointer-events:none}input::placeholder{color:var(--color-white)}select option:first-child{color:var(--color-black)}select.show-placeholder option{color:var(--color-primary)}#date-select-wrapper{display:flex;column-gap:20px;width:498px;margin:5px 5px 5px 0;max-width:100%;flex-direction:row;justify-content:space-between}#date-select-wrapper>*{flex-grow:1;width:auto;margin:0;border-radius:5px;max-width:30%;padding:10px;flex-direction:row;border:1px solid var(--input-border);font:normal normal normal var(--size-heading)/33px var(--font-family-1);color:var(--color-black);background-color:var(--color-white)}#date-select-wrapper>*:focus{box-shadow:none}.input-field__container label{position:absolute;font:normal normal normal var(--size-heading)/33px var(--font-family-1);left:0;top:50%;transform:translateY(-50%);background-color:var(--color-white);color:var(--color-black);padding:0 .3rem;margin:0 .5rem;transition:.1s ease-out;transform-origin:left top;pointer-events:none;display:block!important}.logo-calendar .login-social-icon{width:30px;height:auto}.date-picker-button a:focus{box-shadow:none}.input-field__wrapper>div{display:flex;margin:15px auto 20px;flex-direction:column}.input-field__wrapper>div:first-child{margin-top:5px}.input-field__wrapper>div:last-child{display:flex;flex-flow:row-reverse wrap;justify-content:flex-end;align-items:center;position:relative}.split-banner .logo-calendar-footer{display:none}.date-picker-container{width:100%;display:flex;align-items:center}.select-group{width:90%}.date-picker-button{width:100%}.error label{top:0;transform:translateY(-35%) scale(.7)}.input-field__container p+label{color:var(--color-error-4);top:0}.input-field__container:has(p) label{top:0;color:var(--color-error-4);transform:translateY(-35%) scale(.7)}.input-field__container:has(p) input{border:1px solid var(--color-error-4)}.enrollment-banner-form input:not(:placeholder-shown)+label{top:0;transform:translateY(-35%) scale(.7)}.enrollment-banner-form input:focus+label{color:var(--color-black);top:0;transform:translateY(-35%) scale(.7)}.input-field__container p:empty+label{color:var(--color-black)}.input-field__container .signup-short-form__input{transition:.1s ease-out}.input-field__container .signup-short-form__input:focus{border-color:var(--color-black);box-shadow:none;border:1.5px solid var(--color-black)}.input-field__container input:focus+label{color:var(--color-black);top:0;transform:translateY(-35%) scale(.7);padding:0 3px}.welcome-back-enrollment{display:none;padding:20px}.welcome-container .welcome-back-enrollment{display:block;padding:20px}.welcome-container .social-login,.welcome-container .signup-form-wrapper,.welcome-container .footer-block__icon-image,.welcome-container .footer-block__gift-content{display:none}.welcome__title{font-size:var(--size-heading);font-weight:700}.welcome__button{width:100%;background-color:var(--color-primary)}.welcome__button.button:after,.welcome__button.button:hover{box-shadow:none}.footer .logo-calendar-footer{display:block}.footer .signup-short-form__input_btn{background-color:var(--color-white);color:var(--color-primary)}.footer .signup-form-wrapper{padding:0}.footer .enrollment-banner-form{width:100%;background-color:transparent;box-shadow:none;position:unset}.footer .social-login{display:none}@media only screen and (min-width: 767px) and (max-width: 1600px){#date-select-wrapper>*{padding:10px 0 10px 5px;font:normal normal normal var(--size-large)/29px var(--font-family-1)}.input-field__wrapper .signup-short-form__input::placeholder{font:normal normal normal var(--size-largest)/29px var(--font-family-1);color:var(--color-white)}.input-field__container label{font:normal normal normal var(--size-largest)/33px var(--font-family-1)}.due__field{font:normal normal normal var(--size-regular)/25px var(--font-family-1)}.enrollment-banner-form{width:30%;top:36px;height:fit-content}.signup-short-form__input{width:100%;height:50px;max-width:100%;font:normal normal normal var(--size-largest)/29px var(--font-family-1);padding:10px}.signup-short-form__input_btn{width:340px;height:45px;font-size:var(--size-large)}.social-icons{max-width:340px;display:flex;justify-content:center;column-gap:25px;margin:20px auto;font:normal normal bold var(--size-small)/20px var(--font-family-1)}.login-social-icon{max-width:40px;max-height:40px}.social-login{font-size:var(--size-small);color:var(--color-primary)}#date-select-wrapper{column-gap:10px}}@media screen and (min-width: 1600px){.input-field__wrapper>div{margin:20px auto}.date-picker-button{margin-left:10px;margin-top:5px}#date-select-wrapper{column-gap:20px}}@media only screen and (max-width: 767px){.signup-short-form__input{width:400px;height:60px;font:normal normal normal var(--size-largest)/33px var(--font-family-1)}.signup-short-form__input_btn{font:normal normal bold var(--size-largest)/27px var(--font-family-1)}.footer .due__field{text-align:left}.date-picker-button{padding-left:5px}.input-field__container label{font:normal normal normal var(--size-largest)/33px var(--font-family-1)}.enrollment-banner-form{position:relative;right:0;top:-35px;width:100%}.full-banner .enrollment-banner-form{width:100%;position:revert}#date-select-wrapper{column-gap:15px}#date-select-wrapper>*{font:normal normal normal var(--size-largest)/33px var(--font-family-1);padding:5px}.full-banner .full-banner-content{width:100%}#google-button iframe{height:47px;width:54px}}@media screen and (min-width: 1600px){.signup-form-wrapper{padding:26px}.signup-short-form__input{height:60px;padding:0 15px}#date-select-wrapper>*{padding:10px 10px 10px 15px}.input-field__container label{margin:0 15px}}@media screen and (min-width: 1900px){.signup-short-form__input{height:75px;padding:0 20px}.input-field__container label{margin:0 20px}.welcome-container{right:5%;bottom:0%;max-height:fit-content}}@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait){.enrollment-banner-form{width:100%;position:revert;max-width:100%}#date-select-wrapper{width:100%;justify-content:flex-start}.signup-short-form__input{width:100%}.social-login{font-size:var(--size-small)}}@media only screen and (max-width: 1024px){.social-login{font-size:var(--size-small)}}
/*# sourceMappingURL=/cdn/shop/t/220/assets/enrollment-short-form.css.map */