*,*:before,*:after{box-sizing:border-box}.hidden{display:none!important}body{font-family:SF Pro Display,sans-serif;background-color:var(--background);color:var(--copy);padding:0;margin:0}a{text-decoration:none;color:var(--copy)}h1,h2,h3,h4,h5,h6,p{margin:0}.form-group{display:flex;flex-direction:column;margin-bottom:10px}.form-group .button{margin-bottom:10px}.form-group .button:last-child{margin-bottom:0}.form-group.inline{display:flex;align-items:center;flex-direction:row;margin-top:3.5px}.form-group.inline input{margin-top:0;border-top-right-radius:0;border-bottom-right-radius:0}.form-group.inline .button{display:flex;justify-content:center;align-items:center;height:33px;padding:0 5px;border-width:1px;border-top-left-radius:0;border-bottom-left-radius:0}.form-group.inline.show{display:flex!important}.form-group.row{flex-direction:row;align-items:center}.form-group.row .additional{margin-left:auto}.form-group.hidden{display:none}.form-group.hidden.show{display:block}.form-group:last-child{margin-bottom:0}input{font-family:SF Pro Display,sans-serif;font-size:16px;background-color:var(--foreground);color:var(--copy);flex-grow:1;border:solid 1px var(--border);outline:none;border-radius:var(--radius-sm);padding:8px 10px;margin-top:2.5px;transition:.1s}input:focus{border-color:var(--primary);transition:.1s}select{font-family:SF Pro Display,sans-serif;font-size:16px;background-color:var(--foreground);color:var(--copy);flex-grow:1;border:solid 1px var(--border);outline:none;border-radius:var(--radius-sm);padding:8px 30px 8px 10px;margin-top:2.5px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23848695'%3E%3Cpath d='M4 6l4 4 4-4H4z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;background-size:16px;transition:.1s}select:focus{border-color:var(--primary);transition:.1s}body.dark select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23a49fac'%3E%3Cpath d='M4 6l4 4 4-4H4z'/%3E%3C/svg%3E")}.button{font-family:SF Pro Display,sans-serif;font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0;background-color:var(--foreground);color:var(--copy);border:solid 1px var(--border);border-radius:var(--radius-sm);padding:9px 12px;-webkit-user-select:none;user-select:none;cursor:pointer;transition:.1s}.button i{margin-right:6px}.button.icon-only i{margin-right:0}.button.flex{display:flex;width:fit-content}.button.hidden{display:none!important}.button:hover{transition:.1s;background-color:var(--background)}.button.primary{border-color:var(--primary)}.button.primary.active{background-color:var(--primary);border-color:var(--primary);color:var(--primary-content)}.button.primary:hover{background-color:var(--primary);color:var(--primary-content)}.button.secondary{border-color:var(--secondary)}.button.secondary:hover{background-color:var(--secondary);color:var(--secondary-content)}.button.error{border-color:var(--error)}.button.error:hover{background-color:var(--error);color:var(--error-content)}.button.warning{border-color:var(--warning)}.button.warning:hover{background-color:var(--warning);color:var(--warning-content)}.button.success{border-color:var(--success)}.button.success:hover{background-color:var(--success);color:var(--success-content)}.text-error{color:var(--error)}.checkbox{display:flex;align-items:center;position:relative;padding-left:30px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:.1s}.checkbox p{margin-top:2px}.checkbox:hover input~.checkmark{transition:.1s;border-color:var(--primary)}.checkbox input:checked~.checkmark{background-color:var(--primary)}.checkbox input:checked~.checkmark:after{display:block}.checkbox input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkbox .checkmark{position:absolute;top:0;left:0;height:20px;width:20px;background-color:var(--foreground);border:solid 1px var(--border);display:flex;align-items:center;justify-content:center;border-radius:4px}.checkbox .checkmark:after{content:"";display:none;position:relative;top:-.7px;width:5px;height:10px;border:solid white;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
