.main-container .age-calculator-hero{background-image:var(--age-calculator-hero-image);background-position:center;background-size:cover;min-height:25rem}.main-container .age-calculator-container{padding:80px;display:flex;gap:80px}.main-container .age-calculator-container>article,.main-container .age-calculator-container>.age-calculator-form-card{flex:1;min-width:0}@media only screen and (max-width: 768px){.main-container .age-calculator-container{flex-direction:column;padding:24px;gap:40px}}.main-container .age-calculator-container .age-calculator-form-card{display:flex;flex-direction:column;padding:24px;gap:64px}.main-container .age-calculator-container .age-calculator-form-card .age-calculator-title{font-size:36px;font-weight:600;line-height:40px;letter-spacing:.25px}.main-container .age-calculator-container .age-calculator-form-card .age-calculator-body{display:flex;flex-direction:column;gap:32px}.main-container .age-calculator-container .age-calculator-form-card .age-calculator-body .age-calculator-fields{display:flex;flex-direction:row;gap:32px}@media only screen and (max-width: 768px){.main-container .age-calculator-container .age-calculator-form-card .age-calculator-body .age-calculator-fields{flex-direction:column}}.main-container .age-calculator-container .age-calculator-form-card .age-calculator-body .age-calculator-fields .age-calculator-field{display:flex;flex-direction:column;gap:8px;flex:1}.main-container .age-calculator-container .age-calculator-form-card .age-calculator-body .age-calculator-fields .age-calculator-field label{font-size:20px;font-weight:500;line-height:24px;letter-spacing:.5px}.main-container .age-calculator-container .age-calculator-form-card .age-calculator-body .age-calculator-fields .age-calculator-field .age-calculator-control{height:56px;padding:8px 12px;border:1px solid var(--greyscale-600);background-color:var(--greyscale-1000);color:var(--greyscale-400);appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23737373' d='M201.4 342.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 274.7 86.6 137.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:14px;cursor:pointer;width:100%}.main-container .age-calculator-container .age-calculator-form-card .age-calculator-body .age-calculator-result{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:24px;gap:10px;height:72px;border:1px solid var(--greyscale-600);font-size:20px;font-weight:500;line-height:24px;letter-spacing:.5px}.main-container .age-calculator-container .age-calculator-form-card .age-calculator-body .age-calculator-result span:first-child{color:var(--greyscale-500)}.main-container .age-calculator-container .age-calculator-form-card .age-calculator-body .age-calculator-result span:last-child{color:var(--greyscale-000)}.main-container .age-calculator-container .age-calculator-form-card .age-calculator-body .age-calculator-message{display:none;flex-direction:row;align-items:flex-start;padding:16px 24px;gap:24px;background:var(--secondary-900);font-size:16px;line-height:24px}.main-container .age-calculator-container .age-calculator-form-card .age-calculator-body .age-calculator-message:not([hidden]){display:flex}.main-container .age-calculator-container .age-calculator-form-card .age-calculator-body .age-calculator-message svg{width:24px;height:24px;color:var(--secondary-500)}.main-container .age-calculator-container .age-calculator-form-card .age-calculator-actions{display:flex;flex-direction:column;gap:8px}.main-container .age-calculator-container .age-calculator-form-card .age-calculator-actions button{width:100%;height:56px;padding:16px 24px;border:none;font-size:16px;font-weight:500;line-height:24px}