.bubble-popup--top-right{inset:calc(var(--space-xs) + env(safe-area-inset-top,0px)) calc(var(--space-xs) + env(safe-area-inset-right,0px)) auto auto;width:min(var(--bubble-width, 30rem),100vw - 2 * var(--space-xs));max-height:calc(100dvh - 2 * var(--space-xs))}.search-bubble[open]{display:flex;flex-direction:column;container-type:inline-size;color:var(--color-rock);font-family:var(--font-body)}.search-bubble svg{flex:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}.search-bubble__bar{display:flex;align-items:center;gap:var(--space-xs);margin:0;padding:var(--space-2xs) var(--space-2xs) var(--space-2xs) var(--space-sm);border-bottom:1px solid var(--color-rock-08)}.search-bubble__bar>svg{width:1.25rem;height:1.25rem}.search-bubble .search-bubble__input{flex:1;min-width:0;height:2.75rem;padding:0;border:0;background:none;color:inherit;font-family:var(--font-heading);font-size:var(--text-xl);outline:none}.search-bubble__input::placeholder{color:inherit;opacity:.45}.search-bubble__input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.search-bubble__clear,.search-bubble__heading button{padding:0;border:0;background:none;color:inherit;font:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.search-bubble__clear{padding-inline:var(--space-2xs);font-size:var(--text-xs);letter-spacing:var(--tracking-caps);text-transform:uppercase}.search-bubble__clear[hidden]{display:none}.search-bubble__close{display:grid;place-items:center;width:2.5rem;height:2.5rem;padding:0;border:0;border-radius:50%;background:color-mix(in srgb,var(--color-sand-deep) 82%,transparent);box-shadow:0 0 0 1px var(--color-rock-08);color:inherit;cursor:pointer}.search-bubble__close svg{width:1.25rem;height:1.25rem}.search-bubble__body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:var(--space-sm) var(--space-sm) var(--space-md)}.search-bubble__start,.search-bubble__typing{display:grid;gap:var(--space-md);align-content:start}:is(.search-bubble__start,.search-bubble__typing,.search-bubble__section)[hidden]{display:none}.search-bubble__section{display:grid;gap:var(--space-xs);min-width:0}.search-bubble__heading{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-xs);font-size:var(--text-xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;opacity:.7}.search-bubble__chips{display:flex;flex-wrap:wrap;gap:var(--space-3xs)}.search-bubble__chips button{padding:.4rem var(--space-sm);border:1px solid var(--color-rock);border-radius:var(--radius-pill);background:none;color:var(--color-rock);font:inherit;font-size:var(--text-xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;cursor:pointer;transition:background-color var(--duration-base),color var(--duration-base)}.search-bubble__chips button:hover{background:var(--color-rock);color:var(--color-sand)}.search-bubble__links{display:grid}.search-bubble__links a{display:flex;justify-content:space-between;align-items:baseline;padding:var(--space-2xs) 0;border-bottom:1px dotted var(--color-rock-60);color:inherit;font-family:var(--font-heading);font-size:var(--text-lg);text-decoration:none}.search-bubble__links span{font-family:var(--font-body);font-size:var(--text-sm);transition:transform var(--duration-base) var(--ease-out)}.search-bubble__links a:hover span{transform:translate(4px)}.search-bubble__minis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px}.search-mini{display:grid;gap:4px;align-content:start;min-width:0;color:inherit;font-size:var(--text-2xs);letter-spacing:var(--tracking-caps);text-decoration:none;text-transform:uppercase}.search-mini img,.search-mini svg{display:block;width:100%;aspect-ratio:2 / 3;object-fit:cover}.search-mini__text{display:grid;gap:2px;padding-right:4px}.search-mini__text span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-bubble__foot{padding:var(--space-xs) var(--space-sm) var(--space-sm);border-top:1px solid var(--color-rock-08)}.search-bubble__foot[hidden]{display:none}.search-bubble .search-bubble__all{justify-content:space-between;width:100%}@container (max-width: 26rem){.search-bubble .search-bubble__input{font-size:var(--text-lg)}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/search-bubble.css.map */