.search-drawer{--calora-gold:#a8865c;--calora-gold-soft:rgb(168 134 92 / .16);--calora-gold-line:rgb(168 134 92 / .5);--drawer-width:420px;--drawer-pad:clamp(1rem,4vw,1.5rem)}.search-drawer__content{position:fixed!important;inset-block:0!important;top:0!important;bottom:0!important;right:0!important;left:auto!important;inset-inline-start:auto!important;inset-inline-end:0!important;width:var(--drawer-width)!important;max-width:88dvw!important;height:100dvh!important;max-height:100dvh!important;margin:0!important;padding:0!important;border:none!important;border-radius:0!important;box-shadow:-8px 0 40px #11111129!important;background-color:var(--color-background);overflow:hidden!important}@media screen and (max-width:749px){.search-drawer__content{width:88dvw!important}}.search-drawer__content::backdrop{background:#1111116b}@media screen and (max-width:749px){.search-drawer__content::backdrop{display:block}}.search-drawer__content[open]{display:flex;flex-direction:column}.dialog-modal[open].search-drawer__content{transform-origin:center right;animation:calora-drawer-in .32s cubic-bezier(.22,1,.36,1) forwards}.dialog-modal.search-drawer__content.dialog-closing{animation:calora-drawer-out .24s cubic-bezier(.4,0,1,1) forwards}@keyframes calora-drawer-in{0%{transform:translate(100%);opacity:.6}to{transform:translate(0);opacity:1}}@keyframes calora-drawer-out{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.search-drawer predictive-search-component{display:flex;flex-direction:column;width:100%;height:100%;min-height:0;margin:0;background-color:var(--color-background);z-index:var(--layer-heightened)}.search-drawer .predictive-search-form{display:flex;flex-direction:column;width:100%;height:100%;min-height:0;position:relative}.search-drawer__topbar{display:flex;align-items:center;justify-content:space-between;flex:0 0 auto;padding:var(--drawer-pad) var(--drawer-pad) .85rem;border-block-end:1px solid rgb(var(--color-foreground-rgb) / .1)}.search-drawer__title{margin:0;font-size:1.15rem;font-weight:600;letter-spacing:.02em;color:var(--color-foreground);text-align:start}.search-drawer__close{--button-color:var(--color-foreground);--button-background-color:transparent;display:flex;align-items:center;justify-content:center;width:var(--minimum-touch-target);height:var(--minimum-touch-target);margin:0;padding:0;border:none;box-shadow:none;background:transparent;color:var(--color-foreground);cursor:pointer;transition:color .14s ease,transform .12s ease}.search-drawer__close:hover{--button-color:var(--calora-gold);color:var(--calora-gold);background:transparent}.search-drawer__close:active{transform:scale(.86)}.search-drawer__close .svg-wrapper,.search-drawer__close svg{width:var(--icon-size-sm,1.1rem);height:var(--icon-size-sm,1.1rem)}.search-drawer .predictive-search-form__header{flex:0 0 auto;display:block;position:static;padding:var(--drawer-pad) var(--drawer-pad) 0;background:transparent;border:none;border-radius:0}.search-drawer .predictive-search-form__header-inner{position:relative;display:flex;align-items:center;width:100%;background-color:var(--color-background);border:1px solid rgb(var(--color-foreground-rgb) / .2);border-radius:12px;overflow:hidden;transition:border-color .14s ease,box-shadow .14s ease}.search-drawer .predictive-search__icon{position:absolute;inset-inline-start:.85rem;inset-block:0;display:flex;align-items:center;width:var(--icon-size-md,1.25rem);height:100%;pointer-events:none;color:rgb(var(--color-foreground-rgb) / .45)}.search-drawer .predictive-search__icon>svg{width:var(--icon-size-md,1.25rem);height:var(--icon-size-md,1.25rem)}.search-drawer input.search-input{flex:1 1 auto;width:100%;min-height:3.25rem;padding-block:.85rem;padding-inline:calc(.85rem + var(--icon-size-md,1.25rem) + .6rem) .75rem;border:0;background:transparent;color:var(--color-foreground);font-size:1.02rem;letter-spacing:.01em;text-overflow:ellipsis;overflow:hidden;outline:none}@media screen and (max-width:749px){.search-drawer input.search-input{min-height:3.4rem;font-size:1.05rem}}.search-drawer .search-input::placeholder{color:rgb(var(--color-foreground-rgb) / .45);letter-spacing:.01em}.search-drawer .predictive-search-form__header-inner:focus-within,.search-drawer .predictive-search-form__header-inner:has(.search-input:is(:focus,:focus-visible)){border-color:var(--calora-gold-line)!important;box-shadow:0 0 0 3px var(--calora-gold-soft)!important;outline:none!important}.search-drawer .predictive-search__reset-button{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:var(--minimum-touch-target);height:var(--minimum-touch-target);margin-inline-end:.25rem;padding:0;border:0;background:transparent;color:rgb(var(--color-foreground-rgb) / .6);cursor:pointer;transition:color .14s ease,opacity .14s ease}.search-drawer .predictive-search__reset-button:hover{color:var(--calora-gold)}.search-drawer .predictive-search__reset-button[hidden]{display:none}.search-drawer .predictive-search__reset-button .svg-wrapper,.search-drawer .predictive-search__reset-button svg{width:var(--icon-size-xs,.85rem);height:var(--icon-size-xs,.85rem)}.search-drawer__results-label{flex:0 0 auto;margin-block:1.1rem 0;padding:0 var(--drawer-pad) .6rem;font-size:.82rem;letter-spacing:.04em;color:rgb(var(--color-foreground-rgb) / .5);text-align:start;border-block-end:1px solid rgb(var(--color-foreground-rgb) / .1)}.search-drawer .predictive-search-form__content-wrapper{position:relative;flex:1 1 auto;min-height:0;display:flex;flex-direction:column;width:100%;inset:auto;border-radius:0;box-shadow:none;overflow:hidden}.search-drawer .predictive-search-form__content{flex:1 1 auto;min-height:0;max-height:none;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:.5rem var(--drawer-pad) 1rem;background-color:var(--color-background);scrollbar-width:thin}.search-drawer .predictive-search-form__content::-webkit-scrollbar{width:6px}.search-drawer .predictive-search-form__content::-webkit-scrollbar-thumb{background:rgb(var(--color-foreground-rgb) / .18);border-radius:999px}.search-drawer .predictive-search-results__title{font-size:.8rem;letter-spacing:.05em;text-transform:uppercase;color:rgb(var(--color-foreground-rgb) / .5);margin-block:.75rem .35rem;text-align:start}.search-drawer .predictive-search-results__card--product{border-radius:var(--product-corner-radius,8px);transition:background-color .13s ease}.search-drawer .predictive-search-results__card--product .resource-card__link,.search-drawer .predictive-search-results__card--product a{min-height:var(--minimum-touch-target)}.search-drawer .predictive-search-results__pill{border-radius:999px;border:1px solid rgb(var(--color-foreground-rgb) / .14);transition:background-color .13s ease,border-color .13s ease}.search-drawer .predictive-search-results__pill:hover{border-color:var(--calora-gold-line);background-color:var(--calora-gold-soft)}.search-drawer .predictive-search-form__footer{flex:0 0 auto;display:none;position:static;width:100%;padding:.85rem var(--drawer-pad) calc(.85rem + env(safe-area-inset-bottom,0px));background-image:none;border-block-start:1px solid rgb(var(--color-foreground-rgb) / .1);background-color:var(--color-background)}.search-drawer predictive-search-component:has([data-search-results]):not(:has(.predictive-search-results__no-results)) .predictive-search-form__footer{display:block}.search-drawer .predictive-search__search-button{width:100%;margin:0;border-radius:12px;min-height:var(--minimum-touch-target);letter-spacing:.02em;transition:background-color .14s ease,color .14s ease}.search-drawer .predictive-search__search-button:hover{transform:none!important;box-shadow:none!important}.search-drawer .predictive-search-results__products--empty{display:none}.search-drawer .predictive-search-results__prompt{text-align:center;padding-block:clamp(1.75rem,8vw,3rem);padding-inline:var(--drawer-pad);color:rgb(var(--color-foreground-rgb) / .5)}.search-drawer .predictive-search-results__prompt-mark{display:block;font-size:1.4rem;color:var(--calora-gold);opacity:.85;margin-block-end:.4rem}.search-drawer .predictive-search-results__prompt-text{margin:0;font-size:var(--font-size--md);letter-spacing:.02em}.search-drawer .predictive-search-results__no-results{text-align:center;padding-block:clamp(1.75rem,8vw,3rem);padding-inline:var(--drawer-pad);color:rgb(var(--color-foreground-rgb) / .6);font-size:var(--font-size--md);letter-spacing:.01em;line-height:1.6}.search-drawer .predictive-search-results__no-results:before{content:"\2726";display:block;font-size:1.5rem;color:var(--calora-gold);margin-block-end:.5rem;opacity:.85}@media(prefers-reduced-motion:reduce){.dialog-modal[open].search-drawer__content,.dialog-modal.search-drawer__content.dialog-closing{animation:none}}.search-drawer .predictive-search-results__wrapper-products{display:flex!important;flex-direction:column;gap:0;margin:0;padding:0}.search-drawer .predictive-search-results__card--product{width:100%;margin:0;padding:0;border-radius:0;border-block-end:1px solid rgb(var(--color-foreground-rgb) / .1)}.search-drawer .predictive-search-results__card--product:last-child{border-block-end:none}.search-drawer .predictive-search-results__card--product:hover,.search-drawer .predictive-search-results__card--product:active{background-color:rgb(var(--color-foreground-rgb) / .04)}.search-drawer .predictive-search-results__card--product .resource-card{flex-direction:row!important;align-items:center;column-gap:.85rem;row-gap:0;height:auto;padding-block:.7rem;padding-inline:.25rem;animation:none;opacity:1}.search-drawer .predictive-search-results__card--product .resource-card__media{flex:0 0 auto;order:0;width:78px;height:78px;--resource-card-aspect-ratio:1 / 1!important}.search-drawer .predictive-search-results__card--product .resource-card__image,.search-drawer .predictive-search-results__card--product .resource-card__image-placeholder{width:78px;height:78px;aspect-ratio:1 / 1!important;object-fit:cover;border-radius:10px}.search-drawer .predictive-search-results__card--product .resource-card__image--secondary{display:none!important}.search-drawer .predictive-search-results__card--product .resource-card__content{order:1;flex:1 1 auto;min-width:0;gap:.2rem;text-align:right;align-items:flex-end}.search-drawer .predictive-search-results__card--product .resource-card__title{-webkit-line-clamp:3;font-size:.95rem;font-weight:500;line-height:1.35;color:var(--color-foreground);text-align:right;width:100%}.search-drawer .predictive-search-results__card--product .resource-card__content .price{font-size:.9rem;font-weight:500;color:rgb(var(--color-foreground-rgb) / .55);text-align:right;width:100%}.search-drawer .predictive-search-results__products .predictive-search-results__title{margin-block:.25rem .25rem}
/*# sourceMappingURL=/cdn/shop/t/75/assets/calora-search-drawer.css.map */