.wrapper{display:inline-flex}.wrapper .icon{margin:0 10px;flex-direction:column;cursor:pointer;z-index:2}.wrapper .icon,.wrapper .icon span{display:flex;align-items:center;justify-content:center;position:relative}.wrapper .icon span{height:40px;width:40px;border-radius:50%;z-index:-2}.wrapper .icon .tooltip,.wrapper .icon span{background-color:#fff;box-shadow:0 10px 10px rgba(0,0,0,.1)}.wrapper .icon .tooltip{position:absolute;font-size:18px;top:0;padding:10px 18px;border-radius:20px;opacity:0;pointer-events:none;transition:all .4s cubic-bezier(.68,-.55,.265,1.55)}.wrapper .icon:hover .tooltip{top:-60px;opacity:1;pointer-events:auto}.wrapper .icon .tooltip:before{position:absolute;content:"";height:15px;width:15px;background:red;top:-5px;left:50%;transform:translateX(-50%) rotate(45deg)}.wrapper .icon:hover .tooltip,.wrapper .icon:hover span{text-shadow:0 -1px 0 rgba(0,0,0,.4)}.dark .wrapper .icon .tooltip{background:#1ea55c}.dark .wrapper .icon span{background:#192847}.switch{position:relative;height:1.5rem;width:3rem;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;border-radius:9999px;background-color:rgba(100,116,139,.377);transition:all .3s ease}.switch:checked{background-color:#1ea55c}.switch:before{position:absolute;content:"";left:calc(1.5rem - 1.6rem);top:calc(1.5rem - 1.6rem);display:block;height:1.6rem;width:1.6rem;cursor:pointer;border:1px solid rgba(100,116,139,.527);border-radius:9999px;background-color:#fff;box-shadow:0 3px 10px rgba(100,116,139,.327);transition:all .3s ease}.switch:hover:before{box-shadow:0 0 0 8px rgba(0,0,0,.15)}.switch:checked:hover:before{box-shadow:0 0 0 8px rgba(236,72,153,.15)}.switch:checked:before{transform:translateX(100%);border-color:#1ea55c}