.viking-toggle{--vt-wood-dark:#1a1208;--vt-wood-medium:#2d2116;--vt-wood-light:#3d2e1f;--vt-metal-dark:#2a1f15;--vt-metal-medium:#4a3a2a;--vt-metal-light:#7a6a55;--vt-bronze:#8b7355;--vt-gold:#c9a227;--vt-gold-bright:#f0d060;--vt-fire:#ff6a00;--vt-fire-glow:#ff782899;--vt-ember:#ff4500;cursor:pointer;filter:drop-shadow(0 10px 30px #00000080);width:180px;height:78px;display:block;position:relative}.viking-toggle__checkbox{opacity:0;width:0;height:0;position:absolute}.viking-toggle__track{background:url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.08'/%3E%3C/svg%3E"), linear-gradient(180deg, var(--vt-wood-dark) 0%, var(--vt-wood-medium) 15%, var(--vt-wood-light) 50%, var(--vt-wood-medium) 85%, var(--vt-wood-dark) 100%);border-radius:44px;width:100%;height:100%;transition:all .6s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden;box-shadow:inset 0 6px 20px #000000e6,inset 0 -3px 15px #8b735514,inset 2px 0 10px #0006,inset -2px 0 10px #0006,0 12px 40px #000000b3,0 4px 15px #000000e6}.viking-toggle__track:before{content:"";background:linear-gradient(170deg, #b4a07899 0%, var(--vt-bronze) 15%, var(--vt-metal-medium) 30%, var(--vt-metal-dark) 50%, var(--vt-metal-medium) 70%, var(--vt-bronze) 85%, #b4a07899 100%);-webkit-mask-composite:xor;pointer-events:none;border-radius:44px;padding:4px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.viking-toggle__track:after{content:"";pointer-events:none;opacity:.6;background:repeating-linear-gradient(90deg,#0000 0 8px,#00000026 8px 9px),repeating-linear-gradient(0deg,#0000 0 20px,#0000000d 20px 21px);border-radius:34px;position:absolute;inset:10px}.viking-toggle__inner{background:linear-gradient(#00000080 0%,#0000 25% 75%,#8b735514 100%);border-radius:36px;position:absolute;inset:8px;overflow:hidden}.viking-toggle__inner:before{content:"";background:linear-gradient(90deg,#0000 0%,#8b73554d 20%,#8b735580 50%,#8b73554d 80%,#0000 100%);height:1px;position:absolute;top:0;left:0;right:0}.viking-toggle__runes{letter-spacing:6px;color:#8b5a2b1f;text-shadow:0 1px 2px #00000080;pointer-events:none;justify-content:center;align-items:center;gap:8px;width:100%;height:100%;font-size:16px;transition:all .6s;display:flex;position:absolute}.viking-toggle__checkbox:checked~.viking-toggle__track .viking-toggle__runes{color:#ff963280;text-shadow:0 0 20px var(--vt-fire-glow), 0 0 40px #ff641e4d;animation:2s ease-in-out infinite viking-rune-pulse}@keyframes viking-rune-pulse{0%,to{opacity:1}50%{opacity:.7}}.viking-toggle__glow{opacity:0;pointer-events:none;background:radial-gradient(at 85%,#ff641e66 0%,#ff501433 30%,#0000 60%),radial-gradient(at 75% 30%,#ff963233 0%,#0000 40%);border-radius:36px;transition:opacity .6s;position:absolute;inset:0}.viking-toggle__checkbox:checked~.viking-toggle__track .viking-toggle__glow{opacity:1;animation:3s ease-in-out infinite viking-fire-flicker}@keyframes viking-fire-flicker{0%,to{opacity:1}25%{opacity:.85}50%{opacity:1}75%{opacity:.9}}.viking-toggle__knob{z-index:10;background:radial-gradient(circle at 35% 35%,#a89a80 0%,#7a6a5a 25%,#5a4a3a 50%,#3a2a1a 80%,#2a1a0a 100%);border-radius:50%;width:58px;height:58px;transition:all .6s cubic-bezier(.34,1.56,.64,1);position:absolute;top:50%;left:10px;transform:translateY(-50%);box-shadow:0 6px 25px #000000b3,0 3px 10px #00000080,inset 0 3px 6px #ffffff1f,inset 0 -4px 8px #0006,inset 3px 0 6px #ffffff0d,inset -3px 0 6px #0003}.viking-toggle__knob:before{content:"";background:0 0;background-image:linear-gradient(var(--vt-wood-medium), var(--vt-wood-medium)), linear-gradient(135deg, #b4a078cc 0%, var(--vt-bronze) 25%, var(--vt-metal-dark) 50%, var(--vt-bronze) 75%, #b4a078cc 100%);background-origin:border-box;background-clip:padding-box,border-box;border:3px solid #0000;border-radius:50%;transition:all .6s;position:absolute;inset:4px;box-shadow:inset 0 0 12px #0009,0 0 8px #8b735533}.viking-toggle__knob:after{content:"ᛟ";color:var(--vt-bronze);text-shadow:0 1px 2px #000c, inset 0 1px 1px #ffffff1a;font-size:22px;transition:all .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.viking-toggle__shield{pointer-events:none;background:conic-gradient(#0000 0deg,#00000014 30deg,#0000 60deg,#00000014 90deg,#0000 120deg,#00000014 150deg,#0000 180deg,#00000014 210deg,#0000 240deg,#00000014 270deg,#0000 300deg,#00000014 330deg,#0000 360deg);border-radius:50%;position:absolute;inset:6px}.viking-toggle__shield:before{content:"";border:1px solid #8b735533;border-radius:50%;position:absolute;inset:12px}.viking-toggle__checkbox:checked~.viking-toggle__track .viking-toggle__knob{background:radial-gradient(circle at 35% 35%, var(--vt-gold-bright) 0%, var(--vt-gold) 25%, #a07820 50%, #705010 80%, #503800 100%);box-shadow:0 6px 35px var(--vt-fire-glow), 0 3px 15px #ff641e80, 0 0 60px #ff78284d, inset 0 3px 6px #ffffff40, inset 0 -4px 8px #0000004d, inset 3px 0 6px #ffffff1a, inset -3px 0 6px #00000026;left:calc(100% - 68px)}.viking-toggle__checkbox:checked~.viking-toggle__track .viking-toggle__knob:before{background-image:linear-gradient(#604010, #604010), linear-gradient(135deg, var(--vt-gold-bright) 0%, var(--vt-gold) 25%, #a07820 50%, var(--vt-gold) 75%, var(--vt-gold-bright) 100%);box-shadow:inset 0 0 12px #0006, 0 0 20px var(--vt-fire-glow)}.viking-toggle__checkbox:checked~.viking-toggle__track .viking-toggle__knob:after{color:var(--vt-gold-bright);text-shadow:0 0 15px var(--vt-fire-glow), 0 0 30px #ff963280, 0 1px 2px #00000080;animation:2s ease-in-out infinite viking-rune-glow}@keyframes viking-rune-glow{0%,to{text-shadow:0 0 15px var(--vt-fire-glow), 0 0 30px #ff963280, 0 1px 2px #00000080}50%{text-shadow:0 0 25px var(--vt-fire-glow), 0 0 50px #ff9632b3, 0 1px 2px #00000080}}.viking-toggle__icon{z-index:5;pointer-events:none;width:20px;height:20px;transition:all .6s;position:absolute;top:50%;transform:translateY(-50%)}.viking-toggle__icon--left{fill:#8b735580;filter:drop-shadow(0 1px 2px #0009);left:20px}.viking-toggle__icon--right{fill:#8b735559;filter:drop-shadow(0 1px 2px #0009);right:20px}.viking-toggle__checkbox:checked~.viking-toggle__track .viking-toggle__icon--left{fill:#8b735559;filter:drop-shadow(0 1px 2px #0009)}.viking-toggle__checkbox:checked~.viking-toggle__track .viking-toggle__icon--right{fill:var(--vt-gold);filter:drop-shadow(0 0 8px var(--vt-fire-glow)) drop-shadow(0 0 15px #ff641e66);animation:2s ease-in-out infinite viking-icon-pulse}@keyframes viking-icon-pulse{0%,to{transform:translateY(-50%)scale(1)}50%{transform:translateY(-50%)scale(1.1)}}.viking-toggle__chain{background:linear-gradient(90deg, #2a2018 0%, #5a4a3a 15%, var(--vt-bronze) 40%, var(--vt-bronze) 60%, #5a4a3a 85%, #2a2018 100%);border-radius:4px;width:8px;height:50px;position:absolute;top:50%;transform:translateY(-50%);box-shadow:inset 0 0 4px #0009,0 3px 8px #00000080}.viking-toggle__chain--left{left:-4px}.viking-toggle__chain--right{right:-4px}.viking-toggle__chain:before,.viking-toggle__chain:after{content:"";border:3px solid;border-color:var(--vt-bronze);background:var(--vt-wood-dark);border-radius:50%;width:14px;height:14px;position:absolute;left:50%;transform:translate(-50%);box-shadow:inset 0 0 4px #0009,0 2px 4px #0006}.viking-toggle__chain:before{top:-10px}.viking-toggle__chain:after{bottom:-10px}.viking-toggle__embers{pointer-events:none;opacity:0;border-radius:44px;transition:opacity .6s;position:absolute;inset:0;overflow:hidden}.viking-toggle__checkbox:checked~.viking-toggle__track .viking-toggle__embers{opacity:1}.viking-toggle__ember{background:radial-gradient(circle, var(--vt-gold-bright) 0%, var(--vt-fire) 40%, transparent 70%);border-radius:50%;width:5px;height:5px;animation:2.5s ease-out infinite viking-ember-float;position:absolute}.viking-toggle__ember:first-child{width:4px;height:4px;animation-delay:0s;bottom:35%;right:22%}.viking-toggle__ember:nth-child(2){width:6px;height:6px;animation-delay:.4s;bottom:45%;right:28%}.viking-toggle__ember:nth-child(3){width:3px;height:3px;animation-delay:.8s;bottom:50%;right:18%}.viking-toggle__ember:nth-child(4){width:5px;height:5px;animation-delay:1.2s;bottom:40%;right:32%}@keyframes viking-ember-float{0%{opacity:0;transform:translateY(0)scale(1)rotate(0)}15%{opacity:1}to{opacity:0;transform:translateY(-40px)scale(0)rotate(180deg)}}.viking-toggle:hover .viking-toggle__track{transform:translateY(-2px);box-shadow:inset 0 6px 20px #000000e6,inset 0 -3px 15px #8b73551f,inset 2px 0 10px #0006,inset -2px 0 10px #0006,0 15px 50px #000c,0 5px 20px #000000f2}.viking-toggle:hover .viking-toggle__knob{box-shadow:0 8px 30px #000c,0 4px 12px #0009,inset 0 3px 6px #ffffff26,inset 0 -4px 8px #0006,inset 3px 0 6px #ffffff14,inset -3px 0 6px #00000040}.viking-toggle__checkbox:checked~.viking-toggle__track:hover .viking-toggle__knob{box-shadow:0 8px 45px var(--vt-fire-glow), 0 4px 20px #ff641e99, 0 0 80px #ff782866, inset 0 3px 6px #ffffff4d, inset 0 -4px 8px #00000040, inset 3px 0 6px #ffffff26, inset -3px 0 6px #0000001a}.viking-toggle:active .viking-toggle__knob{transform:translateY(-50%)scale(.95)}.viking-toggle__checkbox:focus-visible~.viking-toggle__track{outline:3px solid var(--vt-gold);outline-offset:6px}[data-theme=light] .viking-toggle{--vt-bronze:#a07c50;--vt-gold:#c9a227;--vt-gold-bright:#ffd43f;--vt-fire:#ff6a00;--vt-fire-glow:#ff782880;filter:drop-shadow(0 4px 12px #0000001a)}[data-theme=light] .viking-toggle__track{background:url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E"),linear-gradient(#c8c0b4 0%,#ddd7ce 15%,#ede8e2 50%,#ddd7ce 85%,#c8c0b4 100%);box-shadow:inset 0 3px 10px #0000002e,inset 0 -2px 6px #ffffffb3,inset 1px 0 6px #00000014,inset -1px 0 6px #00000014,0 6px 18px #00000014,0 2px 6px #0000000f}[data-theme=light] .viking-toggle__track:before{background:linear-gradient(170deg,#dcc8a0e6 0%,#c8a878 15%,#a89070 30%,#8a7860 50%,#a89070 70%,#c8a878 85%,#dcc8a0e6 100%)}[data-theme=light] .viking-toggle__track:after{opacity:.8;background:repeating-linear-gradient(90deg,#0000 0 8px,#0000000a 8px 9px),repeating-linear-gradient(0deg,#0000 0 20px,#00000005 20px 21px)}[data-theme=light] .viking-toggle__inner{background:linear-gradient(#00000014 0%,#0000 25% 75%,#ffffff4d 100%)}[data-theme=light] .viking-toggle__inner:before{background:linear-gradient(90deg,#0000 0%,#fff9 20%,#ffffffe6 50%,#fff9 80%,#0000 100%)}[data-theme=light] .viking-toggle__runes{color:#64503226;text-shadow:0 1px 1px #ffffff80}[data-theme=light] .viking-toggle__checkbox:checked~.viking-toggle__track .viking-toggle__runes{color:#b4641e66;text-shadow:0 0 16px #ff8c2866,0 0 32px #ff641433}[data-theme=light] .viking-toggle__checkbox:checked~.viking-toggle__track .viking-toggle__glow{opacity:.75}[data-theme=light] .viking-toggle__knob{background:radial-gradient(circle at 35% 35%,#f0ebe2 0%,#d4cbbf 25%,#b0a898 50%,#8a8278 80%,#6a6258 100%);box-shadow:0 5px 18px #00000021,0 2px 7px #0000001a,inset 0 3px 6px #ffffff8c,inset 0 -3px 6px #0000001f,inset 2px 0 4px #ffffff40,inset -2px 0 4px #0000001f}[data-theme=light] .viking-toggle__knob:before{background-image:linear-gradient(#c8b898,#c8b898),linear-gradient(135deg,#dcc8a0e6 0%,#c8a878 25%,#9a8868 50%,#c8a878 75%,#dcc8a0e6 100%);box-shadow:inset 0 0 8px #00000026,0 0 5px #a0825026}[data-theme=light] .viking-toggle__knob:after{color:#a07850;text-shadow:0 1px 2px #0003,0 -1px 1px #ffffff4d}[data-theme=light] .viking-toggle__checkbox:checked~.viking-toggle__track .viking-toggle__knob{background:radial-gradient(circle at 35% 35%, var(--vt-gold-bright) 0%, var(--vt-gold) 25%, #c49020 50%, #9a6e10 80%, #6e4e08 100%);box-shadow:0 5px 22px #ff781e4d,0 2px 10px #ff641438,0 0 40px #ff822826,inset 0 3px 6px #fff6,inset 0 -3px 6px #0000002e,inset 2px 0 4px #ffffff2e,inset -2px 0 4px #0000001a}[data-theme=light] .viking-toggle__checkbox:checked~.viking-toggle__track .viking-toggle__knob:before{background-image:linear-gradient(#7a5810, #7a5810), linear-gradient(135deg, var(--vt-gold-bright) 0%, var(--vt-gold) 25%, #c49020 50%, var(--vt-gold) 75%, var(--vt-gold-bright) 100%);box-shadow:inset 0 0 10px #0003,0 0 14px #ffa0284d}[data-theme=light] .viking-toggle__chain{background:linear-gradient(90deg,#c0b090 0%,#e0d0a8 15%,#d4b880 40% 60%,#e0d0a8 85%,#c0b090 100%);box-shadow:inset 0 0 3px #00000026,0 2px 5px #00000014}[data-theme=light] .viking-toggle__chain:before,[data-theme=light] .viking-toggle__chain:after{background:#e8e0d4;border-color:#c8a878;box-shadow:inset 0 0 3px #0000001f,0 1px 3px #0000001a}[data-theme=light] .viking-toggle__icon--left{fill:#6e553780;filter:drop-shadow(0 1px 1px #fff9)}[data-theme=light] .viking-toggle__icon--right{fill:#6e553761;filter:drop-shadow(0 1px 1px #fff9)}[data-theme=light] .viking-toggle__checkbox:checked~.viking-toggle__track .viking-toggle__icon--left{fill:#6e55374d;filter:drop-shadow(0 1px 1px #ffffff80)}[data-theme=light] .viking-toggle__checkbox:checked~.viking-toggle__track .viking-toggle__icon--right{fill:var(--vt-gold);filter:drop-shadow(0 0 6px #ff962880)drop-shadow(0 0 12px #ff64144d)}[data-theme=light] .viking-toggle:hover .viking-toggle__track{transform:translateY(-2px);box-shadow:inset 0 3px 10px #0003,inset 0 -2px 6px #ffffffbf,inset 1px 0 6px #00000017,inset -1px 0 6px #00000017,0 10px 24px #0000001a,0 3px 8px #00000014}[data-theme=light] .viking-toggle:hover .viking-toggle__knob{box-shadow:0 7px 22px #00000029,0 3px 9px #0000001f,inset 0 3px 6px #fff9,inset 0 -3px 6px #00000024,inset 2px 0 4px #ffffff47,inset -2px 0 4px #00000024}[data-theme=light] .viking-toggle__checkbox:checked~.viking-toggle__track:hover .viking-toggle__knob{box-shadow:0 7px 28px #ff781e59,0 3px 14px #ff641447,0 0 50px #ff82282e,inset 0 3px 6px #ffffff73,inset 0 -3px 6px #00000026,inset 2px 0 4px #ffffff38,inset -2px 0 4px #00000014}[data-theme=light] .viking-toggle__checkbox:focus-visible~.viking-toggle__track{outline:3px solid var(--vt-gold);outline-offset:6px}