.pullcord{--pc-wire:#9aa8bc;--pc-shade:#1d2b44;--pc-shade-edge:#33476a;--pc-cord:#7d8ba1;--pc-bead:#c9d3e1;--pc-bulb:#3a4558;--pc-beam:rgba(255,214,120,0);position:relative;width:72px;height:96px;flex:none;touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none}.pullcord[data-lit="1"]{--pc-bulb:#ffd877;--pc-beam:rgba(255,210,110,0.38);--pc-bead:#f5c451}html.dark .pullcord{--pc-wire:#3c4a60;--pc-shade:#2a3954;--pc-shade-edge:#4b5f82;--pc-cord:#6e7f99;--pc-bead:#9aabc4}.pullcord__art{display:block;width:100%;height:100%;overflow:visible;cursor:grab;touch-action:none;-webkit-tap-highlight-color:transparent}.pullcord[data-armed="1"] .pullcord__art{cursor:grabbing}.pullcord[data-armed="1"] .pullcord__bead{fill:var(--accent)}.pullcord__wire{stroke:var(--pc-wire);stroke-width:.8}.pullcord__cap{fill:var(--pc-shade-edge)}.pullcord__shade{fill:var(--pc-shade);stroke:var(--pc-shade-edge);stroke-width:.7}.pullcord__bulb{fill:var(--pc-bulb);transition:fill .25s ease}.pullcord__beam{opacity:0;transition:opacity .35s ease;pointer-events:none}.pullcord[data-lit="1"] .pullcord__beam{opacity:1}.pullcord__beam-top{stop-color:var(--pc-beam)}.pullcord__beam-end{stop-color:rgba(255,210,110,0)}.pullcord__cord{fill:none;stroke:var(--pc-cord);stroke-width:.75;stroke-linecap:round;stroke-linejoin:round}.pullcord__bead{fill:var(--pc-bead);stroke:var(--pc-shade-edge);stroke-width:.5;transition:fill .2s ease}@media (pointer:coarse){.pullcord{width:96px;height:128px}.pullcord__cord{stroke-width:1.15}}.pullcord__switch{position:absolute;inset:0;z-index:1;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:10px;background:transparent;opacity:0;pointer-events:none}.pullcord__switch:focus-visible{opacity:1;outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){.pullcord__bead,.pullcord__beam,.pullcord__bulb{transition:none}}