.dm-toggle-wrapper-a1b3c68c {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n}\n\n.dm-toggle-label-a1b3c68c {\n    font-size: 16px;\n    font-weight: 500;\n}\n\n.dm-toggle-a1b3c68c {\n    position: relative;\n    display: inline-block;\n    width: 50px;\n    height: 26px;\n    --toggle-bg-light: #cccccc;\n    --toggle-bg-dark: #333333;\n    --toggle-handle: #ffffff;\n}\n\n.dm-toggle-checkbox-a1b3c68c {\n    opacity: 0;\n    width: 0;\n    height: 0;\n}\n\n.dm-toggle-slider-a1b3c68c {\n    position: absolute;\n    cursor: pointer;\n    top: 0; left: 0; right: 0; bottom: 0;\n    background-color: var(--toggle-bg-light);\n    transition: 0.4s;\n    border-radius: 26px;\n}\n\n.dm-toggle-slider-a1b3c68c:before {\n    position: absolute;\n    content: "";\n    height: 18px;\n    width: 18px;\n    left: 4px;\n    bottom: 4px;\n    background-color: var(--toggle-handle);\n    transition: 0.4s;\n    border-radius: 50%;\n}\n\n.dm-toggle-checkbox-a1b3c68c:checked + .dm-toggle-slider-a1b3c68c {\n    background-color: var(--toggle-bg-dark);\n}\n\n.dm-toggle-checkbox-a1b3c68c:checked + .dm-toggle-slider-a1b3c68c:before {\n    transform: translateX(24px);\n}\n\n/* Base transitions for smooth color switching */\nbody, h1, h2, h3, h4, h5, h6, p, a, div, section, header, footer {\n\ttransition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;\n}