.motion-settings{display:none;max-width:min(100%,440px);background:#151823;color:#ece7db;border:1px solid #ffffff33;border-radius:8px;font-size:14px;line-height:1.6;color-scheme:dark;text-align:left}
html[data-motion-choice] .motion-settings{display:block}
.motion-settings summary{cursor:pointer;padding:10px 14px;overflow-wrap:anywhere}
.motion-settings summary span{display:inline-block;max-width:100%}
.motion-settings summary span:last-child{margin-left:12px;color:#d4bc92;font-size:12px}
.motion-settings>div{padding:4px 14px 14px}
.motion-settings label{display:block;margin-bottom:8px}
.motion-settings select{width:100%;max-width:100%;min-height:44px;padding:8px;color:#ece7db;background:#10121b;border:1px solid #ffffff55;font:inherit}
.motion-settings p{color:#b5b4bb;font-size:14px;line-height:1.6;margin:12px 0 0;overflow-wrap:anywhere}
html[data-motion-reduced=true],html[data-motion-reduced=true] *,html[data-motion-reduced=true] *::before,html[data-motion-reduced=true] *::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}
html[data-motion-reduced=true] :is(.comic-cover,.comic-cover-image img,.latest-card,.journal-card,.gallery-item img):hover{transform:none!important}
@media(prefers-reduced-motion:reduce){html,*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}:is(.comic-cover,.comic-cover-image img,.latest-card,.journal-card,.gallery-item img):hover{transform:none!important}}