.dock{--dock-top: 64px;--dock-kb: 0px;--dock-ease: cubic-bezier(.2, .8, .2, 1);position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;visibility:hidden;pointer-events:none}.dock[open]{visibility:visible;pointer-events:auto}.dock__sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.dock__scrim{position:fixed;left:0;right:0;bottom:0;top:var(--dock-header, 0px);background:#33333338;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;transition:opacity .25s ease}.dock[open] .dock__scrim{opacity:1}.dock__panel{position:fixed;display:flex;flex-direction:column;box-sizing:border-box;background:#fffffff7;color:var(--color-black);font-family:var(--font-family-text),sans-serif;box-shadow:0 12px 40px #00000024;opacity:0}.dock[open] .dock__panel{opacity:1}.dock__form{display:flex;align-items:center;gap:10px;flex-shrink:0;margin:0}.dock__icon{flex-shrink:0}.dock__input{flex:1;min-width:0;border:0;background:transparent;font-family:inherit;font-size:16px;color:var(--color-black);outline:none;padding:0;-webkit-appearance:none;appearance:none}.dock__input::-webkit-search-decoration,.dock__input::-webkit-search-cancel-button,.dock__input::-webkit-search-results-button,.dock__input::-webkit-search-results-decoration{-webkit-appearance:none}.dock__input::placeholder{color:var(--color-darkgrey)}.dock__close{width:40px;height:40px;flex-shrink:0;border:0;border-radius:999px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;color:var(--color-black)}.dock__close{background:var(--color-white)}.dock__footer:has(.dock__all[hidden]){display:none}.dock__body{flex:1 1 auto;min-height:0;display:flex}.dock__list{flex:1;min-width:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:16px}.dock__preview{display:none}.dock-group{display:flex;flex-direction:column;gap:8px}.dock-group[hidden],.dock__results[hidden],.dock__empty[hidden],.dock__noresults[hidden],.dock__notice[hidden],.dock__all[hidden]{display:none}.dock-label{margin:0;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--color-darkgrey)}.dock-results{display:flex;flex-direction:column;gap:16px}.dock-chips{display:flex;flex-wrap:wrap;gap:8px}.dock-chips{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;margin:0 -16px;padding:0 16px;scroll-padding-inline:16px}.dock-chips::-webkit-scrollbar{display:none}.dock-chip{flex-shrink:0}.dock-needs{display:flex;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;margin:0 -16px;padding:0 16px;scroll-padding-inline:16px}.dock-needs::-webkit-scrollbar{display:none}.dock-need{flex-shrink:0;width:160px;box-sizing:border-box;border-radius:16px;background:#f7f3f0;transition:background .2s ease}.dock-need:hover,.dock-need.is-active{background:#f0e8e2}.dock-need__link{display:flex;flex-direction:column;gap:4px;height:100%;box-sizing:border-box;padding:14px;color:inherit;text-decoration:none}.dock-need__title{font-size:15px;line-height:1.3;font-weight:var(--font-weight-demi, 600)}.dock-need__sub{font-size:13px;color:var(--color-darkgrey)}.dock-preview__block{display:flex;flex-direction:column;gap:6px}.dock-preview__list a{color:inherit;text-decoration:none}.dock-preview__list a:hover{text-decoration:underline}.dock-row__title--article{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dock-preview__excerpt{font-size:14px;line-height:1.5;color:var(--color-darkgrey)}.dock-chip{display:inline-block;height:36px;line-height:36px;box-sizing:border-box;padding:0 14px;border:0;border-radius:999px;background:var(--color-grey);font-family:inherit;font-size:14px;color:var(--color-black);text-decoration:none;white-space:nowrap;cursor:pointer}.dock-chip mark{background:none;color:inherit;font-weight:var(--font-weight-demi, 600)}.dock-row{display:flex;flex-wrap:wrap;align-items:center;gap:0 12px;padding:6px 0;border-radius:14px}.dock-row__link{flex:1;min-width:0;display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.dock-row__thumb{width:48px;height:48px;flex-shrink:0;border-radius:12px;overflow:hidden;background:var(--color-grey);display:flex;align-items:center;justify-content:center}.dock-row__thumb img{width:100%;height:100%;object-fit:cover}.dock-row__thumb--icon{background:var(--color-white);border:1px solid var(--color-grey);box-sizing:border-box;color:var(--color-brown)}.dock-row__text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.dock-row__title{font-size:15px;line-height:1.3}.dock-row__title mark{background:none;color:inherit;font-weight:var(--font-weight-demi, 600)}.dock-row__sub{font-size:13px;color:var(--color-darkgrey)}.dock-compare{margin-right:2px;color:var(--color-mediumgrey, #9a9a9a)}.dock-row__chevron{flex-shrink:0;color:var(--color-darkgrey)}.dock-row__outlet{flex-basis:100%;margin:2px 0 0 60px;font-size:13px;color:var(--color-darkgrey);text-decoration:none}.dock-row__outlet:hover{text-decoration:underline}.dock-add{width:40px;height:40px;flex-shrink:0;border-radius:999px;border:1px solid var(--color-mediumgrey);background:var(--color-white);color:var(--color-black);display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;transition:background .2s ease,border-color .2s ease}.dock-add__check,.dock-add[data-added] .dock-add__plus{display:none}.dock-add[data-added]{background:var(--color-black);border-color:var(--color-black);color:var(--color-white)}.dock-add[data-added] .dock-add__check{display:block}.dock-add[data-loading],.dock-preview__add[data-loading]{opacity:.5}.dock-notice{padding:12px 14px;border-radius:14px;background:#f7f3f0;display:flex;flex-direction:column;gap:6px}.dock-notice__text{margin:0;font-size:14px;line-height:1.4}.dock-notice__link{font-size:14px;font-weight:var(--font-weight-demi, 600);color:inherit}.dock__noresults-title{margin:0;font-size:15px}.dock__noresults-sub{margin:4px 0 0;font-size:13px;color:var(--color-darkgrey)}.dock__all{font-size:14px;font-weight:var(--font-weight-demi, 600);color:var(--color-black);text-align:center}mobile-tab-bar{transition:opacity .2s ease,transform .3s var(--dock-ease, ease)}body.dock-open mobile-tab-bar{opacity:0;pointer-events:none;transform:translateY(16px)}html.dock-locked,html.dock-locked body{overflow:hidden}@media(max-width:879px){.dock__scrim{top:0}.dock__panel{left:8px;right:8px;top:calc(var(--dock-vv-top, 0px) + 8px + env(safe-area-inset-top));bottom:auto;height:calc(var(--dock-vv-h, 100dvh) - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom));border-radius:28px;padding:18px 16px 12px;gap:12px;transform-origin:75% 100%;transform:translateY(40px) scale(.25,.1);transition:transform .38s var(--dock-ease),opacity .2s ease}.dock[data-kb] .dock__panel{height:calc(var(--dock-vv-h, 100dvh) - 16px - env(safe-area-inset-top))}.dock:not([data-kb]) .dock__footer{display:none}.dock[open] .dock__panel{transform:none}.dock__form{order:3;height:56px;padding:0 8px 0 18px;border-radius:999px;background:var(--color-grey)}.dock__body{order:1}.dock__list{margin:0 -16px;padding:0 16px;overflow-x:hidden}.dock__footer{order:2;display:flex;justify-content:center;flex-shrink:0}}@media(min-width:880px){.dock__panel{top:calc(var(--dock-top) + 4px);left:50%;width:calc((min(var(--page-width, 1405px),100vw) - 2 * var(--spacing-sm, 20px)) * .85);max-height:min(705px,calc(100vh - var(--dock-top) - 48px));border-radius:24px;overflow:hidden;background:var(--color-white);box-shadow:0 30px 80px #00000040;transform:translate(-50%,-14px) scale(.97);transform-origin:50% 0;transition:transform .32s var(--dock-ease),opacity .2s ease}.dock[open] .dock__panel{transform:translate(-50%)}.dock__form{height:66px;padding:0 16px 0 22px;border-bottom:1px solid var(--color-grey)}.dock__input{font-size:18px}.dock__close{background:var(--color-grey)}.dock__body{gap:32px;padding:0 20px}.dock__list{margin:0 -12px;padding:14px 12px;overflow-x:hidden}.dock-row{padding:4px 12px;margin:0 -12px;cursor:pointer}.dock-chips,.dock-needs{margin:0 -12px;padding:0 12px;scroll-padding-inline:12px}.dock-need{flex:1 1 0;width:auto;min-width:120px}.dock-row.is-active{background:var(--color-grey)}.dock-row__outlet{margin-left:60px}.dock__preview{display:flex;flex-direction:column;width:340px;flex-shrink:0;padding:14px 0}.dock__preview:empty{display:none}.dock-preview{border-radius:18px;background:#f7f3f0;padding:18px;display:flex;flex-direction:column;gap:14px;flex:1 1 auto;min-height:0;overflow:hidden}.dock-preview__image{display:block;aspect-ratio:1 / 1;flex-shrink:0;border-radius:14px;overflow:hidden;background:var(--color-white)}.dock-preview__image img{width:100%;height:100%;object-fit:cover}.dock-preview__text{display:flex;flex-direction:column;gap:4px}.dock-preview__title{font-size:22px;line-height:1.2}.dock-preview__sub{font-size:14px;color:var(--color-darkgrey)}.dock-preview__list{margin:0;padding:0 0 0 18px;font-size:14px;line-height:1.6}.dock-preview__actions,.dock-preview>.dock-preview__view{margin-top:auto}.dock-preview__actions{display:flex;gap:8px}.dock-preview__actions>*{flex:1}.dock-preview__add,.dock-preview__view{min-width:0;padding-left:12px;padding-right:12px;white-space:nowrap;text-align:center}.dock-preview__added-label,.dock-preview__add[data-added] .dock-preview__add-label{display:none}.dock-preview__add[data-added] .dock-preview__added-label{display:inline}.dock__footer{display:none}}@media(prefers-reduced-motion:reduce){.dock__panel,.dock__scrim{transition:opacity .15s ease}.dock__panel{transform:none!important}.dock[open] .dock__panel{transform:translate(-50%)!important}}@media(prefers-reduced-motion:reduce)and (max-width:879px){.dock[open] .dock__panel{transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/section-dock-search.css.map */