.search__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-drawer);background-color:#00000073;opacity:0;transition:opacity .3s ease}.search__backdrop--open{opacity:1}.search__drawer{position:fixed;inset-block:0;inset-inline-end:0;z-index:var(--z-drawer);display:flex;flex-direction:column;gap:var(--spacing-24);inline-size:min(620px,100vw);padding:var(--spacing-32) var(--spacing-24) var(--spacing-40);margin:0;border-radius:0;background-color:var(--color-background);color:var(--color-foreground);overflow-y:auto;overscroll-behavior:contain;transform:translate(100%);transition:transform .3s ease}.search__drawer--open{transform:none}.search__head{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-16)}.search__title{margin:0;font-family:var(--font-display-family);font-size:var(--font-size-display-md);line-height:var(--line-height-display);letter-spacing:var(--letter-spacing-display);color:var(--color-brand-blue)}.search__close{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;inline-size:32px;block-size:32px;padding:0;border:0;border-radius:var(--radius-pill);background-color:var(--color-brand-sky-blue);color:var(--color-white);cursor:pointer}.search__close-icon{inline-size:12px;block-size:14px}.search__body{display:flex;flex-direction:column;gap:var(--spacing-32)}.search__field{display:flex;align-items:center;gap:var(--spacing-12);inline-size:100%;padding:var(--spacing-12) var(--spacing-20);border:var(--border-width) solid var(--color-gray-300);border-radius:var(--radius-pill);background-color:var(--color-gray-100);transition:border-color .2s ease}.search__field:focus-within{border-color:var(--color-blue-600)}.search__field-icon{flex-shrink:0;inline-size:22px;block-size:22px;color:var(--color-gray-800);transition:color .2s ease}.search__field:has(.search__input:not(:placeholder-shown)) .search__field-icon{color:var(--color-blue-600)}.search__input{flex:1 0 0;min-inline-size:0;padding:0;border:0;background-color:transparent;color:var(--color-gray-800);font-family:inherit;font-weight:var(--font-weight-light);font-size:var(--font-size-body-base);line-height:var(--line-height-body);letter-spacing:var(--letter-spacing-body)}.search__input:focus{outline:none}.search__input::placeholder{color:var(--color-gray-400);opacity:1}.search__input::-webkit-search-cancel-button,.search__input::-webkit-search-decoration{-webkit-appearance:none;appearance:none}.search__clear{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;inline-size:24px;block-size:24px;padding:0;border:0;background-color:transparent;color:var(--color-gray-400);cursor:pointer}.search__clear svg{inline-size:12px;block-size:14px}.search__default{display:flex;flex-direction:column;gap:var(--spacing-16)}.search__default[hidden]{display:none}.search__suggest-heading{margin:0;font-size:var(--font-size-body-lg);font-weight:var(--font-weight-regular);line-height:var(--line-height-body);letter-spacing:var(--letter-spacing-body);color:var(--color-gray-800)}.search__suggest{display:flex;flex-wrap:wrap;gap:var(--spacing-8);margin:0;padding:0;list-style:none}.search__suggest>.shopify-block{display:contents}.search__suggest-pill{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-8) var(--spacing-16);border:var(--border-width) solid var(--color-brand-blue);border-radius:var(--radius-pill);color:var(--color-brand-blue);font-weight:var(--font-weight-light);font-size:var(--font-size-body-sm);line-height:var(--line-height-body-loose);text-decoration:none;transition:background-color .2s ease,color .2s ease}.search__suggest-pill:hover{background-color:var(--color-brand-blue);color:var(--color-white)}.search__suggest-pill[data-busy]{color:transparent;background-color:transparent;pointer-events:none}.search__suggest-pill[data-busy]:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;inline-size:14px;block-size:14px;border:2px solid var(--color-brand-blue);border-block-start-color:transparent;border-radius:var(--radius-pill);animation:search-suggest-spin .7s linear infinite}@keyframes search-suggest-spin{to{rotate:1turn}}@media(prefers-reduced-motion:reduce){.search__suggest-pill[data-busy]:after{content:none}}.search__suggest-pill mark,.search__suggest-pill b,.search__suggest-pill strong{background-color:transparent;color:inherit;font-weight:var(--font-weight-semibold)}.search__output{display:flex;flex-direction:column;gap:var(--spacing-32)}.search__output:empty{display:none}.search__results{display:flex;flex-direction:column;gap:var(--spacing-24)}.search__results-head{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-16)}.search__results-heading{margin:0;font-size:var(--font-size-body-lg);font-weight:var(--font-weight-regular);line-height:var(--line-height-body);letter-spacing:var(--letter-spacing-body);color:var(--color-gray-800)}.search__results-count{margin:0;font-weight:var(--font-weight-light);font-size:var(--font-size-body-sm);line-height:var(--line-height-body-loose);color:var(--color-gray-400)}.search__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-24) var(--spacing-12);margin:0;padding:0;list-style:none}.search__grid--page{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--fluid-12-20);row-gap:var(--fluid-24-40)}.search__grid--page .search__card{max-inline-size:var(--fluid-315-315)}.search__card-link{display:flex;flex-direction:column;gap:var(--spacing-12);color:var(--color-foreground);text-decoration:none}.search__card-media{display:flex;align-items:center;justify-content:center;aspect-ratio:172 / 199;padding:var(--spacing-12);overflow:hidden;border-radius:var(--radius-lg);background-image:var(--gradient-blue-soft)}.search__card-media img{display:block;inline-size:auto;max-inline-size:100%;block-size:100%;object-fit:contain}.search__card-title{font-weight:var(--font-weight-light);font-size:var(--font-size-body-sm);line-height:var(--line-height-body);letter-spacing:var(--letter-spacing-body);color:var(--color-gray-800)}.search__card-price{display:flex;gap:var(--spacing-8);font-weight:var(--font-weight-light);font-size:var(--font-size-body-sm);color:var(--color-gray-800)}.search__card-compare{color:var(--color-gray-800);opacity:.5}.search__view-all{display:inline-flex;align-items:center;justify-content:center;align-self:center;margin-block-start:var(--spacing-12);padding:var(--spacing-16) var(--spacing-32);border-radius:var(--radius-pill);background-color:var(--color-brand-blue);color:var(--color-white);font-weight:var(--font-weight-semibold);font-size:var(--font-size-button);line-height:var(--line-height-button);letter-spacing:var(--letter-spacing-button);text-transform:uppercase;text-decoration:none;transition:background-color .2s ease}.search__view-all:hover{background-color:var(--color-blue-900);color:var(--color-white)}.search__empty{display:flex;flex-direction:column;gap:var(--spacing-16)}[data-search-empty-suggestions]:not(:empty){display:flex;flex-direction:column;gap:var(--spacing-16)}.search__empty-title{margin:0;font-size:var(--font-size-body-base);line-height:var(--line-height-body);color:var(--color-gray-800)}.search-page{padding-inline:var(--fluid-16-48)}.search-page__title{font-family:var(--font-display-family);margin-block-end:var(--fluid-16-24)}.search-page__form{max-inline-size:560px;margin-block-end:var(--fluid-24-40)}.search-page__sentinel{display:flex;justify-content:center;margin-block-start:var(--fluid-24-40)}.search-page__sentinel[aria-busy=true]{pointer-events:none}.search-page__load-more{display:inline-flex;align-items:center;justify-content:center;padding-block:var(--spacing-8);padding-inline:var(--spacing-24);border:0;border-radius:var(--radius-pill);background-color:var(--color-brand-blue);color:var(--color-white);font-size:var(--font-size-button-sm);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-button);text-transform:uppercase;text-decoration:none}.search-page__loading{color:var(--color-foreground);font-size:var(--font-size-body-sm)}@media(min-width:768px){.search__drawer{padding-inline:var(--spacing-40);margin:20px;border-radius:30px}.search__field{padding:var(--spacing-16) var(--spacing-24)}.search__field-icon{inline-size:24px;block-size:24px}.search__grid{grid-template-columns:repeat(3,1fr)}.search__grid--page{grid-template-columns:repeat(4,1fr)}}
/*# sourceMappingURL=/cdn/shop/t/39/assets/section-search.css.map */