#become-a-roomie{display:none}#become-a-roomie.show{display:block}#become-a-roomie .become-a-roomie-modal{max-width:750px;position:relative;display:grid;grid-template-columns:1fr 1fr;background-color:#fff}#become-a-roomie .become-a-roomie-modal .modal-text{padding:2rem;align-items:center;text-align:center}.become-a-roomie-modal .submit{width:100%;font-size:1rem;min-height:4rem}#become-a-roomie .become-a-roomie-modal h2{font-size:1.5rem;font-weight:500;margin-bottom:.5rem;text-transform:uppercase}#become-a-roomie .become-a-roomie-modal p{font-size:1rem}#become-a-roomie .become-a-roomie-modal img{max-width:100%;object-fit:cover}.modal-input{display:flex;flex-direction:column;margin-bottom:1.5rem;position:relative}.modal-input input{border:none;font-size:12px;-webkit-appearance:none;appearance:none;border-radius:0;border-bottom:1px solid #aaa;height:40px;text-indent:10px}.modal-input label{position:absolute;bottom:4px;left:0;text-transform:uppercase;font-size:1.3rem;transition:all .2s ease-in-out}#hide_show_password{opacity:0;position:absolute;top:0;right:2rem;padding:1rem;background:none;border:none;cursor:pointer}input[type=password]+button .closed-eye{display:none}input[type=text]+button .open-eye{display:none}.modal-input:focus-within #hide_show_password{opacity:1}.modal-input:has(input:not(:placeholder-shown)) label,.modal-input:has(input:focus) label{transform:translateY(-30px);font-size:.8rem;color:#000}::placeholder{color:#fff}.modal-input:has(input:focus) ::placeholder{color:#6a6666ba}.modal-input:has(input:required) label:after{content:"*";margin-left:.1rem}.modal-input input:focus{outline:none;border-bottom:1px solid #000;box-shadow:none}#room-modal{display:none}#room-modal.show{display:block}.modal-backdrop-become-a-roomie,.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#ffffff80;display:flex;justify-content:center;align-items:center;z-index:9999}.modal-backdrop .modal{text-align:center;text-transform:uppercase;font-weight:500;font-size:1rem;background-color:#fff;padding:1rem;border-radius:5px;box-shadow:0 2px 10px #0000001a;max-width:375px;width:90%;margin:0 auto;position:relative}.modal-backdrop .modal a:not(.button){color:inherit}.modal-backdrop .modal .button{margin-block:1.5rem;font-size:1rem;min-height:3.5rem}.terms-and-conditions{font-size:.8rem;text-decoration:underline;color:#000}.close-become-a-roomie-modal{position:absolute;top:0;right:0;padding:1rem;background:none;border:none;cursor:pointer;color:#000}#room-modals{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;gap:1rem;align-items:center;overflow-y:auto;z-index:9999;overscroll-behavior:contain;padding-inline:10px;scroll-snap-type:x mandatory;scroll-padding:1rem;scroll-behavior:smooth}#room-modals img{scroll-snap-align:center;margin:0 auto;max-width:100%;border-radius:5px;min-width:min(500px,calc(100vw - 3rem))}#room-modals:empty{display:none}@media screen and (max-width:868px){.modal-input input{font-size:16px}.close-become-a-roomie-modal{color:#fff}#become-a-roomie .become-a-roomie-modal{width:90%;max-width:400px;grid-template-columns:1fr;grid-template-rows:300px 1fr}#become-a-roomie .become-a-roomie-modal img{height:300px}}@media screen and (max-width:754px){#become-a-roomie .become-a-roomie-modal{grid-template-rows:200px 1fr}#become-a-roomie .become-a-roomie-modal .modal-text{padding:1rem}#become-a-roomie .become-a-roomie-modal img{height:200px}#become-a-roomie .become-a-roomie-modal .modal-text h2{font-size:1.2rem;margin-top:0}.modal-input label{font-size:1rem}.modal-input{margin-bottom:1rem}}
/*# sourceMappingURL=/cdn/shop/t/55/assets/become-roomie-modal.css.map */