.rendi-search-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;pointer-events:none}.rendi-search-drawer[hidden]{display:none}.rendi-search-drawer__scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:rgb(var(--rendi-foreground-rgb) / .4);animation:rendi-search-drawer-scrim-in .25s ease forwards;pointer-events:auto}.rendi-search-drawer__panel{position:absolute;top:var(--theme-sticky-header-height, var(--rendi-spacing-16));left:0;right:0;display:flex;flex-direction:column;gap:var(--rendi-spacing-4);padding:var(--rendi-spacing-3) var(--rendi-spacing-4) var(--rendi-spacing-4);background:var(--rendi-background);border-bottom:var(--rendi-border-width) solid var(--rendi-border);animation:rendi-search-drawer-panel-in .3s cubic-bezier(.32,.72,0,1) forwards;pointer-events:auto}@keyframes rendi-search-drawer-scrim-in{0%{opacity:0}to{opacity:1}}@keyframes rendi-search-drawer-panel-in{0%{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 0 0)}}.rendi-search-drawer.is-closing .rendi-search-drawer__scrim{z-index:0;animation:rendi-search-drawer-scrim-out .25s ease forwards}.rendi-search-drawer.is-closing .rendi-search-drawer__panel{animation:rendi-search-drawer-panel-out .3s cubic-bezier(.32,.72,0,1) forwards}@keyframes rendi-search-drawer-scrim-out{0%{opacity:1}to{opacity:0}}@keyframes rendi-search-drawer-panel-out{0%{clip-path:inset(0 0 0 0)}to{clip-path:inset(0 0 100% 0)}}.rendi-search-drawer__field-row{display:flex;align-items:center;gap:var(--rendi-spacing-2)}.rendi-search-drawer__input-group{display:flex;align-items:center;flex:1 1 auto;gap:var(--rendi-spacing-1-5);height:var(--rendi-spacing-12);padding:var(--rendi-spacing-1) var(--rendi-spacing-3);border:var(--rendi-border-width) solid var(--rendi-ring);border-radius:var(--rendi-rounded-md);background:linear-gradient(0deg,var(--rendi-alpha-50) 0%,var(--rendi-alpha-50) 100%),var(--rendi-input);transition:all .2s ease-in-out;border-color:transparent}.rendi-search-drawer__input-group:focus-within{box-shadow:var(--rendi-focus-default);border-color:var(--rendi-ring)}.rendi-search-drawer__input-icon{display:flex;flex:0 0 auto;width:var(--rendi-spacing-4);height:var(--rendi-spacing-4);color:var(--rendi-muted-foreground);cursor:pointer}.rendi-search-drawer__input-icon svg{width:100%;height:100%;transition:all .2s ease-in-out}.rendi-search-drawer__input-icon:hover svg{transform:scale(1.2)}input.rendi-search-drawer__input{flex:1 1 auto;min-width:0;border:none;background:transparent;font-size:var(--rendi-text-sm-font-size);line-height:var(--rendi-text-sm-line-height);color:var(--rendi-foreground);padding:var(--rendi-spacing-1)}.rendi-search-drawer__input::placeholder{color:var(--rendi-muted-foreground)}input.rendi-search-drawer__input:hover,input.rendi-search-drawer__input:focus,input.rendi-search-drawer__input:focus-visible,input.rendi-search-drawer__input:active{outline:none;border:none;box-shadow:none}.rendi-search-drawer__input-clear{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:var(--rendi-spacing-4);height:var(--rendi-spacing-4);padding:0;border:none;background:transparent;color:var(--rendi-muted-foreground);cursor:pointer}.rendi-search-drawer__input-clear[hidden]{display:none}.rendi-search-drawer__input-clear svg{width:100%;height:100%;transition:all .2s ease-in-out}.rendi-search-drawer__input-clear:hover svg{transform:scale(1.2)}.rendi-search-drawer__back{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:var(--rendi-spacing-12);height:var(--rendi-spacing-12);padding:0;border:var(--rendi-border-width) solid var(--rendi-input);border-radius:var(--rendi-rounded-md);background-color:transparent;color:var(--rendi-foreground);cursor:pointer;transition:background-color .2s ease-in-out}.rendi-search-drawer__back:hover{background-color:var(--rendi-muted)}.rendi-search-drawer__back svg{width:var(--rendi-spacing-5);height:var(--rendi-spacing-5)}.rendi-search-drawer__section-label-row{display:flex;align-items:center;justify-content:space-between;padding:0 var(--rendi-spacing-3) var(--rendi-spacing-1)}.rendi-search-drawer__section-label{font-size:var(--rendi-text-xs-font-size);line-height:var(--rendi-text-xs-line-height);font-weight:var(--rendi-font-weight-medium);color:var(--rendi-muted-foreground);pointer-events:none}.rendi-search-drawer__clear{display:inline-flex;align-items:center;gap:var(--rendi-spacing-1);background-color:transparent;border:none;padding:0;font-size:var(--rendi-text-xs-font-size);line-height:var(--rendi-text-xs-line-height);font-weight:var(--rendi-font-weight-medium);color:var(--rendi-muted-foreground)}.rendi-search-drawer__clear svg{width:var(--rendi-spacing-3-5);height:var(--rendi-spacing-3-5)}.rendi-search-drawer__list{display:flex;flex-direction:column}.rendi-search-drawer__item-link{display:flex;align-items:center;width:100%;gap:var(--rendi-spacing-3);padding:var(--rendi-spacing-2) var(--rendi-spacing-3);border:none;border-radius:var(--rendi-rounded-md);background:transparent;text-align:left;font-size:var(--rendi-text-sm-font-size);line-height:var(--rendi-text-sm-line-height);color:var(--rendi-foreground);transition:all .1s ease-in-out}.rendi-search-drawer__item-link:hover,.rendi-search-drawer__item-link:focus-visible{background:var(--rendi-muted)}.rendi-search-drawer__item-icon{display:flex;flex:0 0 auto;width:var(--rendi-spacing-4);height:var(--rendi-spacing-4);color:var(--rendi-muted-foreground)}.rendi-search-drawer__item-icon svg{width:100%;height:100%}.rendi-search-drawer__item-text mark{background:none;font-weight:var(--rendi-font-weight-semibold);color:inherit}a.rendi-search-drawer__item-link{text-decoration:none}@media screen and (min-width:750px){.rendi-search-drawer__panel{align-items:center}.rendi-search-drawer__field-row,.rendi-search-drawer__section{width:100%;max-width:720px}}
/*# sourceMappingURL=/cdn/shop/t/75/assets/rendi-search-drawer.css.map */