.app-container{text-align:center;flex-direction:column;justify-content:flex-start;align-items:center;margin-bottom:100px;transition:all .5s;display:flex}.app-container .timeline{margin-top:20px}.app-container .app-header{max-width:520px;margin-top:16px;margin-bottom:0}.app-container .app-header p{opacity:.6;margin:0;font-size:13px;line-height:1.5}.title{color:#fff;font-family:Patrick Hand,cursive;font-size:32px;text-decoration:underline;position:absolute;top:20px;left:50%;transform:translate(-50%)}.bo-container{background:#fffffff2;flex-direction:row;justify-content:center;align-items:center;width:100%;height:90%;transition:all .5s;display:flex;position:fixed}.arrow{text-align:center;background:#fffffff2;border-top-left-radius:40px;border-top-right-radius:40px;width:40px;height:20px;transition:all .15s;position:absolute;top:-20px;left:50%;transform:translate(-50%)}.arrow svg{margin-top:3px;font-size:20px;transition:all .15s}.arrow:hover{cursor:pointer;border-top-left-radius:56px;border-top-right-radius:56px;width:56px;height:28px;top:-28px}.arrow:hover svg{font-size:28px}.buttons{display:inline-flex}.run{border:1px solid color-mix(in srgb, var(--color) 15%, transparent);color:var(--color);cursor:pointer;background-color:#0000;border-radius:4px;margin:5px;padding:10px 20px;font-size:16px;transition:background-color .3s,color .3s;position:relative}.run .warn{color:#ffee1f;text-shadow:-1px 1px #000;font-weight:700;position:absolute;top:2px;right:4px}.run:hover{color:var(--bg-color);background-color:var(--color)}.run:active{transform:scale(.9)}.constraints-container{margin:50px 50px 100px}.constraints-container .constraints .firstLine{border-bottom:1px solid color-mix(in srgb, var(--color) 15%, transparent);margin-bottom:10px;padding-bottom:5px}.constraints-container .constraints .lastLine{margin-top:10px}.constraints-container .constraints .lastLine button{color:#42af7ecc;cursor:pointer;background:0 0;border:1px solid #42af7e80;border-radius:4px;padding:6px 12px;font-family:inherit;font-size:13px;transition:background-color .3s,color .3s}.constraints-container .constraints .lastLine button:hover{color:#42af7e;background:#42af7e1a}.constraints-container .constraints .lastLine button{width:100%}.constraints-container .constraints .constraints-line{align-items:center;display:flex}.constraints-container .constraints .constraints-line select{border:1px solid color-mix(in srgb, var(--color) 15%, transparent);color:var(--color);background:0 0;border-radius:4px;outline:none;padding:3px 4px;font-family:inherit;font-size:13px}.constraints-container .constraints .constraints-line .number{width:30px}.constraints-container .constraints .constraints-line .use{width:50px}.constraints-container .constraints .constraints-line .selector{width:135px}.constraints-container .constraints .constraints-line .selector select{width:50px}.constraints-container .constraints .constraints-line .selector .select-text{width:75px}.constraints-container .constraints .constraints-line .type{width:170px}.constraints-container .constraints .constraints-line .type select{width:130px}.constraints-container .constraints .constraints-line .weight{width:100px}.constraints-container .constraints .constraints-line .weight input{border:1px solid color-mix(in srgb, var(--color) 15%, transparent);color:var(--color);background:0 0;border-radius:4px;outline:none;padding:4px 6px;font-family:inherit;transition:border-color .3s}.constraints-container .constraints .constraints-line .weight input:focus{border-color:color-mix(in srgb, var(--color) 40%, transparent)}.constraints-container .constraints .constraints-line .weight input{width:80px}.constraints-container .constraints .constraints-line .remove{justify-content:center;width:75px;display:flex}.constraints-container .constraints .constraints-line .remove button{color:#ff4136b3;cursor:pointer;background:0 0;border:1px solid #ff413680;border-radius:4px;width:26px;height:26px;padding:0;font-family:inherit;font-size:14px;line-height:1;transition:background-color .3s,color .3s,border-color .3s}.constraints-container .constraints .constraints-line .remove button:hover{color:#ff4136;background:#ff41361a;border-color:#ff4136cc}.timeline{flex-direction:row;align-items:center;width:100%;height:160px;margin-top:50px;margin-bottom:30px;display:flex;position:relative;overflow:scroll visible}.canvas{width:fit-content;margin:auto;display:flex;position:relative}.line{background-color:var(--color);z-index:-1;width:100%;height:2px;position:absolute;top:55px;transform:translateY(-50%)}.slot{color:#191919;background-color:var(--color);border-radius:500px;flex-direction:row;height:4px;margin:0 20px;padding:5px 35px;transition:all .5s;display:flex;position:relative;top:50px}.card-t{width:70px;position:absolute;bottom:16px;left:0}.switch{border-bottom:1.5px solid var(--color);width:100%;margin-bottom:32px;display:flex;position:relative}.switch .switch-radio{display:none}.switch .switch-container{flex:1}.switch .switch-selection{background:var(--color);height:3px;transition:left .25s ease-out;display:block;position:absolute;bottom:-2px}.switch .switch-label{color:var(--color);text-align:center;cursor:pointer;opacity:.3;user-select:none;letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:600;transition:opacity .15s ease-out}.switch .switch-radio:checked+.switch-label{opacity:1}