*{box-sizing:border-box;min-height:0;padding:0;margin:0}html,body{min-height:100svh}h1,h2,h3,h4,h5,h6{font-size:medium;font-weight:400}button,a{touch-action:manipulation}a{text-decoration:none}ul,ol{list-style:none}:root{--company-logo-width: 92px}header{font-size:1.5rem;display:grid;gap:1rem;grid-template-columns:var(--company-logo-width) 1fr clamp(0px,calc(50vw - 400px),var(--company-logo-width));align-items:center;justify-self:center}header>hgroup:has(h1){display:grid;grid-auto-flow:column}header>hgroup:has(h1)>h1{font-size:inherit}a#corporate-logo>img{object-fit:contain}@media (max-width: 500px){header{display:grid;font-size:1rem;width:fit-content;justify-self:center;justify-items:center;zoom:.9}}div#contact-form-link-container{line-height:1}div#contact-form-link-container>a#contact-form-link{text-decoration:underline}button#user-guide-button{display:inline-grid;background-color:#fff;justify-items:center;align-content:center;align-self:baseline;border:none;border-radius:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;vertical-align:middle;cursor:pointer;width:fit-content;height:100%;transition:transform .1s ease-in-out}button#user-guide-button:focus-visible{outline:4px solid rgba(71 71 71);outline-offset:4px}button#user-guide-button>img{height:1.25rem;object-fit:contain}button#user-guide-button>span{font-size:.5rem}button#user-guide-button:hover{transform:translateY(-1px)}div#user-guide-popover{width:min(80vw,600px);max-height:95svh;padding:20px;margin:auto;border-radius:8px;border:2px solid var(--color-custom-gray);box-shadow:0 0 10px #0000001a;font-size:1rem}div#user-guide-popover>ol{list-style:decimal;margin-left:1rem;padding:12px;display:grid;gap:12px}div#user-guide-popover>ol>li{text-align:left}button#close-user-guide-button{position:absolute;top:4px;right:6px;border-radius:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;font-size:1.5rem;width:1.5rem;height:1.5rem;line-height:.7;background-color:var(--color-custom-gray);color:#fff;cursor:pointer}button#close-user-guide-button:hover{background-color:#000}button#close-user-guide-button:focus-visible{outline:4px dashed rgba(71 71 71);outline-offset:4px}button#close-user-guide-button-bottom{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:8px;padding:4px 8px;font-size:1rem;background-color:var(--color-custom-gray);color:#fff;cursor:pointer;margin-top:1rem}button#close-user-guide-button-bottom:hover{background-color:#000}button#close-user-guide-button-bottom:focus-visible{outline:4px dashed rgba(71 71 71);outline-offset:4px}.user-guide-headline{font-size:1.25rem;font-weight:700}.user-guide-subheadline{font-weight:700}main{max-width:var(--main-max-width);margin:0 auto;overflow:auto;border:1px solid var(--corp-color-gray)}ol#package-chunk-list{display:grid;gap:20px;padding:20px 0;height:100%}ol#package-chunk-list>li{border:4px solid var(--corp-color-gray);border-radius:10px;padding:20px 40px;display:flex;flex-direction:column;gap:12px}@media (max-width: 760px){ol.test-sample-kind-radio-list,ol.tests-package-selection-radio-list{padding:12px 8px!important;gap:12px 8px!important}}@media (max-width: 500px){main,main>form,main>form>ol,main>form>ol>li{max-width:calc(100vw - var(--aside-toggle-width))}main>form>ol#package-chunk-list>li{padding:4px}main>form>ol#package-chunk-list>li>div.package-quantity-entry-container{height:fit-content;grid-auto-flow:unset;grid-template-columns:auto auto auto auto;gap:8px}main>form>ol#package-chunk-list>li>div.package-quantity-entry-container button.add-package-order-line{grid-column:1 / -1}}ol.test-sample-kind-radio-list,ol.tests-package-selection-radio-list{display:grid;grid-template-columns:repeat(2,1fr);padding:clamp(12px,16px,20px) clamp(8px,12px,40px);gap:clamp(12px,16px,20px) clamp(8px,12px,16px)}li.test-sample-kind-radio-card,li.tests-package-selection-radio-card{position:relative;font-size:1rem;border-radius:12px}li.test-sample-kind-radio-card>input[type=radio],li.tests-package-selection-radio-card>input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;top:0;right:0;bottom:0;left:0;cursor:pointer;z-index:-1;opacity:0}li.test-sample-kind-radio-card>label,li.tests-package-selection-radio-card>label{display:block;padding:8px;width:100%;height:100%;border-radius:inherit;cursor:pointer;text-align:center;border:1px solid #ccc}li.test-sample-kind-radio-card>input:focus-visible+label,li.tests-package-selection-radio-card>input:focus-visible+label{background-color:var(--corp-color-gray);outline:4px solid rgba(71 71 71);outline-offset:4px}li.test-sample-kind-radio-card>input:hover+label,li.tests-package-selection-radio-card>input:hover+label{background-color:var(--corp-color-gray);box-shadow:0 0 5px #0003}li.test-sample-kind-radio-card>input[type=radio]:checked+label,li.tests-package-selection-radio-card>input[type=radio]:checked+label{background-color:#474747;color:#fff;box-shadow:0 0 5px #0003}ol.tests-package-selection-radio-list{grid-template-columns:repeat(auto-fit,minmax(100px,auto));justify-content:space-around}li.test-sample-kind-radio-card{width:10rem;justify-self:center}@media (max-width: 500px){li.test-sample-kind-radio-card{width:7.5rem}}ul.noted-text-list>li.noted-text{font-weight:700}span.package-chunk-title{font-size:1.75rem;font-weight:700}div.package-quantity-entry-container{display:grid;grid-auto-flow:column;width:100%;align-items:center;justify-content:center;gap:4px;font-size:1.25rem;height:2rem}div.package-quantity-entry-container>label{font-size:1.25rem;width:80px}div.package-quantity-entry-container>input{margin-top:.2rem;font-size:1.25rem;text-align:center;width:6rem;place-self:center}div.package-quantity-entry-container>button{margin-top:.2rem;place-self:center}button.quantity-step-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#474747;color:#fff;font-size:1.5rem;border-radius:4px;width:1.5rem;height:1.5rem;border:none;cursor:pointer;line-height:.7}button.quantity-step-button:hover{background-color:#000}button.quantity-step-button:focus-visible{outline:4px solid rgba(71 71 71);outline-offset:2px}button.add-package-order-line{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--corp-color-accent-green);color:#2d4a1a;font-size:1.25rem;border-radius:4px;width:7rem;height:1.75rem;border:none;cursor:pointer;line-height:.7}button.add-package-order-line:hover{background-color:#8bc955;transform:translateY(-1px)}button.add-package-order-line:focus-visible{outline:4px solid rgba(71 71 71);outline-offset:2px}table#package-order-listing-table{width:100%;border-collapse:collapse;border-spacing:0;border:1px solid #ccc}table#package-order-listing-table>thead>tr>th{border:1px solid #ccc}table#package-order-listing-table>tbody>tr>td{border:1px solid #ccc}button.delete-package-order-line{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--corp-color-accent-red);color:#fff;font-size:1.25rem;border-radius:4px;width:1.25rem;height:1.25rem;border:none;cursor:pointer;line-height:.7}button.delete-package-order-line:focus-visible{outline:4px dashed rgba(71 71 71);outline-offset:2px}ul.add-action-error-list>li{color:red}a.biomarker-link{text-decoration:underline}#root{text-align:center;--corp-color-primary: #67a7db;--corp-color-secondary: #9fc5e8;--corp-color-tertiary: #b2b4da;--corp-color-quaternary: #dbdced;--corp-color-gray: #f3f3f3;--corp-color-accent-yellow: #ffd966;--corp-color-accent-red: #f32f2f;--corp-color-accent-green: #9cdb62;--color-custom-gray: #777;--header-height: 40px;--sticky-header-height: 24px;--aside-width: 240px;--aside-toggle-width: 40px;--sticky-confirm-height: 60px;--footer-height: 40px;--main-height: calc( 100svh - var(--header-height) - var(--sticky-header-height) - var(--sticky-confirm-height) - var(--footer-height) - 3.75rem );--main-max-width: 700px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#root{display:grid;row-gap:.75rem;grid-template-areas:"sidebar header" "sidebar sticky-header" "sidebar main" "sidebar sticky-confirm" "sidebar footer";grid-template-columns:var(--aside-width) auto;grid-template-rows:var(--header-height) var(--sticky-header-height) auto var(--sticky-confirm-height) var(--footer-height)}button#sidebar-menu{display:none}aside{grid-area:sidebar}header{grid-area:header}div#contact-form-link-container{grid-area:sticky-header}main{grid-area:main;height:var(--main-height)}div#sticky-confirm{grid-area:sticky-confirm;height:var(--sticky-confirm-height)}footer{grid-area:footer}@media (max-width: 760px){#root{grid-template-columns:var(--aside-toggle-width) auto}button#sidebar-menu{display:block}aside{width:var(--aside-toggle-width)}aside>hgroup,aside>nav{display:none}}aside{height:100svh;padding:8px 0}aside>nav{overflow:hidden;height:90%}aside>nav>ul{padding:12px 20px;height:100%;overflow-y:auto}aside>nav>ul>li{margin:4px;color:#000}aside>nav>ul>li:hover{background-color:#817d7d;color:#fff}aside>nav>ul>li>a{display:block;width:100%;height:100%;text-align:left;color:inherit}hgroup:has(button.aside-fixed-button)>h2{font-size:1.25rem}button.aside-fixed-button,button#sidebar-close{display:none}@media (max-width: 760px){button#sidebar-menu{display:grid;justify-items:center;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background-color:transparent;cursor:pointer;font-size:.6rem}button#sidebar-menu>img{width:1rem;height:1rem}aside.expanded,aside:hover{z-index:1000;width:var(--aside-width);background-color:#fff;position:relative}aside.expanded>hgroup,aside:hover>hgroup{display:grid;grid-auto-flow:column;width:fit-content;margin:auto}aside.expanded>nav,aside:hover>nav{display:block}aside.expanded>button#sidebar-menu,aside:hover>button#sidebar-menu{display:none}aside.expanded>button#sidebar-close,aside:hover>button#sidebar-close{display:inline;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background-color:transparent;border:none;position:absolute;top:2px;right:2px;font-size:1.5rem;width:1.5rem;height:1.5rem;line-height:.7;background-color:var(--color-custom-gray);color:#fff}aside.expanded>button#sidebar-close:hover,aside:hover>button#sidebar-close:hover{background-color:#000}aside.expanded>button#sidebar-close:focus-visible,aside:hover>button#sidebar-close:focus-visible{outline:4px dashed black}button.aside-fixed-button{display:inline;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background-color:transparent;border:none;transition:transform .1s ease-in-out}button.aside-fixed-button>img{vertical-align:bottom;width:1.25rem;height:1.25rem}button.aside-fixed-button:hover{transform:translateY(-1px)}}button.confirm-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--corp-color-secondary);color:#fff;font-size:1.25rem;font-weight:700;border-radius:12px;border:none;padding:12px 20px;cursor:pointer}button.confirm-button:focus-visible{outline:4px solid rgba(71 71 71);outline-offset:4px}button.confirm-button:hover:not(:disabled){zoom:1.05;background-color:var(--corp-color-primary);box-shadow:0 0 5px #0003;transition:background-color .3s ease-in-out,box-shadow .3s ease-in-out,zoom .3s ease-in-out}button.confirm-button:disabled{background-color:#777;cursor:not-allowed}dialog#download-modal{width:min(97vw,760px);max-height:90vh;margin:auto;padding:20px}button#close-download-modal{position:absolute;top:0;right:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;font-size:1.5rem;width:1.5rem;height:1.5rem;line-height:.7;background-color:var(--color-custom-gray);color:#fff;cursor:pointer}button#close-download-modal:hover{background-color:#000}button#close-download-modal:focus-visible{outline:4px dashed rgba(71 71 71);outline-offset:4px}table#package-confirmation-table{width:100%;border-collapse:collapse;border-spacing:0;border:1px solid #ccc}table#package-confirmation-table>thead>tr>th{border:1px solid #ccc}table#package-confirmation-table>tbody>tr>td{border:1px solid #ccc}table#package-confirmation-table th,table#package-confirmation-table td{padding:8px}form#download-form fieldset{padding:12px 12px 24px;margin-bottom:12px}form#download-form textarea{vertical-align:text-bottom}fieldset#customer-info-fieldset{margin:12px 0;width:100%}fieldset#customer-info-fieldset>ol#customer-info-list{display:grid;width:fit-content;margin:0 auto;gap:4px}fieldset#customer-info-fieldset>ol#customer-info-list>li:not(.test-sample-shipping-date-entry-row){display:grid;grid-auto-flow:column;grid-template-columns:240px 240px;justify-content:start;align-items:center;gap:8px}fieldset#customer-info-fieldset>ol#customer-info-list>li:not(.test-sample-shipping-date-entry-row)>label{text-align:left}fieldset#customer-info-fieldset>ol#customer-info-list>li:not(.test-sample-shipping-date-entry-row)>input{flex-grow:1;height:1.5rem;text-align:center;border:1px solid #ccc;border-radius:4px}fieldset#customer-info-fieldset>ol#customer-info-list>li:not(.test-sample-shipping-date-entry-row)>input:user-invalid{border-color:red}fieldset#customer-info-fieldset>ol#customer-info-list>li.test-sample-shipping-date-row{display:grid;grid-auto-flow:column;grid-template-columns:240px 240px;width:100%;gap:8px}fieldset#customer-info-fieldset>ol#customer-info-list>li.test-sample-shipping-date-row>span{text-align:left}fieldset#customer-info-fieldset>ol#customer-info-list>li.test-sample-shipping-date-row>div{width:100%;display:grid;grid-auto-flow:column;justify-content:space-between;gap:8px}fieldset#customer-info-fieldset>ol#customer-info-list>li.test-sample-shipping-date-row>div>div.test-sample-shipping-date-row-select-container>select{height:1.5rem;text-align:center;border:1px solid #ccc;border-radius:4px}fieldset#customer-info-fieldset>ol#customer-info-list>li.test-sample-shipping-date-row>div>div.test-sample-shipping-date-row-select-container>select[name=test-sample-shipping-year]{width:4rem}fieldset#customer-info-fieldset>ol#customer-info-list>li.test-sample-shipping-date-row>div>div.test-sample-shipping-date-row-select-container>select[name=test-sample-shipping-month]{width:3rem}fieldset#customer-info-fieldset>ol#customer-info-list>li.test-sample-shipping-date-row>div>div.test-sample-shipping-date-row-select-container>select[name=test-sample-shipping-month-period]{width:4rem}fieldset#customer-info-fieldset>ol#customer-info-list>li.test-sample-shipping-date-row>div>div.test-sample-shipping-date-row-select-container>select:user-invalid{border-color:red}fieldset#customer-info-fieldset>div#note-entry-container{display:grid;grid-template-columns:3rem minmax(100px,360px);padding:8px;gap:8px;justify-content:center}fieldset#customer-info-fieldset>div#note-entry-container>label{display:block}fieldset#customer-info-fieldset>div#note-entry-container>textarea{border:1px solid #ccc;border-radius:4px;padding:.5rem}fieldset#order-purpose-fieldset{border:none;margin:12px 0}fieldset#order-purpose-fieldset>ol{width:fit-content;margin:0 auto}fieldset#order-purpose-fieldset>ol>li{display:grid;gap:8px;grid-auto-flow:column;justify-content:start;margin:auto 0}button#download-button{margin-top:1rem}button#close-download-modal-bottom{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:8px;padding:4px 8px;font-size:.75rem;background-color:var(--color-custom-gray);color:#fff;cursor:pointer;margin-top:1rem}button#close-download-modal-bottom:hover{background-color:#000}button#close-download-modal-bottom:focus-visible{outline:4px dashed rgba(71 71 71);outline-offset:4px}@media (max-width: 720px){fieldset#customer-info-fieldset>ol#customer-info-list>li{grid-auto-flow:row!important;grid-template-columns:1fr!important}}ul#download-modal-message-list>li.download-modal-error-message{color:red}
