#secondary{display:flex;justify-content:flex-end;align-items:center}body.searchshown #secondary *{pointer-events:none;opacity:0;visibility:hidden}button#showsearch{cursor:pointer}button#closesearch,button#showsearch{height:64px;line-height:64px;min-width:64px;display:block;cursor:pointer;border:2px solid #fff;background-color:transparent;text-align:center;border-radius:50%}button#closesearch{background:#fff}button#closesearch:is(:hover,:focus-visible),button#showsearch:is(:hover,:focus-visible){border-color:var(--hover_blue);background:var(--hover_blue);color:#000}button#closesearch:focus-visible,button#showsearch:focus-visible{outline:3px solid #000;box-shadow:0 0 0 6px #fff}button#closesearch .icon,button#showsearch .icon{font-style:normal!important;display:block;margin:auto;width:32px;height:32px;line-height:32px}button#closesearch .icon:after,button#showsearch .icon:after{content:"\e80d";display:block;font-family:"esero";font-size:32px}button#closesearch .icon:after{content:"\e803"}#secondary button{position:relative}@media all and (max-width:1099.98px){#secondary{margin-left:auto}#secondary button{margin-left:12px}}@media all and (max-width:899.98px){button#closesearch,button#showsearch{height:60px;line-height:60px;min-width:60px}button#closesearch{margin-right:15px}button#closesearch .icon,button#showsearch .icon{width:28px;height:28px;line-height:28px}button#closesearch .icon:after,button#showsearch .icon:after{font-size:28px}}