:root{--font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;--primary-color: #212529;--form-max-width: 100%;--form-padding: 1rem;--form-margin: 20px auto;--form-border-radius: 8px;--form-background-color: #fff;--input-padding: .5rem;--input-margin-bottom: 1rem;--select-width: 100%;--button-background-color: #FFCC00;--button-color: black;--button-hover-color: #FFCC00}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem;font-family:Archivo Narrow,Source Sans Pro,sans-serif;font-weight:500;line-height:1.2}body{font-family:var(--font-family);margin:0;padding:0}h1{color:var(--primary-color);text-align:center;margin-top:20px}form#atmo-products-form,div#image-container{max-width:var(--form-max-width);margin:var(--form-margin);padding:var(--form-padding);border-radius:var(--form-border-radius);background-color:var(--form-background-color)}.form-group{display:inline-flex;flex-wrap:wrap;gap:1rem;align-items:center;width:100%}.form-group>div{flex:none;width:auto}.form-group>div[data-field=year],.form-group>div[data-field=month],.form-group>div[data-field=day]{display:inline-flex;width:auto}.form-group>div[data-field=year]{width:100px}.form-group>div[data-field=month],.form-group>div[data-field=day]{width:80px}.form-group>button{width:120px;align-self:center;display:block;padding:var(--input-padding);background-color:var(--button-background-color);color:var(--button-color);border:none;border-radius:4px;cursor:pointer;font-size:1rem;margin-top:32px;height:38px}.form-field label{display:block;margin-bottom:8px}select{padding:var(--input-padding);border:1px solid #ccc;border-radius:4px;height:38px;background-color:#e6e6e6}button:hover{background-color:var(--button-hover-color)}button[disabled]{opacity:.5;cursor:not-allowed}.loading-indicator{font-size:14px;color:#555;font-weight:700;margin-bottom:5px}.loading-results{font-size:16px;font-weight:700;text-align:center;margin-top:20px}.category-wrapper{margin-bottom:40px}.content-container{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%}.content-container:has(.primary-image){flex-direction:row}.content-container:has(.primary-image):not(:has(.tab-container)){justify-content:center}.image-wrapper{width:50%;box-sizing:border-box;margin-bottomn:20px;flex-grow:1;display:block;padding:0 10px 10px}.primary-image{width:100%;height:100%;object-fit:contain;border:1px solid #ccc;aspect-ratio:16 / 9}.tab-container{display:flex;flex-direction:column;flex:1;min-width:300px;margin-left:20px;flex-shrink:0}.tab{padding:5px 10px;border:1px solid #ddd;cursor:pointer;text-align:center;margin-bottom:5px}.tab:hover,.tab:active{background-color:#f0f0f0}@media (max-width: 800px){.tab-container{margin-left:0}.primary-image{width:100%;margin-bottom:30px}}