.search-box{--search-box-muted: rgb(var(--body-text-color) / .55);--search-box-hover: rgb(var(--body-text-color) / .05);text-align:start}.search-box__form{display:flex;align-items:center;gap:12px;margin:0}.search-box__field{display:flex;flex:1;align-items:center;gap:8px;min-width:0;height:42px;padding:0 14px;border-radius:999px}.search-box__field .icon{--icon-size: 18px;flex:none}.search-box .search-box__input{width:100%;min-width:0;height:auto;margin:0;padding:0;border:0;outline:0;background:transparent;box-shadow:none;color:inherit;font-family:inherit;font-size:15px;-webkit-appearance:none;appearance:none}.search-box__input::-webkit-search-cancel-button,.search-box__input::-webkit-search-decoration{-webkit-appearance:none;appearance:none}.search-box__clear,.search-box__cancel{flex:none;margin:0;padding:0;border:0;background:none;color:inherit;cursor:pointer}.search-box__clear{display:none;place-items:center}.search-box__clear .icon{--icon-size: 20px}.search-box__panel{background:rgb(var(--body-bg-color));color:rgb(var(--body-text-color))}.search-box__results,.search-box.has-results .search-box__start{display:none}.search-box.has-results .search-box__results{display:block}.search-box__list{margin:0;padding:0;list-style:none}.search-box__heading{margin:0 0 6px;font-size:14px;font-weight:600}.search-box__results .search-box__heading{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.search-box__option{display:flex;align-items:center;gap:10px;margin:0 -10px;padding:7px 10px;border-radius:6px;color:inherit;font-size:14px;text-decoration:none;text-transform:lowercase}.search-box__option .icon{--icon-size: 18px;flex:none;color:var(--search-box-muted)}.search-box__label{min-width:0}.search-box__label mark{background:none;color:inherit;font-weight:400}.search-box__label>span{font-weight:600}.search-box__product{display:grid;grid-template-columns:56px minmax(0,1fr);gap:2px 14px;margin:0 -10px;padding:6px 10px;border-radius:6px;color:inherit;font-size:14px;text-decoration:none}.search-box__thumb{grid-row:span 2;width:56px;height:70px;overflow:hidden;border-radius:4px;background:rgb(var(--body-text-color) / .05)}.search-box__thumb img{display:block;width:100%;height:100%;object-fit:cover}.search-box__name{align-self:end;min-width:0;font-weight:500;line-height:1.3}.search-box__title{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.search-box__colors{display:block;margin-top:4px;color:var(--search-box-muted);font-size:12px;font-weight:400}.search-box__price{align-self:start;font-size:13px;white-space:nowrap}.search-box__nothing{margin:0;font-size:14px}.search-box--bar .search-box__nothing{padding:12px 24px 0}.search-box--bar .search-box__nothing:not([hidden])+.search-box__start{padding-top:20px}.search-box--layer .search-box__nothing{margin:8px 0 16px}.search-box__option.is-active,.search-box__product.is-active{background:var(--search-box-hover)}@media(hover:hover){.search-box__option:hover,.search-box__product:hover{background:var(--search-box-hover)}}.search-box__recent:not([hidden])+.search-box__heading{margin-top:18px}.search-box__recent-list li{position:relative}.search-box__recent-link{padding-inline-end:34px}.search-box__recent-remove{display:grid;position:absolute;top:50%;right:0;place-items:center;width:28px;height:28px;margin:0;padding:0;transform:translateY(-50%);border:0;background:none;color:var(--search-box-muted);cursor:pointer}.search-box__recent-remove .icon{--icon-size: 18px}.search-box--bar{--search-box-open-width: 480px;position:relative;display:none}@media(min-width:1240px){.search-box--bar{display:block;flex:0 0 144px;height:42px;margin-inline-end:20px}}.search-box--bar .search-box__form{position:absolute;z-index:1;top:0;right:0;width:100%;transition:width .2s ease,right .2s ease}.search-box--bar.is-open .search-box__form{right:var(--search-box-shift, 0px);width:var(--search-box-open-width)}.search-box--bar .search-box__field{gap:7px;padding:0 16px 0 14px;cursor:text}.search-box--bar .search-box__input{transform:translateY(-1px)}.search-box--bar .search-box__field>.icon{--icon-size: 22px}.search-box--bar.is-open .search-box__clear{display:grid}.search-box--bar .search-box__panel{display:none;position:absolute;z-index:10;top:calc(100% + var(--search-box-drop, 0px));right:var(--search-box-shift, 0px);width:var(--search-box-open-width);max-height:calc(100vh - 140px);overflow-y:auto;border-radius:0 0 12px 12px}.search-box--bar.is-open .search-box__panel{display:block}.search-box--bar.search-box--no-start:not(.has-results):not(.has-recent) .search-box__panel{display:none}.search-box--bar .search-box__start,.search-box--bar .search-box__found{padding:12px 24px 24px}.search-box--bar .search-box__found{padding-top:5px}.search-box--bar .search-box__start .search-box__column+.search-box__column,.search-box--bar .search-box__results .search-box__column:has(.search-box__suggestions-heading:not([hidden]))+.search-box__column{margin-top:16px}.search-box--bar .search-box__products{display:grid;gap:2px}.search-box__view-all-link{display:inline-block;margin-top:16px;font-size:14px;font-weight:400}.search-box--bar .search-box__view-all-row--with-products,.search-box--layer .search-box__view-all-link{display:none}@media(min-width:1240px){body.search-open .page-shade{visibility:visible;opacity:1;pointer-events:auto;transition:opacity .34s ease,visibility 0s}}.search-box--layer{display:flex;visibility:hidden;position:fixed;z-index:8000;top:0;right:0;bottom:0;left:0;flex-direction:column;opacity:0;background:rgb(var(--body-bg-color));color:rgb(var(--body-text-color));transition:opacity .15s,visibility 0s linear .15s}.search-box--layer.is-open{visibility:visible;opacity:1;transition:opacity .15s}@media(min-width:1240px){.search-box--layer{display:none}}body.search-layer-open{overflow:hidden}.search-box--layer .search-box__form{padding:calc(env(safe-area-inset-top,0px) + 12px) 24px 10px}.search-box--layer .search-box__input{font-size:16px}.search-box--layer.has-terms .search-box__clear{display:grid}.search-box__cancel{font-size:15px}.search-box--layer .search-box__panel{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:6px 24px calc(env(safe-area-inset-bottom,0px) + 24px)}.search-box--layer .search-box__heading{margin-top:8px}.search-box--layer .search-box__column+.search-box__column{margin-top:12px}.search-box--layer .search-box__option{margin:0 -24px;padding:11px 24px;border-radius:0;font-size:16px;-webkit-tap-highlight-color:transparent}.search-box--layer .search-box__recent-link{padding-inline-end:58px}.search-box--layer .search-box__product{gap:2px 12px;margin:0 -24px;padding:6px 24px;border-radius:0;-webkit-tap-highlight-color:transparent}.search-box--layer .search-box__option:active,.search-box--layer .search-box__product:active{background:var(--search-box-hover)}@media(prefers-reduced-motion:reduce){.search-box--bar .search-box__form{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/search-box.css.map */