.sd-drawer::part(overlay){background:#000000ba}#search-drawer{--dialog-background: 248 249 232;--drawer-body-padding: 0px;--drawer-header-padding: 0px;--drawer-footer-padding: 0px;padding:24px}#search-drawer::part(body),#search-drawer::part(footer){opacity:1!important}.sd-drawer .sd-panel{background:var(--tr-cream);border-radius:8px;padding:16px;display:flex;flex-direction:column;min-height:100%;box-sizing:border-box}.sd-drawer .sd-form{display:flex;flex-direction:column;flex:1;height:100%}.sd-drawer .sd-header{display:flex;flex-direction:row;align-items:center;padding:0 0 16px;gap:8px;border-bottom:1px solid var(--tr-dark-brown);flex-shrink:0}.sd-drawer .sd-input{flex:1;font-family:var(--tr-font);font-size:var(--tr-fs-2xl);font-weight:400;line-height:130%;color:var(--tr-dark-brown);background:transparent;border:none;outline:none;padding:0;min-width:0;-webkit-appearance:none;appearance:none;width:calc(100% - 60px)}.sd-drawer .sd-input::placeholder{color:var(--tr-dark-brown)}.sd-drawer .sd-input::-webkit-search-cancel-button,.sd-drawer .sd-input::-webkit-search-decoration{-webkit-appearance:none;appearance:none}.sd-drawer .sd-close-btn{width:48px;height:48px;min-width:48px;display:flex;align-items:center;justify-content:center;background:#00000014;border-radius:8px;border:none;cursor:pointer;flex-shrink:0;color:var(--tr-dark-brown);padding:0;transition:background .2s ease,color .2s ease,transform .2s ease}.sd-drawer .sd-close-btn svg{width:16px;height:16px;display:block}.sd-drawer .sd-close-btn:hover{background:var(--tr-dark-brown);color:var(--tr-white);transform:scale(.93)}.sd-drawer .sd-body{flex:1;overflow-y:auto}.sd-drawer .sd-idle{display:flex;flex-direction:column;gap:16px;padding-top:24px}.sd-drawer .sd-popular-label{font-family:var(--tr-font);font-size:var(--tr-fs-xs);font-weight:400;line-height:var(--tr-lh-lg-pct);text-transform:uppercase;color:#0006;margin:0;padding:0}.sd-drawer .sd-nav{display:flex;flex-direction:column;align-items:flex-start;gap:16px}.sd-drawer .sd-nav-link{font-family:var(--tr-font);font-style:normal;font-size:var(--tr-fs-xs);font-weight:400;line-height:var(--tr-lh-lg-pct);text-transform:capitalize;color:var(--tr-dark-brown);text-decoration:none;display:inline-flex;align-items:center;position:relative;overflow:hidden;white-space:nowrap}.sd-drawer .sd-nav-link span{display:block;transition:transform var(--tr-btn-duration) var(--tr-btn-ease)}.sd-drawer .sd-nav-link:hover span{transform:translateY(130%)}.sd-drawer .sd-nav-link:after{content:attr(data-link-text);position:absolute;left:0;top:-100%;width:100%;height:100%;display:flex;align-items:center;color:var(--tr-dark-brown);pointer-events:none;transition:transform var(--tr-btn-duration) var(--tr-btn-ease)}.sd-drawer .sd-nav-link:hover:after{transform:translateY(100%)}.sd-drawer .predictive-search{display:block}.sd-drawer .predictive-search .h5,.sd-drawer .predictive-search .h6{font-family:var(--tr-font);color:var(--tr-dark-brown)}.sd-drawer .empty-state p{font-family:var(--tr-font);font-size:var(--tr-fs-xs);color:#0006}@keyframes sd-fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.sd-drawer .sd-header{animation:sd-fade-up .25s cubic-bezier(.4,0,.2,1) 0s both}.sd-drawer .sd-body{animation:sd-fade-up .25s cubic-bezier(.4,0,.2,1) .05s both}@media screen and (max-width:999px){#search-drawer{padding:20px}}@media screen and (max-width:699px){#search-drawer{padding:0}.sd-drawer .sd-close-btn{width:40px;height:40px;min-width:40px}#search-drawer::part(content){height:100%!important;max-height:100%!important}.sd-drawer .sd-panel{height:100%;min-height:0;padding-top:48px}.sd-drawer .sd-form,.sd-drawer .sd-body{min-height:0}.sd-drawer .sd-idle{padding-top:32px}}@media screen and (max-width:1149px){#search-drawer,#search-drawer::part(content){transition:none!important}#search-drawer:not([open]){visibility:hidden!important;opacity:0!important}#search-drawer[open]{visibility:visible!important;opacity:1!important}#search-drawer::part(content){clip-path:none!important}#search-drawer::part(content)>*{opacity:1!important}.sd-drawer .sd-header,.sd-drawer .sd-body{animation:none!important;opacity:1!important;transform:none!important}}.sd-drawer .sd-body,.sd-drawer .predictive-search{overflow-x:hidden;max-width:100%}.sd-drawer [slot=results]{padding-top:16px;display:block;width:100%;box-sizing:border-box}.sd-drawer .sd-results{display:flex;flex-direction:column;gap:48px;width:100%;max-width:100%;box-sizing:border-box}.sd-drawer .sd-results__group{display:flex;flex-direction:column;gap:16px;width:100%;max-width:100%;box-sizing:border-box}.sd-drawer .sd-results__group-header{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%}.sd-drawer .sd-results__group-title{font-family:var(--tr-font);font-size:var(--tr-fs-xs);font-weight:400;line-height:var(--tr-lh-lg-pct);text-transform:uppercase;color:#0006;margin:0;padding:0}.sd-drawer .sd-results__list{display:flex;flex-direction:column;gap:8px;width:100%;max-width:100%;box-sizing:border-box}.sd-drawer .sd-results__list--links{gap:16px}.sd-drawer .predictive-search-result{display:flex;flex-direction:row;align-items:center;padding:16px;gap:16px;background:#0000000d;border-radius:8px;text-decoration:none;box-sizing:border-box;width:100%;min-height:120px;transition:background .2s ease}.sd-drawer .predictive-search-result:hover{background:#00000017}.sd-drawer .predictive-search-result>img{width:88px;height:88px;min-width:88px;object-fit:contain;object-position:center;border-radius:8px;background:#fbf6ec;flex-shrink:0}.sd-drawer .predictive-search-result .v-stack{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px;align-items:flex-start;justify-content:center}.sd-drawer .predictive-search-result .v-stack.gap-1,.sd-drawer .predictive-search-result .v-stack.gap-0\.5{gap:8px}.sd-drawer .predictive-search-result .bold{font-family:var(--tr-font);font-size:var(--tr-fs-sm);font-weight:400;line-height:var(--tr-lh-xl-pct);color:var(--tr-dark-brown);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;display:block}.sd-drawer .predictive-search-result .bold .reversed-link{color:var(--tr-dark-brown);text-decoration:none}.sd-drawer .predictive-search-result price-list,.sd-drawer .predictive-search-result sale-price{font-family:var(--tr-font);font-size:var(--tr-fs-xs);font-weight:400;line-height:var(--tr-lh-xl-pct);color:var(--tr-dark-brown)}.sd-drawer .predictive-search-result .text-subdued{color:var(--tr-dark-brown);font-family:var(--tr-font);font-size:var(--tr-fs-xs)}.sd-drawer .predictive-search-result .text-sm{font-family:var(--tr-font);font-size:var(--tr-fs-xs);font-weight:400;line-height:var(--tr-lh-xl-pct);color:#0009;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;display:block}.sd-drawer .predictive-search-result .psr-row{display:flex;flex-direction:row;align-items:center;gap:8px;width:100%;min-width:0}.sd-drawer .predictive-search-result .psr-row--meta{gap:10px;align-items:center}.sd-drawer .predictive-search-result .psr-row--no-price{justify-content:flex-end}.sd-drawer .predictive-search-result .psr-row>.bold,.sd-drawer .predictive-search-result .psr-row>price-list{flex:1;min-width:0}.sd-drawer .predictive-search-result .psr-tag{display:inline-flex;align-items:center;padding:4px 8px;border:1px solid var(--tr-dark-brown);border-radius:100px;font-family:var(--tr-font);font-size:var(--tr-fs-xs);font-weight:400;line-height:var(--tr-lh-lg-pct);text-transform:capitalize;color:var(--tr-dark-brown);white-space:nowrap;flex-shrink:0}.sd-drawer .predictive-search-result .psr-date{font-family:var(--tr-font);font-size:var(--tr-fs-xs);font-weight:400;line-height:var(--tr-lh-xl-pct);color:var(--tr-dark-brown);white-space:nowrap;flex-shrink:0}.sd-drawer .predictive-search-result .psr-excerpt{font-family:var(--tr-font);font-size:var(--tr-fs-xs);font-weight:400;line-height:var(--tr-lh-xl-pct);color:var(--tr-dark-brown);margin:0;width:100%;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sd-drawer .predictive-search-result .psr-rating{display:inline-flex;align-items:center;gap:4px;flex-shrink:0}.sd-drawer .predictive-search-result .psr-rating__value{font-family:var(--tr-font);font-size:var(--tr-fs-xs);font-weight:400;line-height:var(--tr-lh-xl-pct);color:var(--tr-dark-brown);white-space:nowrap}.sd-drawer .predictive-search-result .psr-rating__stars{display:inline-flex;align-items:center;gap:4px}.sd-drawer .predictive-search-result .psr-rating__star{width:16px;height:16px;color:var(--tr-main);overflow:visible;display:block}.sd-drawer .predictive-search-result .psr-rating__star--empty path{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round}.sd-drawer .sd-query-link{position:relative;overflow:hidden;display:inline-flex;align-items:center;white-space:nowrap;font-weight:400;font-family:var(--tr-font);font-size:var(--tr-fs-xs);line-height:var(--tr-lh-lg-pct);color:var(--tr-dark-brown);text-decoration:none}.sd-drawer .sd-query-link .reversed-link{display:block!important;background:none!important;transition:transform var(--tr-btn-duration) var(--tr-btn-ease)}.sd-drawer .sd-query-link:hover .reversed-link{transform:translateY(130%)}.sd-drawer .sd-query-link:after{content:attr(data-link-text);position:absolute;left:0;top:-100%;width:100%;height:100%;display:flex;align-items:center;color:var(--tr-dark-brown);font-family:var(--tr-font);font-size:inherit;font-weight:400;pointer-events:none;transition:transform var(--tr-btn-duration) var(--tr-btn-ease)}.sd-drawer .sd-query-link:hover:after{transform:translateY(100%)}.sd-drawer .empty-state{padding-top:16px}.sd-drawer .empty-state .h6{font-family:var(--tr-font);font-size:var(--tr-fs-xs);font-weight:400;color:#0006;text-transform:uppercase}@media screen and (max-width:699px){.sd-drawer .sd-results{gap:32px}.sd-drawer .predictive-search-result .psr-row{flex-wrap:wrap;gap:8px}.sd-drawer .predictive-search-result .psr-row>.bold,.sd-drawer .predictive-search-result .psr-row>price-list{flex:1 0 100%}.sd-drawer .predictive-search-result .psr-excerpt{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/search-drawer.css.map */