.school-search__form{z-index:1;position:relative;display:flex;justify-content:center;align-items:flex-start;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.school-search__form .search-modal__form{z-index:4;width:100%;max-width:72rem;margin:0 auto;display:flex;flex-direction:column;position:relative;border-radius:var(--inputs-radius);-webkit-box-shadow:0px 8px 20px rgba(0,0,0,.06);box-shadow:0 8px 20px #0000000f;padding:3rem;background-color:#fff}.school-search__form .predictive-search{border-radius:var(--inputs-radius)}.school-search__form .school-search__title h3{margin-top:0;margin-bottom:1.5rem}.school-search__form .search__input.field__input{padding:2rem;height:6.5rem}.school-search__form .field__label{top:calc(2rem + var(--inputs-border-width))}.school-search__form .field__label type-writer{font-weight:700}.school-search__form .field__input:focus~.field__label,.school-search__form .field__input:not(:placeholder-shown)~.field__label,.school-search__form .field__input:-webkit-autofill~.field__label{display:none}.school-search__form .search__button{width:6.5rem;height:6.5rem}.school-search__form .search__button .icon{height:2.5rem;width:2.5rem}.school-search__form .reset__button{width:6.5rem;height:6.5rem;right:calc(var(--inputs-border-width) + 6.5rem)}.school-search__form .reset__button .icon{height:2.5rem;width:2.5rem}.school-search__form .reset__button:not(:focus):after{height:calc(100% - 3.8rem)}.predictive-search__item-image.card__media{width:4rem;position:relative}.predictive-search__item-image.card__media img{width:100%;height:auto}.school-search__form .predictive-search__results-list{max-height:30rem;overflow-y:auto}.school-search__content .image-with-text__content{padding:3rem;z-index:2}@media screen and (min-width: 990px){.school-search__content{padding-left:calc(50% - ((var(--page-width) / 2)));display:flex;justify-content:flex-start}.school-search__content .image-with-text__content{padding:11rem 3rem}}.image__svg-image{height:100%;width:auto;object-fit:cover}.school-search-hero{position:relative}.shape-wave{width:100%;height:auto;position:absolute;bottom:-.1rem;left:0;right:0;z-index:2}.school-search__content .image-with-text__heading{margin-top:0;position:relative}@media screen and (max-width: 749px){.school-search__content .image-with-text__content{padding:3rem 2rem}.school-search__content .image-with-text__heading{font-size:2.4rem}}@media screen and (max-width: 449px){.school-search__content .image-with-text__heading{font-size:2rem}}.school-search__content .image-with-text__heading>*:not(.school-search__content-elem){margin:0}.school-search__content-elem{position:absolute;bottom:100%;margin-left:-2rem;margin-bottom:-2.5rem}.school-search__content-elem img{max-width:8rem}.school-search__elem img{max-height:13rem}.school-search__elem.elem-1 img{-webkit-animation:3s ease-in-out infinite wave3;animation:3s ease-in-out infinite wave3}.school-search__elem.elem-2 img{-webkit-animation:3s ease-in-out infinite wave2;animation:3s ease-in-out infinite wave2}@keyframes wave1{0%{transform:translatey(0)}50%{transform:translatey(20px)}to{transform:translatey(0)}}@keyframes wave2{0%{transform:translatey(0)}50%{transform:translatey(20px)}to{transform:translatey(0)}}@keyframes wave3{0%{transform:translatey(0)}50%{transform:translatey(-20px)}to{transform:translatey(0)}}.school-search__media.image-with-text__media{border-radius:0}@media screen and (min-width: 990px){.school-search-hero .grid--2-col-tablet .grid__item,.grid--2-col-tablet .grid__item{width:calc(50% - var(--grid-desktop-horizontal-spacing) / 2)}}@media screen and (max-width: 989px){.school-search__media:before{content:"";position:absolute;top:0;background:#000;opacity:.3;z-index:1;width:100%;height:100%}.school-search__content-elem{right:0}.school-search__content .image-with-text__content>*{color:#fff}.school-search__content .image-with-text__content .button,.school-search__content .image-with-text__content .subtitle,.school-search__elem{display:none}.school-search-hero .school-search__content{position:absolute;height:100%;width:100%}.school-search__content .image-with-text__content{justify-content:center;display:flex;align-items:center;text-align:center}.grid--2-col-tablet .grid__item{width:100%}.image__svg-image{clip-path:unset}.school-search__content-elem img{max-width:5rem}.school-search__form .search-modal__form{padding:2rem}}@media screen and (max-width: 749px){.school-search__form .search__input.field__input{height:6.3rem}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-school-search.css.map */