.sd-panel{--sd-red: #e4002b;--sd-ink: #121212;--sd-white: #ffffff;--sd-grey: #666666;--sd-chip-bg: #ededed;--sd-font: var(--font-body-family, "Banana Grotesk", "IBM Plex Sans Arabic", sans-serif);--sd-ls: .2px}.sd-panel[hidden]{display:none}.sd-panel{position:absolute;left:0;right:0;top:0;z-index:46;background:var(--sd-white);box-shadow:0 4px 6px -2px #00000026;max-height:calc(100vh - 40px);overflow-y:auto}.sd-panel__inner{position:relative;padding:12px var(--page-margin, 20px) 50px;min-height:120px}.sd-panel__logo{position:absolute;top:12px;inset-inline-start:var(--page-margin, 20px);display:block;width:109px}.sd-panel__logo img{display:block;width:100%;height:auto}.sd-panel__col{width:100%;max-width:646px;margin-inline:auto;display:flex;flex-direction:column;gap:24px}.sd-default:not(:has(>*:not([hidden]))){display:none}.sd-form{display:flex;align-items:center;gap:8px;height:48px;padding:0 8px 0 12px;border-bottom:1px solid var(--sd-ink)}.sd-form__icon{flex:0 0 auto;width:24px;height:24px;color:var(--sd-ink)}.sd-form__icon svg{width:100%;height:100%;display:block}.sd-form__input{flex:1 1 auto;min-width:0;height:100%;padding:0;-webkit-appearance:none;appearance:none;border:0;border-radius:0;box-shadow:none;background:transparent;font-family:var(--sd-font);font-size:14px;line-height:1;letter-spacing:var(--sd-ls);color:var(--sd-ink)}.sd-form__input::placeholder{color:var(--sd-grey);opacity:1}.sd-form__input:focus{outline:0}.sd-form__input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.sd-form__submit{flex:0 0 auto;width:24px;height:24px;padding:0;border:0;background:none;color:var(--sd-ink);cursor:pointer}.sd-form__submit svg{width:100%;height:100%;display:block}.sd-close{position:absolute;top:24px;inset-inline-end:var(--page-margin, 20px);display:inline-flex;align-items:center;gap:12px;padding:0;border:0;background:none;cursor:pointer;font-family:var(--sd-font);font-size:12px;letter-spacing:var(--sd-ls);color:var(--sd-ink)}.sd-close__x{width:24px;height:24px}.sd-close__x svg{width:12px;height:12px;display:block;margin:0 auto}.sd-group{display:flex;flex-direction:column;gap:24px}.sd-group[hidden]{display:none}.sd-grouphead{display:flex;align-items:center;justify-content:space-between}.sd-label{margin:0;font-family:var(--sd-font);font-size:14px;line-height:18px;font-weight:500;letter-spacing:.5px;text-transform:uppercase;color:var(--sd-ink)}.sd-showall{font-family:var(--sd-font);font-size:12px;line-height:15px;letter-spacing:var(--sd-ls);color:var(--sd-ink);text-decoration:none;border-bottom:1px solid var(--sd-ink)}.sd-chips{display:flex;flex-wrap:wrap;gap:12px}.sd-chip{display:inline-flex;align-items:center;padding:8px;background:var(--sd-chip-bg);font-family:var(--sd-font);font-size:12px;line-height:15px;letter-spacing:var(--sd-ls);color:var(--sd-ink);text-decoration:none}.sd-chip:hover{color:var(--sd-red)}.sd-grid{display:flex;gap:2px}.sd-tile{flex:0 0 calc((100% - 6px)/4);min-width:0;display:flex;flex-direction:column;gap:16px;text-decoration:none}.sd-tile__img{position:relative;width:100%;aspect-ratio:166 / 249;overflow:hidden}.sd-tile__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.sd-tile__img:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--sd-chip-bg);mix-blend-mode:darken;pointer-events:none}.sd-tile__title{margin:0;font-family:var(--sd-font);font-size:12px;line-height:15px;letter-spacing:var(--sd-ls);color:var(--sd-ink);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.sd-tile__price{display:flex;gap:8px;align-items:center;font-family:var(--sd-font);font-size:12px;line-height:15px;letter-spacing:var(--sd-ls)}.sd-price{color:var(--sd-ink)}.sd-price--old{color:var(--sd-grey);text-decoration:line-through}.sd-price--pct{color:var(--sd-red)}.sd-noresults{margin:0;font-family:var(--sd-font);font-size:14px;line-height:18px;letter-spacing:var(--sd-ls);color:var(--sd-grey)}.sd-results{display:flex;flex-direction:column;gap:48px}.sd-scrim{position:fixed;left:0;right:0;bottom:0;top:0;z-index:60;background:#0009}.sd-scrim[hidden],.site-header.search-open .site-header__nav,.site-header.search-open .site-header__actions{display:none}@media screen and (max-width:989px){.sd-panel__col{max-width:none}.sd-form{margin-inline-start:125px;margin-inline-end:84px}.sd-form__submit{display:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/diesel-search.css.map */