@keyframes rotate{to{transform:rotate(1turn)}}@layer components{.search-ribbon{margin-block:1rem;container-type:inline-size}.search-ribbon__content{padding:2rem 1rem}@media only screen and (min-width: 1024px){.search-ribbon__content{display:grid;grid-template-columns:1fr 3fr;gap:1rem 3rem;align-items:center;padding:2rem 3rem}.search-ribbon__title{position:relative;margin-bottom:0}.search-ribbon__title:after{content:"";position:absolute;right:-1.5rem;top:0;bottom:0;border-left:1px solid var(--theme-border-dark)}}.search-ribbon__text-wrapper{display:flex;flex-wrap:wrap;gap:var(--gapSize);align-items:center}@media screen and (max-width: 1023px){.search-ribbon__text-wrapper{margin-bottom:1rem}}.search-ribbon__text{flex-grow:1;margin-bottom:0}@media only screen and (min-width: 1024px){.search-ribbon__text{flex-basis:50%;min-width:400px}}.search-ribbon__search{flex-basis:33%;flex-grow:1;position:relative}.search-ribbon__search-input{width:100%;padding:1rem;outline:none}.search-ribbon__search-wrapper{display:flex}.search-ribbon__search-wrapper:has(:focus-within){outline:2px solid var(--theme-focus-ring)}.search-ribbon__search-wrapper form{flex-grow:1}.search-ribbon__search-submit{background-color:#fff;padding:1rem}.search-ribbon__title{color:var(--theme-info-dark)}.search-ribbon__logo{max-width:300px;display:block}@media screen and (max-width: 1023px){.search-ribbon__logo{margin-bottom:1rem}}.search-ribbon__logo path{transition:fill .3s}.search-ribbon__logo:hover path{fill:var(--theme-accent)}.search-ribbon .button{flex-grow:1}.search-ribbon .button-group{flex-basis:33%;flex-grow:1;margin-bottom:0}.search-ribbon .link{grid-column:2;justify-self:flex-end}}