.drawer-search-open{width:100%;position:absolute;overflow-y:hidden}.drawer-search-open .drawer-search{display:block}.drawer-search-open .drawer-search .pre-search-results{opacity:1}.drawer-search-open #overlay-mask{display:block}.drawer-search{z-index:10;z-index:11;width:100%;display:none;position:absolute;top:0;left:0}.drawer-search .pre-search-results{opacity:0;border-bottom-right-radius:8px;border-bottom-left-radius:8px;max-height:0;transition:max-height .4s,opacity .3s}.drawer-search form{height:70px}.drawer-search .card-product__quick-add-toggle{display:none}.drawer-search__input{height:100%;position:relative}.drawer-search__input input[type=search]{width:100%;height:100%;color:var(--color-primary);background-color:var(--color-white);border-radius:unset;border:none;outline:none;align-items:flex-start;padding:0;font-size:1.25em}.drawer-search__input input[type=search]::-webkit-search-cancel-button{display:none}.drawer-search__input input[type=search]::placeholder{font-size:14px}@media (max-width:768px){.drawer-search__input input[type=search]{padding:0 1em}}.drawer-search__input--label{display:none}.drawer-search__input-actions{background-color:var(--color-white);align-items:center;gap:1em;display:flex;position:absolute;top:50%;right:2em;transform:translateY(-50%)}@media (max-width:768px){.drawer-search__input-actions{right:1em}}.drawer-search__input--close{background-color:var(--color-primary);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;min-width:30px;height:30px;min-height:30px;padding:2px;font:1em Nunito,sans-serif;transition:background-color .3s ease-in-out;display:flex}.drawer-search__input--close:hover{background-color:var(--color-primary-hover)}.drawer-search__input--close:hover svg,.drawer-search__input--close svg{fill:var(--color-black)}.drawer-search__input--close span{display:none}.drawer-search__input-wrap{border-bottom:1px solid var(--color-primary);background-color:var(--color-white);align-items:center;gap:.625em;width:100%;height:100%;padding:0 1.625em;display:flex;position:relative}