/* V7.30.1 authoritative form contract, receipt, accessibility and mobile fit. */ [data-v7301-form-governance] .v7301-touch-target, [data-v7301-form-governance] button, [data-v7301-form-governance] select, [data-v7301-form-governance] input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]) { min-height: 44px; } html body[data-v7301-form-governance] form[data-bioten-request-form] :is(button[type="submit"], input[type="submit"]) { min-height: 44px !important; } html body.sample-request-page[data-v7301-form-governance] form[data-bioten-request-form] .request-submit :is(button[type="submit"], button[type="reset"]) { box-sizing: border-box !important; height: 44px !important; min-height: 44px !important; padding-block: 0 !important; } [data-v7301-form-governance] input[type="checkbox"], [data-v7301-form-governance] input[type="radio"] { min-width: 22px; min-height: 22px; } [data-v7301-form-governance] label:has(> input[type="checkbox"]), [data-v7301-form-governance] label:has(> input[type="radio"]) { min-height: 44px; align-items: center; } .v7301-form-receipt { display: grid; gap: 14px; margin: 24px auto 0; padding: clamp(20px, 3vw, 32px); border: 1px solid rgba(16, 63, 91, .16); border-radius: 22px; background: linear-gradient(145deg, rgba(255, 255, 255, .92), rgba(232, 245, 242, .78)); box-shadow: 0 22px 55px rgba(16, 55, 77, .1); color: #12394d; overflow-wrap: anywhere; } .v7301-form-receipt.is-error { border-color: rgba(166, 65, 44, .24); background: linear-gradient(145deg, rgba(255, 255, 255, .96), rgba(255, 241, 236, .86)); } .v7301-form-receipt__eyebrow { color: #237864; font-size: .72rem; font-weight: 750; letter-spacing: .13em; } .v7301-form-receipt > strong { font-size: clamp(1.15rem, 2.4vw, 1.55rem); line-height: 1.35; } .v7301-form-receipt__id { display: inline-flex; width: fit-content; max-width: 100%; padding: 10px 14px; border: 1px solid rgba(20, 83, 109, .16); border-radius: 999px; background: rgba(255, 255, 255, .72); color: #0f5571; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: clamp(.76rem, 1.5vw, .92rem); overflow-wrap: anywhere; } .v7301-form-receipt__detail { display: grid; grid-template-columns: minmax(130px, .42fr) minmax(0, 1fr); gap: 8px 16px; margin: 0; } .v7301-form-receipt__detail dt { color: #5f737e; font-size: .82rem; } .v7301-form-receipt__detail dd { margin: 0; font-weight: 650; } .v7301-form-receipt__boundary { margin: 0; padding-top: 14px; border-top: 1px solid rgba(16, 63, 91, .12); color: #4a606b; font-size: .86rem; line-height: 1.72; } [data-v7301-submit-state="submitting"] { cursor: progress; } [data-v7301-submit-state="confirmed"] button[type="submit"] { opacity: .62; } .sample-page [data-v7301-sample-responsibility], [data-v7301-sample-responsibility] { scroll-margin-top: 110px; } @media (max-width: 620px) { .v7301-form-receipt { width: calc(100% - 24px); margin-inline: 12px; padding: 18px; border-radius: 18px; } .v7301-form-receipt__detail { grid-template-columns: 1fr; gap: 3px; } .v7301-form-receipt__detail dd + dt { margin-top: 8px; } .resources-page .mini-form, .resource-page .mini-form, #miniRequestForm { width: 100%; max-width: 100%; min-width: 0; } #miniRequestForm input, #miniRequestForm button { width: 100%; max-width: 100%; } [data-v7301-sample-responsibility] { overflow-x: clip; } [data-v7301-sample-responsibility]::after { content: none; display: none; } html body.v530-site.v7301-collaboration [data-v7301-sample-responsibility] .cl7301-responsibility { width: 100% !important; max-width: 100% !important; min-width: 0 !important; } } @media (prefers-reduced-motion: reduce) { .v7301-form-receipt { scroll-behavior: auto; } }