.SearchBar{--search-bar-width:56.7rem;--search-bar-height:6.7rem;--search-bar-submit-button-size:4.7rem;--search-bar-padding-left:calc(var(--search-bar-height)/2);position:relative}.OverlayMenu .SearchBar{--search-bar-width:30rem;--search-bar-height:5rem;--search-bar-submit-button-size:4rem;align-self:center;height:5rem;height:var(--search-bar-height);width:30rem;width:var(--search-bar-width)}.SearchBar .SearchBar__input{position:relative}.SearchBar .SearchBar__input:focus-visible:after{border-radius:2px;content:"";height:100%;left:0;outline:3px solid var(--color-a11y-focus);outline-offset:0;position:absolute;top:0;width:100%}.SearchBar .SearchBar__input{background:transparent;border:0;color:var(--color-secondary);height:100%;opacity:0;outline:0;padding:var(--spacing) var(--spacing-md);width:100%}.OverlayMenu .SearchBar .SearchBar__input{padding:var(--spacing)}.SearchBar .SearchBar__input:focus{box-shadow:none;outline:0}.SearchBar.search-bar-is-open .SearchBar__input{opacity:1}.SearchBar.search-bar-is-open-enter-active .SearchBar__input{transition:opacity .35s ease-in .5s}.SearchBar.search-bar-is-open-leave-active .SearchBar__input{transition:opacity .1s var(--ease-smooth)}.SearchBar__field{display:flex;height:var(--search-bar-height);width:var(--search-bar-width);z-index:1}.SearchBar__field:not(.OverlayMenu .SearchBar__field){opacity:0;position:absolute;right:0;top:50%;transform:translate(2.275rem,-50%) scale(.75);transform-origin:calc(100% - 3.35rem)}.search-bar-is-open .SearchBar__field:not(.OverlayMenu .SearchBar__field){opacity:1;transform:translate(2.275rem,-50%) scale(1)}.search-bar-is-open-enter-active .SearchBar__field{transition:opacity .25s .1s var(--ease-smooth),transform .25s .1s var(--ease-smooth)}.search-bar-is-open-leave-active .SearchBar__field{transition:opacity .25s .7s var(--ease-smooth),transform .25s .7s var(--ease-smooth)}.SearchBar__field-background{display:flex;position:absolute;right:0}.OverlayMenu .SearchBar__field-background{height:100%;width:100%}.SearchBar__field-background:after,.SearchBar__field-background:before{background:var(--color-white);content:"";flex-shrink:0;height:var(--search-bar-height);width:calc(var(--search-bar-height)/2)}.SearchBar__field-background:before{border-radius:var(--search-bar-height) 0 0 var(--search-bar-height)}.SearchBar__field-background:after{border-radius:0 var(--search-bar-height) var(--search-bar-height) 0}.search-bar-is-open .SearchBar__field-background:not(.OverlayMenu .SearchBar__field-background):before{transform:translateX(-50rem)}.search-bar-is-open-enter-active .SearchBar__field-background:before{transition:transform .25s .5s var(--ease-smooth)}.search-bar-is-open-leave-active .SearchBar__field-background:before{transition:transform .35s var(--ease-smooth)}.SearchBar__field-background-inner{background:var(--color-white);height:100%;transform:scaleX(0);transform-origin:right;width:100%}.SearchBar__field-background-inner:not(.OverlayMenu .SearchBar__field-background-inner){position:absolute;right:50%;width:calc(var(--search-bar-width) - var(--search-bar-height) + 1px)}.search-bar-is-open .SearchBar__field-background-inner{transform:scaleX(1)}.search-bar-is-open-enter-active .SearchBar__field-background-inner{transition:transform .25s .5s var(--ease-smooth)}.search-bar-is-open-leave-active .SearchBar__field-background-inner{transition:transform .35s var(--ease-smooth)}.SearchBar__field-inner{padding-left:var(--search-bar-padding-left);padding-right:var(--search-bar-height);position:relative;width:100%}.SearchBar__submit-button{border-radius:100%;height:var(--search-bar-submit-button-size);width:var(--search-bar-submit-button-size)}.SearchBar__submit-button:focus-visible{border-radius:var(--search-bar-submit-button-size);outline:3px solid var(--color-a11y-focus);outline-offset:0}.SearchBar__submit-button{background:var(--color-primary);border:0;color:var(--color-white);position:absolute;right:0;top:50%;transform:translate(-1.075rem,-50%)}.OverlayMenu .SearchBar__submit-button{transform:translate(-.5rem,-50%)}.SearchBar__toggle:focus-visible{border-radius:2px;outline:3px solid var(--color-a11y-focus);outline-offset:3px}.SearchBar__toggle{display:flex;z-index:0}.SearchBar__toggle:hover{cursor:pointer}.OverlayMenu .SearchBar__toggle{display:none!important}.SearchBar__toggle--is-open{position:relative}.SearchBar__toggle--is-open:focus-visible:after{border-radius:2px;content:"";height:100%;left:0;outline:3px solid var(--color-a11y-focus);outline-offset:0;position:absolute;top:0;width:100%}.SearchBar__toggle--is-open:focus-visible{opacity:1!important;transform:none!important}.SearchBar__toggle--is-open:focus-visible:after{background:var(--color-white);content:"Close Search Bar";height:-moz-max-content;height:max-content;padding:0 var(--spacing-xs);transform:translate(var(--search-bar-height),calc((var(--search-bar-height)/2)*-1));width:-moz-max-content;width:max-content}.SearchBar__toggle .search-bar-is-open-enter-active,.SearchBar__toggle .search-bar-is-open-leave-active,.search-bar-is-open .SearchBar__toggle{opacity:0;transform:scale(.69767)}.search-bar-is-open-enter-active .SearchBar__toggle{transition:opacity .25s .1s var(--ease-smooth),transform .1s ease-in}.search-bar-is-open-leave-active .SearchBar__toggle{transition:opacity .25s .7s var(--ease-smooth),transform .1s .8s ease-in}.SearchBar__submit-icon,.SearchBar__toggle-icon{display:inline-block;height:auto}.SearchBar__toggle-icon{color:var(--color-secondary);width:2.15rem}.SearchBar__submit-icon{width:1.5rem}.search-bar-is-open:not(.OverlayMenu .search-bar-is-open){transform:translateX(calc(var(--search-bar-translate-amount)*-1))}.search-bar-is-open-enter-active,.search-bar-is-open-leave-active{transition:transform .4s cubic-bezier(.51,.23,.12,.75) .35s}