.loader{border:4px solid #f3f3f3;border-top-color:#3498db;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loader-small{border:2px solid #f3f3f3;border-top-color:#3498db;border-radius:50%;width:16px;height:16px;animation:2s linear infinite spin}.success-animation{margin:50px auto}.checkmark{stroke-width:2px;stroke:#4bb71b;stroke-miterlimit:10;border-radius:50%;width:100px;height:100px;margin:0 auto;animation:.4s ease-in-out .4s forwards fill,.3s ease-in-out .9s both scale;display:block;position:relative;top:5px;right:5px;box-shadow:inset 0 0 #4bb71b}.checkmark__circle{stroke-dasharray:166;stroke-dashoffset:166px;stroke-width:2px;stroke-miterlimit:10;stroke:#4bb71b;fill:#fff;animation:.6s cubic-bezier(.65,0,.45,1) forwards stroke}.checkmark__check{transform-origin:50%;stroke-dasharray:48;stroke-dashoffset:48px;animation:.3s cubic-bezier(.65,0,.45,1) .8s forwards stroke}@keyframes stroke{to{stroke-dashoffset:0}}@keyframes scale{0%,to{transform:none}50%{transform:scale(1.1)}}@keyframes fill{to{box-shadow:inset 0 0 0 30px #4bb71b}}
.tooltip{cursor:pointer;color:#fff;text-align:center;background-color:#777;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:13px;line-height:16px;display:flex;position:relative}.tooltip .tooltiptext{visibility:hidden;color:#fff;text-align:center;z-index:1;opacity:0;background-color:#888;border-radius:6px;width:200px;padding:5px;transition:opacity .3s;position:absolute;top:50%;left:125%;transform:translateY(-50%)}.tooltip:hover .tooltiptext{visibility:visible;opacity:1}
@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.animate-pulse{animation:1.5s infinite pulse}
.popup-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.popup-content{text-align:center;background:#fff;border-radius:8px;width:100%;max-width:400px;padding:20px}.popup-actions{justify-content:space-around;margin-top:20px;display:flex}
.switch{width:60px;height:34px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#ccc;border-radius:34px;transition:all .4s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;border-radius:50%;width:26px;height:26px;transition:all .4s;position:absolute;bottom:4px;left:4px}input:checked+.slider{background-color:#2196f3}input:checked+.slider:before{transform:translate(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.toggle-container{align-items:center;display:flex}
.spinner{justify-content:center;align-items:center;height:100%;display:flex}.dot1,.dot2,.dot3{background-color:#333;border-radius:50%;width:10px;height:10px;margin:0 5px;animation:1.4s ease-in-out infinite both bounce}.dot2{animation-delay:-.32s}.dot3{animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}