.search-drawer{--ink: #2B2926;--ink-muted: #6B6762;--neutral: #F7F4EF;--surface: #EFEAE2;--border: #DDD8D0;--accent: #3D5F8F;--accent-strong: #2D4D7A;--font-base: "Plus Jakarta Sans", sans-serif;--radius-button: 8px;--shadow-float: 0 2px 16px rgba(43, 41, 38, .12);position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;visibility:hidden;font-family:var(--font-base)}.search-drawer.active{visibility:visible}.search-drawer__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#2b292670;opacity:0;transition:opacity .25s ease}.search-drawer.active .search-drawer__overlay{opacity:1}.search-drawer__panel{position:absolute;top:0;left:0;right:0;max-height:100%;overflow-y:auto;background:var(--neutral);color:var(--ink);box-shadow:var(--shadow-float);transform:translateY(-100%);transition:transform .25s ease}.search-drawer.active .search-drawer__panel{transform:translateY(0)}.search-drawer__bar{display:flex;align-items:center;gap:2rem;padding:2rem 3.2rem 1.8rem}.search-drawer__form{flex:1;min-width:0}.search-drawer__field{display:flex;align-items:stretch;border:.1rem solid var(--border);border-radius:var(--radius-button);background:var(--neutral);overflow:hidden}.search-drawer__field-body{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:.2rem;padding:1rem 1.8rem}.search-drawer__field-label{font:400 1.2rem/1.2 var(--font-base);color:var(--ink-muted)}.search-drawer__field-input{-webkit-appearance:none;appearance:none;border:0;border-bottom:.1rem solid transparent;background:none;padding:0;padding-bottom:.1rem;font:400 1.7rem/1.3 var(--font-base);color:var(--ink)}.search-drawer__field-input:focus,.search-drawer__field-input:focus-visible{outline:none;box-shadow:none;border-bottom-color:var(--accent)}.search-drawer__field-input::-webkit-search-cancel-button{display:none}.search-drawer__clear{width:2.2rem;height:2.2rem;border-radius:999px;border:.1rem solid var(--border);background:transparent;color:var(--ink-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;align-self:center;flex:none}.search-drawer__clear:hover{color:var(--ink)}.search-drawer__clear.hidden{display:none}.search-drawer__go{width:6rem;border:0;border-left:.1rem solid var(--border);background:transparent;color:var(--ink);display:flex;align-items:center;justify-content:center;cursor:pointer;margin:.8rem 0;flex:none}.search-drawer__go:hover{color:var(--accent-strong)}.search-drawer__close{width:4rem;height:4rem;border-radius:var(--radius-button);border:0;background:transparent;color:var(--ink);display:flex;align-items:center;justify-content:center;cursor:pointer;flex:none}.search-drawer__close:hover{background:var(--surface)}.search-drawer__results{padding:.8rem 3.2rem 2.4rem;border-top:.1rem solid var(--border)}.search-drawer__cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2rem}.search-drawer__empty{margin:1.6rem 0;font:400 1.4rem/1.5 var(--font-base);color:var(--ink-muted)}.search-drawer__footer{display:flex;align-items:center;justify-content:space-between;gap:1.6rem;width:100%;padding:2rem 3.2rem;border:0;border-top:.1rem solid var(--border);background:var(--neutral);cursor:pointer;color:var(--ink)}.search-drawer__footer:hover{color:var(--accent-strong)}.search-drawer__footer span{font:600 1.5rem/1.3 var(--font-base)}@media screen and (max-width:749px){.search-drawer__bar{padding:1.6rem 2rem;gap:1.2rem}.search-drawer__results{padding:.8rem 2rem 2rem}.search-drawer__footer{padding:1.6rem 2rem}.search-drawer__cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.6rem}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/component-search-drawer-arsavo.css.map */