*{margin:0;padding:0;box-sizing:border-box}* .default,* .dark{--background-1: #121212;--background-2: #212121;--background-3: #2A2A2A;--text-color-1: #FFFFFF;--text-color-2: #C4C4C4;--text-color-3: #9C9C9C;--primary-color: #71FF49;--hover-background: #212121;--circle-outer: #2A2A2A;--inner-circle: #737373}* .light{--background-1: #FFFFFF;--background-2: #F6F6F6;--background-3: #EAEAEA;--text-color-1: #121212;--text-color-2: #6A6A6A;--text-color-3: #000000;--primary-color: #1B7E00;--hover-background: #CBFFBC;--circle-outer: #C6DFBF;--inner-circle:#9BC78F}.dialog-backdrop{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.dialog-content{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 10px #0000004d}button{height:51px;font-family:DM Sans;font-size:18px;border-radius:4px;padding:14px 24px;font-weight:600;cursor:pointer;transition:background-color .3s ease-in,color .3s ease-in,border-color .3s ease-in}button.primary{background-color:var(--primary-color);border:2px solid var(--primary-color);color:var(--background-1)}button.secondary{background-color:transparent;border:2px solid var(--primary-color);color:var(--primary-color)}button:not(:first-child){margin-left:20px}