:root{--primary-color: #8263ff;--secondary-color: #6c5ce7;--background-color: #ffffff;--background-color-scroll: #333;--text-color: #333;--font-family: sans-serif;--border-radius: 50px;--color-switch: #ccc;--link-bg-color: #d9d8df;--link-hover-bg-color: #c4c3cc;--background-red: #dc3545;--background-gray: #6c757d;--background-blue: #007bff;--background-avatar: #ccc}:root{--color-primary: #8263ff;--color-secondary: #6c5ce7;--color-background: #ffffff;--color-text: #333;--color-toast-bg: bisque;--color-button-bg: var(--color-primary);--color-button-text: #fff;--spacing-padding: 10px;--border-radius: 12px;--border-radius-toast: 2px}:root{--tooltip-bg-color: black;--tooltip-text-color: #fff;--tooltip-border-radius: 6px;--tooltip-padding: 20px;--tooltip-arrow-size: 20px;--active-border-color: red;--gap: 25px}*{margin:0;padding:0;box-sizing:border-box}body{width:100%;height:105vh;font-family:var(--font-family);font-size:18px;background:linear-gradient(135deg,#8263ff,#6c5ce7);color:var(--text-color)}.links{text-align:center;display:grid;align-items:center;justify-content:center;height:100vh}.links>a{margin-top:20px;font-size:20px;text-decoration:none;color:var(--primary-color);background-color:var(--link-bg-color);padding:10px 20px;border-radius:var(--border-radius);transition:background-color .3s,color .3s}.links>a:hover{background-color:var(--link-hover-bg-color);color:var(--secondary-color)}body{display:flex;align-items:center;justify-content:center}.split-btn{position:relative;display:flex;flex-direction:column;gap:20px;align-items:center}button{border:none;border-radius:11px;display:flex;flex-direction:row;gap:15px;cursor:pointer;padding:10px}.list{position:absolute;left:100%;top:-100px;scale:1;transition:all .5s ease-in-out;display:none}.list>ul{width:200px;display:flex;flex-direction:column;gap:20px;padding:10px;background-color:var(--background-color);color:var(--secondary-color);border-radius:12px;list-style:none}.list.active{display:block}.fa-arrow-down{transform:rotate(0);transition:all .2s ease-in-out}.fa-arrow-down.active{transform:rotate(-180deg)}