@property --di-bg{syntax: "<color>"; inherits: true; initial-value: #0e0f12;}@property --di-ink{syntax: "<color>"; inherits: true; initial-value: #d4d6db;}@property --di-muted{syntax: "<color>"; inherits: true; initial-value: #8e929b;}@property --di-line{syntax: "<color>"; inherits: true; initial-value: #25272c;}@property --di-rule{syntax: "<color>"; inherits: true; initial-value: #6b7079;}@property --di-btn{syntax: "<color>"; inherits: true; initial-value: #d4d6db;}@property --di-btn-ink{syntax: "<color>"; inherits: true; initial-value: #0e0f12;}@property --di-ul{syntax: "<color>"; inherits: true; initial-value: #3a3d44;}@property --di-plate-a{syntax: "<color>"; inherits: true; initial-value: #2a2c31;}@property --di-plate-b{syntax: "<color>"; inherits: true; initial-value: #1a1b1f;}@property --di-rock-a{syntax: "<color>"; inherits: true; initial-value: #34363c;}@property --di-rock-b{syntax: "<color>"; inherits: true; initial-value: #232529;}.d-interrupteur{--di-bg: #0e0f12;--di-ink: #d4d6db;--di-muted: #8e929b;--di-line: #25272c;--di-rule: #6b7079;--di-btn: #d4d6db;--di-btn-ink: #0e0f12;--di-ul: #3a3d44;--di-plate-a: #2a2c31;--di-plate-b: #1a1b1f;--di-rock-a: #34363c;--di-rock-b: #232529;--focus: var(--di-ink);background-color:var(--di-bg);color:var(--di-ink);font-family:Barlow,system-ui,sans-serif;transition-property:--di-bg,--di-ink,--di-muted,--di-line,--di-rule,--di-btn,--di-btn-ink,--di-ul,--di-plate-a,--di-plate-b,--di-rock-a,--di-rock-b;transition-duration:.4s;transition-timing-function:ease}.d-interrupteur[data-on=true]{--di-bg: #f7f5f0;--di-ink: #16171a;--di-muted: #55585f;--di-line: #dcd8ce;--di-rule: #7a776f;--di-btn: #ffd60a;--di-btn-ink: #16171a;--di-ul: #ffd60a;--di-plate-a: #ffffff;--di-plate-b: #e6e2d8;--di-rock-a: #fdfcf9;--di-rock-b: #e3dfd5}.d-interrupteur h1,.d-interrupteur h2,.d-interrupteur h3,.d-interrupteur h4,.d-interrupteur .di-display{font-family:Big Shoulders Display,Barlow,system-ui,sans-serif;font-weight:900;text-transform:uppercase;letter-spacing:.005em}.d-interrupteur .di-halo{position:fixed;inset:0 0 auto 0;height:85vh;z-index:0;pointer-events:none;background:radial-gradient(70% 80% at 50% -10%,#ffd60a6b,#ffd60a1f 45%,#ffd60a00 72%);opacity:0;transition:opacity .6s ease}.d-interrupteur[data-on=true] .di-halo{opacity:1}.d-interrupteur .di-word{display:inline-block;animation:di-rise .8s cubic-bezier(.2,.8,.2,1) both;animation-delay:var(--d, 0ms)}@keyframes di-rise{0%{opacity:0;transform:translateY(.3em)}}.d-interrupteur .di-hl{position:relative;z-index:0;padding:0 .1em}.d-interrupteur .di-hl:before,.d-interrupteur .di-hl:after{content:"";position:absolute;z-index:-1;top:.1em;right:0;bottom:.02em;left:0}.d-interrupteur .di-hl:before{background:var(--di-line)}.d-interrupteur .di-hl:after{background:#ffd60a;transform:scaleX(0);transform-origin:left center;transition:transform .6s cubic-bezier(.7,0,.2,1) .15s}.d-interrupteur[data-on=true] .di-hl:after{transform:scaleX(1)}.d-interrupteur .di-ul{text-decoration-line:underline;text-decoration-color:var(--di-ul);text-decoration-thickness:.12em;text-underline-offset:.08em;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}.d-interrupteur .di-switch{display:inline-flex;flex-direction:column;align-items:center;gap:.9rem;padding:.75rem;border-radius:1.75rem;cursor:pointer}.d-interrupteur .di-plate{position:relative;display:grid;place-items:center;width:clamp(8rem,34vw,13.5rem);aspect-ratio:1;border-radius:1.4rem;background:linear-gradient(155deg,var(--di-plate-a),var(--di-plate-b));box-shadow:0 0 0 1px var(--di-rule),0 24px 50px -24px #0000008c}.d-interrupteur .di-plate:before{content:"";position:absolute;top:11%;right:11%;bottom:11%;left:11%;border-radius:.9rem;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--di-rule) 45%,transparent)}.d-interrupteur .di-rocker{position:relative;width:46%;height:64%;border-radius:.75rem;background:linear-gradient(180deg,var(--di-rock-a),var(--di-rock-b));box-shadow:0 0 0 1px var(--di-rule),0 10px 18px -10px #00000080;transform:perspective(500px) rotateX(16deg);transition:transform .4s cubic-bezier(.16,1,.3,1)}.d-interrupteur[data-on=true] .di-rocker{transform:perspective(500px) rotateX(-16deg)}.d-interrupteur .di-rocker:before,.d-interrupteur .di-rocker:after{content:"";position:absolute;left:0;right:0;height:50%;transition:opacity .4s ease}.d-interrupteur .di-rocker:before{top:0;border-radius:.75rem .75rem 0 0;background:linear-gradient(180deg,#0000004d,#0000)}.d-interrupteur .di-rocker:after{bottom:0;border-radius:0 0 .75rem .75rem;background:linear-gradient(0deg,#00000029,#0000);opacity:0}.d-interrupteur[data-on=true] .di-rocker:before{opacity:0}.d-interrupteur[data-on=true] .di-rocker:after{opacity:1}.d-interrupteur .di-locator{position:absolute;z-index:1;left:50%;bottom:14%;width:.55rem;height:.55rem;margin-left:-.275rem;border-radius:999px;background:#ff9f1c;box-shadow:0 0 10px 2px #ff9f1c99;animation:di-pulse 1.4s ease-in-out 3;transition:opacity .4s ease}.d-interrupteur[data-on=true] .di-locator{opacity:.2;animation:none}@keyframes di-pulse{50%{opacity:.35}}.d-interrupteur .di-switch-text{font-size:.85rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase}.d-interrupteur .di-mini-track{position:relative;display:inline-block;width:2.75rem;height:1.5rem;border-radius:999px;background:var(--di-line);box-shadow:inset 0 0 0 1.5px var(--di-rule)}.d-interrupteur[data-on=true] .di-mini-track{background:#ffd60a;box-shadow:inset 0 0 0 1.5px #16171a}.d-interrupteur .di-mini-knob{position:absolute;top:.25rem;left:.25rem;width:1rem;height:1rem;border-radius:999px;background:var(--di-ink);transition:transform .3s ease}.d-interrupteur[data-on=true] .di-mini-knob{transform:translate(1.25rem)}.d-interrupteur .di-led{position:relative;display:inline-block;flex-shrink:0;width:.9rem;height:.9rem;border-radius:999px;background:var(--di-line);box-shadow:inset 0 0 0 1px var(--di-rule)}.d-interrupteur .di-led-sm{width:.65rem;height:.65rem}.d-interrupteur .di-led:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:#ffd60a;box-shadow:inset 0 0 0 1px #8a6d00,0 0 14px 3px #ffd60aa6;opacity:0;transition:opacity .35s ease var(--d, 0ms)}.d-interrupteur[data-on=true] .di-led:after{opacity:1}.d-interrupteur .di-shade{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:#0e0f12;opacity:.74;transition:opacity .7s ease .1s}.d-interrupteur[data-on=true] .di-shade{opacity:0}.d-interrupteur .di-btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-height:3.25rem;padding:0 1.5rem;border-radius:999px;background:var(--di-btn);color:var(--di-btn-ink);font-weight:600;letter-spacing:.01em;transition:transform .2s ease}.d-interrupteur .di-btn:hover{transform:translateY(-2px)}.d-interrupteur .di-btn-ghost{background:transparent;color:var(--di-ink);box-shadow:inset 0 0 0 1.5px var(--di-rule)}.d-interrupteur .di-link{text-decoration-line:underline;text-decoration-color:transparent;text-decoration-thickness:2px;text-underline-offset:.3em}.d-interrupteur .di-link:hover{text-decoration-color:currentColor}.d-interrupteur .di-phone:hover{text-decoration-line:underline;text-decoration-thickness:.04em;text-underline-offset:.08em}.d-interrupteur .di-input{width:100%;min-height:3rem;padding:.5rem 0;border:0;border-bottom:1.5px solid var(--di-rule);border-radius:0;background:transparent;color:var(--di-ink);font-size:1.05rem}.d-interrupteur .di-input::-moz-placeholder{color:var(--di-muted);opacity:1}.d-interrupteur .di-input::placeholder{color:var(--di-muted);opacity:1}@media (prefers-reduced-motion: reduce){.d-interrupteur,.d-interrupteur *,.d-interrupteur *:before,.d-interrupteur *:after{transition:none!important;animation:none!important}}