search-element{display:block;position:relative;padding:0 0 var(--spacer1) 0;box-shadow:initial !important}search-element.loading .search-results-container{opacity:.3;pointer-events:none}search-element.layout-content-right-sidebar{grid-gap:0 var(--gutter1)}search-element .ui{grid-column:1/-1;padding-top:var(--gutter1);padding-bottom:var(--gutter1);margin-top:var(--gutter1-);grid-gap:0;z-index:3;background-color:var(--background-colour, white);border-bottom:1px solid rgba(0,0,0,0);transition:border-color var(--transition-duration, 0.2s) var(--transition-ease, cubic-bezier(0.42, 0, 0.58, 1)) var(--transition-delay, ),padding var(--transition-duration, 0.2s) var(--transition-ease, cubic-bezier(0.42, 0, 0.58, 1)) var(--transition-delay, )}search-element .ui:before{content:"";background-color:inherit;z-index:-1;position:absolute;top:0;left:50%;width:100vw;height:100%;transform:translateX(var(--translateX, -50%));border-bottom:inherit;height:calc(100% + 1px);width:100%}search-element .ui .search-types,search-element .ui .search-input,search-element .ui .search-keywords{grid-column:1/-1}search-element .ui .search-keywords .button,search-element .ui .search-controls .button{--border-radius:6px}search-element .ui .search-keywords{grid-row:3;grid-column:1/span 2;margin-top:var(--gap)}search-element .ui .search-controls{padding-right:0 !important;margin-top:var(--gap);display:grid;grid-gap:calc(var(--gap) * 0.5);grid-auto-flow:column;justify-content:flex-end}search-element .ui.stuck{border-bottom-color:var(--border-colours, #dcdcdc)}search-element:not(.show-filters)>.left{grid-column:1/-1 !important}search-element:not(.show-filters)>.right{grid-column:1/-1 !important}search-element:not(.show-filters) .search-categories{display:none}@media(min-width: 1121px){search-element:not(.show-filters) .search-categories{grid-template-columns:repeat(auto-fill, minmax(600px, 1fr))}}search-element .search-types{display:grid;position:relative;margin-top:calc(var(--gap) * -1);grid-gap:var(--gutter1);justify-content:start}search-element .search-types button{position:relative;grid-row:1;text-transform:uppercase;font-size:1em;font-weight:bold;color:#131f6b;padding:var(--gap) 0;transition:color var(--transition-duration, 0.2s) var(--transition-ease, cubic-bezier(0.42, 0, 0.58, 1)) var(--transition-delay, )}search-element .search-types button::after{content:"";position:absolute;bottom:0;left:0;transition:transform var(--transition-duration, 0.2s) var(--transition-ease, cubic-bezier(0.42, 0, 0.58, 1)) var(--transition-delay, );height:6px;width:100%;background-color:var(--secondary, #DF3035);display:block;pointer-events:none;transform:scaleY(0);transform-origin:50% 100%}@media(hover: hover){search-element .search-types button:hover{color:#df3035}search-element .search-types button:hover::after{transform:scaleY(0.5)}}search-element .search-types button.current{color:#131f6b}search-element .search-types button.current::after{transform:scaleY(1)}search-element .search-input{--search-input-padding: var(--gutter1);--search-icon-size: 26px;--search-input-padding-left: calc(var(--search-input-padding) * 2 + var(--search-icon-size));--search-input-padding-right: var(--search-input-padding-left);display:block;position:relative}search-element .search-input input[type=search]{--font-colour: #6A6A6A;--background-colour: #FFFFFF;--border-radius: var(--border-radius, 6px);--border-colour: var(--font-colour);--border: 1px solid var(--border-colour);--padding: var(--gap) var(--gap);border-radius:var(--border-radius, 6px);background-color:var(--background-colour);border:var(--border);padding:var(--padding);font-size:0.875em;color:var(--font-colour);-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:var(--search-input-padding) var(--search-input-padding-right) var(--search-input-padding) var(--search-input-padding-left);width:100%;border-radius:6px;font-size:1.25em;border:1px solid var(--border-colours, #dcdcdc);transition:padding var(--transition-duration, 0.2s) var(--transition-ease, cubic-bezier(0.42, 0, 0.58, 1)) var(--transition-delay, )}search-element .search-input input[type=search]::-moz-placeholder{-moz-transition:color var(--transition-duration, 0.2s) var(--transition-ease, cubic-bezier(0.42, 0, 0.58, 1)) var(--transition-delay, );transition:color var(--transition-duration, 0.2s) var(--transition-ease, cubic-bezier(0.42, 0, 0.58, 1)) var(--transition-delay, )}search-element .search-input input[type=search]::placeholder{transition:color var(--transition-duration, 0.2s) var(--transition-ease, cubic-bezier(0.42, 0, 0.58, 1)) var(--transition-delay, )}search-element .search-input input[type=search]:focus{outline-color:#131f6b}search-element .search-input input[type=search]:focus::-moz-placeholder{color:rgba(0,0,0,0)}search-element .search-input input[type=search]:focus::placeholder{color:rgba(0,0,0,0)}search-element .search-input input[type=search].autocomplete:not([value=""]):focus{border-bottom-right-radius:0;border-bottom-left-radius:0}search-element .search-input input[type=search][value=""]~svg.search{color:#969695}search-element .search-input input[type=search][value=""]~button.close{pointer-events:none;opacity:0;transform:translateY(-50%) scale(0.8) rotate(0deg)}search-element .search-input svg.search{width:var(--search-icon-size);height:var(--search-icon-size);position:absolute;top:50%;color:#df3035;left:calc(var(--search-input-padding)*1);transform:translateY(-50%);transition:color var(--transition-duration, 0.2s) var(--transition-ease, cubic-bezier(0.42, 0, 0.58, 1)) var(--transition-delay, ),left var(--transition-duration, 0.2s) var(--transition-ease, cubic-bezier(0.42, 0, 0.58, 1)) var(--transition-delay, )}search-element .search-input button.close{width:var(--search-icon-size);height:var(--search-icon-size);position:absolute;top:50%;color:#df3035;right:calc(var(--search-input-padding)*1);transform:translateY(-50%) scale(1) rotate(0deg);transition:opacity var(--transition-duration, 0.2s) var(--transition-ease, cubic-bezier(0.42, 0, 0.58, 1)) var(--transition-delay, ),color var(--transition-duration, 0.2s) var(--transition-ease, cubic-bezier(0.42, 0, 0.58, 1)) var(--transition-delay, ),transform .3s cubic-bezier(0.68, -0.55, 0.265, 1.55),right var(--transition-duration, 0.2s) var(--transition-ease, cubic-bezier(0.42, 0, 0.58, 1)) var(--transition-delay, )}@media(hover: hover){search-element .search-input button.close:hover{color:#131f6b;transform:translateY(-50%) scale(1.06) rotate(90deg)}}search-element .search-keywords{position:relative;overflow:hidden}search-element .search-keywords>div{display:grid;grid-gap:calc(var(--gap) * 0.5);justify-content:start}search-element .search-keywords .button{grid-row:1;width:-moz-fit-content;width:fit-content}search-element .search-keywords .button.outline{text-transform:initial;white-space:nowrap;--background-colour: white}@media(hover: hover){search-element .search-keywords .button.outline:not(:hover){--font-colour: #969695;--border-colour: var(--border-colours, #dcdcdc)}search-element .search-keywords .button.outline:hover{--hover-font-colour: #DF3035;--hover-border-colour: #DF3035;--hover-background-colour: #FFFFFF}}search-element .search-keywords .button.outline.active{--font-colour: #FFFFFF !important;--border-colour: #DF3035 !important;--background-colour: #DF3035 !important}@media(hover: hover){search-element .search-keywords .button.outline.active:hover{--hover-font-colour: #FFFFFF !important;--hover-border-colour: #DF3035 !important;--hover-background-colour: #DF3035 !important}}search-element .search-keywords .button.outline.active.active{--hover-font-colour: #FFFFFF !important;--hover-border-colour: #DF3035 !important;--hover-background-colour: #DF3035 !important}@media(max-width: 1680px){search-element .search-keywords{min-width:calc(100% + var(--gutter2));left:var(--gutter1-)}search-element .search-keywords>div{padding-left:var(--gutter1);padding-right:var(--gutter1)}search-element .search-keywords>div .button:last-of-type{margin-right:var(--gutter1)}}search-element .search-results-container{display:block;margin-top:var(--gutter1);transition:opacity var(--transition-duration, 0.2s) var(--transition-ease, cubic-bezier(0.42, 0, 0.58, 1)) var(--transition-delay, )}search-element .search-results-container>.heading{display:none}search-element .search-results-container .no-results{padding:var(--gutter1);border-radius:var(--border-radius, 6px);max-width:900px;border:1px dashed #dcdcdc}search-element .search-results-container .results{display:grid;grid-gap:var(--gutter0);grid-template-columns:repeat(auto-fill, minmax(350px, 1fr))}search-element.list-style-rows .search-results-container .results{grid-template-columns:1fr}search-element.list-style-rows .search-results-container .results .result a{padding:var(--gutter0)}search-element .search-results-container .result{display:block}search-element .search-results-container .result a{display:flex;text-decoration:none;flex-direction:column;border-radius:6px;height:100%;border:1px solid var(--border-colours, #dcdcdc);padding:var(--gutter1);transition:border var(--transition-duration, 0.2s) var(--transition-ease, cubic-bezier(0.42, 0, 0.58, 1)) var(--transition-delay, ),opacity var(--transition-duration, 0.2s) var(--transition-ease, cubic-bezier(0.42, 0, 0.58, 1)) var(--transition-delay, ),transform .3s cubic-bezier(0.68, -0.55, 0.265, 1.55)}@media(hover: hover){search-element .search-results-container .result a:hover{border-color:#DF3035 !important}}search-element .search-results-container .result a:active{border-color:#292B68 !important;transform:scale(0.98)}search-element .search-results-container .result a:visited div{color:#292b68}search-element .search-results-container .result a .heading{font-size:1em}search-element .search-results-container .result a div{font-size:0.875em}search-element:not(.show-highlights) .search-results-container .result mark{background-color:initial;color:inherit;border-radius:initial;padding:initial;transition:initial}search-element .search-results-container .result a .image{height:100px;order:-1;border-top-left-radius:calc(var(--border-radius, 6px) - 1px);border-top-right-radius:calc(var(--border-radius, 6px) - 1px);margin:var(--gutter1-) var(--gutter1-) var(--gutter1) var(--gutter1-)}search-element .search-results-container .result a[data-type]::after{content:attr(data-type);padding:4px 8px;background-color:#f4f4f4;border:1px solid #dcdcdc;font-size:0.625em;display:inline-block;width:-moz-fit-content;width:fit-content;border-radius:4px;margin-top:calc(var(--gap) * 0.5);border-left:4px solid var(--tag-colour, #969695)}search-element .search-results-container .result a[data-type="Metal Glossary"]::after{--tag-colour: #131f6b}search-element .search-results-container .result a[data-type=Datasheet]::after{--tag-colour: #DF3035}search-element .search-results-container .result a[data-type=News]::after{--tag-colour: #50BC08}search-element .button.search-highlight-toggle{--padding:6px !important;--background-colour: white;--border-colour: #0095FF;--font-colour:#0095FF}search-element .button.search-highlight-toggle svg{margin:0 !important;width:1.44em}search-element .button.search-categories-toggle,search-element .button.search-clear-filters{text-transform:initial;white-space:nowrap}@media(hover: hover){search-element .button.search-clear-filters:hover{--stroke:#DF3035}}search-element .button.search-list-style-toggle{--padding:6px !important;display:flex}search-element .button.search-list-style-toggle svg{margin:0 !important;opacity:0;transition:opacity var(--transition-duration, 0.2s) var(--transition-ease, cubic-bezier(0.42, 0, 0.58, 1)) var(--transition-delay, )}search-element .button.search-list-style-toggle svg+svg{position:absolute}search-element.show-highlights .button.search-highlight-toggle{--background-colour: #0095FF;--font-colour:white}search-element:not(.showing-highlight-markers) .button.search-highlight-toggle{display:none}search-element:not(.filters-active) .button.search-clear-filters{display:none}search-element.list-style-rows .button.search-list-style-toggle svg.list-grid{opacity:1}search-element.list-style-grid .button.search-list-style-toggle svg.list-rows{opacity:1}search-element .search-categories{--gap: 8px;--heading-height: 43px;margin-top:var(--gutter1);display:grid;position:relative;border-radius:var(--border-radius, 6px);border:1px solid var(--border-colours, #dcdcdc);padding:0 0 var(--gutter1) 0 !important;background:#f4f4f4;height:-moz-fit-content;height:fit-content;flex-direction:column}search-element.sticky-filter .search-categories{position:sticky;top:calc(var(--search-ui-height) + var(--gutter1));height:calc(100vh - var(--search-ui-height) - var(--gutter3));overflow:hidden;overflow-y:auto;display:flex}search-element.sticky-filter .search-categories::before,search-element.sticky-filter .search-categories::after{content:initial}search-element.sticky-filter .search-categories summary{background-color:#f4f4f4;top:0}search-element.no-results .search-categories{opacity:0}search-element.no-results .search-controls .button:not(.search-clear-filters){display:none}search-element.no-results .search-controls .search-clear-filters::before{content:"";position:absolute;top:0%;left:0%;width:100%;height:100%;border-radius:var(--border-radius, 6px);border:1px solid #df3035;animation-name:flash;animation-duration:1s;animation-iteration-count:infinite}@keyframes flash{0%{transform:scale(1);opacity:.8}100%{transform:scale(1.2, 1.8);opacity:0}}search-element .search-categories::after,search-element .search-categories::before{content:"";position:sticky;grid-row:1;grid-column:1/-1;margin-left:-1px;margin-top:-1px;width:calc(100% + 2px);height:var(--heading-height)}search-element .search-categories::after{top:calc(var(--search-ui-height) + var(--gutter1));background:inherit;border:1px solid var(--border-colours, #dcdcdc);border-bottom:1px dashed var(--border-colours, #dcdcdc);border-top-left-radius:var(--border-radius, 6px);border-top-right-radius:var(--border-radius, 6px);box-shadow:0px -4px #fff}search-element .search-categories::before{top:calc(var(--search-ui-height) - var(--heading-height) + var(--gutter1));margin-top:calc(-1*var(--heading-height) - 1px);background:#fff;z-index:2}search-element .search-categories h4{display:none;position:absolute;bottom:100%;margin-bottom:var(--gutter1);font-size:2em;line-height:1.3}search-element:not(.show-filters) .search-categories{margin-top:calc(var(--spacer1) + var(--gutter1))}search-element:not(.show-filters) .search-categories h4{display:block}search-element:not(.show-filters) .search-categories details{border-bottom:initial !important}search-element:not(.show-filters) .search-categories summary{pointer-events:none}search-element:not(.show-filters) .search-categories summary svg{display:none !important}@media(max-width: 1120px){search-element .search-categories{margin-top:calc(var(--spacer1) + var(--gutter1))}search-element .search-categories h4{display:block}search-element .search-categories details{border-bottom:initial !important}search-element .search-categories summary{pointer-events:none}search-element .search-categories summary svg{display:none !important}}search-element .search-categories details:not([hidden]) .content{display:flex}search-element .search-categories details:not([open]) summary{padding-bottom:calc(var(--gap) * 0.5)}search-element .search-categories details:not([open]) summary svg.plus{display:block}search-element .search-categories details:not([open]) summary svg.minus{display:none}search-element .search-categories details:not(:last-of-type){border-bottom:1px dashed #dcdcdc}search-element .search-categories details summary{font-size:1.0625em;line-height:1.6;display:flex;align-items:center;position:sticky;top:calc(var(--search-ui-height) + var(--gutter1));box-sizing:border-box;z-index:1;color:#131f6b;height:var(--heading-height);text-transform:uppercase;font-weight:bold;justify-content:space-between;padding:var(--gap) var(--gutter1);transition:color var(--transition-duration, 0.2s) var(--transition-ease, cubic-bezier(0.42, 0, 0.58, 1)) var(--transition-delay, )}search-element .search-categories details summary svg{width:10px;height:10px;stroke:#969695;stroke-width:1.6em;transition:stroke var(--transition-duration, 0.2s) var(--transition-ease, cubic-bezier(0.42, 0, 0.58, 1)) var(--transition-delay, )}search-element .search-categories details summary svg.plus{display:none}search-element .search-categories details summary svg.minus{display:block}@media(hover: hover){search-element .search-categories details summary:hover{cursor:pointer;color:#df3035}search-element .search-categories details summary:hover svg{stroke:#df3035}}search-element .search-categories details .content{flex-wrap:wrap;position:relative;margin-left:calc(-1*(calc(var(--gap) * 0.5) / 2));margin-top:calc(-1*(calc(var(--gap) * 0.5) / 2));padding:0 var(--gutter1) calc(var(--gap) * 2) var(--gutter1)}search-element .search-categories details li{display:flex;margin:calc(calc(var(--gap) * 0.5) / 2)}search-element .search-categories details li[data-count="0"]{display:none}search-element .search-categories details li input[type=checkbox]{display:none}search-element .search-categories details li input[type=checkbox]~label{display:flex;align-items:center;justify-content:space-between;padding:calc(var(--gap) * 0.5) var(--gap);min-width:9ch;font-size:0.8125em;border-radius:6px;border:1px solid #dcdcdc;background-color:#fff;transition:var(--transition-duration, 0.2s) var(--transition-ease, cubic-bezier(0.42, 0, 0.58, 1)) var(--transition-delay, )}@media(hover: hover){search-element .search-categories details li input[type=checkbox]~label:hover{cursor:pointer;border-color:#df3035}}search-element .search-categories details li input[type=checkbox]:checked~label{background-color:#df3035;color:#fff;border-color:#df3035}search-element .search-categories details li input[type=checkbox]:checked~label span.count{background-color:rgba(255,255,255,.3)}search-element .search-categories details li span.count{display:inline-flex;place-items:center;place-content:center;border-top-right-radius:5px;border-bottom-right-radius:5px;background-color:#f4f4f4;padding:calc(var(--gap) * 0.5);margin-right:calc(var(--gap) * -1);margin-top:calc(var(--gap) * -1);margin-bottom:calc(var(--gap) * -1);margin-left:var(--gap);height:100%;min-width:3ch;font-size:0.75em;transition:var(--transition-duration, 0.2s) var(--transition-ease, cubic-bezier(0.42, 0, 0.58, 1)) var(--transition-delay, )}@media(max-width: 1120px){search-element .button.search-list-style-toggle{display:none}search-element.list-style-rows .search-results-container .results .result a{padding:var(--gutter1)}search-element .search-keywords{display:none}search-element .ui .search-controls{position:fixed;bottom:0;left:0;padding:calc(var(--gap) * 0.5) var(--gutter1) var(--gap) var(--gutter1) !important;border-top:1px solid var(--border-colours, #dcdcdc);margin:0;width:100vw;background-color:#fff}:root[data-browser*=chrome][data-device*=phone] search-element .ui .search-controls{padding:calc(var(--gap) * 0.5) var(--gutter1) calc(var(--gap) + 4px) var(--gutter1) !important}search-element .search-categories{padding-top:var(--gutter1) !important}search-element .search-categories details summary{top:var(--search-ui-height);background:#f4f4f4}search-element .search-categories::before,search-element .search-categories::after{content:initial}}search-element.grey{--background-colour: #F4F4F4;--border-colours: #F4F4F4;background-color:#f4f4f4}search-element.grey:before{content:"";background-color:inherit;z-index:-1;position:absolute;top:0;left:50%;width:100vw;height:100%;transform:translateX(var(--translateX, -50%))}search-element.grey .ui:not(.stuck){padding-top:var(--spacer0);padding-bottom:var(--spacer0)}search-element.grey .ui::before{border-bottom-color:#dcdcdc}search-element.grey .search-results-container,search-element.grey .search-categories{margin-top:var(--spacer0)}search-element.grey .results .result a,search-element.grey .search-categories{background-color:#fff}