*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden;background:#e6d7c0;font-family:Arial,Helvetica,sans-serif;font-size:15px;min-height:100vh}a{color:inherit;text-decoration:none}.answer-wrapper{display:flex;align-items:center;position:relative;margin:25px}.answer{flex-grow:1;background:transparent;border:none;min-height:40px;font-size:32px;color:#8c6a42;width:100%;padding:5px 0;overflow-x:scroll}.answer,.answer:focus{border-bottom:2px solid #935f2a}.answer:focus{outline:none}.text-label{position:absolute;top:0;left:0;font-size:32px;color:#8c6a42;pointer-events:none;transition:all .2s ease}.answer:focus~label,.answer:not(:placeholder-shown)~label{top:-24px;font-size:16px;color:#935f2a}.answer::placeholder{color:transparent}button{background:none;border:none;cursor:pointer;padding:8px;border-radius:50%;transition:background-color .3s}button:hover{background-color:rgba(147,95,42,.1)}.question-slider{position:absolute;width:100%}.question-slider.entering{transform:translateX(100%)}.question-slider.active{transform:translateX(0);transition:transform .15s ease-out}.question-slider.exiting{transform:translateX(-100%);transition:transform .15s ease-in}.checkbox-form{margin:0 auto;padding:20px;border-radius:8px;height:100vh}.checkbox-option{margin-bottom:10px}.checkbox-label{display:flex;align-items:center;cursor:pointer}.checkbox-input{margin-right:10px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border:2px solid #555;border-radius:4px;outline:none;transition:all .3s}.checkbox-input:checked{background-color:#935f2a;border-color:#935f2a}.checkbox-input:checked:before{content:"\2714";display:block;text-align:center;color:#fff;font-size:14px;line-height:20px}.checkbox-container{display:flex;flex-direction:column}.checkbox-container.two-columns{flex-flow:column wrap;max-height:300px}@media (min-width:768px){.checkbox-container.two-columns{max-height:none;flex-direction:row}.checkbox-container.two-columns .checkbox-option{width:50%}}.submit-button:hover{background-color:#804f1f}.yes-no-container{display:flex;justify-content:center;max-width:400px;margin:30px auto}.no-button,.yes-button{font-size:16px;border:none;cursor:pointer;transition:background-color .3s}.yes-button{background-color:#b4824e;color:#502016;border-radius:20px 0 0 20px}.no-button{background-color:#502016;color:#b4824e;border-radius:0 20px 20px 0}.yes-button:hover{background-color:#d19d69}.no-button:hover{background-color:#703428}.results{max-width:80%;margin:0 auto}.results h3{text-align:center}.results img{width:25%;display:block;margin:0 auto}.results #response p{margin-bottom:30px}.radio-form{margin:0 auto;padding:20px;border-radius:8px;height:100vh}.radio-option{margin-bottom:10px}.radio-label{display:flex;align-items:center;cursor:pointer}.radio-input{margin-right:10px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border:2px solid #555;border-radius:50%;outline:none;transition:all .3s}.radio-input:checked{border-color:#935f2a}.radio-input:checked:before{content:"";display:block;width:12px;height:12px;margin:2px;border-radius:50%;background-color:#935f2a}.submit-button{display:block;padding:20px 40px;margin-top:20px;background-color:#935f2a;color:#fff;border:none;border-radius:16px;cursor:pointer;font-size:16px;transition:background-color .3s}.radio-container{display:flex;flex-direction:column}.radio-container.two-columns{flex-flow:column wrap;max-height:300px}@media (min-width:768px){.radio-container.two-columns{max-height:none;flex-direction:row}.radio-container.two-columns .radio-option{width:50%}}.recommendation-card{margin:40px auto 0;max-width:1400px;border-radius:19px;background:#f7e1d7;border:1px solid #935f2a;padding:40px}.recommendation-card h3{margin-bottom:20px}.recommendation-card a{text-decoration:underline;color:#935f2a}.loading-text{font-size:24px;color:#8b4513}.loading-text span{display:inline-block;opacity:0;animation-name:bounce-fade;animation-duration:2s;animation-iteration-count:infinite;animation-fill-mode:both}.loading-text .dot-1{animation-delay:0s}.loading-text .dot-2{animation-delay:.2s}.loading-text .dot-3{animation-delay:.4s}@keyframes bounce-fade{0%,20%{transform:scale(0);opacity:0}30%,70%{transform:scale(1);opacity:1}80%,to{transform:scale(0);opacity:0}}.image-container{width:100%;margin:0 auto 40px;max-width:200px;overflow:hidden;padding-top:10vh}.animated-image{width:100%;animation:fly-and-bounce-in 1s ease-out}@keyframes fly-and-bounce-in{0%{transform:translateY(150vh)}50%{transform:translateY(0)}60%{transform:translateY(-10vh)}70%{transform:translateY(0)}80%{transform:translateY(-5vh)}90%{transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.fade-in-1000{animation:fade-in .5s ease-in 1s both;margin-bottom:20px}.fade-in-2000{animation:fade-in .5s ease-in 2s both}.center{text-align:center}