/* Global layout styles for TFS */
/* Colors used specifically in TFS */
.yaml-snippet-list {
  padding: 0;
  min-height: 0;
  width: 375px;
  /* This is similar to Monaco's scroll box-shadow, as requested by Design, but it doesn't match as well in dark theme.
     * Monaco uses box-shadow: #dddddd 0 6px 6px -6px inset; in the default vs light theme. */ }
  .yaml-snippet-list .snippet-list-tab-bar {
    align-items: center;
    height: 64px;
    padding: 0 32px 0 24px; }
    .yaml-snippet-list .snippet-list-tab-bar .static-tab {
      font-weight: 600; }
  .yaml-snippet-list .close-yaml-snippet-list-button {
    align-self: flex-end; }
  .yaml-snippet-list .snippet-search-container {
    flex: none;
    margin: 2px 32px 16px 24px;
    width: 319px; }
  .yaml-snippet-list .scroll-decoration {
    box-shadow: rgba( 218, 218, 218 ,  1 ) 0 6px 6px -6px inset;
    box-shadow: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 ) 0 6px 6px -6px inset;
    position: absolute;
    top: 64px;
    left: 0;
    right: 0;
    height: 6px; }
  .yaml-snippet-list .yaml-snippet-row {
    width: 343px;
    padding: 0 0 0 24px; }
    .yaml-snippet-list .yaml-snippet-row .snippet-row-main-column {
      margin-left: 14px;
      padding: 12px 0px; }
  .yaml-snippet-list .yaml-snippet-icon {
    width: 32px;
    height: 32px;
    align-self: center; }

@media screen and (min-width: 0\0) {
  .yaml-snippet-list {
    height: 0; } }