.search-modal{--search-border-radius: var(--style-border-radius-popover);--search-border-width: var(--style-border-width)}.search-modal__button{display:flex;align-items:center;justify-content:center}.search-modal__content{--modal-top-margin: calc(50dvh - var(--modal-max-height) / 2 - 2rem);--modal-width: 66dvw;padding:0;border:var(--style-border-popover)}@media screen and (min-width:750px){.search-modal__content{width:var(--modal-width);margin-block-start:var(--modal-top-margin);overflow:hidden}}@media screen and (max-width:749px){.search-modal__content::backdrop{display:none}}.dialog-modal[open].search-modal__content{transform-origin:bottom center;animation:search-element-slide-in-bottom .3s var(--ease-out-quad) forwards;border-radius:var(--search-border-radius);box-shadow:var(--shadow-popover)}@media screen and (max-width:749px){.dialog-modal[open].search-modal__content{border-radius:0}}.dialog-modal.search-modal__content.dialog-closing{animation:search-element-slide-out-bottom .2s var(--ease-out-quad) forwards}.search-modal__content[open]{display:flex}.search-modal__content :is(.predictive-search-dropdown,.predictive-search-form__content-wrapper){position:relative}@media screen and (max-width:749px){.dialog-modal .predictive-search-form__header:has(.predictive-search__reset-button:not(.predictive-search__reset-button[hidden])):before{content:"";position:absolute;right:calc(var(--padding-sm) + var(--minimum-touch-target));top:0;bottom:0;width:var(--border-width-sm);background-color:var(--color-border)}.dialog-modal .predictive-search-form__header:has(.predictive-search__reset-button:not(.predictive-search__reset-button[hidden]))>.predictive-search__close-modal-button:before{content:none}}predictive-search-component{--resource-card-corner-radius: var(--product-corner-radius);display:flex;width:100%;position:relative;margin-inline:auto;align-items:center;background-color:var(--color-background);z-index:var(--layer-heightened)}.predictive-search-form__footer{display:none;position:absolute;bottom:0;left:0;right:0}@media screen and (min-width:750px){.predictive-search-form__footer{--to-top-gradient-background: linear-gradient( to top, rgb(var(--color-background-rgb) / var(--opacity-90)), rgb(var(--color-background-rgb) / var(--opacity-80)), rgb(var(--color-background-rgb) / var(--opacity-40)), transparent );padding-block:var(--padding-xs) var(--padding-lg);background-image:var(--to-top-gradient-background)}}predictive-search-component:has([data-search-results]):not(:has(.predictive-search-results__no-results)) .predictive-search-form__footer{display:block}.predictive-search-form{position:relative;width:100%;align-self:flex-start}.predictive-search-form__content{max-height:50dvh;overflow-y:auto;background-color:var(--color-background);scrollbar-width:none}.predictive-search-form__content::-webkit-scrollbar{display:none}.predictive-search-form__content-wrapper{position:absolute;top:100%;width:100%;left:0;z-index:var(--layer-raised);display:flex;flex-direction:column;border-radius:0 0 var(--search-border-radius) var(--search-border-radius);transition:box-shadow var(--animation-speed) var(--animation-easing);transform:translateZ(0);will-change:transform,opacity;overflow:hidden}@media screen and (max-width:749px){.predictive-search-form__content-wrapper{border-radius:0}}@media screen and (min-width:750px){.predictive-search-form__content-wrapper{max-height:var(--modal-max-height)}}.predictive-search-form__content-wrapper:has([data-search-results]):not(:has(.predictive-search-results__no-results))>.predictive-search-form__content{padding-block-end:var(--padding-6xl)}.predictive-search-form__header-inner{background:var(--color-background);border:var(--search-border-width) solid var(--color-border);color:var(--color-foreground);border-radius:var(--style-border-radius-popover);display:flex;align-items:center;justify-content:space-between;width:100%}@media screen and (max-width:749px){.predictive-search-form__header-inner{border-radius:var(--style-border-radius-inputs);border:none}}.predictive-search-form__header-inner:focus-within{outline-offset:var(--focus-outline-offset)}@media screen and (min-width:750px){.predictive-search-form__header-inner:focus-within{outline:var(--focus-outline-width) solid var(--color-primary)}}.predictive-search-form__header{display:flex;position:sticky;top:0;z-index:var(--layer-heightened);width:100%;align-items:center;background-color:var(--color-input-background);border:var(--search-border-width) solid var(--color-border);border-radius:var(--style-border-radius-inputs)}@media screen and (max-width:749px){.predictive-search-form__header{padding:var(--padding-2xs) var(--padding-sm)}}.predictive-search-form__header:focus-within,.predictive-search-form__header-inner:focus-within,.predictive-search-form__header-inner:has(.search-input:is(:focus,:focus-visible)){outline:none;box-shadow:none;border-color:var(--color-border)!important}.predictive-search-results__inner{--title-font-size: var(--font-size--md);--title-margin-block: var(--margin-xs);--list-item-padding-block: var(--padding-sm);flex-grow:1;overflow-y:auto;padding-block:var(--padding-lg);container-type:inline-size;color:var(--color-foreground)}.search-input{border-radius:var(--style-border-radius-inputs);padding-block:var(--padding-sm);font-size:var(--font-size--md);width:100%;color:var(--color-foreground);padding-inline:calc(var(--margin-lg) + var(--icon-size-lg)) 0;background:transparent;text-overflow:ellipsis;overflow:hidden;outline:none;border:0}.search-input::placeholder{color:rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text))}.search-input,.search-input:is(:focus,:focus-visible,:focus-within),.predictive-search-form__header *:is(:focus,:focus-visible){outline:none;box-shadow:none}.search-input:hover{background-color:transparent}.predictive-search__icon{position:absolute;left:var(--margin-xl);top:auto;width:var(--icon-size-lg);height:var(--icon-size-lg);color:rgb(var(--color-foreground-rgb) / var(--opacity-60))}@media screen and (min-width:750px){.predictive-search__icon{left:var(--margin-md)}}.predictive-search__icon>svg{width:var(--icon-size-md);height:var(--icon-size-md)}.predictive-search__reset-button{cursor:pointer;display:flex;align-items:center;justify-content:center;min-width:var(--minimum-touch-target);height:var(--minimum-touch-target);padding:0;background:transparent;color:var(--color-foreground);opacity:1;transition:opacity var(--animation-speed-medium) var(--animation-timing-fade-out),visibility var(--animation-speed-medium) var(--animation-timing-fade-out)}.predictive-search__reset-button:hover{color:var(--color-foreground)}.predictive-search__reset-button:active{transform:scale(.9);transition:transform .1s var(--animation-timing-active)}@media screen and (max-width:749px){.predictive-search__reset-button{margin-right:var(--margin-md)}}.predictive-search__reset-button[hidden]{opacity:0;pointer-events:none;visibility:hidden}.predictive-search__reset-button-icon{display:flex;align-items:center;justify-content:center;width:var(--icon-size-lg);height:var(--icon-size-lg);transition:background-color var(--animation-speed-medium) ease-in-out,transform var(--animation-speed-medium) var(--animation-timing-bounce);border-radius:50%}.predictive-search__reset-button-icon:hover{background-color:rgb(var(--color-primary-hover-rgb) / var(--opacity-8))}.predictive-search__reset-button:active .predictive-search__reset-button-icon{transform:scale(.85);transition-timing-function:var(--animation-timing-active);transition-duration:.1s}.predictive-search__reset-button svg{width:var(--icon-size-md);height:var(--icon-size-md)}.predictive-search__reset-button-text{display:none}.predictive-search__search-button{margin:auto;z-index:var(--layer-raised);transition:transform var(--animation-speed-medium) var(--animation-timing-bounce),box-shadow var(--animation-speed-medium) var(--animation-timing-hover);transform-origin:center}.predictive-search__search-button:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgb(0 0 0 / var(--opacity-5))}.predictive-search__search-button:active{transform:scale(.97);transition:transform .1s var(--animation-timing-active);box-shadow:none}.predictive-search__close-modal-button{--button-color: var(--color-foreground);--button-background-color: transparent;display:flex;justify-content:center;align-items:center;width:var(--minimum-touch-target);height:var(--minimum-touch-target);margin-inline-start:var(--margin-sm);padding:0;box-shadow:none}.predictive-search__close-modal-button:active{transform:scale(.8);transition:transform .1s var(--animation-timing-active)}.predictive-search__close-modal-button .svg-wrapper,.predictive-search__close-modal-button svg{width:var(--icon-size-xs);height:var(--icon-size-xs)}@media screen and (min-width:750px){.predictive-search__close-modal-button{display:none}}.predictive-search__close-modal-button:hover{--button-color: var(--color-foreground);--button-background-color: transparent}.predictive-search-results__editorial-suggestions{display:contents}.predictive-search-results__quick-links,.predictive-search-results__editorial-suggested-title{display:none}@media screen and (min-width:750px){.search-modal__content.search-modal__content--editorial_drawer{--search-drawer-max-height: calc(100dvh - 24px) ;position:fixed;inset:0 auto auto 0;width:100dvw;max-width:none;height:auto;max-height:var(--search-drawer-max-height);min-height:0;margin:0;padding:0;overflow-x:hidden;overflow-y:auto;border:0;border-radius:0;box-shadow:none;background-color:var(--color-background)}.dialog-modal[open].search-modal__content--editorial_drawer{display:block;transform-origin:top center;animation:search-drawer-enter .22s cubic-bezier(.16,1,.3,1) forwards;border-radius:0;box-shadow:none}.dialog-modal.search-modal__content--editorial_drawer.dialog-closing{animation:search-drawer-exit .15s cubic-bezier(.4,0,1,1) forwards}.search-modal__content--editorial_drawer::backdrop{background-color:#0000007a;-webkit-backdrop-filter:none;backdrop-filter:none;animation:search-drawer-backdrop-enter .18s ease-out forwards}.search-modal__content--editorial_drawer.dialog-closing::backdrop{animation:search-drawer-backdrop-exit .15s ease-in forwards}.search-modal__content--editorial_drawer .predictive-search{display:block;position:relative;z-index:auto;height:auto;min-height:0;margin:0;background-color:var(--color-background)}.search-modal__content--editorial_drawer .predictive-search-form{display:block;height:auto;min-height:0}.search-modal__content--editorial_drawer .predictive-search-form__header{display:flex;position:sticky;top:0;z-index:1;min-height:80px;padding:0 40px;gap:var(--gap-md);border:0;border-bottom:var(--border-width-sm) solid var(--color-border);border-radius:0;background-color:var(--color-background)}.search-modal__content--editorial_drawer .predictive-search-form__header-inner{display:flex;position:relative;flex:1 1 auto;width:auto;min-width:0;height:100%;border:0!important;border-radius:0!important;background:transparent}.search-modal__content--editorial_drawer .search-input{height:100%;padding-block:0;padding-inline:40px 72px;font-size:18px;line-height:1.1;letter-spacing:0}.search-modal__content--editorial_drawer .predictive-search__icon{top:50%;left:0;width:20px;height:20px;transform:translateY(-50%);color:var(--color-foreground)}.search-modal__content--editorial_drawer .predictive-search__icon>svg{width:20px;height:20px}.search-modal__content--editorial_drawer .predictive-search__reset-button{position:absolute;top:50%;right:0;width:auto;min-width:56px;height:44px;margin:0;padding:0;transform:translateY(-50%)}.search-modal__content--editorial_drawer .predictive-search__reset-button-icon{display:none}.search-modal__content--editorial_drawer .predictive-search__reset-button-text{display:block;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.search-modal__content--editorial_drawer .predictive-search__close-modal-button{display:flex;flex:0 0 var(--minimum-touch-target);width:var(--minimum-touch-target);height:var(--minimum-touch-target);margin:0;border-radius:0}.search-modal__content--editorial_drawer .predictive-search__close-modal-button .svg-wrapper,.search-modal__content--editorial_drawer .predictive-search__close-modal-button svg{width:var(--icon-size-md);height:var(--icon-size-md)}.search-modal__content--editorial_drawer .predictive-search-form__content-wrapper{display:block;position:relative;top:auto;left:auto;width:100%;height:auto;min-height:0;max-height:none;overflow:visible;border-radius:0;box-shadow:none}.search-modal__content--editorial_drawer .predictive-search-form__content{height:auto;max-height:none;padding:28px 40px;overflow:visible}.search-modal__content--editorial_drawer .predictive-search-form__content:has(.predictive-search-dropdown[aria-busy=true]){opacity:.55;transition:opacity .12s ease-out}.search-modal__content--editorial_drawer .predictive-search-results__inner{display:grid;grid-template-columns:minmax(220px,320px) minmax(0,1fr);grid-auto-rows:min-content;column-gap:40px;row-gap:24px;width:min(100%,1920px);margin-inline:auto;padding:0;overflow:visible}.search-modal__content--editorial_drawer .predictive-search-results__editorial-suggestions{display:block;grid-column:1;grid-row:1;min-width:0;padding-right:40px;border-right:var(--border-width-sm) solid var(--color-border)}.search-modal__content--editorial_drawer .predictive-search-results__editorial-suggested-title,.search-modal__content--editorial_drawer .predictive-search-results__quick-links .predictive-search-results__title,.search-modal__content--editorial_drawer .predictive-search-results__products .predictive-search-results__title{display:block;margin:0 0 12px;font-size:11px;font-weight:600;letter-spacing:.08em;line-height:1.2;text-transform:uppercase}.search-modal__content--editorial_drawer .predictive-search-results__wrapper-queries{display:grid;gap:8px;margin:0;padding:0}.search-modal__content--editorial_drawer .predictive-search-results__card--query{width:auto;padding:0;border:0}.search-modal__content--editorial_drawer .predictive-search-results__pill{display:inline;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:var(--color-foreground);font-size:15px;font-weight:400;line-height:1.45;text-decoration:none;box-shadow:none;transform:none}.search-modal__content--editorial_drawer .predictive-search-results__pill:focus,.search-modal__content--editorial_drawer .predictive-search-results__pill:hover,.search-modal__content--editorial_drawer .predictive-search-results__card--query:is([aria-selected=true],:focus-within) .predictive-search-results__pill{background:transparent;border:0;outline:0;text-decoration:underline;text-underline-offset:4px;box-shadow:none;transform:none}.search-modal__content--editorial_drawer .predictive-search-results__quick-links{display:block;grid-column:1;grid-row:2;min-width:0;padding:20px 40px 0 0;border-top:var(--border-width-sm) solid var(--color-border);border-right:var(--border-width-sm) solid var(--color-border)}.search-modal__content--editorial_drawer .predictive-search-results__inner:not(:has(.predictive-search-results__editorial-suggestions)) .predictive-search-results__quick-links{grid-row:1;padding-top:0;border-top:0}.search-modal__content--editorial_drawer .predictive-search-results__quick-links-list{display:grid;gap:8px;margin:0;padding:0}.search-modal__content--editorial_drawer .predictive-search-results__quick-link a{color:var(--color-foreground);font-size:15px;line-height:1.45;text-decoration:none}.search-modal__content--editorial_drawer .predictive-search-results__quick-link a:is(:hover,:focus-visible),.search-modal__content--editorial_drawer .predictive-search-results__quick-link[aria-selected=true] a{text-decoration:underline;text-underline-offset:4px}.search-modal__content--editorial_drawer .predictive-search-results__products{grid-column:2;grid-row:1 / span 2;min-width:0;padding:0}.search-modal__content--editorial_drawer .predictive-search-results__wrapper-products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:0;padding:0;overflow:visible}.search-modal__content--editorial_drawer .predictive-search-results__wrapper-products>.predictive-search-results__card:nth-child(n+5){display:none}.search-modal__content--editorial_drawer .predictive-search-results__card--product{min-width:0}.search-modal__content--editorial_drawer .predictive-search-results__card--product:hover{margin:0;padding:0;border-radius:0;background:transparent}.search-modal__content--editorial_drawer .predictive-search-results__card--product:hover .resource-card__image,.search-modal__content--editorial_drawer .predictive-search-results__card--product:hover .product-card__image{transform:none}.search-modal__content--editorial_drawer .predictive-search-results__card--product:focus-within{outline:var(--focus-outline-width) solid var(--color-foreground);outline-offset:4px}.search-modal__content--editorial_drawer .predictive-search-results__resource-carousel{display:block;grid-column:2;min-width:0;padding-top:24px;border-top:var(--border-width-sm) solid var(--color-border)}.search-modal__content--editorial_drawer .predictive-search-results__resource-carousel .predictive-search-results__resource-header{padding-inline:0}.search-modal__content--editorial_drawer .predictive-search-results__resource-carousel .predictive-search-results__card{width:clamp(140px,16vw,220px)}.search-modal__content--editorial_drawer .predictive-search-form__footer{display:none;position:relative;inset:auto;margin:0;padding:0 40px 20px;text-align:right;background:var(--color-background)}.search-modal__content--editorial_drawer predictive-search-component:has([data-search-results]):not(:has(.predictive-search-results__no-results)) .predictive-search-form__footer{display:block}.search-modal__content--editorial_drawer .predictive-search__search-button{min-height:32px;margin:0;padding:0 0 2px;border:0;border-bottom:var(--border-width-sm) solid currentcolor;border-radius:0;background:transparent;color:var(--color-foreground);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;box-shadow:none;transform:none}.search-modal__content--editorial_drawer .predictive-search__search-button:is(:hover,:focus-visible){background:transparent;color:var(--color-foreground);box-shadow:none;transform:none}}@media screen and (min-width:750px)and (max-width:989px){.search-modal__content--editorial_drawer .predictive-search-form__content{padding-inline:24px}.search-modal__content--editorial_drawer .predictive-search-results__inner{grid-template-columns:minmax(152px,180px) minmax(0,1fr);column-gap:24px}.search-modal__content--editorial_drawer .predictive-search-results__editorial-suggestions,.search-modal__content--editorial_drawer .predictive-search-results__quick-links{padding-right:24px}.search-modal__content--editorial_drawer .predictive-search-results__wrapper-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}@keyframes search-drawer-enter{0%{opacity:0;transform:translate3d(0,-10px,0)}to{transform:translateZ(0);opacity:1}}@keyframes search-drawer-exit{0%{transform:translateZ(0);opacity:1}to{opacity:0;transform:translate3d(0,-6px,0)}}@keyframes search-drawer-backdrop-enter{0%{background-color:#0000}to{background-color:#0000007a}}@keyframes search-drawer-backdrop-exit{0%{background-color:#0000007a}to{background-color:#0000}}@media(prefers-reduced-motion:reduce){.dialog-modal[open].search-modal__content--editorial_drawer,.dialog-modal.search-modal__content--editorial_drawer.dialog-closing,.search-modal__content--editorial_drawer::backdrop,.search-modal__content--editorial_drawer.dialog-closing::backdrop{animation-duration:1ms}}.search-modal__content .predictive-search-form__header{border-bottom-color:var(--color-foreground)!important}.search-modal__content .predictive-search-form__header:focus-within{border-bottom-width:2px!important;margin-bottom:-1px}
/*# sourceMappingURL=/cdn/shop/t/116/assets/search-modal-predictive.css.map */