.search-modal__content.dialog-modal{background:#fff;overflow:hidden}.search-modal .predictive-search-component,.search-modal predictive-search-component{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;width:100%;background:#fff}.search-modal .predictive-search-form{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;height:100%}.search-modal .predictive-search-form__header{flex:0 0 auto;background:#fff;border-bottom:1px solid rgba(14,28,23,.1);min-width:0;gap:var(--gap-2xs)}.search-modal .predictive-search-form__header-inner{flex:1 1 auto;min-width:0}.search-modal .predictive-search-form__content-wrapper{position:relative;top:auto;left:auto;right:auto;flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow:hidden;background:#fff;box-shadow:none;border-radius:0}.search-modal .predictive-search-form__content{flex:1 1 auto;min-height:0;max-height:none;background:#fff;padding-block:0}.search-modal .predictive-search-results__inner{background:#fff;padding:1rem 0 1.25rem;container-type:inline-size}.search-modal .predictive-search-results__title{padding-inline:1.25rem;margin-block:0 .75rem;font-family:Barlow,sans-serif;font-weight:600;color:var(--green-900, #0d4d27)}.search-modal .predictive-search-results__products{padding-inline:0}.search-modal .predictive-search-results__wrapper-products{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem 1rem;padding-inline:1.25rem;padding-block-end:.5rem;width:100%;overflow:visible}@container (min-width: 520px){.search-modal .predictive-search-results__wrapper-products{grid-template-columns:repeat(4,minmax(0,1fr))}}@media screen and (min-width:750px){.search-modal .predictive-search-results__wrapper-products{grid-template-columns:repeat(4,minmax(0,1fr))}}.search-modal .predictive-search-results__card--product{min-width:0;width:auto!important;margin:0!important;padding:0!important}.search-modal .resource-card{display:flex;flex-direction:column;gap:.35rem;min-width:0}.search-modal .resource-card__media{position:relative;width:100%;overflow:hidden;border-radius:10px;background:#f3f3f0}.search-modal .resource-card__image{display:block;width:100%;height:auto}.search-modal .resource-card__content{padding-inline:.15rem}.search-modal .recently-viewed-wrapper{display:block;max-height:none;opacity:1;overflow:visible}.search-modal .oleum-semantic-search__results{margin:0;padding:.75rem 1.25rem 1rem;background:var(--green-white, #eff5ef);border-top:1px solid rgba(14,28,23,.08)}.search-modal .predictive-search-form__footer{position:relative;flex:0 0 auto;background:#fff;border-top:1px solid rgba(14,28,23,.08);padding:.75rem 1.25rem 1rem}.search-modal .predictive-search__search-button{width:100%;max-width:20rem;margin-inline:auto;border-radius:999px;background:var(--green-900, #0d4d27);color:#fff}.search-modal{--search-border-radius: var(--style-border-radius-popover);--search-border-width: var(--style-border-width)}.search-modal__content{--modal-top-margin: calc(50dvh - var(--modal-max-height) / 2 - 2rem);--modal-width: 66dvw;padding:0;border:var(--style-border-popover)}@media screen and (min-width:750px){.search-modal__content{width:var(--modal-width);margin-block-start:var(--modal-top-margin);overflow:hidden}}@media screen and (max-width:749px){.search-modal__content::backdrop{display:none}}.dialog-modal[open].search-modal__content{transform-origin:bottom center;animation:search-element-slide-in-bottom .3s var(--ease-out-quad) forwards;border-radius:var(--search-border-radius);box-shadow:var(--shadow-popover)}@media screen and (max-width:749px){.dialog-modal[open].search-modal__content{border-radius:0}}.dialog-modal.search-modal__content.dialog-closing{animation:search-element-slide-out-bottom .2s var(--ease-out-quad) forwards}.search-modal__content[open]{display:flex}.search-modal__content :is(.predictive-search-dropdown,.predictive-search-form__content-wrapper){position:relative}.dialog-modal .predictive-search-form__header:has(.predictive-search__reset-button:not(.predictive-search__reset-button[hidden])):before{content:"";position:absolute;right:calc(var(--padding-sm) + var(--minimum-touch-target));top:0;bottom:0;width:var(--border-width-sm);background-color:var(--color-border)}.dialog-modal .predictive-search-form__header:has(.predictive-search__reset-button:not(.predictive-search__reset-button[hidden]))>.predictive-search__close-modal-button:before{content:none}@media screen and (min-width:750px){.dialog-modal .predictive-search-form__header:has(.predictive-search__reset-button:not(.predictive-search__reset-button[hidden])):before{right:calc(var(--padding-2xl) * 2)}}predictive-search-component{--resource-card-corner-radius: var(--product-corner-radius);display:flex;width:100%;position:relative;margin-inline:auto;align-items:center;background-color:var(--color-background);z-index:var(--layer-heightened)}.predictive-search-form__footer{display:none;position:absolute;bottom:0;left:0;right:0}@media screen and (min-width:750px){.predictive-search-form__footer{--to-top-gradient-background: linear-gradient( to top, rgb(var(--color-background-rgb) / var(--opacity-90)), rgb(var(--color-background-rgb) / var(--opacity-80)), rgb(var(--color-background-rgb) / var(--opacity-40)), transparent );padding-block:var(--padding-xs) var(--padding-lg);background-image:var(--to-top-gradient-background)}}predictive-search-component:has([data-search-results]):not(:has(.predictive-search-results__no-results)) .predictive-search-form__footer{display:block}.predictive-search-form{position:relative;width:100%;align-self:flex-start}.predictive-search-form__content{max-height:50dvh;overflow-y:auto;background-color:var(--color-background);scrollbar-width:none}.predictive-search-form__content::-webkit-scrollbar{display:none}.predictive-search-form__content-wrapper{position:absolute;top:100%;width:100%;left:0;z-index:var(--layer-raised);display:flex;flex-direction:column;border-radius:0 0 var(--search-border-radius) var(--search-border-radius);transition:box-shadow var(--animation-speed) var(--animation-easing);transform:translateZ(0);will-change:transform,opacity;overflow:hidden}@media screen and (max-width:749px){.predictive-search-form__content-wrapper{border-radius:0}}@media screen and (min-width:750px){.predictive-search-form__content-wrapper{max-height:var(--modal-max-height)}}.predictive-search-form__content-wrapper:has([data-search-results]):not(:has(.predictive-search-results__no-results))>.predictive-search-form__content{padding-block-end:var(--padding-6xl)}.predictive-search-form__header-inner{background:var(--color-background);border:var(--search-border-width) solid var(--color-border);color:var(--color-foreground);border-radius:var(--style-border-radius-popover);display:flex;align-items:center;justify-content:space-between;width:100%;min-width:0;gap:var(--gap-2xs)}@media screen and (max-width:749px){.predictive-search-form__header-inner{border-radius:var(--style-border-radius-inputs);border:none}}.predictive-search-form__header-inner:focus-within{outline-offset:var(--focus-outline-offset)}@media screen and (min-width:750px){.predictive-search-form__header-inner:focus-within{outline:var(--focus-outline-width) solid var(--color-primary)}}.predictive-search-form__header{display:flex;position:sticky;top:0;z-index:var(--layer-heightened);width:100%;align-items:center;background-color:var(--color-input-background);border:var(--search-border-width) solid var(--color-border);border-radius:var(--style-border-radius-inputs)}@media screen and (max-width:749px){.predictive-search-form__header{padding:var(--padding-2xs) var(--padding-sm)}}.predictive-search-form__header:focus-within,.predictive-search-form__header-inner:focus-within,.predictive-search-form__header-inner:has(.search-input:is(:focus,:focus-visible)){outline:none;box-shadow:none;border-color:var(--color-border)!important}input.search-input{border-radius:var(--style-border-radius-inputs);padding-block:var(--padding-sm);font-size:var(--font-size--md);flex:1 1 auto;min-width:0;width:auto;color:var(--color-foreground);padding-inline:calc(var(--margin-lg) + var(--icon-size-lg)) var(--padding-2xs);background:transparent;text-overflow:ellipsis;overflow:hidden;outline:none;border:0;-webkit-appearance:none;appearance:none}input.search-input::-webkit-search-decoration,input.search-input::-webkit-search-cancel-button,input.search-input::-webkit-search-results-button,input.search-input::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none;display:none}.search-input::placeholder{color:rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text))}.search-input,.search-input:is(:focus,:focus-visible,:focus-within),.predictive-search-form__header *:is(:focus,:focus-visible){outline:none;box-shadow:none}.search-input:hover{background-color:transparent}.predictive-search__icon{position:absolute;left:var(--margin-xl);top:auto;width:var(--icon-size-lg);height:var(--icon-size-lg);color:rgb(var(--color-foreground-rgb) / var(--opacity-60))}@media screen and (min-width:750px){.predictive-search__icon{left:var(--margin-md)}}.predictive-search__icon>svg{width:var(--icon-size-md);height:var(--icon-size-md)}.predictive-search__reset-button{cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;min-width:var(--minimum-touch-target);height:var(--minimum-touch-target);padding:0;margin-inline-end:var(--margin-md);background:transparent;color:var(--color-foreground);opacity:.68;transition:opacity var(--animation-speed-medium) var(--animation-timing-fade-out),visibility var(--animation-speed-medium) var(--animation-timing-fade-out)}.predictive-search__reset-button:hover{color:var(--color-foreground);opacity:1}.predictive-search__reset-button:active{transform:scale(.9);transition:transform .1s var(--animation-timing-active)}@media screen and (max-width:749px){.predictive-search__reset-button{min-width:auto;width:auto;margin-inline-end:0;padding-inline:var(--padding-2xs);white-space:nowrap;font-family:Barlow,sans-serif;font-size:.9375rem;font-weight:500}}@media screen and (min-width:750px){.predictive-search__reset-button{margin-inline-end:var(--margin-2xs)}}.predictive-search__reset-button[hidden]{opacity:0;pointer-events:none;visibility:hidden}.predictive-search__reset-button-icon{display:flex;align-items:center;justify-content:center;width:var(--icon-size-lg);height:var(--icon-size-lg);transition:background-color var(--animation-speed-medium) ease-in-out,transform var(--animation-speed-medium) var(--animation-timing-bounce);border-radius:50%}.predictive-search__reset-button-icon:hover{background-color:rgb(var(--color-primary-hover-rgb) / var(--opacity-8))}.predictive-search__reset-button:active .predictive-search__reset-button-icon{transform:scale(.85);transition-timing-function:var(--animation-timing-active);transition-duration:.1s}.predictive-search__reset-button svg{width:var(--icon-size-md);height:var(--icon-size-md)}.predictive-search__reset-button-text{display:none;line-height:1.2}@media screen and (max-width:749px){.search-modal .predictive-search__reset-button-icon{display:none}.search-modal .predictive-search__reset-button-text{display:block}}.predictive-search__search-button{margin:auto;z-index:var(--layer-raised);transition:transform var(--animation-speed-medium) var(--animation-timing-bounce),box-shadow var(--animation-speed-medium) var(--animation-timing-hover);transform-origin:center}.predictive-search__search-button:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgb(0 0 0 / var(--opacity-5))}.predictive-search__search-button:active{transform:scale(.97);transition:transform .1s var(--animation-timing-active);box-shadow:none}.predictive-search__close-modal-button{--button-color: var(--color-foreground);--button-background-color: transparent;display:flex;justify-content:center;align-items:center;width:var(--minimum-touch-target);height:var(--minimum-touch-target);margin-inline-start:var(--margin-sm);padding:0;box-shadow:none}.predictive-search__close-modal-button:active{transform:scale(.8);transition:transform .1s var(--animation-timing-active)}.predictive-search__close-modal-button .svg-wrapper,.predictive-search__close-modal-button svg{width:var(--icon-size-xs);height:var(--icon-size-xs)}.predictive-search__close-modal-button:hover{--button-color: var(--color-foreground);--button-background-color: transparent}
/*# sourceMappingURL=/cdn/shop/t/5/assets/oleum-search-modal.css.map */