.settings-category{position:relative;isolation:isolate;transition:border-color .3s,box-shadow .3s}
.settings-category-heading{margin:0;font-size:16px;font-weight:700}
.settings-category-label{flex:1;min-width:0}
.settings-category-symbol{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:12px;background:#a874d70b;color:#c7a4ec}
.settings-category-symbol svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 5px #9f60db25)}
.settings-category-toggle{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;min-height:72px;padding:22px 24px;border:0;border-radius:inherit;text-align:left;color:#eee6f6;background:transparent;font:inherit;cursor:pointer;overflow:hidden}
.settings-category-toggle::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent,#a16bd515,transparent);opacity:0;transform:translateX(-35%);transition:opacity .35s,transform .5s;pointer-events:none}
.settings-category.is-expanded{border-color:#b592df65;box-shadow:0 0 22px #8b56bf0d}
.settings-category.is-expanded .settings-category-toggle::after{opacity:1;transform:translateX(0)}
.settings-category-toggle:hover{background:#a887cc08}
.settings-category-toggle:focus-visible{outline:2px solid #c9a6ed;outline-offset:-4px}
.settings-category-chevron{width:24px;height:24px;flex:0 0 24px;color:#a78abb;transition:transform .38s cubic-bezier(.22,.8,.22,1),color .3s}
.settings-category-chevron svg{display:block;width:100%;height:100%}
.settings-category.is-expanded .settings-category-chevron{transform:rotate(180deg);color:#d6b6f5}
.settings-category-panel{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .4s cubic-bezier(.22,.8,.22,1),opacity .28s ease}
.settings-category.is-expanded .settings-category-panel{grid-template-rows:1fr;opacity:1}
.settings-category-clip{min-height:0;overflow:hidden}
.settings-category-body{transform:translateY(-7px);transition:transform .4s cubic-bezier(.22,.8,.22,1);padding-bottom:4px}
.settings-category.is-expanded .settings-category-body{transform:translateY(0)}
.settings-category-note{margin:0;padding:0 24px 18px;color:#b7a9c2;font-size:12px;line-height:1.7}
@media(max-width:600px){.settings-category-toggle{min-height:64px;padding:19px 17px}.settings-category-heading{font-size:15px}.settings-category-note{padding:0 17px 16px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.settings-category,.settings-category-toggle::after,.settings-category-chevron,.settings-category-panel,.settings-category-body{transition:none}.settings-category-body{transform:none}}