.search-component{margin:0 auto}.search-component .search-wrapper.svelte-11styhg.svelte-11styhg{position:relative;min-height:50px;max-width:420px;margin:0 auto}.search-component .search-wrapper.svelte-11styhg .search.svelte-11styhg{width:50px;height:100%;background:#EEEEEE;position:absolute;top:0;right:0;overflow:hidden;-webkit-transition:all ease .3s;transition:all ease .3s}.search-component .search-wrapper .search.open{width:420px !important}.search-component .search-wrapper.svelte-11styhg .search.open .search-button .search-icon .svg-icon-search.svelte-11styhg{opacity:0}.search-component .search-wrapper.svelte-11styhg .search.open .search-button .search-icon .svg-icon-close.svelte-11styhg{opacity:1}.search-component .search-wrapper.svelte-11styhg .search .search-input.svelte-11styhg{width:100%;height:100%;box-shadow:none;border:none;background:transparent;color:#333333;padding:10px 0px 10px 10px;font-size:1.2rem;border:1px solid #333333;border-left:5px solid #333333}.search-component .search-wrapper.svelte-11styhg .search .search-button.svelte-11styhg{background:transparent;border:none;padding:0;margin:0;width:50px;height:100%;display:block;position:absolute;right:0;top:0;cursor:pointer}.search-component .search-wrapper.svelte-11styhg .search .search-button:hover .search-icon.svelte-11styhg{background-position:left bottom}.search-component .search-wrapper.svelte-11styhg .search .search-button .search-icon.svelte-11styhg{-webkit-transition:all ease .3s;transition:all ease .3s;background:-webkit-gradient(linear, right top, left top, color-stop(50%, #333333), color-stop(50%, #CCCCCC));background:linear-gradient(to left, #333333 50%, #CCCCCC 50%);background-size:201% 100%;background-position:right bottom;width:100%;height:100%;display:block;position:relative;transition:all ease .3s}.search-component .search-wrapper.svelte-11styhg .search .search-button .search-icon svg.svg-icon-search.svelte-11styhg,.search-component .search-wrapper.svelte-11styhg .search .search-button .search-icon svg.svg-icon-close.svelte-11styhg{position:absolute;-webkit-transform:translateY(-50%);transform:translateY(-50%);top:50%;left:0;right:0;margin:0 auto;width:35px}.search-component .search-wrapper.svelte-11styhg .search .search-button .search-icon .svg-icon-search.svelte-11styhg{fill:#fff;-webkit-transition:all ease .3s;transition:all ease .3s}.search-component .search-wrapper.svelte-11styhg .search .search-button .search-icon .svg-icon-close.svelte-11styhg{opacity:0;fill:#fff;-webkit-transition:all ease .3s;transition:all ease .3s}.search-component .search-wrapper.svelte-11styhg .search .search-button .search-icon:hover .svg-icon-search.svelte-11styhg{fill:#333333}.search-component .search-wrapper.svelte-11styhg .search .search-button .search-icon:hover .svg-icon-close.svelte-11styhg{fill:#333333}