.clerk-search-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease,visibility 0s linear .3s}.clerk-search-overlay--open{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .3s ease,visibility 0s linear 0s}.clerk-search-overlay__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);transition:background .3s ease,backdrop-filter .3s ease;pointer-events:none}.clerk-search-overlay--expanded .clerk-search-overlay__backdrop{background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto}.clerk-search-overlay__bar{position:absolute;top:0;left:0;right:0;height:104px;background:var(--color-container-primary, #ffffff);z-index:2;transform:translateY(-100%);transition:transform .3s ease}@media (min-width: 1280px){.clerk-search-overlay__bar{height:108px}}.clerk-search-overlay--open .clerk-search-overlay__bar{transform:translateY(0)}.clerk-search-overlay__bar-inner{display:flex;align-items:center;gap:16px;padding:36px 12px 24px;position:relative}@media (min-width: 1280px){.clerk-search-overlay__bar-inner{padding:36px 24px 24px}}.clerk-search-overlay__bar-inner:after{content:"";position:absolute;bottom:24px;left:12px;right:12px;height:1px;background:var(--color-border-secondary);transition:background .2s ease}@media (min-width: 1280px){.clerk-search-overlay__bar-inner:after{left:24px;right:24px}}.clerk-search-overlay__bar-inner--active:after{background:var(--color-text-primary)}.clerk-search-form{flex:1;display:flex;align-items:center;gap:12px}.clerk-search-form__input-wrapper{flex:1;position:relative;display:flex;align-items:center}.clerk-search-form__input{width:100%;border:none;outline:none;padding:12px 40px 12px 0;font-size:16px;background:transparent;color:var(--color-text-primary)}.clerk-search-form__input::placeholder{color:var(--color-text-secondary)}.clerk-search-form__submit{background:none;border:none;padding:8px;cursor:pointer;color:var(--color-text-primary);transition:opacity .2s ease}.clerk-search-form__submit:hover{opacity:.7}.clerk-search-overlay__close{background:none;border:none;padding:8px 0 8px 8px;cursor:pointer;color:var(--color-text-primary);transition:opacity .2s ease}.clerk-search-overlay__close:hover{opacity:.7}.clerk-search-overlay__close .icon-cancel{width:20px;height:20px}.clerk-search-overlay__content{position:absolute;top:104px;left:0;right:0;bottom:0;background:var(--color-container-primary, #ffffff);overflow:hidden;z-index:1;max-height:0;opacity:0;transition:max-height .3s ease,opacity .3s ease}@media (min-width: 1280px){.clerk-search-overlay__content{top:108px}}.clerk-search-overlay--expanded .clerk-search-overlay__content{max-height:calc(100vh - 104px);opacity:1}@media (min-width: 1280px){.clerk-search-overlay--expanded .clerk-search-overlay__content{max-height:calc(100vh - 108px)}}.clerk-search-overlay__content-inner{height:100%;overflow-y:auto;padding:0 12px 12px}@media (min-width: 1280px){.clerk-search-overlay__content-inner{padding:0 24px 24px}}.clerk-search-overlay__grid{display:grid;column-gap:12px;row-gap:0px}@media (max-width: 768px){.clerk-search-overlay__grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 769px) and (max-width: 1279px){.clerk-search-overlay__grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1280px){.clerk-search-overlay__grid{grid-template-columns:repeat(4,1fr);column-gap:8px;row-gap:0px}}.clerk-search-overlay__no-results{text-align:center;padding:60px 24px}.clerk-search-overlay__no-results .ds-h03{margin:0}.clerk-search-overlay__grid .slider__arrows{display:none!important}body.clerk-search-open{overflow:hidden}
/*# sourceMappingURL=/cdn/shop/t/143/assets/clerk-search-overlay.css.map */