dialog.search-drawer{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:transparent;color:#000;overflow:hidden;transform:none}dialog.search-drawer::backdrop{background:transparent}dialog.search-drawer[open]{transform:none}@starting-style{dialog.search-drawer[open]{transform:none}}.search-drawer__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;opacity:0;transition:opacity .35s}dialog.search-drawer[open] .search-drawer__scrim{opacity:1}@starting-style{dialog.search-drawer[open] .search-drawer__scrim{opacity:0}}predictive-search{display:block}.search-drawer__inner{position:absolute;inset:0 0 auto 0;z-index:1;display:flex;flex-direction:column;max-height:100dvh;height:100dvh;background:#fff;color:#000;transform:translateY(-100%);transition:transform .5s cubic-bezier(.3,1,.3,1)}dialog.search-drawer[open] .search-drawer__inner{transform:none}@starting-style{dialog.search-drawer[open] .search-drawer__inner{transform:translateY(-100%)}}@media(min-width:768px){.search-drawer__inner{height:auto;max-height:85dvh}}.search-drawer__form{flex:none;display:flex;align-items:center;min-height:6rem;border-bottom:.1rem solid rgb(0 0 0 / .1)}.search-drawer__input{flex:1 1 auto;min-width:0;height:6rem;padding:0 1.6rem;border:0;background:transparent;color:inherit;font-size:1.6rem;line-height:2.4rem;outline:none;-webkit-appearance:none;appearance:none}.search-drawer__input::placeholder{color:#0009}.search-drawer__input::-webkit-search-cancel-button{display:none}.search-drawer__clear{flex:none;margin-right:1.2rem;font-size:1.3rem;line-height:2rem;text-decoration:underline;text-underline-offset:.3rem;color:inherit}.search-drawer__close{flex:none;display:inline-flex;align-items:center;justify-content:center;width:6rem;height:6rem;border-left:.1rem solid rgb(0 0 0 / .1);color:inherit}.search-drawer__close svg{width:2rem;height:2rem}.search-drawer__panel{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:3.2rem 1.6rem 4rem}@media(min-width:768px){.search-drawer__panel{padding:3.2rem var(--page-padding-mobile) 4rem}}predictive-search[aria-busy=true] .search-drawer__results{opacity:.5;transition:opacity .2s .15s}dialog.search-drawer.is-anchored .search-drawer__scrim{top:var(--sb-panel-top)}dialog.search-drawer.is-anchored .search-drawer__inner{position:static;display:block;height:auto;background:none;transform:none;transition:none}dialog.search-drawer.is-anchored .search-drawer__form{position:fixed;z-index:2;top:var(--sb-top);left:var(--sb-left);right:var(--sb-right);min-height:0;height:4.8rem;padding:0 1.2rem 0 0;border:.1rem solid currentColor;border-radius:6rem;background:var(--sb-bg);color:var(--sb-fg)}dialog.search-drawer.is-anchored .search-drawer__input{height:100%;padding:0 1.6rem;font-size:1.5rem}dialog.search-drawer.is-anchored .search-drawer__input::placeholder{color:currentColor;opacity:.7}dialog.search-drawer.is-anchored .search-drawer__clear{font-size:1.2rem;margin-right:1rem}dialog.search-drawer.is-anchored .search-drawer__close{width:2.8rem;height:2.8rem;border:0;border-radius:50%}dialog.search-drawer.is-anchored .search-drawer__close svg{width:2rem;height:2rem}dialog.search-drawer.is-anchored .search-drawer__panel{position:fixed;z-index:1;top:var(--sb-panel-top);right:var(--sb-right);width:55.4rem;max-height:calc(100dvh - var(--sb-panel-top) - 3rem);padding:3rem;background:#fff;color:#000;border-radius:0 0 1rem 1rem;box-shadow:0 2rem 4rem #00000014;opacity:0;transform:translateY(-1rem);transition:opacity .35s,transform .45s cubic-bezier(.3,1,.3,1)}dialog.search-drawer.is-anchored[open] .search-drawer__panel{opacity:1;transform:none}@starting-style{dialog.search-drawer.is-anchored[open] .search-drawer__panel{opacity:0;transform:translateY(-1rem)}}.search-drawer .predictive-search__group-title{margin:3.2rem 0 1.6rem;font-family:var(--font-heading-family);font-size:2.16rem;line-height:1.4;text-transform:capitalize}.search-drawer .search-drawer__results>.predictive-search__group-title:first-child{margin-top:0}.predictive-search__pills{display:flex;flex-wrap:wrap;gap:.8rem;list-style:none;margin:0;padding:0}.predictive-search__pills a{display:inline-flex;align-items:center;min-height:4.4rem;padding:0 1.3rem;border-radius:999px;background:var(--color-background-secondary, #eee);color:#000000b3;text-decoration:none;font-size:1.5rem;transition:background-color .25s,color .25s}.predictive-search__pills a:hover{background:#000;color:#fff}.predictive-search__pills mark{background:none;color:inherit;font-weight:var(--font-body-weight-medium)}.search-drawer .predictive-search__products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;list-style:none;margin:0;padding:0}@media(min-width:768px){.search-drawer .predictive-search__products{grid-template-columns:repeat(4,minmax(0,1fr))}}dialog.search-drawer.is-anchored .predictive-search__products{grid-template-columns:repeat(3,minmax(0,1fr))}dialog.search-drawer.is-anchored .predictive-search__products>li:nth-child(n+4){display:none}.search-drawer .product-card__type{display:none}.search-drawer .product-card__title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.search-drawer .product-card__content{padding:1.2rem}.search-drawer .product-card__title{font-size:1.5rem}.search-drawer .product-card .cart-circle{width:3.8rem;height:3.8rem}dialog.search-drawer.is-anchored .product-card__quick-add{opacity:0;transition:opacity .25s}dialog.search-drawer.is-anchored .product-card:hover .product-card__quick-add,dialog.search-drawer.is-anchored .product-card:focus-within .product-card__quick-add{opacity:1}.predictive-search__links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.8rem}.predictive-search__links a{color:#000000b3;text-decoration:none;font-size:1.5rem;line-height:2.4rem;transition:color .25s}.predictive-search__links a:hover{color:#000;text-decoration:underline;text-underline-offset:.3rem}.predictive-search__empty{font-family:var(--font-heading-family);font-size:2.16rem;line-height:1.4}.predictive-search__footer{margin-top:2.4rem}
/*# sourceMappingURL=/cdn/shop/t/15/assets/section-search.css.map */