@import"https://fonts.googleapis.com/css2?family=McLaren&display=swap";:root{--primary--color: #8752cc;--background--color: #1c1f22;--on--background--color: #ffffff;--card--color: #282b2e;--card--variant--color: #494848;--error--color: rgb(241, 61, 61);--confirm--color: rgb(48, 150, 48);--border--radius: 6px;--padding--small: 10px 12px}*{padding:0;margin:0;font-family:McLaren,cursive;box-sizing:border-box}body{overflow-x:hidden}h1,h2,h3,h4{color:var(--primary--color)}img{width:100%;height:100%;object-fit:cover;border-radius:var(--border--radius)}button{padding:var(--padding--small);background-color:var(--primary--color);border:none;outline:none;border-radius:var(--border--radius);color:var(--on--background--color);cursor:pointer;white-space:nowrap;transition:all .3s ease-in-out}button:hover{opacity:.8}button:active{opacity:.3}button:disabled{opacity:.5}button.secondary-btn{background-color:var(--confirm--color)}button.destructive-btn{background-color:var(--error--color)}input,textarea{padding:var(--padding--small);border-radius:var(--border--radius);outline:none;border:1px solid var(--card--variant--color);color:var(--on--background--color);background-color:transparent}textarea{min-width:350px;min-height:150px;resize:vertical;line-height:1.5}input:focus,textarea:focus{border:1px solid var(--primary--color)}input.ng-invalid.ng-touched,textarea.ng-invalid.ng-touched{border:1px dashed var(--error--color)}hr{width:70%;border:1px dashed var(--card--variant--color)}.row-container{display:flex;flex-direction:row;align-items:center;gap:16px}.col-container{display:flex;flex-direction:column;gap:16px}.card-container{padding:24px;border-radius:var(--border--radius);background-color:var(--card--color);transition:all .3s ease-in-out}.hover-primary:hover{background-color:var(--primary--color)}.error-text{font-size:12px;color:var(--error--color)}