.pep-scrim{background:var(--scrim-base);pointer-events:none;position:absolute;inset:0}@media (max-width:767px){.pep-scrim{background:var(--scrim-base-mobile)}}.pep-glass{background:var(--glass-surface);-webkit-backdrop-filter:blur(var(--glass-blur-226));border:1px solid var(--glass-border-226);box-shadow:var(--glass-shadow), var(--glass-inset)}.pep-glass--subtle{background:var(--glass-subtle);-webkit-backdrop-filter:blur(var(--glass-blur-226));border:1px solid var(--glass-border-226);box-shadow:var(--glass-inset)}.pep-glass--strong{background:var(--glass-strong);-webkit-backdrop-filter:blur(var(--glass-blur-strong));border:1px solid var(--glass-border-226);box-shadow:var(--glass-shadow), var(--glass-inset)}.pep-catalog-dropdown{background:var(--card);border:1px solid var(--glass-border-226);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:none;opacity:1;grid-template-columns:1fr 1fr;column-gap:0;display:grid}.pep-catalog-dropdown__status,.pep-catalog-dropdown__empty{grid-column:1/-1}.pep-catalog-dropdown__option{border-bottom:1px solid var(--glass-border-226);min-width:0}.pep-catalog-dropdown__active{background:var(--glass-selected-strong)}@media (max-width:419px){.pep-catalog-dropdown{grid-template-columns:1fr}}.pep-glass-input{z-index:0;background:var(--glass-surface);-webkit-backdrop-filter:none;border:1px solid var(--glass-border-226);color:var(--text-primary);box-shadow:var(--glass-inset);isolation:isolate;position:relative}.pep-glass-input::placeholder{color:var(--text-secondary);opacity:.85}.pep-glass-input:focus,.pep-glass-input:focus-visible{outline:2px solid var(--teal);outline-offset:2px;border-color:var(--glass-border-selected);z-index:1}.pep-field-label{z-index:2;color:var(--text-secondary);margin-bottom:0;line-height:1.25;display:block;position:relative}.pep-segment{z-index:0;background:var(--glass-subtle);border:1px solid var(--glass-border-226);color:var(--text-secondary);-webkit-backdrop-filter:none;isolation:isolate;transition:background .16s,border-color .16s,color .16s;position:relative}.pep-segment:hover{border-color:var(--glass-border-hover)}.pep-segment[aria-checked=true],.pep-segment[aria-pressed=true],.pep-segment[data-checked=true]{background:var(--glass-selected-strong);border:1px solid var(--glass-border-selected);color:var(--text-primary);box-shadow:var(--glass-inset), inset 0 0 0 1px var(--glass-border-selected);font-weight:600}.pep-segment:focus-visible{outline:2px solid var(--teal);outline-offset:2px;z-index:1}.pep-disclaimer-panel{background:var(--card);border:1px solid var(--glass-border-226);color:var(--disclaimer-text);-webkit-backdrop-filter:none}.pep-disclaimer-text{color:var(--disclaimer-text);opacity:1}.pep-functional-text{color:var(--text-primary);opacity:.85}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.pep-glass{background:var(--glass-strong)}.pep-glass--subtle,.pep-glass-input,.pep-segment{background:var(--glass-surface)}.pep-glass--strong{background:var(--card)}}@media (prefers-reduced-transparency:reduce){.pep-glass,.pep-glass--subtle,.pep-glass--strong,.pep-glass-input,.pep-segment{background:var(--card);-webkit-backdrop-filter:none}.pep-segment[aria-checked=true]{background:var(--glass-selected-strong);border-color:var(--glass-border-selected)}}
.converter-fields{row-gap:var(--space-6);column-gap:var(--space-8);grid-template-columns:1fr;align-items:start;display:grid;overflow:visible}.field--compound,.field--vial,.field--diluent,.field--dose{min-width:0;position:relative;overflow:visible}.field--compound{z-index:20;overflow:visible}.field--diluent,.field--vial,.field--dose{z-index:1}.field--vial,.field--diluent>label,.field--dose>label,.field--compound [data-testid=converter-compound]{gap:var(--space-3);flex-direction:column;align-items:stretch;display:flex!important}.field--diluent{gap:var(--space-3);flex-direction:column;display:flex}.pep-field-label{z-index:2;flex:none;padding-bottom:2px;position:relative}.field--diluent-extras{gap:var(--space-3);flex-direction:column;margin-top:0;display:flex}.field--diluent-extras-label{color:var(--text-primary);opacity:1;font-size:.8125rem}.field--dose-note{color:var(--text-primary);opacity:1;margin-top:0;font-size:.8125rem;line-height:1.4}.converter-segments{gap:var(--space-6);margin-top:var(--space-6);grid-template-columns:1fr;align-items:start;display:grid}@media (min-width:900px){.converter-fields{grid-template-columns:1fr 1fr}.field--compound{grid-area:1/1}.field--diluent{grid-area:1/2}.field--vial{grid-area:2/1}.field--dose{grid-area:2/2}.converter-segments{column-gap:var(--space-8);grid-template-columns:1fr 1fr}}
