#root [data-suggestion-shell][data-suggestions-expanded=true]{z-index:60;position:relative}#root [data-suggestion-shell][data-suggestions-open=true]{z-index:61}#root [data-suggestion-shell][data-suggestions-expanded=false] [data-suggestion-panel]{display:none}#root [data-suggestion-shell] [data-suggestion-panel]{border-radius:var(--suggestion-panel-radius,var(--sys-field-radius));scrollbar-width:none;scrollbar-gutter:auto;margin-top:0;top:calc(100% + 6px)}#root [data-suggestion-panel]::-webkit-scrollbar{width:0;height:0;display:none}@media (hover:hover) and (pointer:fine){#root :is(.search-box,.search-example-field,.compound-selector,.experimental-molecule-input,.material-directory-search-field,.directory-filter-field,.mobile-register-search,.mobile-directory-picker-search,.desktop-catalog-query,input[type=search]):hover{border-color:var(--sys-muted)}#root :is(.search-box,.material-directory-search-field,.directory-filter-field,.mobile-register-search,.mobile-directory-picker-search,.desktop-catalog-query):hover>svg{color:var(--sys-ink)}}#root .search-box-shell .search-box.compact{border:var(--sys-surface-border,0);background:var(--sys-field);min-height:44px;box-shadow:none;flex-flow:row;align-items:center;gap:8px;padding:4px 4px 4px 10px;display:flex}#root .desktop-header-search-field [data-suggestion-panel]{top:calc(100% + 24px)}#root .search-box-shell .search-box.compact[data-presentation=navigation-line]{background:0 0;border:0;border-radius:0;padding:4px 0 4px 44px}#root .search-box-shell .search-box.compact input{min-height:36px;color:var(--sys-ink);font-size:var(--type-ui);line-height:var(--leading-ui);font-weight:var(--weight-ui);background:0 0;border-radius:0;padding-inline:0 36px}#root .search-box-shell .search-box.compact .search-submit-icon{min-height:36px;padding:6px 12px}#root .search-box-shell .search-box.compact:not([data-presentation=mobile-line]) .search-submit-icon:not(:disabled){color:var(--sys-ink);background:0 0}#root .search-box-shell .search-box.compact:not([data-presentation=mobile-line]) .search-submit-icon:hover:not(:disabled){background:var(--control-hover)}#root .search-box .search-actions{flex:none;align-items:center;gap:0;width:max-content;display:inline-flex}:root{--small-search-submit-display:inline-flex}#root .search-box-shell .search-box.compact .search-submit-icon{display:var(--small-search-submit-display);flex:0 0 44px;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;padding:0}#root .search-box .search-input-field{flex:1;align-items:center;width:100%;min-width:0;display:flex;position:relative}#root .search-box .search-input-field input{flex:1;width:100%;min-width:0;padding-right:36px}#root .search-box .search-input-field[data-filled=false] input{padding-right:0}#root .search-input-field input::-webkit-search-cancel-button{appearance:none}#root .search-box .search-input-field .search-clear{border-radius:var(--sys-action-radius);width:32px;min-width:32px;height:36px;min-height:36px;color:var(--sys-muted);background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;inset:50% 0 auto auto;translate:0 -50%}#root .search-box .search-input-field .search-clear:hover{background:var(--sys-field-strong);color:var(--sys-ink)}#root .search-box .search-input-field .search-clear:active{opacity:.65;translate:0 -50%}#root .search-box .search-input-field .search-clear:disabled{opacity:0;pointer-events:none}#root .site-header .header-search .search-box.compact .search-input-field .search-clear{color:var(--sys-muted);background:0 0}#root .search-box .search-input-field .search-clear svg{flex:none;width:16px;height:16px}#root .site-header .header-search .search-box.compact .search-input-field .search-clear:hover{background:var(--sys-field-strong);color:var(--sys-ink)}#root .search-suggestions .suggestion-label{white-space:normal;overflow-wrap:anywhere;font-weight:var(--weight-body)}#root .search-suggestions-header{text-align:left;justify-content:flex-start}#root .search-suggestions-loading{box-sizing:border-box;min-height:44px;color:var(--sys-muted);font-size:var(--type-ui);align-items:center;gap:8px;padding:9px 10px;display:flex}#root .search-suggestions-loading>svg{flex:none}#root .search-box-shell .search-suggestions .search-suggestion:not(.search-history-option){text-align:left;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-height:44px;padding:9px 10px}@media (width<=767px){#root .search-box .search-input-field .search-clear{width:36px;min-width:36px;height:44px;min-height:44px}#root .mobile-search-panel .search-box.compact .search-input-field .search-clear{width:36px;min-width:36px;height:44px;min-height:44px;color:var(--sys-muted);background:0 0;padding:0;inset:50% 0 auto auto}}#root .compound-selector .compound-suggestions{box-sizing:border-box;border:var(--sys-surface-border,0);border-radius:var(--sys-field-radius);background:var(--sys-paper);width:100%;padding:6px;left:0;right:0}#root .compound-selector .compound-suggestions button{border-radius:var(--sys-item-radius);background:0 0;border:0;min-height:44px}#root .compound-selector .compound-suggestions button:is(:hover,[aria-selected=true]){background:var(--sys-field)}#root .search-history-option{box-sizing:border-box;text-align:left;grid-template-columns:minmax(0,1fr);gap:2px;min-width:0;max-width:100%;display:grid}.search-history-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;font-weight:var(--weight-body);overflow:hidden}.search-history-detail{font-size:var(--type-caption);line-height:var(--leading-caption);color:var(--sys-muted)}.search-history-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;min-width:0;display:grid}#root .search-box-shell[data-scoped-search=true] .search-suggestion{flex-direction:column;align-items:flex-start;gap:4px}#root .search-box-shell[data-scoped-search=true] .suggestion-meta{margin:0}
