.motion-settings{position:relative;flex:0 0 44px;color:#2d2d2b;font-size:14px;line-height:1.4}
.motion-settings>summary{display:flex;align-items:center;justify-content:center;gap:10px;min-height:44px;width:44px;border:1px solid #d6d0c5;border-radius:6px;background:#fff;cursor:pointer;list-style:none}
.motion-settings>summary::-webkit-details-marker{display:none}
.motion-settings>summary>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.motion-settings>summary svg{width:20px;height:20px;flex-shrink:0}
.motion-settings-panel{position:absolute;right:0;top:calc(100% + 10px);width:240px;max-width:calc(100vw - 32px);padding:12px;background:#fff;border:1px solid #d6d0c5;border-radius:6px;box-shadow:0 8px 24px #0002;z-index:40}
.motion-settings-panel label{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px;cursor:pointer}
.motion-settings-panel label>span{min-width:0;overflow-wrap:anywhere}
.motion-settings input{appearance:none;flex:0 0 44px;width:44px;height:26px;margin:0;border:1px solid #8b8986;border-radius:20px;background:#777571;position:relative;cursor:pointer}
.motion-settings input:before{content:'';position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff}
.motion-settings input:checked{background:#b33408;border-color:#b33408}
.motion-settings input:checked:before{left:21px}
.motion-settings :focus-visible{outline:3px solid #14696f;outline-offset:4px}
html[data-sunshine-motion="reduce"]{scroll-behavior:auto!important}
html[data-sunshine-motion="reduce"] *,html[data-sunshine-motion="reduce"] *:before,html[data-sunshine-motion="reduce"] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
html[data-sunshine-motion="reduce"] .campaign-motion{display:none!important}
@media(max-width:800px){
  .motion-settings{grid-column:1/-1;flex-basis:auto;border-top:1px solid #dedbd5;margin-top:12px;padding-top:8px}
  .motion-settings>summary{justify-content:flex-start;width:100%;border:0;padding:8px 14px}
  .motion-settings>summary>span{position:static;width:auto;height:auto;overflow:visible;clip-path:none}
  .motion-settings-panel{position:static;width:auto;max-width:none;padding:0 14px 8px;border:0;box-shadow:none}
}
@media(forced-colors:active){.motion-settings input:checked{background:Highlight}.motion-settings input:before{background:CanvasText}}