.layout{flex-direction:column;gap:2em;max-width:110ch;margin:0 auto;padding-inline:2em;display:flex}.settingsContent{flex-direction:column;flex-grow:1;gap:.4em;display:flex}.layout>div:last-of-type{margin-block:2em}.settingsContent h3,p{text-align:left;margin:0}.settingsContent h3{letter-spacing:normal;font-weight:700}p{font-weight:500}hr{background-color:#fff;border:none;width:100%;height:1px;margin-block:1em}.settingsLoadingSpinner{z-index:1000;-webkit-backdrop-filter:blur(2px);align-items:center;width:100%;display:flex;position:fixed;top:0;bottom:0;left:0}.errorMessage{color:#dc3545}.successMessage{color:#28a745}.errorMessage,.successMessage{z-index:10;margin-top:.5rem;margin-bottom:.5rem;font-size:.875rem}.password-input-container{align-items:center;display:flex;position:relative}.password-input-container input{all:unset;border:1px solid #fff;border-radius:8px;flex-grow:1;gap:.1em;width:100%;height:fit-content;padding:1em 3em 1em 1.5em}.toggle-visibility{all:unset;cursor:pointer;align-items:center;padding:.5em;display:flex;position:absolute;right:1em}.toggle-visibility:hover{opacity:.8}@media screen and (min-width:900px){.layout{flex-direction:row;gap:8em}.layout>div:last-of-type{margin-block:117px}}
.settingsNavbar{flex-direction:column;flex:none;gap:1rem;width:22ch;display:flex}.settingsNavbar .logo{object-fit:contain;flex-shrink:1;width:100px;height:100px;position:relative}.settingsNavbar svg{transform:translateY(-1px)}.settingsNavbar div:nth-of-type(2){margin-bottom:2em}.settingsNavbar div:nth-of-type(2) svg{width:24px}.settingsNavbar div:nth-of-type(3){color:#fff9;flex-direction:column;gap:1.5em;font-weight:600;display:flex}.settingsNavbar a{align-items:center;gap:.5em;display:flex}.settingsTab.active,.settingsTab:hover{color:#fff}