/* A real pull interaction, with a keyboard/tap equivalent. */
body #light-switch.light-pull{--pull-distance:0px;position:fixed;top:var(--cord-top,80px);right:18px;bottom:auto;z-index:40;width:48px;height:114px;min-height:0;max-width:none;padding:0;margin:0;display:block;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;overflow:visible;transition:opacity .2s;opacity:.8}
body #light-switch.light-pull:hover,body #light-switch.light-pull:focus-visible{background:transparent;box-shadow:none;opacity:1}
body #light-switch.light-pull:focus-visible{outline:1px dashed #c68698;outline-offset:3px;border-radius:8px}
.light-pull .light-cord{position:absolute;top:0;left:23px;width:2px;height:calc(72px + var(--pull-distance));background:repeating-linear-gradient(180deg,#d7c3a4 0 2px,#756049 2px 4px);box-shadow:1px 0 2px #000b;transform-origin:top center;transition:height .38s cubic-bezier(.22,1.5,.5,1)}
.light-pull .light-grip{position:absolute;top:calc(68px + var(--pull-distance));left:18px;width:12px;height:26px;border:1px solid #b7a486;border-radius:5px 5px 8px 8px;background:linear-gradient(90deg,#50473c,#d4c2a4 40%,#82705a 75%,#40352b);box-shadow:1px 4px 7px #0009;transition:top .38s cubic-bezier(.22,1.5,.5,1),box-shadow .3s}
.light-pull .light-grip:after{content:'';position:absolute;left:3px;right:3px;bottom:4px;height:2px;background:#ebd2a6;border-radius:2px;box-shadow:0 0 7px #ffcf8566}
.lights-out .light-pull .light-grip:after{background:#cf3558;box-shadow:0 0 7px #e8345b88}
body #light-switch.light-pull.pulling{cursor:grabbing;opacity:1}
.light-pull.pulling :is(.light-cord,.light-grip){transition:none}
.light-pull .cord-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
body:has(#moon-adviser-panel:not([hidden])) #light-switch.light-pull{visibility:hidden;pointer-events:none}
@media(max-width:680px){body #light-switch.light-pull{right:10px;height:100px}.light-pull .light-cord{height:calc(59px + var(--pull-distance))}.light-pull .light-grip{top:calc(55px + var(--pull-distance));height:24px}}
@media(prefers-reduced-motion:reduce){body #light-switch.light-pull,.light-pull .light-cord,.light-pull .light-grip{transition:none}}
body #light-switch.light-pull{transform-origin:24px 0;transform:rotate(var(--cord-sway,0deg));will-change:auto}
body #light-switch.light-pull.pulling{transform:none}
@media(prefers-reduced-motion:reduce){body #light-switch.light-pull{transform:none}}