.sp-search{background:#f9f8f6f0;-webkit-backdrop-filter:blur(22px) saturate(140%);backdrop-filter:blur(22px) saturate(140%)}.sp-search__in{max-width:880px;padding:clamp(28px,11vh,120px) clamp(18px,4vw,32px) 80px;transform:translateY(-10px);transition:transform .45s var(--sp-e)}.sp-search.is-open .sp-search__in{transform:none}body .sp-search .sp-search__bar{position:relative;display:flex;align-items:center;gap:14px;border:0;border-bottom:1px solid #d6dbdf;padding:0 0 4px}body .sp-search .sp-search__bar:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--sdn-teal);transform:scaleX(0);transform-origin:left;transition:transform .45s var(--sp-e)}body .sp-search .sp-search__bar:focus-within:after{transform:scaleX(1)}.sp-search__ico{flex:0 0 auto;width:28px;height:28px;color:#8a949c;transition:color .3s}.sp-search__bar:focus-within .sp-search__ico{color:var(--sdn-teal)}body .sp-search .sp-search__bar input{border:0;outline:0;box-shadow:none;border-radius:0;background:transparent;font-size:clamp(26px,3.6vw,42px);letter-spacing:-.005em;padding:12px 0;-webkit-appearance:none;appearance:none}body .sp-search .sp-search__bar input:focus,body .sp-search .sp-search__bar input:focus-visible{outline:0;box-shadow:none;border-radius:0}.sp-search__bar input::-webkit-search-cancel-button{display:none}.sp-search__bar input::placeholder{color:#a4acb3;font-style:italic}body .sp-search .sp-x{flex:0 0 auto;width:38px;height:38px;padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;color:#59626a;background:#23282d0d;transition:background-color .25s,color .25s,transform .35s var(--sp-e)}body .sp-search .sp-x:hover{background:var(--sdn-dark);color:#fff;transform:rotate(90deg)}.sp-search__body{margin-top:34px}.sp-search h4{margin-bottom:14px;font-size:11px;letter-spacing:.2em;color:#8a949c}body .sp-search .sp-chips{justify-content:flex-start;gap:10px}body .sp-search .sp-chip{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;font-size:14px;background:#fff;border:1px solid #e1e5e8;box-shadow:0 1px 2px #23282d0a;transition:background-color .25s,color .25s,border-color .25s,transform .25s var(--sp-e),box-shadow .25s}body .sp-search .sp-chip:hover,body .sp-search .sp-chip:focus-visible{background:var(--sdn-dark);border-color:var(--sdn-dark);color:#fff;transform:translateY(-2px);box-shadow:0 10px 20px -12px #23282d80}.sp-search__sec .sp-chips .sp-chip:before{content:"";width:13px;height:13px;flex:0 0 13px;opacity:.55;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-4-4'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-4-4'/%3E%3C/svg%3E") center/contain no-repeat}.sp-search__prods{gap:18px}.sp-sp img{border-radius:16px;background:#fff;box-shadow:0 1px 2px #23282d0d,0 10px 24px -16px #23282d33;transition:transform .35s var(--sp-e),box-shadow .35s var(--sp-e)}.sp-sp:hover img{transform:translateY(-4px);box-shadow:0 14px 30px -16px #23282d59}@media(prefers-reduced-motion:no-preference){.sp-search.is-open .sp-search__sec{animation:sp-pane .5s var(--sp-e) both}.sp-search.is-open .sp-search__sec:nth-child(2){animation-delay:.07s}.sp-search.is-open .sp-search__sec:nth-child(3){animation-delay:.14s}.sp-search.is-open .sp-chip{animation:sp-pane .45s var(--sp-e) both}.sp-search.is-open .sp-chip:nth-child(2){animation-delay:.04s}.sp-search.is-open .sp-chip:nth-child(3){animation-delay:.08s}.sp-search.is-open .sp-chip:nth-child(4){animation-delay:.12s}.sp-search.is-open .sp-chip:nth-child(5){animation-delay:.16s}.sp-search.is-open .sp-chip:nth-child(6){animation-delay:.2s}}@media(max-width:560px){.sp-search__ico{width:22px;height:22px}body .sp-search .sp-chip{padding:9px 14px;font-size:13px}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/sdn-search.css.map */