.search-form-wrapper{display:flex;justify-content:center;margin:10rem 0}.search-form-wrapper form{display:flex;justify-content:center;width:65%}#search-input{width:100%;max-width:720px;height:65px;border-radius:30px 0 0 30px;border:3px solid #212121;background:#5eff5e;box-shadow:0 4px 4px 2px rgba(0,0,0,.25);margin-right:5px;padding:20px;font-weight:700}#search-input:focus-visible{outline:0 auto -webkit-focus-ring-color}#search-button{width:106px;height:65px;border-radius:0 20px 20px 0;border:3px solid rgba(33,33,33,.6);background:rgba(33,33,33,.6);box-shadow:0 4px 4px 2px rgba(0,0,0,.25)}.search-content{background-color:#212121;display:flex;height:100%}.content-wrapper{display:flex;justify-content:space-evenly;flex-wrap:wrap}.tabs-root{display:flex;flex-direction:column;box-shadow:0 2px 10px var(--black-a4);border:3px solid #5eff5e;background:hsla(0,0%,85%,0)}.tabs-list{flex-shrink:0;display:flex;border-bottom:1px solid var(--mauve-6)}.tabs-trigger{cursor:pointer;font-family:inherit;background-color:#fff;height:45px;flex:1 1;display:flex;align-items:center;justify-content:center;font-size:15px;line-height:1;color:var(--mauve-11);-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:0 0 20px 20px;background:rgba(94,255,94,.3);border-width:0;font-weight:700;color:#fff}.tabs-trigger[data-state=active]{background:#5eff5e;color:#000}.tabs-content{flex-grow:1;padding:20px;border-bottom-left-radius:6px;border-bottom-right-radius:6px;outline:none;color:#5eff5e;font-weight:700;font-size:32px}.tabs-content p{margin-bottom:1rem}.content-preview{display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:auto;max-height:100%}.content-preview img{height:100%;width:auto}@media (max-width:800px){.search-form-wrapper{margin-bottom:1rem;padding:0 1rem}.search-form-wrapper form{width:100%}#search-input{font-size:16px}.search-content{min-height:500px}.tabs-root{height:300px;width:100%;margin-bottom:1rem}.tabs-content p{font-size:16px}.content-preview button{margin-top:1rem}}@media (min-width:800px){.search-form-wrapper{margin-bottom:5rem}.search-content{padding-left:4rem;padding-bottom:4rem;padding-top:4rem}.tabs-root{height:30rem;width:52rem}.tabs-trigger{margin:0 8px;padding:0 20px;font-size:24px}}