.settings-container{display:flex;flex-wrap:wrap;gap:0;padding-bottom:1em;flex-direction:column;overflow:hidden}.settings-container .setting-item{border-radius:0;border-top:1px solid #ccc}.settings-container .setting-item:last-child{border-bottom:1px solid #ccc}.setting-item{display:flex;width:100%;padding:1.5em .5em;column-gap:20px;row-gap:10px;max-width:800px}.setting-info{flex:0 0 40%;max-width:40%}.setting-input{flex:1}.setting-full-width{flex:0 0 100%;max-width:100%}.setting-full-width>h2,.setting-info>h2,.setting-input>h3{font-size:var(--font-size-content);margin-top:0;color:var(--primary-header-color);margin-bottom:.5em}p{font-size:var(--font-size-content);color:var(--primary-text-color);margin-top:.5em}.upload-btn{display:inline-block;padding:.5em 1em;background-color:#f7f7f7;border:1px solid #ccc;cursor:pointer;border-radius:5px;margin-top:.75em;border-radius:.5em}.upload-btn:hover{background-color:#f0f0f0}.default-upload-btn{display:none}#comment-notification-frequency.frequency-selector{transition:all .3s ease}#comment-notification-frequency .frequency-label{display:block;font-size:var(--font-size-content);color:var(--primary-text-color);margin-bottom:8px;font-weight:500}#comment-notification-frequency .custom-select-wrapper{position:relative;display:inline-block;width:100%;max-width:200px}#comment-notification-frequency .custom-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:100%;padding:12px 40px 12px 16px;font-size:var(--font-size-content);font-family:inherit;border:2px solid #e1e5e9;border-radius:8px;background-color:#fff;color:var(--primary-text-color);cursor:pointer;transition:all .2s ease}#comment-notification-frequency .custom-select:hover{border-color:#c3c8cd;box-shadow:0 2px 6px rgba(0,0,0,.15)}#comment-notification-frequency .custom-select:focus{outline:0;border-color:#007bff;box-shadow:0 0 0 3px rgba(0,123,255,.1)}#comment-notification-frequency .select-arrow{position:absolute;top:50%;right:16px;transform:translateY(-50%);pointer-events:none;color:#6c757d;transition:transform .2s ease}#comment-notification-frequency .custom-select:focus+.select-arrow{transform:translateY(-50%) rotate(180deg)}