.section-search-drawer{position:relative;z-index:35;margin:0}.search-drawer{--search-drawer-width: 36rem;--search-drawer-radius-desktop: 2.125rem;--search-drawer-radius-mobile: 1.25rem;--search-drawer-sheet-inset: 3.75rem;--search-drawer-ease: cubic-bezier(.7, 0, .2, 1);--search-drawer-panel-duration: .6s;--search-drawer-overlay-duration: .8s;--search-drawer-z: 35;--search-drawer-close-fill-duration: .6s;position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--search-drawer-z);display:block;width:100%;height:100%;margin:0;padding:0;overflow:hidden;pointer-events:none;visibility:hidden;background:transparent}.search-drawer.is-open,.search-drawer.is-closing{pointer-events:auto;visibility:visible}.search-drawer[hidden]{display:block;visibility:hidden;pointer-events:none}.search-drawer__overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;margin:0;padding:0;border:0;cursor:pointer;background:linear-gradient(to right,rgb(var(--color-foreground) / .2) 20%,rgb(var(--color-foreground) / .5) 60%);opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--search-drawer-overlay-duration) var(--search-drawer-ease),visibility var(--search-drawer-overlay-duration) var(--search-drawer-ease)}@media screen and (min-width:1280px){.search-drawer__overlay{background:linear-gradient(to right,rgb(var(--color-foreground) / .2) 40%,rgb(var(--color-foreground) / .5) 80%)}}.search-drawer.is-open .search-drawer__overlay{opacity:1;visibility:visible;pointer-events:auto}.search-drawer__panel{position:absolute;inset-block:0;inset-inline-end:0;z-index:1;display:flex;flex-direction:column;box-sizing:border-box;width:100%;max-width:var(--search-drawer-width);height:100%;overflow:hidden;color:rgb(var(--color-foreground));background-color:rgb(var(--color-background));border-radius:var(--search-drawer-radius-desktop) 0 0 var(--search-drawer-radius-desktop);transform:translate(100%);transition:transform var(--search-drawer-panel-duration) var(--search-drawer-ease)}.search-drawer.is-open .search-drawer__panel{transform:translate(0)}.search-drawer__header{position:relative;display:flex;flex-shrink:0;align-items:center;justify-content:space-between;box-sizing:border-box;padding:var(--sp-8) var(--page-padding-inline) var(--sp-6);border-block-end:1px solid rgb(var(--color-foreground) / var(--color-border-light-alpha))}.search-drawer__title{margin:0;font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:1.5rem;line-height:1;letter-spacing:var(--font-heading-letter-spacing);color:rgb(var(--color-foreground))}@media screen and (min-width:1024px){.search-drawer__title{font-size:1.875rem}}.search-drawer__close{position:relative;display:flex;flex-shrink:0;align-items:center;justify-content:center;box-sizing:border-box;width:3rem;height:3rem;margin:0;padding:0;overflow:hidden;color:rgb(var(--color-foreground));background:rgb(var(--color-foreground) / .06);border:0;border-radius:50%;cursor:pointer;transition:color var(--duration-standard) var(--ease-standard)}.search-drawer__close-fill{display:block;position:absolute;inset-block-start:-50%;inset-inline-start:-25%;width:150%;height:200%;border-radius:50%;background-color:rgb(var(--color-button));pointer-events:none;transform:translate3d(0,76%,0);transition:transform var(--search-drawer-close-fill-duration) var(--search-drawer-ease)}.search-drawer__close-icon{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:100%;height:100%;pointer-events:none;transition:color var(--duration-standard) var(--ease-standard) .1s}.search-drawer__close:focus-visible{outline:var(--focus-ring-width) solid rgb(var(--color-keyboard-focus));outline-offset:2px}.search-drawer__close .icon-close{display:block;width:1.25rem;height:1.25rem}@media(pointer:fine){.search-drawer__close:hover{color:rgb(var(--color-button-text))}.search-drawer__close:hover .search-drawer__close-fill{transform:translateZ(0)}}.search-drawer__close:focus-visible{color:rgb(var(--color-button-text))}.search-drawer__close:focus-visible .search-drawer__close-fill{transform:translateZ(0)}.search-drawer__content{flex:1 1 auto;min-height:0;overflow:auto;padding:2.75rem var(--page-padding-inline) 0}.search-drawer__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.search-drawer .search__form{position:relative;display:flex;flex-direction:column;gap:var(--sp-8);width:100%;height:100%;margin:0}.search-drawer .search__field{position:relative;display:flex;align-items:center;width:100%;max-width:30rem}.search-drawer .search__input{box-sizing:border-box;width:100%;height:3.875rem;margin:0;padding:0 1.75rem;font-family:var(--font-body-family);font-size:1.125rem;font-weight:500;line-height:1.2;color:rgb(var(--color-foreground));background-color:rgb(var(--color-foreground) / .024);border:0;border-radius:var(--rounded-input);outline:none;box-shadow:none;appearance:none;-webkit-appearance:none;transition:background-color var(--duration-standard) var(--ease-standard)}.search-drawer .search__input::placeholder{color:rgb(var(--color-foreground) / var(--color-foreground-muted-alpha));opacity:1}@media screen and (pointer:fine){.search-drawer .search__field:hover .search__input{background-color:rgb(var(--color-foreground) / .045)}}.search-drawer .search__input:focus,.search-drawer .search__input:focus-visible{background-color:rgb(var(--color-foreground) / .045);border-color:transparent;box-shadow:none;outline:none}.search-drawer .search__input:focus-visible{outline:2px solid transparent;outline-offset:2px}.search-drawer .search__input::-webkit-search-decoration,.search-drawer .search__input::-webkit-search-cancel-button,.search-drawer .search__input::-webkit-search-results-button,.search-drawer .search__input::-webkit-search-results-decoration{display:none;-webkit-appearance:none}.search-drawer .search__suffix{position:absolute;inset-block-start:0;inset-block-end:0;inset-inline-end:1.75rem;display:flex;align-items:center;gap:var(--sp-4);pointer-events:none}.search-drawer .search__suffix .clear{position:relative;display:flex;align-items:center;justify-content:center;margin:0;padding:0;font-family:var(--font-body-family);font-size:.75rem;font-weight:400;line-height:1;color:rgb(var(--color-foreground));background:none;border:0;cursor:pointer;opacity:0;pointer-events:none;transition:opacity var(--duration-standard) var(--ease-standard)}.search-drawer .search__suffix .clear.is-visible{opacity:1;pointer-events:auto}.search-drawer .search__suffix .clear .icon-loader{position:absolute;width:1.125rem;height:1.125rem;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s var(--ease-standard),visibility .2s var(--ease-standard)}.search-drawer .search__form[loading] .search__suffix .clear span{opacity:0;visibility:hidden;transition-delay:.1s}.search-drawer .search__form[loading] .search__suffix .clear .icon-loader{opacity:1;visibility:visible;transition-delay:.1s;animation:search-drawer-spin .7s linear infinite}@keyframes search-drawer-spin{to{transform:rotate(360deg)}}.search-drawer .search__results{display:flex;flex-direction:column;flex:1 1 auto;align-items:stretch;gap:2.5rem;width:100%;min-height:0;overflow:auto;text-align:start}.search-drawer .search__results:empty{display:none}.search-drawer .search__results-group{display:grid;gap:.75rem;width:100%}@media screen and (min-width:768px){.search-drawer .search__results-group{gap:1rem}}.search-drawer .search__heading{margin:0;font-family:var(--font-body-family);font-size:.75rem;font-weight:400;line-height:1.2;letter-spacing:.1em;text-transform:uppercase;color:rgb(var(--color-foreground) / .5)}.search-drawer .search__products{display:grid;gap:0;width:100%}.search-drawer .search__product{display:flex;align-items:center;gap:1rem;width:100%;box-sizing:border-box}@media screen and (min-width:768px){.search-drawer .search__product{gap:1.5rem}}.search-drawer .search__product+.search__product{margin-block-start:1rem}.search-drawer .search__product-media{position:relative;display:block;flex-shrink:0;width:6rem;height:6rem;overflow:hidden;border-radius:.5rem;background-color:rgb(var(--color-foreground) / .04)}.search-drawer .search__product-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.search-drawer .search__product-image--placeholder{width:100%;height:100%;background-color:rgb(var(--color-foreground) / .06)}.search-drawer .search__product-details{display:flex;flex-direction:column;flex:1 1 auto;gap:.375rem;min-width:0}.search-drawer .search__product-title{font-family:var(--font-body-family);font-size:1rem;font-weight:500;line-height:1.2;color:rgb(var(--color-foreground));text-decoration:none}.search-drawer .search__product-title:hover{text-decoration:underline;text-underline-offset:.15em}.search-drawer .search__product-price{font-family:var(--font-body-family);font-size:.875rem;font-weight:400;line-height:1.2;color:rgb(var(--color-foreground))}.search-drawer .search__product-title:focus-visible,.search-drawer .search__see-all:focus-visible{outline:2px solid transparent;outline-offset:2px;box-shadow:0 0 0 2px rgb(var(--color-foreground) / .35)}.search-drawer .drawer__sticky{position:sticky;inset-block-end:0;inset-inline-start:0;z-index:1;width:100%;margin-block-start:auto;padding-block-end:1.5rem;background:linear-gradient(to top,rgb(var(--color-background)) 70%,rgb(var(--color-background) / 0))}.search-drawer .search__see-all{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;box-sizing:border-box;width:100%;min-height:3.5rem;margin:0;padding:var(--button-padding-block) var(--button-padding-inline);font-family:var(--font-body-family);font-size:var(--font-button-size);font-weight:var(--font-button-weight);line-height:1;color:rgb(var(--color-button-text));background-color:rgb(var(--color-button));border:0;border-radius:var(--rounded-button);cursor:pointer}.search-drawer .search__see-all .icon-arrow-right{display:block;width:1.125rem;height:1.125rem;flex-shrink:0}.search-drawer .search__empty{display:flex;flex:1 1 auto;align-items:flex-start;justify-content:center;width:100%;height:100%;text-align:center;padding-block-start:1rem}.search-drawer .drawer__empty{display:flex;flex-direction:column;align-items:center;gap:1.25rem;max-width:22rem}@media screen and (min-width:768px){.search-drawer .drawer__empty{gap:2rem}}.search-drawer .drawer__empty-icon{margin:0;color:rgb(var(--color-foreground))}.search-drawer .drawer__empty-icon .icon-empty{display:inline-block;width:3rem;height:3rem}.search-drawer .drawer__empty-text{margin:0;font-family:var(--font-heading-family);font-size:clamp(1.5rem,1.2rem + 1vw,1.875rem);font-weight:var(--font-heading-weight);line-height:1;letter-spacing:var(--font-heading-letter-spacing);color:rgb(var(--color-foreground))}.search-drawer .drawer__empty-message{margin:0;font-family:var(--font-body-family);font-size:.875rem;font-weight:400;line-height:1.2;color:rgb(var(--color-foreground) / var(--color-foreground-muted-alpha))}@media screen and (min-width:768px){.search-drawer .drawer__empty-message{font-size:1rem}}body.has-search-drawer-open{overflow:hidden}@media screen and (max-width:639px){.search-drawer__overlay{background:none}.search-drawer__panel{inset-block-start:var(--search-drawer-sheet-inset);inset-block-end:0;inset-inline:0;width:100%;max-width:none;height:calc(100% - var(--search-drawer-sheet-inset));border-radius:var(--search-drawer-radius-mobile) var(--search-drawer-radius-mobile) 0 0;transform:translateY(100%)}.search-drawer.is-open .search-drawer__panel{transform:translateY(0)}.search-drawer__header{touch-action:none;cursor:grab}.search-drawer__header:active{cursor:grabbing}.search-drawer__panel.is-dragging{transition:none}.search-drawer__header:before{content:"";position:absolute;inset-block-start:var(--sp-2d5);inset-inline-start:50%;width:3rem;height:.25rem;background-color:rgb(var(--color-foreground) / var(--color-border-alpha));border-radius:999px;transform:translate(-50%);pointer-events:none}.search-drawer__close{position:absolute;inset-block-start:var(--sp-1);inset-inline-end:var(--sp-1);background:transparent;touch-action:manipulation;cursor:pointer}.search-drawer__close-fill{transform:translate3d(0,76%,0)}.search-drawer .search__field{max-width:none}.search-drawer .search__input{padding:0 1.25rem;font-size:1rem}.search-drawer .search__suffix{inset-inline-end:1.25rem}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/search-drawer.css.map */