.search--top-panel{justify-content:flex-start;align-items:flex-start}.search--top-panel .side--drawer-panel{width:100%;max-width:100%;padding:0;transform:translateY(-100%);transition:transform .35s cubic-bezier(.22,.61,.36,1);will-change:transform;margin-block-start:var(--dynamic_announcement_height, 0px)}html[dir=rtl] .search--top-panel .side--drawer-panel{transform:translateY(-100%)}.search--top-panel.show .side--drawer-panel,html[dir=rtl] .search--top-panel.show .side--drawer-panel{transform:none}@media(max-width:767px){.search--top-panel{justify-content:flex-start;align-items:flex-end;max-height:88%}.search--top-panel .side--drawer-panel,html[dir=rtl] .search--top-panel .side--drawer-panel{margin-block-start:0;transform:translateY(100%);transition:transform .34s cubic-bezier(.32,.72,0,1);will-change:transform}.search--top-panel.show .side--drawer-panel,html[dir=rtl] .search--top-panel.show .side--drawer-panel{transform:none}.search--top-columns .search--top-pill,.search--top-products-grid>*{opacity:1;transform:none;transition:none}.search--top-panel.show .search--top-products-grid>*:nth-child(2),.search--top-panel.show .search--top-products-grid>*:nth-child(3),.search--top-panel.show .search--top-products-grid>*:nth-child(4){transition-delay:0s}}.search--top-panel .side--drawer-inner{height:auto;max-height:calc(92vh - var(--dynamic_announcement_height, 0px));overflow-y:auto;border-radius:0 0 var(--card_radius, 20px) var(--card_radius, 20px);box-shadow:0 24px 60px #00000029}.search--top-panel .side--drawer-body{height:auto}.search--top-panel .search--top-body{display:block;height:auto}.search--top-bar{display:grid;grid-template-columns:1fr minmax(0,620px) 1fr;align-items:center;gap:24px;padding:22px 40px}.search--top-logo{justify-self:start;display:inline-flex;align-items:center;color:var(--text_color)}.search--top-logo img{max-width:150px;height:auto}.search--top-logo-text{font-size:22px;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}.search--top-search{display:block;width:100%}.search--top-input-group{position:relative;display:block}.search--top-input{width:100%;padding:14px 18px 14px 48px;border:1px solid var(--border_color);border-radius:8px;background:var(--body_alternate_background);color:var(--text_color);font-family:inherit;font-size:var(--medium_text);transition:border-color .3s ease,box-shadow .3s ease}.search--top-input::placeholder{color:var(--text_color);opacity:.5}.search--top-input:focus{outline:none;border-color:var(--text_color);box-shadow:0 0 0 3px #0000000a}.search--top-submit{position:absolute;inset-inline-start:15px;inset-block-start:50%;transform:translateY(-50%);display:inline-flex;padding:0;border:0;background:none;color:var(--text_color);opacity:.6;cursor:pointer;transition:opacity .25s ease}.search--top-submit:hover{opacity:1}.search--top-close-wrapper{justify-self:end}.search--top-close{padding:0;border:0;background:none;color:var(--text_color);font-family:inherit;font-size:var(--medium_text);cursor:pointer}.search--top-close span{position:relative}.search--top-close span:after{content:"";position:absolute;inset-inline:0;inset-block-end:-2px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:inline-start;transition:transform .3s ease}.search--top-close:hover span:after{transform:scaleX(1)}.search--sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.search--top-columns{display:grid;grid-template-columns:240px 1fr;gap:40px;padding:30px 40px 44px;border-top:1px solid var(--border_color);background:var(--body_alternate_background)}.search--top-heading{margin:0 0 16px;font-size:var(--large_text)}.search--top-terms-list{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin:0;padding:0;list-style:none}.search--top-pill{display:inline-block;padding:8px 16px;border-radius:6px;background:var(--body_background);color:var(--text_color);font-size:var(--small_text);transition:transform .3s cubic-bezier(.22,.61,.36,1),box-shadow .3s ease}.search--top-pill:hover{transform:translate(4px);box-shadow:0 4px 14px #00000014}.search--top-products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.search--top-columns .search--top-pill,.search--top-products-grid>*{opacity:0;transform:translateY(12px);transition:opacity .5s ease,transform .5s cubic-bezier(.22,.61,.36,1)}.search--top-panel.show .search--top-columns .search--top-pill,.search--top-panel.show .search--top-products-grid>*{opacity:1;transform:none}.search--top-panel.show .search--top-products-grid>*:nth-child(2){transition-delay:.07s}.search--top-panel.show .search--top-products-grid>*:nth-child(3){transition-delay:.14s}.search--top-panel.show .search--top-products-grid>*:nth-child(4){transition-delay:.21s}.search--top-panel .predictive-search--results-body{padding:0 40px 40px}.search--top-panel .predictive-search--results-body:empty{padding:0}@media(max-width:1024px){.search--top-columns{grid-template-columns:200px 1fr;gap:28px}.search--top-products-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:767px){.search--top-bar{grid-template-columns:1fr auto;gap:12px;padding:14px 16px}.search--top-logo{display:none}.search--top-columns{grid-template-columns:1fr;gap:26px;padding:22px 16px 30px}.search--top-terms-list{flex-direction:row;flex-wrap:wrap}.search--top-products-grid{grid-template-columns:repeat(2,1fr)}.search--top-panel .predictive-search--results-body{padding:0 16px 24px}.search--top-panel .side--drawer-inner{max-height:100%;border-radius:var(--card_radius, 20px) var(--card_radius, 20px) 0 0}}@media(prefers-reduced-motion:reduce){.search--top-panel .side--drawer-panel,.search--top-columns .search--top-pill,.search--top-products-grid>*{transition:none}.search--top-columns .search--top-pill,.search--top-products-grid>*{opacity:1;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/search-top-panel.css.map */