tuube-search{--ts-text: #111111;--ts-muted: rgba(17, 17, 17, .55);--ts-border: rgba(17, 17, 17, .16);--ts-hover: #f4f3ef;--ts-panel: #ffffff;--ts-sale: #c0392b;display:block;position:relative;font-family:var(--font-body-family)}.tuube-search__sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.tuube-search__form{position:relative;display:flex;align-items:center;margin:0}.tuube-search__input{width:100%;height:42px;margin:0;padding:0 40px 0 42px;border:1px solid var(--ts-border);border-radius:999px;background:#ffffffeb;color:var(--ts-text);font-family:inherit;font-size:16px;line-height:1;letter-spacing:0;box-shadow:none;outline:none;-webkit-appearance:none;appearance:none;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.tuube-search__input::placeholder{color:var(--ts-muted);opacity:1}.tuube-search__input::-webkit-search-decoration,.tuube-search__input::-webkit-search-cancel-button,.tuube-search__input::-webkit-search-results-button,.tuube-search__input::-webkit-search-results-decoration{-webkit-appearance:none;display:none}.tuube-search__input:hover{border-color:#11111152}.tuube-search__input:focus,.tuube-search__input:focus-visible{border-color:var(--ts-text);background:#fff;box-shadow:0 0 0 3px #11111112;outline:none}.tuube-search__submit,.tuube-search__clear{position:absolute;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;margin:0;padding:0;border:0;background:none;color:var(--ts-text);cursor:pointer;min-width:0;min-height:0;box-shadow:none}.tuube-search__submit{left:5px;width:34px;height:34px}.tuube-search__submit svg{width:17px!important;height:17px!important}.tuube-search__clear{right:6px;width:30px;height:30px;border-radius:50%;display:none}.tuube-search__clear svg{width:11px!important;height:11px!important}.tuube-search__clear:hover{background:var(--ts-hover)}tuube-search.has-value .tuube-search__clear{display:flex}.tuube-search__spinner{display:none;width:15px;height:15px;border:2px solid rgba(17,17,17,.18);border-top-color:var(--ts-text);border-radius:50%;animation:tuube-search-spin .7s linear infinite}tuube-search.is-loading .tuube-search__icon{display:none}tuube-search.is-loading .tuube-search__spinner{display:block}@keyframes tuube-search-spin{to{transform:rotate(360deg)}}.tuube-search__results{position:absolute;top:calc(100% + 8px);right:0;z-index:60;width:min(420px,calc(100vw - 32px));max-height:min(72vh,580px);overflow-y:auto;overscroll-behavior:contain;background:var(--ts-panel);color:var(--ts-text);border:1px solid rgba(17,17,17,.07);border-radius:14px;box-shadow:0 18px 48px #00000024,0 2px 6px #0000000f;text-align:left;animation:tuube-search-in .16s ease-out}.tuube-search__results[hidden]{display:none!important}@keyframes tuube-search-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.tuube-search__panel{padding:6px 0 0}.tuube-search__heading{margin:0;padding:12px 16px 6px;font-size:11px;font-weight:600;line-height:1.2;letter-spacing:.12em;text-transform:uppercase;color:var(--ts-muted)}.tuube-search__list,.tuube-search__pills{list-style:none;margin:0;padding:0}.tuube-search__item{margin:0;padding:0}.tuube-search__product{display:flex;align-items:center;gap:14px;padding:9px 16px;color:var(--ts-text)!important;text-decoration:none!important;transition:background-color .12s ease}.tuube-search__product.is-active,.tuube-search__product:focus-visible{background:var(--ts-hover);outline:none}.tuube-search__thumb{flex:0 0 60px;width:60px;height:60px;border-radius:8px;background:#f3f2ee;overflow:hidden;display:flex;align-items:center;justify-content:center}.tuube-search__thumb img{width:100%;height:100%;object-fit:contain;display:block}.tuube-search__info{display:flex;flex-direction:column;gap:4px;min-width:0}.tuube-search__title{font-size:14px;font-weight:500;line-height:1.3;letter-spacing:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tuube-search__price{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px;font-size:13.5px;line-height:1.2;font-weight:600;letter-spacing:0}.tuube-search__price-sale{color:var(--ts-sale)}.tuube-search__price-compare{color:var(--ts-muted);font-weight:400;font-size:12.5px}.tuube-search__badge{font-size:11px;font-weight:500;padding:2px 7px;border-radius:999px;background:#ececec;color:var(--ts-muted)}.tuube-search__pills{display:flex;flex-wrap:wrap;gap:8px;padding:2px 16px 14px}.tuube-search__pill{display:inline-block;padding:7px 13px;border:1px solid var(--ts-border);border-radius:999px;font-size:13px;line-height:1.2;color:var(--ts-text)!important;text-decoration:none!important;transition:background-color .12s ease,border-color .12s ease}.tuube-search__pill.is-active,.tuube-search__pill:focus-visible{background:var(--ts-hover);border-color:var(--ts-text);outline:none}.tuube-search__empty{margin:0;padding:14px 16px 18px;font-size:14px;line-height:1.45;color:var(--ts-muted)}.tuube-search__view-all{position:sticky;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:6px;padding:14px 16px;border-top:1px solid rgba(17,17,17,.08);background:#fafaf8;font-size:14px;font-weight:600;line-height:1.3;color:var(--ts-text)!important;text-decoration:none!important}.tuube-search__view-all span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tuube-search__view-all svg{flex:0 0 auto;width:14px!important;height:10px!important;transition:transform .15s ease}.tuube-search__view-all.is-active,.tuube-search__view-all:focus-visible{background:var(--ts-hover);outline:none}.tuube-search__view-all.is-active svg{transform:translate(3px)}.tuube-search--desktop{width:240px;margin-right:14px;align-self:center}@media screen and (min-width:1200px){.tuube-search--desktop{width:300px}}@media screen and (max-width:989px){.tuube-search--desktop{display:none!important}}.menu-drawer__search{padding:4px 24px 12px}.tuube-search--drawer .tuube-search__input{height:46px;background:#fff}.tuube-search--drawer .tuube-search__results{position:static;width:auto;max-height:none;margin-top:10px;box-shadow:0 6px 20px #0000000f;border-color:#11111117}.tuube-search--drawer .tuube-search__view-all{position:static}@media(prefers-reduced-motion:reduce){.tuube-search__results{animation:none}.tuube-search__spinner{animation-duration:1.5s}}tuube-search .tuube-search__form .tuube-search__submit,tuube-search .tuube-search__form .tuube-search__clear{background:transparent!important;background-color:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0!important;min-width:0!important;min-height:0!important;border-radius:50%!important;color:var(--ts-text)!important;text-transform:none!important;letter-spacing:0!important}tuube-search .tuube-search__form .tuube-search__submit{display:flex!important;width:34px!important;height:34px!important}tuube-search .tuube-search__form .tuube-search__clear{display:none!important;width:30px!important;height:30px!important}tuube-search.has-value .tuube-search__form .tuube-search__clear{display:flex!important}tuube-search .tuube-search__form .tuube-search__clear:hover{background:var(--ts-hover)!important}.tuube-search__list--scroll{max-height:312px;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(17,17,17,.35) transparent;background:linear-gradient(#fff 30%,#fff0) center top,linear-gradient(#fff0,#fff 70%) center bottom,radial-gradient(farthest-side at 50% 0,#0000001f,#0000) center top,radial-gradient(farthest-side at 50% 100%,#0000001f,#0000) center bottom;background-repeat:no-repeat;background-size:100% 36px,100% 36px,100% 12px,100% 12px;background-attachment:local,local,scroll,scroll}.tuube-search__list--scroll::-webkit-scrollbar{width:6px}.tuube-search__list--scroll::-webkit-scrollbar-track{background:transparent;margin:4px 0}.tuube-search__list--scroll::-webkit-scrollbar-thumb{background:#11111147;border-radius:999px}.tuube-search__list--scroll::-webkit-scrollbar-thumb:hover{background:#11111173}.tuube-search--page{width:100%;max-width:600px;margin:0 auto}.tuube-search--page .tuube-search__input{height:52px;padding-left:48px;background:#fff}.tuube-search--page .tuube-search__form .tuube-search__submit{left:8px}.tuube-search--page .tuube-search__results{left:0;right:0;width:100%;z-index:20}@media screen and (max-width:989px){.tuube-search__list--scroll{max-height:234px}}.tuube-search__input{height:36px;padding:0 34px 0 36px}tuube-search .tuube-search__form .tuube-search__submit{left:4px;width:30px!important;height:30px!important}tuube-search .tuube-search__form .tuube-search__submit svg{width:15px!important;height:15px!important}tuube-search .tuube-search__form .tuube-search__clear{right:5px;width:26px!important;height:26px!important}.tuube-search--desktop{width:200px;margin-right:12px}.tuube-search--desktop .tuube-search__input{font-size:14px}@media screen and (min-width:1200px){.tuube-search--desktop{width:240px}}.tuube-search--drawer .tuube-search__input{height:40px}.tuube-search--page{max-width:480px}.tuube-search--page .tuube-search__input{height:42px;padding-left:40px}.tuube-search--page .tuube-search__form .tuube-search__submit{left:6px}
/*# sourceMappingURL=/cdn/shop/t/90/assets/tuube-search.css.map */