.sn-component {
  .sk-notification {
    &.unpadded {
      padding: 0;
      padding-bottom: 0 !important;
      padding-top: 0;
    }

    .padded-row {
      padding: 10px 12px;
    }

    .bordered-row {
      border-bottom: 1px solid var(--sn-stylekit-border-color);
      border-top: 1px solid var(--sn-stylekit-border-color);
    }
  }

  .sk-app-bar {
    &.dynamic-height {
      min-height: 2rem !important;
      height: inherit !important;
      padding-top: 0.5rem;
      padding-bottom: 0.5rem;
    }

    &.no-top-edge {
      border-top: 0;
    }
  }
}

.sk-horizontal-group.tight > *:not(:first-child) {
  margin-left: 0.3rem;
}

.sk-horizontal-group {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.sk-panel-section {
  &:last-child {
    padding-bottom: 1rem;
  }
}

.sk-panel {
  .sk-panel-header {
    .close-button {
      border-radius: var(--sn-stylekit-general-border-radius);
      &:hover {
        text-decoration: none;
      }
    }
  }

  .sk-button-group.stretch {
    .sk-button:not(.featured) {
      // Default buttons that are not featured and stretched should have larger vertical padding
      padding: 9px;
    }
  }
}

.sk-menu-panel-header {
  a {
    cursor: pointer;
  }
}

.sk-menu-panel .sk-menu-panel-row .sk-sublabel.opaque {
  opacity: 1;
}

button.sk-button {
  border: none;
}

a, .sk-a {
  background: none;
  border: none;
  color: var(--sn-stylekit-info-color);
}

button.sk-a {
  min-height: 24px;
}

*:focus {
  outline: none;
  box-shadow: 0 0 0 2px var(--sn-stylekit-info-color);
}

input:focus {
  box-shadow: 0 0 0 1px var(--sn-stylekit-info-color);
}

.sk-button:focus, button:focus {
  box-shadow: 0 0 0 2px var(--sn-stylekit-background-color),
    0 0 0 4px var(--sn-stylekit-info-color);
}