.croma-search-drawer{position:fixed;inset:0 0 auto;width:100%;max-width:none;max-height:90dvh;margin:0;padding:var(--croma-space-md);border:0;background:var(--croma-color-background);color:var(--croma-color-foreground);overflow-y:auto;overscroll-behavior:contain}.croma-search-drawer[open]{animation:croma-search-enter .28s ease-out both}.croma-search-drawer.is-closing{animation:croma-search-exit .22s ease-in both}.croma-search-drawer::backdrop{background:color-mix(in srgb,var(--croma-color-foreground, #111111) 35%,transparent)}.croma-search-drawer__inner{display:grid;gap:var(--croma-space-md)}.croma-search-drawer__header,.croma-search-drawer__form{display:flex;align-items:center;gap:var(--croma-space-sm)}.croma-search-drawer__title{flex:1;margin:0;font-size:var(--croma-heading-h4)}.croma-search-drawer__icon{display:grid;place-items:center;flex:0 0 var(--croma-touch-target-min);width:var(--croma-touch-target-min);height:var(--croma-touch-target-min);padding:0;border:0;background:transparent;color:inherit;cursor:pointer}.croma-search-drawer__icon svg{width:24px;height:24px}.croma-search-drawer__form{border-bottom:1px solid color-mix(in srgb,currentColor 35%,transparent)}.croma-search-drawer__input{flex:1;min-width:0;width:100%;padding:var(--croma-space-xs) 0;border:0;background:transparent;color:inherit;font:inherit;font-size:var(--croma-text-md)}.croma-search-drawer__input::placeholder{color:inherit;opacity:.6}.croma-search-drawer__summary{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--croma-space-xs) var(--croma-space-md);font-size:var(--croma-text-sm)}.croma-search-drawer__summary:has(.croma-search-drawer__status:empty):has(.croma-search-drawer__all[hidden]){display:none}.croma-search-drawer__status{margin:0;font-size:var(--croma-text-sm)}.croma-search-drawer__status:empty,.croma-search-drawer__results:empty{display:none}.croma-search-drawer__group-title{margin:0 0 var(--croma-space-sm);font-size:var(--croma-text-base)}.croma-search-drawer__products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:var(--croma-content-width-medium);gap:var(--croma-space-md)}.croma-search-drawer__groups{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--croma-space-md);margin-top:var(--croma-space-md)}.croma-search-drawer__groups:empty{display:none}.croma-search-drawer__links{display:grid;gap:var(--croma-space-xs);margin:0;padding:0;list-style:none}.croma-search-drawer__links a,.croma-search-drawer__all{text-underline-offset:.2em}.croma-search-drawer__all{justify-self:start}.croma-search-drawer a{overflow-wrap:anywhere}.croma-search-drawer :focus-visible{outline:2px solid currentColor;outline-offset:4px}.croma-search-drawer .croma-search-drawer__input:focus-visible{outline:none}.croma-search-drawer__form:has(.croma-search-drawer__input:focus-visible){border-bottom-color:currentColor;box-shadow:0 1px 0 currentColor}.croma-search-drawer--side-drawer{--croma-search-enter-x: 100%;--croma-search-enter-y: 0%;inset:0 0 0 auto;width:min(100%,var(--croma-content-width-narrow, 40rem));height:100dvh;max-height:100dvh}.croma-search-drawer--side-drawer .croma-search-drawer__inner{width:100%}.croma-search-drawer--side-drawer .croma-search-drawer__products,.croma-search-drawer--side-drawer .croma-search-drawer__groups{grid-template-columns:minmax(0,1fr)}.croma-search-drawer--side-drawer .croma-product-card{grid-template-columns:minmax(0,7rem) minmax(0,1fr);align-items:center;gap:var(--croma-space-sm)}@keyframes croma-search-enter{0%{transform:translate(var(--croma-search-enter-x, 0%),var(--croma-search-enter-y, -100%))}to{transform:translate(0)}}@keyframes croma-search-exit{0%{transform:translate(0)}to{transform:translate(var(--croma-search-enter-x, 0%),var(--croma-search-enter-y, -100%))}}@media(max-width:749px){.croma-search-drawer{max-height:100dvh;padding-inline:0}.croma-search-drawer__products,.croma-search-drawer__groups{grid-template-columns:repeat(2,minmax(0,1fr))}.croma-search-drawer--side-drawer{width:100%;padding-inline:var(--container-margin, 1rem)}}@media(prefers-reduced-motion:reduce){.croma-search-drawer[open],.croma-search-drawer.is-closing{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/component-search-drawer.css.map */