.c-search-area-modal{display:grid;grid-template-columns:1fr 224px;gap:32px}.c-search-area-modal__open{position:relative;padding:10px 16px;background:#fff;border:1px solid #e3e3e3;border-radius:4px;font-weight:400;cursor:pointer}.c-search-area-modal__open:before{transform:translateY(-50%)}.c-search-area-modal__open:after,.c-search-area-modal__open:before{content:"";position:absolute;top:50%;right:16px;width:14px;height:1px;background:#333}.c-search-area-modal__open:after{transform:translateY(-50%) rotate(90deg)}.c-search-area-modal__open span{overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:1}.c-search-area-modal__modal{transition:all .3s;position:fixed;top:0;left:0;display:flex;flex-direction:column;width:100%;height:100%;background:rgba(51,51,51,.2);z-index:200;opacity:0;visibility:hidden;pointer-events:none;overflow:auto}@media only screen and (min-width:960px){.c-search-area-modal__modal{flex-direction:row;justify-content:center;align-items:center;padding:48px}}.c-search-area-modal__modal.is-visible{opacity:1;visibility:visible;pointer-events:auto}.c-search-area-modal__modal.is-visible .c-form-hero__modal-inner{transform:translateY(0)}.c-search-area-modal__modal-inner{width:100%;max-width:960px;margin-top:auto}@media only screen and (max-width:959px){.c-search-area-modal__modal-inner{transition:all .3s;transform:translateY(100%)}}@media only screen and (min-width:960px){.c-search-area-modal__modal-inner{margin:0}}.c-search-area-modal__bottom,.c-search-area-modal__submit{display:flex;justify-content:center}.c-search-area-modal__submit{position:relative;align-items:center;gap:4px;padding:12px;width:100%;border-radius:100px;font-size:13px;color:#fff;overflow:hidden;gap:0}@media only screen and (min-width:960px){.c-search-area-modal__submit{padding:10px;font-size:15px}}.c-search-area-modal__submit:before{content:"";transition:all .3s;background:linear-gradient(180deg,#EF65A4,#E51373);position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}.c-search-area-modal__submit:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#ef65a4;z-index:1}.c-search-area-modal__submit>*{position:relative;z-index:3}@media only screen and (min-width:960px){.c-search-area-modal__submit{transition:all .3s}.c-search-area-modal__submit:hover:before{opacity:0}}