.et_pb_fullwidth_code_0{background-size:initial;background-repeat:repeat;background-image:url(https://silverstreamdigital.co.za/wp-content/uploads/2025/10/gaming-22.png);background-color:#1e1e1e;padding-top:97px;padding-bottom:97px;margin-bottom:175px;.et_pb_section,.et_pb_module{padding:0!important;margin:0!important;background:transparent!important;overflow:visible!important}body{margin:0;min-height:100vh;font-family:'Abel',sans-serif;background:transparent;position:relative;overflow-x:hidden}body::before,body::after{content:'';position:absolute;width:400px;height:400px;border-radius:50%;filter:blur(120px);opacity:0.2;z-index:0}body::before{background:hsla(188,60%,49%,0.5);top:10%;left:10%}body::after{background:hsla(188,60%,49%,0.5);bottom:10%;right:10%}.cards-wrapper{display:flex;flex-wrap:wrap;justify-content:center;padding:40px 50px;gap:30px;width:100%;box-sizing:border-box;z-index:1}.card{position:relative;width:250px;padding:2em;color:#f5f5f5;font-family:'Abel',sans-serif;font-size:17px;line-height:1.4;letter-spacing:2px;border-radius:20px;background:transparent;border:1px solid rgba(255,255,255,0.1);box-shadow:0 10px 40px rgba(0,0,0,0.4);overflow:hidden;transform-style:preserve-3d;transition:transform 0.2s ease;z-index:1;text-align:center}.card::before{content:'';position:absolute;inset:0;border-radius:20px;padding:3px;background:linear-gradient(var(--mouse-angle,135deg),hsla(188,60%,49%,0.7) 0%,transparent 20%);filter:blur(6px);opacity:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:2;transition:opacity 0.3s ease,background 0.1s ease}.card:hover::before{opacity:1}.glow{position:absolute;width:100px;height:100px;background:radial-gradient(circle at center,hsla(188,60%,49%,0.3),transparent 80%);transform:translate(-50%,-50%);pointer-events:none;opacity:0;transition:opacity 0.3s ease;z-index:0}.card:hover .glow{opacity:1}h2{margin:0 0 10px;text-transform:uppercase;letter-spacing:1px;color:#e6e6e6}p{margin:0;color:#f5f5f5;font-size:17px;line-height:1.4;letter-spacing:2px}@media (max-width:768px){.cards-wrapper{padding:20px 15px;gap:20px}.card{width:100%;max-width:300px}}}.et_pb_fullwidth_code_1{*{border:0;box-sizing:border-box;margin:0;padding:0}:root{--hue:223;--hue2:192;--off-bg:#e2e2e2;--off-fg:#111;--bg:var(--off-bg);--fg:var(--off-fg);--primary:#46c6e3;--trans-dur:0.3s;--trans-timing:cubic-bezier(0.83,0,0.17,1);font-size:calc(16px + (32 - 16) * (100vw - 320px) / (2560 - 320))}html,body,.et_pb_section{height:100vh!important;margin:0;padding:0;background:#0a0a0a}body{background-color:var(--bg);color:var(--fg);display:flex;height:100vh;transition:background-color var(--trans-dur) var(--trans-timing),color var(--trans-dur) var(--trans-timing)}.switch,.switch__input{-webkit-tap-highlight-color:transparent}.switch{background-color:hsl(var(--hue),10%,90%);border-radius:.375em;box-shadow:0 4.375em 2em hsl(var(--hue),10%,70%) inset,0 .125em 0 hsl(var(--hue),10%,90%) inset,0 0 .375em hsla(var(--hue),10%,10%,.5);margin:auto;position:relative;transition:background-color var(--trans-dur) var(--trans-timing),box-shadow var(--trans-dur) var(--trans-timing);width:3.75em;height:8.75em}.switch__input{cursor:pointer;width:100%;height:100%;-webkit-appearance:none;appearance:none;position:absolute}.switch__label{overflow:hidden;width:1px;height:1px;position:absolute}.switch__lever,.switch__lever-shadow{pointer-events:none}.switch__lever{background-color:hsla(var(--hue),10%,80%);border-radius:.25em;box-shadow:0 0 .25em hsl(var(--hue),10%,10%) inset,.75em 0 .5em hsl(var(--hue),10%,90%) inset;margin:.375em;position:relative;transition:background-color var(--trans-dur) var(--trans-timing),box-shadow var(--trans-dur) var(--trans-timing);width:calc(100% - .75em);height:calc(100% - .75em)}.switch__lever:before{background-image:linear-gradient(hsla(var(--hue),10%,10%,0),hsla(var(--hue),10%,10%,.2));border-radius:inherit;content:"";display:block;width:100%;height:100%}.switch__lever-half-top,.switch__lever-half-bottom{display:flex;justify-content:center;left:.125em;padding:.5em;width:calc(100% - .25em);height:calc(50% - .125em);transition:background-color var(--trans-dur) var(--trans-timing),transform var(--trans-dur) var(--trans-timing)}.switch__lever-half-top{background-color:hsl(var(--hue),10%,85%);border-radius:.25em .25em 0 0;bottom:50%;transform-origin:50% 100%}.switch__lever-half-top:before,.switch__lever-half-bottom:before{content:"";display:block;transition:background-color var(--trans-dur) var(--trans-timing),box-shadow var(--trans-dur) var(--trans-timing)}.switch__lever-half-top:before{border-radius:50%;box-shadow:0 0 0 .125em hsl(var(--hue),10%,65%) inset,0 .25em 0 hsl(var(--hue),10%,90%) inset,0 .125em 0 hsl(var(--hue),10%,90%);width:1em;height:1em}.switch__lever-half-bottom{background-color:hsl(var(--hue),10%,90%);border-radius:0 0 .25em .25em;align-items:flex-end;top:50%;transform:rotateX(-35deg);transform-origin:50% 0}.switch__lever-half-bottom:before{background-color:hsl(var(--hue2),10%,45%);box-shadow:0 .125em 0 hsl(var(--hue2),10%,30%) inset,0 -.0625em 0 hsl(var(--hue),10%,90%) inset,0 0 .5em hsla(var(--hue2),90%,45%,0);width:.25em;height:1.125em}.switch__lever-shadow{border-radius:.25em;overflow:hidden;top:.5em;right:0;width:5em;height:calc(100% - .25em)}.switch__lever-shadow:before,.switch__lever-shadow:after{background-color:hsla(var(--hue),10%,10%,.15);content:"";left:1.625em;width:3em;height:50%;transition:background-color var(--trans-dur) var(--trans-timing),transform var(--trans-dur) var(--trans-timing)}.switch__lever-shadow:before{border-radius:1.5em 0 0 0 / 1em 0 0 0;transform-origin:0 100%}.switch__lever-shadow:after{border-radius:.25em;bottom:0;transform:skewX(-10deg);transform-origin:0 0}.switch__input:checked~.switch__lever .switch__lever-half-bottom:before{background-color:#46c6e3;box-shadow:0 .125em 0 hsl(192,90%,30%) inset,0 -.0625em 0 hsl(var(--hue),10%,90%) inset,0 0 .5em #46c6e3}.switch__input:checked~.switch__lever .switch__lever-half-top{background-color:hsl(var(--hue),10%,70%);transform:rotateX(35deg)}.switch__input:checked~.switch__lever .switch__lever-half-top:before{box-shadow:0 0 0 .125em hsl(var(--hue),10%,55%) inset,0 .25em 0 hsl(var(--hue),10%,80%) inset,0 .125em 0 hsl(var(--hue),10%,80%)}.switch__input:checked~.switch__lever .switch__lever-half-bottom{background-color:hsl(var(--hue),10%,85%);transform:rotateX(0)}.switch__input:checked~.switch__lever-shadow:before{transform:rotate(-10deg)}.switch__input:checked~.switch__lever-shadow:after{transform:skewX(0) scaleY(.85)}@media (prefers-color-scheme:dark){:root{--off-bg:#222;--off-fg:#eee}.switch{background-color:hsl(var(--hue),10%,40%)}}}div.et_pb_section.et_pb_section_2{background-size:initial;background-repeat:repeat;background-image:url(https://silverstreamdigital.co.za/wp-content/uploads/2025/10/gaming-22.png),radial-gradient(circle at center,#333333 0%,#1c1c1c 100%)!important}.et_pb_section_2.et_pb_section{padding-top:82px;padding-bottom:82px;margin-top:-184px;background-color:RGBA(255,255,255,0)!important}.et_pb_fullwidth_code_2{padding-top:0px;padding-bottom:0px;@import url('https://fonts.googleapis.com/css2?family=Abel&display=swap');.card-container{display:flex;justify-content:center;align-items:center;gap:60px;flex-wrap:wrap;padding:20px;font-family:'Abel',Arial,sans-serif!important}.card-wrapper{display:flex;justify-content:center;align-items:center;background:transparent!important;font-family:'Abel',Arial,sans-serif!important;margin:0!important;padding:0!important}.card{position:relative!important;background:radial-gradient(circle at 50% 0%,#3a3a3a 0%,#1a1a1a 64%)!important;box-shadow:inset 0 16px 4px -16px #fff0,inset 0 -16px 4px -16px #0000,0 -16px 4px -16px #fff0,0 16px 4px -16px #0000,0 0 0 1px #fff3,0 4px 4px 0 #0004,0 0 0 1px #333!important;width:288px!important;height:384px!important;border-radius:28px!important;color:#fff!important;padding:16px!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;font-family:'Abel',Arial,sans-serif!important;transition:all 0.4s ease-in-out,transform 0.4s ease-out!important}.card::before{content:"";display:block;--offset:16px!important;width:calc(100% + 2 * var(--offset))!important;height:calc(100% + 2 * var(--offset))!important;position:absolute!important;left:calc(-1 * var(--offset))!important;right:calc(-1 * var(--offset))!important;top:calc(-1 * var(--offset))!important;bottom:calc(-1 * var(--offset))!important;margin:auto!important;box-shadow:inset 0 0 0 1px #fff2!important;border-radius:42px!important;--ax:64px!important;clip-path:polygon(var(--ax) 0,0 0,0 var(--ax),var(--ax) var(--ax),var(--ax) calc(100% - var(--ax)),0 calc(100% - var(--ax)),0 100%,var(--ax) 100%,var(--ax) calc(100% - var(--ax)),calc(100% - var(--ax)) calc(100% - var(--ax)),calc(100% - var(--ax)) 100%,100% 100%,100% calc(100% - var(--ax)),calc(100% - var(--ax)) calc(100% - var(--ax)),calc(100% - var(--ax)) var(--ax),100% var(--ax),100% 0,calc(100% - var(--ax)) 0,calc(100% - var(--ax)) var(--ax),var(--ax) var(--ax))!important;transition:all 0.4s ease-in-out!important}.card:hover{transform:translateY(-3.2px)!important}.card:hover::before{box-shadow:inset 0 0 0 1.28px #25ccdb,0 0 4px 2px rgba(37,204,219,0.3)!important}.card .light-layer{position:absolute!important;left:0!important;top:0!important;height:100%!important;width:100%!important}.card .light-layer .slit{position:absolute!important;left:50%!important;top:50%!important;transform:translateX(-50%) translateY(-50%)!important;width:184px!important;height:9.6px!important;background:#333333!important;box-shadow:0 0 4px 0 #fff0!important;border-radius:3px!important;transition:all 0.4s ease-in-out!important}.card.active .light-layer .slit{background:#fff!important;box-shadow:0 0 4px 0 #fff!important;width:184px!important;height:9.6px!important}.card .light-layer .lumen{position:absolute!important;left:50%!important;transform:translateX(-50%)!important;top:0!important;bottom:192px!important;width:184px!important;height:192px!important;background:linear-gradient(to top,rgba(255,255,255,0),rgba(255,255,255,0.33))!important;clip-path:inset(0 0 192px 0)!important;pointer-events:none!important;opacity:0!important;box-shadow:0 0 24px 12px rgba(255,255,255,0.3)!important;transition:opacity 0.4s ease-in-out!important}.card .light-layer .lumen .min,.card .light-layer .lumen .mid,.card .light-layer .lumen .hi{display:none!important}.card .light-layer .darken{position:absolute!important;left:0!important;right:0!important;top:0!important;bottom:0!important;margin:auto!important;width:100%!important;height:100%!important;pointer-events:none!important;transition:opacity 0.4s ease-in-out!important;opacity:0.3!important}.card .light-layer .darken .sl{width:64%!important;height:160px!important;background:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0))!important;filter:blur(0.5px)!important;position:absolute!important;left:0!important;right:0!important;top:192px!important;bottom:0!important;margin:auto!important;opacity:0.15!important;border-radius:0 0 50% 50%!important}.card .light-layer .darken .slt{width:8px!important;height:64px!important;background:linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0))!important;filter:blur(0.5px)!important;position:absolute!important;left:0!important;right:184px!important;top:192px!important;bottom:0!important;margin:auto!important;opacity:0.4!important;border-radius:0 0 50% 50%!important}.card .light-layer .darken .srt{width:8px!important;height:64px!important;background:linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0))!important;filter:blur(0.5px)!important;position:absolute!important;right:0!important;left:184px!important;top:192px!important;bottom:0!important;margin:auto!important;opacity:0.4!important;border-radius:0 0 50% 50%!important}.card .content{font-family:'Abel',Arial,sans-serif!important}.card .content .icon{position:absolute!important;top:72px!important;left:0!important;right:0!important;margin:auto!important;width:fit-content!important;opacity:0.2!important;transition:all 0.4s ease-in-out,opacity 0.4s ease-in-out!important}.card .content .icon img{background:transparent!important;filter:grayscale(100%) brightness(1.5) contrast(1.3) saturate(0.8)}.card .content .bottom{position:relative!important;top:-20px!important}.card .content .bottom h4{margin:0 0 16px 0!important;font-size:19.2px!important;color:#ccc!important;font-family:'Abel',Arial,sans-serif!important}.card .content .bottom p{margin:0!important;padding-bottom:9.6px!important;color:#bbb!important;opacity:0.2!important;font-size:15.33px!important;font-weight:100!important;border-bottom:1px solid #fff1!important;max-width:64%!important;font-family:'Abel',Arial,sans-serif!important;transition:all 0.4s ease-in-out,opacity 0.4s ease-in-out!important}.card .content .bottom .toggle{position:absolute!important;right:0!important;bottom:0!important;height:32px!important;width:76.8px!important;border-radius:9.6px!important;background:#000!important;box-shadow:inset 0 -8px 8px 4.8px #0004,inset 0 0 1px 4.8px #ddd,inset 0 -2px 1px 4.8px #fff,inset 0 1px 2px 4.8px #0006,inset 0 0 1px 12.8px #aaa!important;cursor:pointer!important}.card .content .bottom .toggle::before{content:""!important;display:block!important;position:absolute!important;left:0!important;right:0!important;top:0!important;bottom:0!important;margin:auto!important;width:54.4px!important;height:10.88px!important;border-radius:3px!important;background:linear-gradient(to bottom,#ccc,#888)!important}.card .content .bottom .toggle .handle{position:absolute!important;top:0!important;bottom:0.64px!important;margin:auto!important;left:10.88px!important;width:40%!important;height:30%!important;background:#aaa!important;border-radius:3px!important;box-shadow:inset 0 1px 4px 0 #fff,inset 0 -1px 1px 0 #000a,0 0 1px 1px #0003,1px 3px 6px 1px #000a!important}.card .content .bottom .toggle.active .handle{transform:translateX(25.28px)!important}.card .content .bottom .toggle span{pointer-events:none!important;text-align:center!important;position:absolute!important;left:0!important;right:0!important;margin:auto!important;bottom:calc(100% + 6.4px)!important;font-size:9.6px!important;font-weight:100!important;color:#555!important;opacity:0!important;font-family:'Abel',Arial,sans-serif!important}.card .content .bottom .toggle:hover span{opacity:1!important}.card .content .bottom .toggle:not(.active):hover .handle{transform:translateX(3.2px)!important}.card.active{box-shadow:inset 0 16px 2px -16px #fffa,inset 0 -64px 48px -48px #000a,0 -16px 4px -16px #fffa,0 16px 4px -16px #000,0 0 0 1px #fff2,0 4px 4px 0 #0004,0 0 0 1px #333!important}.card.active .light-layer .lumen{opacity:0.77!important}.card.active .light-layer .darken{opacity:0.6!important}.card.active .light-layer .darken .sl{opacity:0.25!important}.card.active .light-layer .darken .slt{opacity:0.5!important}.card.active .light-layer .darken .srt{opacity:0.5!important}.card.active .content .icon{box-shadow:0 -30px 10px 3px rgba(0,0,0,0.15)!important;border-radius:50%!important;opacity:1!important}.card.active .content .icon img{filter:grayscale(100%) brightness(1.6) contrast(1.3) saturate(0.7)}.card.active .content .bottom p{color:#ccc!important;opacity:1!important}.card.active .content .bottom .toggle::before{background:#fffc!important;box-shadow:0 0 4.8px 3.2px #fff7!important}.card.active .content .bottom .toggle .handle{box-shadow:inset 0 1px 12px 0 #fff,inset 0 -1px 1px 0 #fffa,0 0 2px 1px #4443,1px 3px 6px 1px #0004!important}@media (max-width:767px){.card-container{flex-direction:column;align-items:center}.card-wrapper{margin-bottom:60px}.card-wrapper:last-child{margin-bottom:0}}}.et_pb_fullwidth_code_3{.switch-container{display:flex;justify-content:center;align-items:center;min-height:200px;width:100%;padding:20px 0}.switch,.switch__input{-webkit-tap-highlight-color:transparent}.switch{--hue:223;--hue2:191;--trans-dur:0.3s;--trans-timing:cubic-bezier(0.83,0,0.17,1);font-size:calc(16px + (24 - 16) * (100vw - 320px) / (2560 - 320));background-color:hsl(var(--hue),10%,20%);border-radius:0.375em;box-shadow:0 4.375em 2em hsl(var(--hue),10%,15%) inset,0 0.125em 0 hsl(var(--hue),10%,25%) inset,0 0 0.375em hsla(var(--hue),10%,10%,0.5);perspective:40em;position:relative;transition:background-color var(--trans-dur) var(--trans-timing),box-shadow var(--trans-dur) var(--trans-timing);width:3.75em;height:8.75em}.switch__input,.switch__lever,.switch__lever-half-top,.switch__lever-half-bottom,.switch__lever-shadow,.switch__lever-shadow:before,.switch__lever-shadow:after{display:block}.switch__input,.switch__label,.switch__lever-half-top,.switch__lever-half-bottom,.switch__lever-shadow,.switch__lever-shadow:before,.switch__lever-shadow:after{position:absolute}.switch__input{cursor:pointer;width:100%;height:100%;-webkit-appearance:none;appearance:none}.switch__label{overflow:hidden;width:1px;height:1px}.switch__lever,.switch__lever-shadow{pointer-events:none}.switch__lever{background-color:hsla(var(--hue),10%,30%);border-radius:0.25em;box-shadow:0 0 0.25em hsl(var(--hue),10%,5%) inset,0.75em 0 0.5em hsl(var(--hue),10%,40%) inset;margin:0.375em;position:relative;transition:background-color var(--trans-dur) var(--trans-timing),box-shadow var(--trans-dur) var(--trans-timing);width:calc(100% - 0.75em);height:calc(100% - 0.75em)}.switch__lever:before{background-image:linear-gradient(hsla(var(--hue),10%,10%,0),hsla(var(--hue),10%,10%,0.2));border-radius:inherit;content:"";display:block;width:100%;height:100%}.switch__lever-half-top,.switch__lever-half-bottom{display:flex;justify-content:center;left:0.125em;padding:0.5em;width:calc(100% - 0.25em);height:calc(50% - 0.125em);transition:background-color var(--trans-dur) var(--trans-timing),transform var(--trans-dur) var(--trans-timing)}.switch__lever-half-top{background-color:hsl(var(--hue),10%,25%);border-radius:0.25em 0.25em 0 0;bottom:50%;transform-origin:50% 100%}.switch__lever-half-top:before,.switch__lever-half-bottom:before{content:"";display:block;transition:background-color var(--trans-dur) var(--trans-timing),box-shadow var(--trans-dur) var(--trans-timing)}.switch__lever-half-top:before{border-radius:50%;box-shadow:0 0 0 0.125em hsl(var(--hue),10%,15%) inset,0 0.25em 0 hsl(var(--hue),10%,35%) inset,0 0.125em 0 hsl(var(--hue),10%,35%);width:1em;height:1em}.switch__lever-half-bottom{background-color:hsl(var(--hue),10%,20%);border-radius:0 0 0.25em 0.25em;align-items:flex-end;top:50%;transform:rotateX(-35deg);transform-origin:50% 0}.switch__lever-half-bottom:before{background-color:hsl(var(--hue2),10%,25%);box-shadow:0 0.125em 0 hsl(var(--hue2),10%,15%) inset,0 -0.0625em 0 hsl(var(--hue),10%,40%) inset,0 0 0.5em hsla(var(--hue2),90%,45%,0);width:0.25em;height:1.125em}.switch__lever-shadow{border-radius:0.25em;overflow:hidden;top:0.5em;right:0;width:5em;height:calc(100% - 0.25em)}.switch__lever-shadow:before,.switch__lever-shadow:after{background-color:hsla(var(--hue),10%,5%,0.3);content:"";left:1.625em;width:3em;height:50%;transition:background-color var(--trans-dur) var(--trans-timing),transform var(--trans-dur) var(--trans-timing)}.switch__lever-shadow:before{border-radius:1.5em 0 0 0 / 1em 0 0 0;transform-origin:0 100%}.switch__lever-shadow:after{border-radius:0.25em;bottom:0;transform:skewX(-10deg);transform-origin:0 0}.switch__input:checked~.switch__lever .switch__lever-half-top{background-color:hsl(220,8%,20%);transform:rotateX(35deg)}.switch__input:checked~.switch__lever .switch__lever-half-top:before{box-shadow:0 0 0 0.125em hsl(var(--hue),10%,15%) inset,0 0.25em 0 hsl(var(--hue),10%,25%) inset,0 0.125em 0 hsl(var(--hue),10%,25%)}.switch__input:checked~.switch__lever .switch__lever-half-bottom{background-color:hsl(220,9%,25%);transform:rotateX(0)}.switch__input:checked~.switch__lever .switch__lever-half-bottom:before{background-color:hsl(var(--hue2),70%,58%);box-shadow:0 0.125em 0 hsl(var(--hue2),70%,38%) inset,0 -0.0625em 0 hsl(var(--hue),10%,40%) inset,0 0 0.5em hsla(var(--hue2),70%,58%,1)}.switch__input:checked~.switch__lever .switch__lever-shadow:before{transform:rotate(-10deg)}.switch__input:checked~.switch__lever .switch__lever-shadow:after{transform:skewX(0) scaleY(0.85)}@media (prefers-color-scheme:dark){.switch{--hue2:191;background-color:hsl(var(--hue),10%,15%);box-shadow:0 4.375em 2em hsl(var(--hue),10%,10%) inset,0 0.125em 0 hsl(var(--hue),10%,20%) inset,0 0 0.375em hsla(var(--hue),10%,10%,0.5)}.switch__lever{background-color:hsla(var(--hue),10%,25%);box-shadow:0 0 0.25em hsl(var(--hue),10%,5%) inset,0.75em 0 0.5em hsl(var(--hue),10%,35%) inset}.switch__lever-half-top{background-color:hsl(var(--hue),10%,20%)}.switch__lever-half-top:before{box-shadow:0 0 0 0.125em hsl(var(--hue),10%,10%) inset,0 0.25em 0 hsl(var(--hue),10%,30%) inset,0 0.125em 0 hsl(var(--hue),10%,30%)}.switch__lever-half-bottom{background-color:hsl(var(--hue),10%,15%)}.switch__lever-half-bottom:before{background-color:hsl(var(--hue2),10%,20%);box-shadow:0 0.125em 0 hsl(var(--hue2),10%,10%) inset,0 -0.0625em 0 hsl(var(--hue),10%,30%) inset,0 0 0.5em hsla(var(--hue2),90%,45%,0)}.switch__lever-shadow:before,.switch__lever-shadow:after{background-color:hsla(var(--hue),10%,5%,0.4)}.switch__input:checked~.switch__lever .switch__lever-half-top{background-color:hsl(220,8%,20%);transform:rotateX(35deg)}.switch__input:checked~.switch__lever .switch__lever-half-top:before{box-shadow:0 0 0 0.125em hsl(var(--hue),10%,15%) inset,0 0.25em 0 hsl(var(--hue),10%,25%) inset,0 0.125em 0 hsl(var(--hue),10%,25%)}.switch__input:checked~.switch__lever .switch__lever-half-bottom{background-color:hsl(220,9%,25%)}.switch__input:checked~.switch__lever .switch__lever-half-bottom:before{background-color:hsl(var(--hue2),70%,58%);box-shadow:0 0.125em 0 hsl(var(--hue2),70%,38%) inset,0 -0.0625em 0 hsl(var(--hue),10%,30%) inset,0 0 0.5em hsla(var(--hue2),70%,58%,1)}}}