.motion-settings{max-width:1180px;margin:0 auto 34px;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid rgba(105,190,245,.13);border-radius:18px;background:rgba(7,18,29,.66);color:#8ea5b8}.motion-settings>div:first-child{display:grid;gap:3px}.motion-settings strong{color:#dcecf7;font-size:13px}.motion-settings span{font-size:11px;line-height:1.4}.motion-settings__buttons{display:flex;gap:6px}.motion-settings__buttons button{min-width:58px;min-height:34px;padding:0 10px;border-radius:10px;border:1px solid rgba(103,190,245,.14);background:rgba(10,26,40,.72);color:#7f98aa;font:700 11px/1 system-ui,sans-serif;cursor:pointer}.motion-settings__buttons button.is-active{color:#07121c;background:linear-gradient(125deg,#69e5ff,#3db7ff 65%,#ffd861 180%);border-color:transparent}.motion-settings__buttons button:hover{border-color:rgba(103,210,255,.34);color:#eaf8ff}.motion-settings__buttons button.is-active:hover{color:#07121c}
html[data-motion="low"] .motion-settings,html[data-motion="off"] .motion-settings{backdrop-filter:none}
@media(max-width:620px){.motion-settings{margin:0 12px 24px;padding:14px;align-items:flex-start;flex-direction:column;border-radius:16px}.motion-settings__buttons{width:100%;display:grid;grid-template-columns:repeat(3,1fr)}.motion-settings__buttons button{width:100%;min-width:0}.motion-settings span{max-width:260px}}