message: app service form with cosmos and functions
diff: }
  .modalTitle {
  - font-size: 1.3em;
  - font-weight: bold;
  + font-size: 1.8em;
  }
  -.selectionContainer {
  - margin-bottom: 2em;
  +.leftHeader {
  + font-weight: 500;
  + font-size: 1.2em;
  }
  -.leftHeader {
  - font-weight: bold;
  +.selectionContainer {
  + margin-bottom: 2em;
  }
  .selectionContainerDisabled {
  .button {
  margin-top: 2em;
  - font-size: 1em;
  - border: none;
  - height: 50%;
  - align-self: flex-end;
  + font-size: 1.1em;
  }
  .button:focus {
  width: 100%;
  outline: none;
  padding: 9px;
  + font-size: 1.2em;
  box-sizing: border-box;
  - background-color: var(--vscode-input-background);
  + background-color: var(--vscode-editor-background);
  border: 0.5px solid var(--vscode-editor-foreground);
  }
  .input {
  text-decoration: none;
  border: none;
  - background-color: var(--vscode-input-background);
  + background-color: var(--vscode-editor-background);
  color: var(--vscode-editor-foreground);
  font-size: 1em;
  width: 100%;
  margin-right: 10px;
  + padding: 2px 8px;
  }
  input:focus {
  @@ -121,22 +120,18 @@ input::placeholder {
  color: var(--vscode-input-placeholderForeground);
  }
  -.subLabel {
  - margin-bottom: 4px;
  -}
  -
  .createNew,
  .link {
  - float: right;
  text-decoration: none;
  color: var(--vscode-textLink-foreground);
  + float: right;
  }
  -.createNew:focus {
  +.link:focus {
  outline: 1px solid var(--vscode-contrastActiveBorder);
  }
  -.link:focus {
  +.createNew:focus {
  outline: 1px solid var(--vscode-contrastActiveBorder);
  }
  @@ -186,13 +181,13 @@ input::placeholder {
  position: relative;
  }
  -.resourceGroupToggleContainer {
  - margin-top: 0.5em;
  +.subLabel {
  + margin-bottom: 1em;
  }
  .radioButtonContainer {
  display: flex;
  - padding: 5px;
  + padding-bottom: 1em;
  }
  .radioButtonLabel {
  