header{width:100%;border-bottom:1px solid var(--border-color);box-sizing:border-box;color-scheme:dark;transition:all .15s cubic-bezier(.4,0,.2,1)}header .container{height:64px;display:flex;align-items:center;flex-direction:row;padding:0 24px;max-width:1400px;margin:0 auto;justify-content:space-between;box-sizing:border-box}@media only screen and (max-width:992px){header .container{padding:0 16px}}header .container .brand{display:flex;flex-direction:row;align-items:center;gap:8px;box-sizing:border-box}header .container .brand svg{width:24px;height:24px;fill:var(--text-color);transition:all .15s cubic-bezier(.4,0,.2,1)}header .container .brand span{font-size:16px;font-weight:500;line-height:24px;color:var(--text-color);transition:all .15s cubic-bezier(.4,0,.2,1)}header .container nav{display:flex;align-items:center;flex-direction:row;gap:16px;box-sizing:border-box}header .container nav input[type=search]{background-color:transparent;height:32px;border-radius:6px;padding:8px 12px;width:256px;border:1px solid var(--border-color);color:var(--text-color);font-weight:400;line-height:20px;font-size:14px;box-sizing:border-box;transition:all .15s cubic-bezier(.4,0,.2,1)}@media only screen and (max-width:992px){header .container nav input[type=search]{display:none}}header .container nav input[type=search]::placeholder{color:var(--placeholder-color);font-size:14px;transition:all .15s cubic-bezier(.4,0,.2,1)}header .container nav input[type=search]:focus-visible{outline-offset:2px;outline:2px solid var(--border-color)}header .container nav .theme-selector{width:32px;height:32px;background-color:transparent;border:none;padding:0;transition:all .15s cubic-bezier(.4,0,.2,1);border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center}header .container nav .theme-selector:hover{background-color:var(--icon-hover-color)}header .container nav .theme-selector svg{width:16px;height:16px;color:var(--text-color);fill:var(--text-color);transition:all .15s cubic-bezier(.4,0,.2,1)}header .container nav .theme-selector svg circle{fill:none}header .container nav .theme-selector svg.dark-icon{fill:none;stroke:var(--text-color)}header .container nav .button{border-radius:6px;padding:0 12px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;transition:all .15s cubic-bezier(.4,0,.2,1);height:32px;line-height:20px;font-size:14px;font-weight:500}header .container nav .button.login-button{color:var(--secondary-button-color);text-decoration:none;background-color:var(--secondary-button-background-color);border:1px solid var(--secondary-button-border-color)}@media only screen and (max-width:992px){header .container nav .button.login-button{display:none}}header .container nav .button.login-button:hover{background-color:var(--secondary-button-hover-color)}header .container nav .button.register-button{color:var(--primary-button-color);text-decoration:none;background-color:var(--primary-button-background-color)}@media only screen and (max-width:992px){header .container nav .button.register-button{display:none}}header .container nav .button.register-button:hover{background-color:var(--primary-button-hover-color)}header .container nav .search-mobile{display:none;width:32px;height:32px;background-color:transparent;border:none;padding:0;transition:all .15s cubic-bezier(.4,0,.2,1);border-radius:6px;cursor:pointer;align-items:center;justify-content:center}header .container nav .search-mobile:hover{background-color:var(--icon-hover-color)}header .container nav .search-mobile svg{color:var(--text-color);width:16px;height:16px;transition:all .15s cubic-bezier(.4,0,.2,1)}@media only screen and (max-width:992px){header .container nav .search-mobile{display:flex}}header .container nav .navigation-mobile{display:none;width:32px;height:32px;background-color:transparent;border:none;padding:0;transition:all .15s cubic-bezier(.4,0,.2,1);border-radius:6px;cursor:pointer;align-items:center;justify-content:center}header .container nav .navigation-mobile:hover{background-color:var(--icon-hover-color)}header .container nav .navigation-mobile svg{color:var(--text-color);width:16px;height:16px;transition:all .15s cubic-bezier(.4,0,.2,1)}@media only screen and (max-width:992px){header .container nav .navigation-mobile{display:flex}}