.sab-search{--sab-navy: var(--color-foreground, #282233);--sab-muted: #687f97;--sab-grey: #f3f5f8;--sab-grey-hover: #e7ebf0;--sab-divider: #eceef2;--sab-overlay: rgb(14 24 48 / .45);--sab-panel-radius: 24px;--sab-card-radius: 12px;--sab-field-height: 46px;--sab-header-height: 76px;--sab-close-space: 72px;--sab-focus-ring: 0 0 0 2px #fff, 0 0 0 4px var(--sab-navy)}@media screen and (max-width:749px){.sab-search{--sab-field-height: 44px;--sab-header-height: 76px;--sab-close-space: 64px}}.sab-search :is(a,button):focus-visible{outline:none;box-shadow:var(--sab-focus-ring)}.sab-search__container{box-sizing:border-box;width:100%;max-width:var(--page-width, 1480px);margin-inline:auto;padding-inline:var(--page-margin, 16px)}.sab-search__dialog{position:fixed;inset:var(--sab-search-top, 0px) 0 0 0;box-sizing:border-box;width:100%;max-width:none;height:auto;max-height:none;margin:0;padding:0;border:0;background:var(--sab-overlay);color:var(--sab-navy);overflow:hidden}.sab-search__dialog::backdrop{background:transparent}.sab-search__dialog[open]{display:flex;flex-direction:column;animation:sab-search-fade-in .2s ease-out both}.sab-search__dialog.dialog-closing{animation:sab-search-fade-out .18s ease-in both}.sab-search__dialog[open] .sab-search__panel{animation:sab-search-drop-in .24s var(--ease-out-quad, ease-out) both}.sab-search__dialog.dialog-closing .sab-search__panel{animation:sab-search-drop-out .18s ease-in both}@keyframes sab-search-drop-in{0%{transform:translateY(-16px)}to{transform:none}}@keyframes sab-search-drop-out{to{transform:translateY(-16px)}}@keyframes sab-search-fade-in{0%{opacity:0}}@keyframes sab-search-fade-out{to{opacity:0}}@media(prefers-reduced-motion:reduce){.sab-search__dialog[open],.sab-search__dialog.dialog-closing,.sab-search__dialog[open] .sab-search__panel,.sab-search__dialog.dialog-closing .sab-search__panel{animation-duration:1ms}}.sab-search__panel{display:flex;flex-direction:column;flex:0 1 auto;min-height:0;max-height:100%;width:100%;border-radius:0 0 var(--sab-panel-radius) var(--sab-panel-radius);background:#fff;box-shadow:0 24px 48px #0e18302e;overflow:hidden}.sab-search__form{position:relative;display:flex;flex-direction:column;flex:1 1 auto;min-height:0;width:100%}.sab-search__header{display:flex;flex:0 0 auto;align-items:center;height:var(--sab-header-height)}.sab-search__header-inner{display:flex;align-items:center;gap:28px;padding-inline-end:calc(var(--page-margin, 16px) + var(--sab-close-space))}.sab-search__logo{display:flex;flex:0 0 auto;align-items:center}.sab-search__logo-image{display:block;width:auto;height:var(--sab-logo-height, 30px);max-width:180px}.sab-search__field{position:relative;display:flex;flex:1 1 auto;align-items:center;gap:8px;box-sizing:border-box;min-width:0;height:var(--sab-field-height);padding-inline:46px 6px;border:2px solid var(--sab-navy);border-radius:999px;background:#fff}.sab-search__field-icon{position:absolute;inset-inline-start:17px;display:flex;color:var(--sab-navy);pointer-events:none}.sab-search__field-icon svg{width:18px;height:18px}.sab-search .sab-search__input{flex:1 1 auto;min-width:0;height:100%;margin:0;padding:0;border:0;border-radius:0;outline:0;background:transparent;box-shadow:none;color:var(--sab-navy);caret-color:var(--sab-navy);font:inherit;font-size:16px;-webkit-appearance:none;appearance:none}.sab-search .sab-search__input:focus,.sab-search .sab-search__input:focus-visible{outline:0;box-shadow:none}.sab-search .sab-search__input::placeholder{color:var(--sab-muted);opacity:1}.sab-search__input::-webkit-search-cancel-button,.sab-search__input::-webkit-search-decoration{-webkit-appearance:none;appearance:none}.sab-search__clear{display:flex;flex:0 0 auto;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--sab-grey);color:var(--sab-navy);cursor:pointer;transition:background-color .15s ease}.sab-search__clear:hover{background:var(--sab-grey-hover)}.sab-search__clear[hidden]{display:none}.sab-search__close-row{position:absolute;inset:0 0 auto 0;display:flex;align-items:center;justify-content:flex-end;height:var(--sab-header-height);pointer-events:none}.sab-search__close{min-height:44px;padding:8px 4px;color:var(--sab-navy);font:inherit;font-size:15px;font-weight:600;cursor:pointer;pointer-events:auto}.sab-search__close:hover{text-decoration:underline;text-underline-offset:3px}@media screen and (max-width:749px){.sab-search__header-inner{gap:12px}.sab-search__logo{display:none}}.sab-search__body{flex:1 1 auto;min-height:0;padding-block:20px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}.sab-search__body::-webkit-scrollbar{display:none}.sab-search-section+.sab-search-section,.sab-search-section+.sab-search-recent-slot>.sab-search-section,.sab-search__themes+.sab-search__results{margin-block-start:24px}.sab-search__themes[hidden]+.sab-search__results{margin-block-start:0}.sab-search__themes[hidden]{display:none}.sab-search-section__header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;margin-block-end:14px}.sab-search .sab-search-section__title{margin:0;color:var(--sab-navy);font-size:18px;font-weight:800;line-height:1.3}.sab-search-section__note{color:var(--sab-muted);font-size:13px;line-height:1.4}.sab-search-link{color:var(--sab-navy);font-size:14px;font-weight:600;line-height:1.4;text-decoration:none;white-space:nowrap;border-radius:4px;cursor:pointer}.sab-search-link:hover{text-decoration:underline;text-underline-offset:3px}.sab-search-empty{margin:0;color:var(--sab-muted);font-size:15px}@media screen and (max-width:749px){.sab-search .sab-search-section__title{font-size:16px}.sab-search-section+.sab-search-section,.sab-search-section+.sab-search-recent-slot>.sab-search-section,.sab-search__themes+.sab-search__results{margin-block-start:20px}.sab-search-section__header{margin-block-end:12px}}.sab-search-themes-row,.sab-search__themes{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px}.sab-search-pills{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0}.sab-search-pill{display:inline-flex;align-items:center;gap:8px;box-sizing:border-box;min-height:36px;padding:6px 14px;border:1.5px solid transparent;border-radius:999px;background:var(--sab-grey);color:var(--sab-navy);font-size:14px;font-weight:500;line-height:1.3;text-decoration:none;transition:background-color .15s ease}.sab-search-pill:hover{background:var(--sab-grey-hover)}.sab-search-pill--outline{border-color:var(--sab-navy);background:#fff;font-weight:600}.sab-search-pill--outline:hover{background:var(--sab-grey)}.sab-search-products__heading{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px}.sab-search-products__tools{display:flex;align-items:center}.sab-search-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;margin:0;padding:0}.sab-search__results .sab-search-grid>:nth-child(n+7),.sab-search__results .sab-search-grid[data-limit="4"]>:nth-child(n+5),.sab-search__results .sab-search-grid[data-limit="3"]>:nth-child(n+4){display:none}.sab-search-card{min-width:0}.sab-search-card__link{display:flex;flex-direction:column;gap:10px;height:100%;color:var(--sab-navy);text-decoration:none;border-radius:var(--sab-card-radius)}.sab-search .sab-search-card__link:focus-visible{box-shadow:none}.sab-search-card__link:focus-visible .sab-search-card__media{box-shadow:var(--sab-focus-ring)}.sab-search-card__media{position:relative;display:flex;align-items:center;justify-content:center;box-sizing:border-box;aspect-ratio:1 / 1;width:100%;padding:12%;border-radius:var(--sab-card-radius);background:var(--sab-grey);overflow:hidden}.sab-search-card__image{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .2s ease}.sab-search-card__link:hover .sab-search-card__image{transform:scale(1.03)}.sab-search-card__badges{display:flex;flex-wrap:wrap;gap:6px}.sab-search-card__badges--media{position:absolute;inset-block-start:8px;inset-inline-start:8px;inset-inline-end:8px}.sab-search-card__badges--inline{display:none}.sab-search-badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:700;line-height:1.2;white-space:nowrap}.sab-search-badge--rare{background:var(--sab-navy);color:#fff}.sab-search-card__body{display:flex;flex-direction:column;gap:3px;min-width:0}.sab-search-card__title{display:-webkit-box;min-height:2.7em;overflow:hidden;font-size:14px;font-weight:600;line-height:1.35;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.sab-search-card__sub{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.sab-search-card__meta{color:var(--sab-muted);font-size:12px;line-height:1.4}.sab-search-recent.removing{animation:sab-search-fade-out .2s ease-in both}.sab-search__footer{display:flex;flex-direction:column;align-items:center;gap:6px;margin-block-start:22px}.sab-search__footer[hidden]{display:none}.sab-search .sab-search__see-all{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;max-width:100%;min-height:44px;padding:10px 28px;font-size:15px;line-height:1.3;white-space:normal;overflow-wrap:anywhere;text-align:center}.sab-search__hint{color:var(--sab-muted);font-size:12px}@media screen and (max-width:749px){.sab-search-products__header{flex-wrap:nowrap}.sab-search__results .sab-search-grid{grid-template-columns:minmax(0,1fr);gap:10px}.sab-search__results .sab-search-grid>:nth-child(n+5){display:none}.sab-search__results .sab-search-card__link{flex-direction:row;align-items:center;gap:12px}.sab-search__results .sab-search-card__media{flex:0 0 56px;width:56px;height:56px;padding:5px;border-radius:10px}.sab-search__results .sab-search-card__link:hover .sab-search-card__image{transform:none}.sab-search__results .sab-search-card__badges--media{display:none}.sab-search__results .sab-search-card__badges--inline{display:inline-flex}.sab-search__results .sab-search-card__title{min-height:0}.sab-search__footer{margin-block-start:18px}.sab-search .sab-search__see-all{width:100%;padding-inline:16px}.sab-search__hint{display:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/sab-search.css.map */