.search-bar{position:absolute;top:0;left:0;width:100%;height:100%;padding:6px 20px;background-color:#f2efeb;opacity:0;visibility:hidden;transform:translateY(-20px);transition-property:opacity,visibility,transform;transition-timing-function:ease;transition-duration:.25s}.search-bar.is-shown{opacity:1;visibility:visible;transform:translateY(0)}.search-bar__overlay{position:absolute;top:100%;left:0;right:0;height:var(--window-dynamic-height,100svh);background-color:rgba(102,41,30,.5)}.search-bar__wrapper{position:relative;display:flex;justify-content:center;align-items:center;min-height:100%}.search-bar__content{display:flex;align-items:center;max-width:600px;width:100%}.search-bar__form{width:100%}.search-bar__close{padding:4px;display:flex;margin-left:16px}.search-bar__close:focus{outline:none}@media only screen and (min-width:1024px){.search-bar__wrapper{position:static;margin-left:37px}.search-bar__form{position:relative}.search-bar__close{margin-left:8px}}