:root{--search-icon-size: 20px;--search-transition: all .3s cubic-bezier(.4, 0, .2, 1)}.search-icon-wrapper{position:relative;display:flex;align-items:center;margin-right:.5rem;margin-left:.25rem}.search-toggle-btn{background:none;border:none;color:var(--text-primary);cursor:pointer;transition:var(--search-transition);padding:8px;display:flex;align-items:center;justify-content:center;border-radius:50%;position:relative;z-index:10;min-width:36px;min-height:36px}.search-toggle-btn svg{width:20px;height:20px;transition:var(--search-transition)}.search-toggle-btn:hover{background:rgba(var(--bs-primary-rgb, 13, 110, 253),.1);transform:scale(1.05)}.search-toggle-btn:active{transform:scale(.95)}.search-expandable-form{position:absolute;right:0;top:50%;transform:translateY(-50%);opacity:0;visibility:hidden;width:0;overflow:hidden;transition:var(--search-transition);z-index:100}.search-expandable-form.active{opacity:1;visibility:visible;width:250px}.search-form-expanded{width:100%;margin:0}.search-form-expanded .input-group{background:var(--bs-body-bg, #fff);border:1px solid var(--bs-border-color, #dee2e6);border-radius:25px;overflow:hidden;transition:var(--search-transition);box-shadow:0 2px 8px #0000001a;display:flex;align-items:stretch}.search-form-expanded .input-group:focus-within{border-color:var(--bs-primary, #0d6efd);box-shadow:0 0 0 3px rgba(var(--bs-primary-rgb, 13, 110, 253),.15)}.search-form-expanded .input-group-text{background:var(--bs-primary, #0d6efd);border:none;color:#fff;cursor:pointer;padding:8px 12px;transition:var(--search-transition);display:flex;align-items:center;justify-content:center}.search-form-expanded .input-group-text:hover{background:var(--bs-primary-dark, #0b5ed7)}.search-form-expanded .input-group-text svg{width:16px;height:16px}.search-form-expanded .form-control{background:transparent;border:none;outline:none;color:var(--bs-body-color, #212529);font-size:13px;padding:8px 12px;flex:1}.search-form-expanded .form-control::placeholder{color:var(--bs-secondary-color, #6c757d);opacity:.7}.search-form-expanded .form-control:focus{box-shadow:none;background:transparent}.btn-close-search{background:none;border:none;color:var(--bs-secondary-color, #6c757d);cursor:pointer;padding:8px 10px;transition:var(--search-transition);display:flex;align-items:center;justify-content:center}.btn-close-search svg{width:16px;height:16px}.btn-close-search:hover{color:var(--bs-danger, #dc3545);transform:rotate(90deg)}[data-theme=dark] .search-form-expanded .input-group{background:var(--bs-dark, #212529);border-color:var(--bs-border-color-translucent, rgba(255, 255, 255, .15));box-shadow:0 2px 8px #0000004d}[data-theme=dark] .search-form-expanded .input-group:focus-within{box-shadow:0 0 0 3px rgba(var(--bs-primary-rgb, 13, 110, 253),.25)}[data-theme=dark] .search-form-expanded .form-control{color:var(--bs-light, #f8f9fa)}[data-theme=dark] .search-toggle-btn:hover{background:#ffffff1a}@media (max-width: 991px){.search-expandable-form.active{width:280px}}@media (max-width: 768px){.search-expandable-form.active{width:240px}.search-form-expanded .form-control{font-size:13px;padding:8px 12px}.search-form-expanded .input-group-text{padding:8px 12px}.btn-close-search{padding:8px 10px}}@media (max-width: 576px){.search-expandable-form{position:fixed;right:0;left:0;top:70px;transform:none;padding:0 15px}.search-expandable-form.active{width:calc(100vw - 30px)}.search-form-expanded .input-group{border-radius:20px}}@media (prefers-reduced-motion: reduce){.search-expandable-form,.search-toggle-btn,.search-form-expanded .input-group-text,.btn-close-search{transition:none}}.search-toggle-btn:focus-visible{outline:2px solid var(--bs-primary, #0d6efd);outline-offset:2px}
/*# sourceMappingURL=/cdn/shop/t/2/assets/search-expandable-clean.css.map */