div[data-type="darklio/darklio-switch-block"]{width:100%}.components-panel__body.darklio-block-settings-switch-style .components-base-control__label{position:relative;visibility:hidden}.components-panel__body.darklio-block-settings-switch-style .components-base-control__label:before{content:"Size";left:0;position:absolute;visibility:visible}.darklio-block-switch-design-container{display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr));max-height:350px;padding-block:10px;padding-left:5px;width:100%}.darklio-block-switch-design-container:has(>:nth-child(n+6)){overflow-x:hidden;overflow-y:auto;padding-right:10px}.darklio-block-switch-design-container::-webkit-scrollbar{width:3px}.darklio-block-switch-design-container::-webkit-scrollbar-thumb{background:#888;border-radius:20px}.darklio-block-switch-design-container::-webkit-scrollbar-thumb:hover{background:#555}.wp-block-darklio-darklio-switch-block{display:inline-flex;width:100%}.dlio__switch{transition:transform .2s ease}.darklio-block-switch-design-container .dlio_stylebox-input-btn .dlio__switch{transform:scale(.7)}
.dlio__switch{cursor:pointer;z-index:auto}.dlio__track{border-radius:9999px;gap:.125rem;height:calc(34px*var(--dlio-switch-scale, 1));justify-content:space-between;padding:calc(2px*var(--dlio-switch-scale, 1));position:relative;transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:calc(74px*var(--dlio-switch-scale, 1))}.dlio__icon,.dlio__track{align-items:center;display:inline-flex}.dlio__icon{justify-content:center;margin-left:calc(2px*var(--dlio-switch-scale, 1));margin-right:calc(2px*var(--dlio-switch-scale, 1));width:-moz-fit-content;width:fit-content}.dlio__icon img,.dlio__icon svg{max-width:100%;width:80%}.dlio__thumb{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);align-items:center;border-radius:9999px;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);display:inline-flex;height:calc(28px*var(--dlio-switch-scale, 1));justify-content:center;left:calc(3px*var(--dlio-switch-scale, 1));position:absolute;transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:calc(28px*var(--dlio-switch-scale, 1))}.dlio__switch.active .dlio__thumb{transform:translateX(calc(74px*var(--dlio-switch-scale, 1) - 34px*var(--dlio-switch-scale, 1)))}
.components-tab-panel__tabs{margin-bottom:10px!important}.darklio-icon-color-control>div{width:100%!important}.dlio_switch-color-button{padding:0!important;width:100%!important}.dlio_switch-color-button:hover{background-color:unset!important}.dlio_stylebox-input{position:relative}.dlio_stylebox-input-btn{align-items:center;background:#fff;border:4px solid;border-radius:2px;box-shadow:0 0 2px rgba(0,0,0,.3);cursor:pointer;display:flex;height:100px;justify-content:center;transition:all .3s ease;width:100%}.dlio_stylebox-input-btn.selected{border-color:#bfdbfe;box-shadow:0 0 0 4px #eff6ff}.dlio_stylebox-input-btn.not-selected{border-color:#f9fafb}.dlio_stylebox-input-btn.not-selected:hover{border-color:#e5e7eb;box-shadow:0 10px 15px rgba(0,0,0,.1),0 4px 6px rgba(0,0,0,.05);transform:translateY(-4px)}.dlio_style-box-check{align-items:center;background:#22c55e;border:2px solid #fff;border-radius:9999px;color:#fff;display:flex;height:1.5rem;justify-content:center;position:absolute;right:-.5rem;top:-.5rem;width:1.5rem}.dlio_style-box-revert{backdrop-filter:blur(6px);background:hsla(0,0%,100%,.5);border-radius:9999px;bottom:.5rem;color:#4b5563;padding:.25rem;position:absolute;right:.5rem}.dlio_style-box-revert:hover{background:#fff}.darklio_admin .pro-lock{cursor:not-allowed;position:relative;z-index:98}.dlio_pro-lock{transition:all .5s cubic-bezier(.645,.045,.355,1)}.dlio_pro-lock:hover{filter:brightness(.9);transform:scale(1.007)}.dlio_pro-lock:before{background:linear-gradient(120deg,transparent,rgba(255,127,80,.2),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:.6s;width:60%}.dlio_pro-lock:hover:before{left:140%}.dlio_pro-lock:hover .dlio_pro-lock-icon{animation:pro-shake .35s ease infinite;filter:brightness(1);transform:scale(1.2)}@keyframes pro-shake{0%{transform:translateX(0)}25%{transform:translateX(-3px)}50%{transform:translateX(3px)}75%{transform:translateX(-2px)}to{transform:translateX(0)}}.darklio-block-switch-design-container .pro-lock .dlio_pro-lock{background:#faebd770;border-radius:2px;bottom:14px;cursor:pointer;left:-14px;overflow:hidden;position:absolute;right:-14px;top:14px;z-index:99}.darklio-block-switch-design-container .pro-lock .dlio_pro-lock .dlio_pro-lock-icon{background:bisque;border:2px solid #fff;border-radius:999px;color:rgba(255,127,80,.93);height:30px;overflow:visible;padding:6px;position:absolute;right:8px;stroke-width:2px;top:6px;width:30px}.darklio-block-switch-design-container .pro-lock.first .dlio_pro-lock{top:-7px}.darklio-block-switch-design-container .dlio_stylebox-input-btn.pro-lock .dlio_pro-lock{background:#faebd770;border-radius:2px;bottom:-2px;left:-2px;position:absolute;right:-3px;top:-1px;z-index:99}
.dx-1{--dlio-switch-scale:1;--dlio-switch-lilm-color:hsla(0,0%,100%,.996);--dlio-switch-didm-color:#555;--dlio-switch-light-bg-color:#555;--dlio-switch-dark-bg-color:#ececec;--tw-ring-offset-shadow:0 0 #0000;--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);--tw-ring-shadow:0 0 #0000}.dx-1 .dlio__track{align-items:center;background:var(--dlio-switch-light-bg-color);border-radius:calc(var(--dlio-switch-track-rounded-corner, 15px)*var(--dlio-switch-scale, 1))!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);color:var(--dlio-switch-lilm-color);display:inline-flex;height:calc(60px*var(--dlio-switch-scale, 1))!important;justify-content:center;transition:all .2s ease-in-out;width:calc(60px*var(--dlio-switch-scale, 1))!important}.dx-1.active .dlio__track{background:var(--dlio-switch-dark-bg-color);color:var(--dlio-switch-didm-color)}.dx-1 .dlio__track .dlio__icon{align-items:center!important;display:flex!important;height:100%!important;justify-content:center!important;width:100%!important}.dx-1 .dlio__track .dlio__icon svg{fill:currentColor!important}.dx-1 .dlio__track .dlio__icon:first-child{display:inline-flex!important}.dx-1 .dlio__track .dlio__icon:last-child,.dx-1.active .dlio__track .dlio__icon:first-child{display:none!important}.dx-1.active .dlio__track .dlio__icon:last-child{display:inline-flex!important}
.dx-10{--trans-dur:0.4s;--trans-timing:cubic-bezier(0.65,0,0.35,1);--dlio-switch-scale:1}.dx-10 .dlio__track{background:var(--dlio-switch-light-bg-color);border-color:var(--dlio-switch-track-stroke-light-color);border-radius:calc(var(--dlio-switch-track-rounded-corner, 99px)*var(--dlio-switch-scale, 1))!important;border-style:solid;border-width:var(--dlio-switch-track-stroke-width,1px);height:calc(34px*var(--dlio-switch-scale, 1) + var(--dlio-switch-track-stroke-width, 1px))!important;width:calc(74px*var(--dlio-switch-scale, 1) + var(--dlio-switch-track-stroke-width, 1px))!important}.dx-10.active .dlio__track{background:var(--dlio-switch-dark-bg-color);border-color:var(--dlio-switch-track-stroke-dark-color)}.dx-10 .dlio__thumb{background:var(--dlio-switch-light-thumb-color);border-radius:calc(var(--dlio-switch-thumb-rounded-corner, 99px)*var(--dlio-switch-scale, 1))!important}.dx-10.active .dlio__thumb{background:var(--dlio-switch-dark-thumb-color);transform:translateX(calc(74px*var(--dlio-switch-scale, 1) - 34px*var(--dlio-switch-scale, 1) - var(--dlio-switch-track-stroke-width, 1px)))!important}.dx-10 .dlio__icon{opacity:1;transition:opacity var(--trans-dur) var(--trans-timing)}.dx-10 .dlio__icon.light{color:var(--dlio-switch-lilm-color)}.dx-10 .dlio__icon.dark{color:var(--dlio-switch-dilm-color)}.dx-10.active .dlio__icon.light{color:var(--dlio-switch-lidm-color)}.dx-10.active .dlio__icon.dark{color:var(--dlio-switch-didm-color)}.dx-10.active .dlio__icon.light,.dx-10:not(.active) .dlio__icon.dark{display:none;opacity:0}
.dx-2{--dlio-switch-scale:1}.dx-2 .dlio__track{background:var(--dlio-switch-light-bg-color);border-radius:calc(var(--dlio-switch-track-rounded-corner, 99px)*var(--dlio-switch-scale, 1))!important;width:calc(140px*var(--dlio-switch-scale, 1))}.dx-2.active .dlio__track{background:var(--dlio-switch-dark-bg-color)}.dx-2 .dlio__track span{font-size:calc(12px*var(--dlio-switch-scale, 1));font-weight:500;padding:0 calc(15px*var(--dlio-switch-scale, 1));text-align:center;transition:color .3s;white-space:nowrap;width:50%;z-index:10}.dx-2 .dlio__track span:first-child{color:var(--dlio-switch-ltlm-color)}.dx-2.active .dlio__track span:first-child{color:var(--dlio-switch-ltdm-color)}.dx-2 .dlio__track span:last-child{color:var(--dlio-switch-dtlm-color)}.dx-2.active .dlio__track span:last-child{color:var(--dlio-switch-dtdm-color)}.dx-2 .dlio__track .dlio__thumb{background:var(--dlio-switch-light-thumb-color);border-radius:calc(var(--dlio-switch-thumb-rounded-corner, 99px)*var(--dlio-switch-scale, 1))!important;transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:50%!important}.dx-2.active .dlio__thumb{background:var(--dlio-switch-dark-thumb-color);transform:translateX(calc(100% - 3px*var(--dlio-switch-scale, 1)*2))!important}
.dx-3{--dlio-switch-scale:1}.dx-3 .dlio__track{--tw-text-opacity:1;background:var(--dlio-switch-light-bg-color);border-radius:calc(var(--dlio-switch-track-rounded-corner, 99px)*var(--dlio-switch-scale, 1))!important;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dx-3.active .dlio__track{--tw-text-opacity:1;background:var(--dlio-switch-dark-bg-color)}.dx-3 .dlio__track .dlio__thumb{background:var(--dlio-switch-light-thumb-color);border-radius:calc(var(--dlio-switch-thumb-rounded-corner, 99px)*var(--dlio-switch-scale, 1))!important}.dx-3 .dlio__icon:last-child svg{width:70%}.dx-3.active .dlio__thumb{background:var(--dlio-switch-dark-thumb-color)}.dx-3 .dlio__track .dlio__icon:first-child{color:var(--dlio-switch-lilm-color)}.dx-3.active .dlio__track .dlio__icon:first-child{color:var(--dlio-switch-lidm-color)}.dx-3 .dlio__track .dlio__icon:last-child{color:var(--dlio-switch-dilm-color)}.dx-3.active .dlio__track .dlio__icon:last-child{color:var(--dlio-switch-didm-color)}
.dx-4{--dlio-switch-scale:1;border-radius:calc(50px*var(--dlio-switch-scale, 1));cursor:pointer;display:inline-flex;height:calc(40px*var(--dlio-switch-scale, 1))!important;justify-content:center;line-height:normal;max-width:calc(110px*var(--dlio-switch-scale, 1))!important;width:calc(110px*var(--dlio-switch-scale, 1))!important;z-index:50}.dx-4.active{-moz-backdrop-filter:brightness(1.5) blur(3px) url(#glassEffect);-o-backdrop-filter:brightness(1.5) blur(3px) url(#glassEffect);backdrop-filter:brightness(1.5) blur(3px) url(#glassEffect)}.dx-4.active,.dx-4:not(.active){box-shadow:inset 0 0 6px 0 rgba(0,0,0,.2)}.dx-4:not(.active){-moz-backdrop-filter:brightness(1.2) blur(3px) url(#glassEffect);-o-backdrop-filter:brightness(1.2) blur(3px) url(#glassEffect);backdrop-filter:brightness(1.2) blur(3px) url(#glassEffect)}.dx-4 .dlio__switch_inner{align-items:center;border-radius:calc(50px*var(--dlio-switch-scale, 1));display:flex;height:100%;inset:0;isolation:isolate;overflow:hidden;position:relative;width:100%;z-index:0}.dx-4.active .dlio__switch_inner,.dx-4:not(.active) .dlio__switch_inner{animation:liquid-glass 10s linear infinite}.dx-4 .dlio__switch_inner .dlio__icon{padding:0 calc(15px*var(--dlio-switch-scale, 1))}.dx-4 .dlio__switch_inner .dlio__icon:first-child{color:var(--dlio-switch-lilm-color)}.dx-4.active .dlio__switch_inner .dlio__icon:first-child{color:var(--dlio-switch-lidm-color)}.dx-4 .dlio__switch_inner .dlio__icon:last-child{color:var(--dlio-switch-dilm-color)}.dx-4.active .dlio__switch_inner .dlio__icon:last-child{color:var(--dlio-switch-didm-color)}.dx-4.active .dlio__switch_inner .dlio__icon{text-shadow:0 1px 2px rgba(0,0,0,.25)}.dx-4:not(.active) .dlio__switch_inner .dlio__icon{text-shadow:0 1px 0 hsla(0,0%,100%,.15)}.dx-4 .dlio__switch_inner .dlio__thumb:active,.dx-4 .dlio__switch_inner .dlio__thumb:focus{outline:2px solid transparent;outline-offset:2px}.dx-4 .dlio__switch_inner .dlio__icon svg{stroke:currentColor;transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.dx-4 .dlio__switch_inner .dlio__thumb{border-radius:calc(50px*var(--dlio-switch-scale, 1))!important;clear:both;height:calc(35px*var(--dlio-switch-scale, 1))!important;left:calc(2.5px*var(--dlio-switch-scale, 1))!important;margin:0;padding:0;position:absolute;top:calc(2.5px*var(--dlio-switch-scale, 1))!important;transition:all .5s cubic-bezier(.68,-.55,.265,1.55);width:50%;z-index:10}.dx-4:not(.active) .dlio__thumb{animation:liquid-glass-moving-left .4s ease-in-out forwards;background:rgba(0,0,0,.05);box-shadow:inset 0 0 calc(5px*var(--dlio-switch-scale, 1)) 0 rgba(0,0,0,.1)}.dx-4.active .dlio__thumb{animation:liquid-glass-moving-right .3s ease-in-out forwards;background:hsla(0,0%,100%,.05);box-shadow:inset 0 0 calc(5px*var(--dlio-switch-scale, 1)) 0 hsla(0,0%,100%,.15)}@keyframes liquid-glass{0%,to{box-shadow:inset 6px 9px 2px -9px hsla(0,0%,100%,.4),inset -6px -9px 2px -9px hsla(0,0%,100%,.4)}70%{box-shadow:inset 6px 9px 2px -9px hsla(0,0%,100%,.4),inset -6px -9px 2px -9px hsla(0,0%,100%,.4)}80%{box-shadow:inset 9px 6px 2px -9px hsla(0,0%,100%,.4),inset -9px -6px 2px -9px hsla(0,0%,100%,.4)}90%{box-shadow:inset 9px -6px 2px -9px hsla(0,0%,100%,.4),inset -9px 6px 2px -9px hsla(0,0%,100%,.4)}}@keyframes liquid-glass-moving-left{0%{background:rgba(0,0,0,.05);border-radius:calc(50px*var(--dlio-switch-scale, 1));box-shadow:inset 0 0 10px 0 hsla(0,0%,100%,.2);transform:translateX(calc(100% - 5px*var(--dlio-switch-scale, 1))) scale(1)}20%{border-radius:calc(60px*var(--dlio-switch-scale, 1));transform:translateX(calc(80% - 4px*var(--dlio-switch-scale, 1))) scale(1.1,.9)}40%{border-radius:calc(65px*var(--dlio-switch-scale, 1));transform:translateX(calc(60% - 3px*var(--dlio-switch-scale, 1))) scale(1.2,.85)}60%{border-radius:calc(55px*var(--dlio-switch-scale, 1));transform:translateX(calc(40% - 2px*var(--dlio-switch-scale, 1))) scale(1.1,.9)}80%{border-radius:calc(45px*var(--dlio-switch-scale, 1));transform:translateX(calc(20% - 1px*var(--dlio-switch-scale, 1))) scale(1.05,.95)}95%{border-radius:calc(50px*var(--dlio-switch-scale, 1));transform:translateX(0) scale(.9,1.1)}to{background:rgba(0,0,0,.05);border-radius:calc(50px*var(--dlio-switch-scale, 1));box-shadow:inset 0 0 5px 0 rgba(0,0,0,.1);transform:translateX(0) scale(1)}}@keyframes liquid-glass-moving-right{0%{background:rgba(0,0,0,.1);border-radius:calc(50px*var(--dlio-switch-scale, 1));box-shadow:inset 0 0 5px 0 rgba(0,0,0,.1);transform:translateX(0) scale(1)}20%{background:hsla(0,0%,100%,.1);border-radius:calc(60px*var(--dlio-switch-scale, 1));box-shadow:inset 0 0 10px 0 hsla(0,0%,100%,.2);transform:translateX(calc(20% - 1px*var(--dlio-switch-scale, 1))) scale(1.1,.9)}40%{background:hsla(0,0%,100%,.2);border-radius:calc(65px*var(--dlio-switch-scale, 1));transform:translateX(calc(40% - 2px*var(--dlio-switch-scale, 1))) scale(1.2,.85)}60%{background:hsla(0,0%,100%,.15);border-radius:calc(55px*var(--dlio-switch-scale, 1));transform:translateX(calc(60% - 3px*var(--dlio-switch-scale, 1))) scale(1.1,.9)}80%{background:hsla(0,0%,100%,.1);border-radius:calc(45px*var(--dlio-switch-scale, 1));transform:translateX(calc(80% - 4px*var(--dlio-switch-scale, 1))) scale(1.05,.95)}95%{background:hsla(0,0%,100%,.08);border-radius:calc(50px*var(--dlio-switch-scale, 1));transform:translateX(calc(100% - 5px*var(--dlio-switch-scale, 1))) scale(.9,1.1)}to{background:hsla(0,0%,100%,.05);border-radius:calc(50px*var(--dlio-switch-scale, 1));box-shadow:inset 0 0 8px 0 hsla(0,0%,100%,.15);transform:translateX(calc(100% - 5px*var(--dlio-switch-scale, 1))) scale(1)}}
.dx-5{--dlio-switch-scale:1;--dur:1000ms;display:inline-block;position:relative;transform-style:preserve-3d;will-change:transform}.dx-5 .dlio__switch_wrapper{display:grid;height:calc(25px*var(--dlio-switch-scale));inset:0;perspective:400px;place-items:center;transform-style:preserve-3d;width:calc(50px*var(--dlio-switch-scale))}.dx-5 .dlio_flexDiv{align-items:center;display:flex;pointer-events:none;position:absolute;width:100%}.dx-5 .dlio_flexDiv,.dx-5 .dlio_flexDiv div{height:100%;transform-style:preserve-3d;will-change:transform}.dx-5 .dlio_flexDiv div{background-image:linear-gradient(90deg,#70badf 0,#77c6ed 90%,#77c6ed);position:relative;transform-origin:center center;transition:transform var(--dur) ease,filter var(--dur) ease;width:10%}.dx-5 .dlio_flexDiv div:first-of-type{clip-path:circle(70% at 255% 50%)}.dx-5 .dlio_flexDiv div:nth-of-type(2){clip-path:circle(70% at 155% 50%)}.dx-5 .dlio_flexDiv div:nth-of-type(9){clip-path:circle(70% at -55% 50%)}.dx-5 .dlio_flexDiv div:nth-of-type(10){clip-path:circle(70% at -155% 50%)}.dx-5.active .dlio_flexDiv div{filter:grayscale(100%) brightness(135%);transform:rotateX(180deg)}.dx-5.active .dlio_flexDiv div:after{content:"";inset:0;position:absolute;transform:rotateX(0deg) translateZ(20px);will-change:transform}.dx-5 .dlio_circle,.dx-5 .dlio_circleOther{border-radius:50%;height:calc(12.5px*var(--dlio-switch-scale));pointer-events:none;position:absolute;transform-origin:center center;transform-style:preserve-3d;width:calc(12.5px*var(--dlio-switch-scale));will-change:transform}.dx-5 .dlio_circle{animation:dlio_circleAnim var(--dur) linear both;background:radial-gradient(circle at 30% 30%,#77c6ed 0,#77c6ed 30%,#1b729e 100%);transform:translateZ(calc(7.5px*var(--dlio-switch-scale))) translateX(calc(-11.25px*var(--dlio-switch-scale)))}.dx-5 .dlio_circleOther{animation:dlio_circleAnimOther var(--dur) linear both;background:radial-gradient(circle at 30% 30%,#fff 0,#fff 30%,#bbb 100%);transform:translateZ(calc(-7.5px*var(--dlio-switch-scale))) translateX(calc(-11.25px*var(--dlio-switch-scale)))}.dx-5.active .dlio_circle{animation-name:dlio_circleReturn}.dx-5.active .dlio_circleOther{animation-name:dlio_circleReturnOther}@keyframes dlio_circleAnim{0%{transform:translateZ(calc(7.5px*var(--dlio-switch-scale))) translateX(calc(-11.25px*var(--dlio-switch-scale)))}50%{transform:translateZ(0) translateX(0) translateY(calc(8.75px*var(--dlio-switch-scale)))}to{transform:translateZ(calc(-7.5px*var(--dlio-switch-scale))) translateX(calc(11.25px*var(--dlio-switch-scale)))}}@keyframes dlio_circleReturn{0%{transform:translateZ(calc(-7.5px*var(--dlio-switch-scale))) translateX(calc(11.25px*var(--dlio-switch-scale)))}50%{transform:translateZ(0) translateX(0) translateY(calc(8.75px*var(--dlio-switch-scale)))}to{transform:translateZ(calc(7.5px*var(--dlio-switch-scale))) translateX(calc(-11.25px*var(--dlio-switch-scale)))}}@keyframes dlio_circleAnimOther{0%{transform:translateZ(calc(-7.5px*var(--dlio-switch-scale))) translateX(calc(-11.25px*var(--dlio-switch-scale)))}50%{transform:translateZ(0) translateX(0) translateY(calc(-8.75px*var(--dlio-switch-scale)))}to{transform:translateZ(calc(7.5px*var(--dlio-switch-scale))) translateX(calc(11.25px*var(--dlio-switch-scale)))}}@keyframes dlio_circleReturnOther{0%{transform:translateZ(calc(7.5px*var(--dlio-switch-scale))) translateX(calc(11.25px*var(--dlio-switch-scale)))}50%{transform:translateZ(0) translateX(0) translateY(calc(-8.75px*var(--dlio-switch-scale)))}to{transform:translateZ(calc(-7.5px*var(--dlio-switch-scale))) translateX(calc(-11.25px*var(--dlio-switch-scale)))}}
.dx-6{--trans-dur:0.4s;--trans-timing:cubic-bezier(0.65,0,0.35,1);--dlio-switch-scale:1}.dx-6 .dlio__switch_inner{background:var(--dlio-switch-light-bg-color);border-radius:calc(32px*var(--dlio-switch-scale));height:calc(50px*var(--dlio-switch-scale));position:relative;transition:background .3s ease;width:calc(110px*var(--dlio-switch-scale))}.dx-6.active .dlio__switch_inner{background:var(--dlio-switch-dark-bg-color)}.dx-6 .dlio__icon-6{background:var(--dlio-switch-light-thumb-color);border-radius:50%;height:calc(42px*var(--dlio-switch-scale));left:calc(4px*var(--dlio-switch-scale));overflow:hidden;position:absolute;top:calc(4px*var(--dlio-switch-scale));transition:transform var(--trans-dur) var(--trans-timing);width:calc(42px*var(--dlio-switch-scale))}.dx-6 .dlio__icon-part{left:0;position:absolute;top:0;transition:box-shadow var(--trans-dur) var(--trans-timing),transform var(--trans-dur) var(--trans-timing)}.dx-6 .dlio__icon-part--1{background:var(--dlio-switch-didm-color);border-radius:50%;height:calc(24px*var(--dlio-switch-scale));left:50%;top:50%;transform:translate(-50%,-50%);width:calc(24px*var(--dlio-switch-scale))}.dx-6 .dlio__icon-part--2{background:var(--dlio-switch-dark-thumb-color);border-radius:50%;height:calc(14px*var(--dlio-switch-scale));left:calc(50% - 2px*var(--dlio-switch-scale));top:calc(50% - 12px*var(--dlio-switch-scale));transform:translate(calc(-8px*var(--dlio-switch-scale)),calc(8px*var(--dlio-switch-scale))) scale(.2);width:calc(14px*var(--dlio-switch-scale))}.dx-6 .dlio__icon-part--3{border-radius:50%;height:100%;transform:scale(.25);width:100%}.dx-6.active .dlio__icon-part--3{box-shadow:0 0 0 calc(10px*var(--dlio-switch-scale)) var(--dlio-switch-dark-thumb-color) inset}.dx-6:not(.active) .dlio__icon-part--3{box-shadow:0 0 0 calc(10px*var(--dlio-switch-scale)) var(--dlio-switch-lilm-color) inset}.dx-6 .dlio__icon-part--3~.dlio__icon-part{background:var(--dlio-switch-lilm-color);border-radius:calc(2px*var(--dlio-switch-scale));height:calc(4px*var(--dlio-switch-scale));left:50%;top:50%;transform-origin:50% 0;width:calc(2px*var(--dlio-switch-scale))}.dlio__icon-part--4{transform:translate(-50%) rotate(0deg) translateY(calc(8px*var(--dlio-switch-scale)))}.dlio__icon-part--5{transform:translate(-50%) rotate(45deg) translateY(calc(8px*var(--dlio-switch-scale)))}.dlio__icon-part--6{transform:translate(-50%) rotate(90deg) translateY(calc(8px*var(--dlio-switch-scale)))}.dlio__icon-part--7{transform:translate(-50%) rotate(135deg) translateY(calc(8px*var(--dlio-switch-scale)))}.dlio__icon-part--8{transform:translate(-50%) rotate(180deg) translateY(calc(8px*var(--dlio-switch-scale)))}.dlio__icon-part--9{transform:translate(-50%) rotate(225deg) translateY(calc(8px*var(--dlio-switch-scale)))}.dlio__icon-part--10{transform:translate(-50%) rotate(270deg) translateY(calc(8px*var(--dlio-switch-scale)))}.dlio__icon-part--11{transform:translate(-50%) rotate(315deg) translateY(calc(8px*var(--dlio-switch-scale)))}.dx-6.active .dlio__icon-6{transform:translateX(calc(60px*var(--dlio-switch-scale)))}.dx-6.active .dlio__icon-part--2{transform:translate(0) scale(1)}.dx-6.active .dlio__icon-part--3{transform:scale(1)}.dx-6.active .dlio__icon-part--10,.dx-6.active .dlio__icon-part--11,.dx-6.active .dlio__icon-part--4,.dx-6.active .dlio__icon-part--5,.dx-6.active .dlio__icon-part--6,.dx-6.active .dlio__icon-part--7,.dx-6.active .dlio__icon-part--8,.dx-6.active .dlio__icon-part--9,.dx-6:not(.active) .dlio__icon-part--1,.dx-6:not(.active) .dlio__icon-part--2{transform:scale(0)}.dlio__text__dark,.dlio__text__light{font-size:calc(14px*var(--dlio-switch-scale));left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .35s ease}.dx-6.active .dlio__text__dark{color:#000;opacity:1;transform:translate(-70%,-50%)}.dx-6:not(.active) .dlio__text__light{color:#fff;opacity:1;transform:translate(10%,-50%)}
.dx-7 .dlio__track{background:var(--dlio-switch-light-bg-color);border-radius:calc(var(--dlio-switch-track-rounded-corner, 99px)*var(--dlio-switch-scale, 1))!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);color:var(--dlio-switch-lilm-color);display:block!important;height:calc(60px*var(--dlio-switch-scale, 1))!important;padding:calc(4px*var(--dlio-switch-scale, 1))!important;position:relative;transition:all .2s ease-in-out;width:calc(60px*var(--dlio-switch-scale, 1))!important}.dx-7.active .dlio__track{background:var(--dlio-switch-dark-bg-color);color:var(--dlio-switch-didm-color)}.dx-7 .dlio__track .dlio__icon{align-items:center!important;bottom:0;display:flex!important;height:100%!important;justify-content:center!important;left:0;margin:0!important;padding:4px;position:absolute;right:0;top:0;transform:scale(0);transition:transform .4s cubic-bezier(.65,0,.35,1);width:100%!important}.dx-7 .dlio__track .dlio__icon svg{fill:currentColor!important}.dx-7.active .dlio__track .dlio__icon:last-child,.dx-7:not(.active) .dlio__track .dlio__icon:first-child{transform:scale(1)}
.dx-8 .dlio__switch_inner{backdrop-filter:blur(12px);background:var(--dlio-switch-light-bg-color);box-shadow:0 0 0 0 hsla(0,0%,100%,0),0 0 0 0 hsla(0,0%,100%,0),0 0 0 0 hsla(0,0%,100%,0),0 0 0 0 hsla(0,0%,100%,0),inset 0 2px 4px 0 hsla(0,0%,100%,.05);height:calc(40px*var(--dlio-switch-scale, 1))!important;overflow:hidden;width:calc(110px*var(--dlio-switch-scale, 1))!important}.dx-8 .dlio__switch_inner,.dx-8 .dlio__track{border-radius:calc(var(--dlio-switch-track-rounded-corner, 99px)*var(--dlio-switch-scale, 1))!important}.dx-8 .dlio__track{display:inline-flex!important;gap:calc(20px*var(--dlio-switch-scale, 1))!important;height:100%!important;justify-content:center!important;padding:calc(4px*var(--dlio-switch-scale, 1))!important;transform:translateX(calc(-2px*var(--dlio-switch-scale, 1)));transition:transform .4s cubic-bezier(.65,0,.35,1);width:calc(180px*var(--dlio-switch-scale, 1))!important}.dx-8.active .dlio__track{background:var(--dlio-switch-dark-bg-color);transform:translateX(calc(-70px*var(--dlio-switch-scale, 1)))}.dx-8.active .dlio__track .dlio__thumb{background:var(--dlio-switch-dark-thumb-color);box-shadow:0 0 6px rgba(0,0,0,.16),0 0 6px rgba(0,0,0,.23)!important;margin-right:unset!important;transform:unset!important}.dx-8 .dlio__thumb{background:var(--dlio-switch-light-thumb-color);border-radius:calc(var(--dlio-switch-thumb-rounded-corner, 99px)*var(--dlio-switch-scale, 1))!important;box-shadow:0 0 6px hsla(0,0%,100%,.16),0 0 6px hsla(0,0%,100%,.23)!important;left:unset!important;position:unset!important}.dx-8 .dlio__track span{font-size:calc(15px*var(--dlio-switch-scale, 1))}.dx-8 .dlio__track span:first-child{color:var(--dlio-switch-ltlm-color)}.dx-8.active .dlio__track span:first-child{color:var(--dlio-switch-ltdm-color)}.dx-8 .dlio__track span:last-child{color:var(--dlio-switch-dtlm-color)}.dx-8.active .dlio__track span:last-child{color:var(--dlio-switch-dtdm-color)}
.dx-9 .dlio__switch_inner{align-items:center;-moz-column-gap:calc(8px*var(--dlio-switch-scale, 1))!important;column-gap:calc(8px*var(--dlio-switch-scale, 1))!important;display:inline-flex!important;overflow:hidden;width:calc(140px*var(--dlio-switch-scale, 1))!important}.dx-9 .dlio__track{background:var(--dlio-switch-light-bg-color);border-radius:calc(var(--dlio-switch-track-rounded-corner, 99px)*var(--dlio-switch-scale, 1))!important;height:calc(33px*var(--dlio-switch-scale, 1) - 2px*var(--dlio-switch-scale, 1)*2)}.dx-9 .dlio__thumb{background:var(--dlio-switch-light-thumb-color);border-radius:calc(var(--dlio-switch-thumb-rounded-corner, 99px)*var(--dlio-switch-scale, 1))!important;height:calc(28px*var(--dlio-switch-scale, 1) - 2px*var(--dlio-switch-scale, 1)*2);width:calc(28px*var(--dlio-switch-scale, 1) - 2px*var(--dlio-switch-scale, 1)*2)}.dx-9 .dlio__icon{height:calc(32px*var(--dlio-switch-scale, 1))!important;width:calc(32px*var(--dlio-switch-scale, 1))!important}.dx-9 .dlio__icon:first-child{color:var(--dlio-switch-lilm-color)}.dx-9 .dlio__icon:last-child{color:var(--dlio-switch-dilm-color)}.dx-9 .dlio__icon:last-child svg{width:75%}.dx-9.active .dlio__icon:first-child{color:var(--dlio-switch-lidm-color)}.dx-9.active .dlio__icon:last-child{color:var(--dlio-switch-didm-color)}.dx-9.active .dlio__track{background:var(--dlio-switch-dark-bg-color)}.dx-9.active .dlio__track .dlio__thumb{background:var(--dlio-switch-dark-thumb-color);box-shadow:0 0 6px rgba(0,0,0,.16),0 0 6px rgba(0,0,0,.23)!important;margin-right:unset!important;transform:translateX(calc(32px*var(--dlio-switch-scale, 1)))}