.ds-expandable-search{--expandible-search-box-border-radius:var(--expanded-border-radius,0);--expandible-search-input-max-width:560px}.ds-expandable-search__inner{display:inline-block;position:relative}.ds-expandable-search.is-expanded .expandable-search-form{opacity:1;transform:translate(0);visibility:visible}.ds-expandable-search .expand-search:focus-visible+.expandable-search-form{max-width:100vw;opacity:1;visibility:visible}.ds-expandable-search .expandable-search-form{opacity:0;position:absolute;right:0;top:calc(100% + 15px);transform:translateY(-50%);transition:all .3s ease;visibility:hidden;z-index:9}.ds-expandable-search .input-wrap{align-items:center;background-color:#fff;border-radius:var(--expandible-search-box-border-radius);display:flex;filter:drop-shadow(0 2px 8px rgba(2,20,25,.25));gap:15px;max-width:var(--expandible-search-input-max-width);padding:10px;position:relative;width:100vw}.ds-expandable-search .input-wrap:before{background:#fff;border-radius:2px;content:"";display:block;height:25px;position:absolute;right:0;top:0;transform:translate(-30%,-20%) rotate(45deg);width:25px;z-index:-1}.ds-expandable-search .input-wrap .search-input{background-color:transparent;border-color:transparent}.ds-expandable-search .input-wrap button{flex:1}@media(max-width:767px){.ds-expandable-search__inner{position:static}.ds-expandable-search .input-wrap{max-width:90vw}.ds-expandable-search .input-wrap:before{display:none}.ds-expandable-search .expandable-search-form{left:auto;right:0;transform:translateY(50%)}.ds-expandable-search.is-expanded .expandable-search-form{transform:translate(0)}}