.search-bar-container{width:var(--width);display:flex;align-items:center;margin:0 auto;position:relative;min-width:400px}.search-bar-container input{border:none;padding:10px 45px;border-radius:8px;width:100%;background-color:var(--background-color);transition:max-width .3s,box-shadow .3s}.search-bar-container svg{position:absolute;left:14px}.search-bar-container input:focus{outline-color:var(--gold)}.search-bar-container .searchbar-cross:hover{--color:var(--gold)!important}.search-bar-container .searchbar-cross{left:unset;right:14px;transition:right .3s}@media (max-width:1200px){.search-bar-container{min-width:70%;width:100%;max-width:var(--container-width);left:auto}.search-bar-container input{max-width:70%}.search-bar-container.pinned .searchbar-cross{right:14px}.search-bar-container.pinned input{max-width:100%}.sticky-searchbar-container .search-bar-container .searchbar-cross{right:calc(15% + 14px);left:unset}.search-bar-container input{max-width:100%}.search-bar-container svg,.sticky-searchbar-container .search-bar-container svg{left:10px}}@media (max-width:576px){.search-bar-container .searchbar-cross{right:20px!important}.search-bar-container input{max-width:100%;padding-left:40px}.sticky-searchbar-container .search-bar-container svg{left:14px}}.new-searchbar-container{max-width:var(--max-width);width:var(--max-width);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.new-searchbar-container label{font-size:.8rem;font-family:Outfit!important;margin-bottom:5px;display:block;font-weight:500!important}.new-searchbar{width:100%;border-radius:14px;border:1px solid var(--color-light-grey);padding:14px 16px;display:flex;align-items:center;gap:8px}.new-searchbar input:focus-visible{outline:none}.new-searchbar input{font-size:.8rem;width:100%;border:none}.new-searchbar:focus-within{border-color:var(--color-brand-primary)}.new-searchbar::placeholder{font-size:.8rem;color:var(--color-light-grey)}.sticky-searchbar-container.pinned{box-shadow:0 8px 15px rgba(0,0,0,.2)}.sticky-searchbar-container{position:-webkit-sticky;position:sticky;top:var(--top);right:0;left:0;z-index:100;display:flex;justify-content:center;align-items:center;flex-direction:row;margin:0 auto;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;transition:top .3s,box-shadow .3s;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:100%;padding:10px 20px;gap:15px;border-bottom-left-radius:20px;border-bottom-right-radius:20px;background-color:var(--creamy-white)}.sticky-searchbar-container .search-bar-container{max-width:calc(100% - 0px);width:400px;margin:0;display:flex;justify-content:center}.filtre-article-button{display:flex;flex-direction:column;margin:auto 0;height:40px}.searchbar-filter-container *{cursor:pointer}.searchbar-filter-container{cursor:pointer;display:flex;gap:5px;align-items:center}.searchbar-filter-label{margin-right:5px;font-size:1rem;color:var(--blue)}.searchbar-filter-select{font-size:1rem;padding:3px 5px;border:2px solid var(--blue);border-radius:5px;background-color:var(--white);color:var(--blue)}.add-news-button{margin-top:20px}@media (max-width:1200px){.sticky-searchbar-container{margin-bottom:0;flex-direction:column;gap:10px}}@media (max-width:576px){.sticky-searchbar-container{transform:none;left:unset;padding:10px;margin:0 auto}.searchbar-filter-container{flex-direction:column}}.text-hr-container{width:100%;display:flex;justify-content:center;align-items:center;position:relative;font-family:Outfit;font-weight:700}.text-hr-id{position:absolute;top:-20px}.text-hr-side{position:absolute;width:100%;height:3px;border-radius:3px;margin-right:20px;background:linear-gradient(90deg,var(--colors) 100%);transform:rotate(180deg)}.text-hr-content{display:flex;flex-wrap:wrap;z-index:2;width:100%;max-width:calc(80% - 20px);min-width:-webkit-min-content;min-width:min-content;justify-content:center;background-color:var(--color-default-background);padding:0 10px}.text-hr-content,.text-hr-content span{font-weight:inherit;font-family:inherit;font-style:inherit}.text-hr-content span{text-transform:uppercase;font-size:var(--font-size)}@media (max-width:992px){.text-hr-container{--font-size-factor:0.95}.text-hr-content span{font-size:calc(var(--font-size) * var(--font-size-factor))}.text-hr-side{height:2.5px}}@media (max-width:768px){.text-hr-container{--font-size-factor:0.85}.text-hr-content{padding:0 8px}.text-hr-side{height:2px}}@media (max-width:576px){.text-hr-container{--font-size-factor:0.7}.text-hr-content{padding:0 6px;max-width:calc(90% - 12px)}.text-hr-side{height:1.5px}}