/*!
Copyright 2023 Adobe. All rights reserved.
This file is licensed to you under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License. You may obtain a copy
of the License at http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software distributed under
the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
OF ANY KIND, either express or implied. See the License for the specific language
governing permissions and limitations under the License.
*/

.spectrum-AssetList{
  --spectrum-assetlist-width:272px;
  --spectrum-assetlist-child-indicator-animation:var(--spectrum-animation-duration-100);
  --spectrum-assetlist-item-height:var(--spectrum-spacing-600);
  --spectrum-assetlist-item-padding-inline-start:var(--spectrum-spacing-300);
  --spectrum-assetlist-item-padding-inline-end:var(--spectrum-spacing-300);
  --spectrum-assetlist-item-margin-block-end:var(--spectrum-spacing-75);
  --spectrum-assetlist-item-border-radius:var(--spectrum-spacing-75);
  --spectrum-assetlist-item-animation:var(--spectrum-animation-duration-100);
  --spectrum-assetlist-item-font-size:var(--spectrum-font-size-100);
  --spectrum-assetlist-item-font-weight:var(--spectrum-regular-font-weight);
  --spectrum-assetlist-item-background-color-down:var(--spectrum-gray-300);
  --spectrum-assetlist-item-background-color-hover:var(--spectrum-gray-200);
  --spectrum-assetlist-thumbnail-width:var(--spectrum-spacing-400);
  --spectrum-assetlist-thumbnail-height:var(--spectrum-spacing-400);
  --spectrum-assetlist-thumbnail-margin-inline-start:var(--spectrum-spacing-100);
  --spectrum-assetlist-item-label-padding-inline-start:var(--spectrum-spacing-100);
  --spectrum-assetlist-label-color:var(--spectrum-neutral-content-color-default);
}

[dir="rtl"] .spectrum-AssetList{
		--spectrum-logical-rotation:matrix(-1, 0, 0, 1, 0, 0);
	}

.spectrum-AssetList:dir(rtl){
		--spectrum-logical-rotation:matrix(-1, 0, 0, 1, 0, 0);
	}

.spectrum-AssetList{
  margin-block-start:0;
  margin-block-end:0;
  padding:0;
}

.spectrum-AssetList-item{
  position:relative;
  color:var(--highcontrast-assetlist-label-color, var(--mod-assetlist-label-color, var(--spectrum-assetlist-label-color)));

  display:flex;
  box-sizing:border-box;
  align-items:center;

  inline-size:var(--mod-assetlist-width, var(--spectrum-assetlist-width));
  block-size:var(--mod-assetlist-item-height, var(--spectrum-assetlist-item-height));

  padding-block:0;
  padding-inline:var(--mod-assetlist-item-padding-inline-start, var(--spectrum-assetlist-item-padding-inline-start)) var(--mod-assetlist-item-padding-inline-end, var(--spectrum-assetlist-item-padding-inline-end));
  margin-block:0 var(--mod-assetlist-item-margin-bottom, var(--spectrum-assetlist-item-margin-block-end));
  margin-inline:0;

  border-radius:var(--mod-assetlist-item-border-radius, var(--spectrum-assetlist-item-border-radius));

  transition:background-color var(--mod-assetlist-item-animation, var(--spectrum-assetlist-item-animation)) ease-in-out;

  font-size:var(--mod-assetlist-item-font-size, var(--spectrum-assetlist-item-font-size));
  font-weight:var(--mod-assetlist-item-font-weight, var(--spectrum-assetlist-item-font-weight));
  font-style:normal;

  cursor:pointer;

  outline:none;
}

.spectrum-AssetList-item::before{
    content:"";

    position:absolute;
    inset-inline-start:0;
    inset-inline-end:0;

    block-size:var(--mod-assetlist-item-height, var(--spectrum-assetlist-item-height));

    background-color:transparent;

    border-radius:var(--mod-assetlist-item-border-radius, var(--spectrum-assetlist-item-border-radius));
  }

.spectrum-AssetList-item.is-selectable .spectrum-Checkbox, .spectrum-AssetList-item.is-selected .spectrum-Checkbox, .spectrum-AssetList-item:focus .spectrum-Checkbox{
      display:inline-flex;
    }

.spectrum-AssetList-item.is-branch .spectrum-AssetList-itemChildIndicator{
      display:block;
    }

.spectrum-AssetList-item .spectrum-AssetList-itemThumbnail{
    border-style:none;

    inline-size:var(--mod-assetlist-thumbnail-width, var(--spectrum-assetlist-thumbnail-width));
    block-size:var(--mod-assetlist-thumnail-height, var(--spectrum-assetlist-thumbnail-height));
    margin-inline-start:var(--mod-assetlist-thumbnail-margin-left, var(--spectrum-assetlist-thumbnail-margin-inline-start));
    vertical-align:middle;
  }

.spectrum-AssetList-item[focus-within]:focus-visible.js-focus-within, .js-focus-within .spectrum-AssetList-item[focus-within]:focus-visible, .spectrum-AssetList-item.is-focused[focus-within].js-focus-within, .js-focus-within .spectrum-AssetList-item.is-focused[focus-within], .spectrum-AssetList-item[focus-within].is-focus-visible.js-focus-within, .js-focus-within .spectrum-AssetList-item[focus-within].is-focus-visible, .spectrum-AssetList-item.is-focus-within:focus-visible, .spectrum-AssetList-item.is-focus-within.is-focus-visible, .spectrum-AssetList-item.is-focused.is-focus-within,
.js-focus-within .spectrum-AssetList-item[focus-within].is-focus-visible,
.spectrum-AssetList-item.is-focus-within.is-focus-visible{
      background-color:var(--highcontrast-assetlist-item-background-color-hover, var(--mod-assetlist-item-background-color-hover, var(--spectrum-assetlist-item-background-color-hover)));
    }

.spectrum-AssetList-item:focus-within:focus-visible, .spectrum-AssetList-item.is-focused:focus-within,
.spectrum-AssetList-item:focus-within.is-focus-visible,
.spectrum-AssetList-item.is-focus-within:focus-visible,
.spectrum-AssetList-item.is-focus-within.is-focus-visible,
.spectrum-AssetList-item.is-focused.is-focus-within{
      background-color:var(--highcontrast-assetlist-item-background-color-hover, var(--mod-assetlist-item-background-color-hover, var(--spectrum-assetlist-item-background-color-hover)));
    }

.spectrum-AssetList-item[focus-within]:focus-visible.js-focus-within::before, .js-focus-within .spectrum-AssetList-item[focus-within]:focus-visible::before, .spectrum-AssetList-item.is-focused[focus-within].js-focus-within::before, .js-focus-within .spectrum-AssetList-item.is-focused[focus-within]::before, .spectrum-AssetList-item[focus-within].is-focus-visible.js-focus-within::before, .js-focus-within .spectrum-AssetList-item[focus-within].is-focus-visible::before, .spectrum-AssetList-item.is-focus-within:focus-visible::before, .spectrum-AssetList-item.is-focus-within.is-focus-visible::before, .spectrum-AssetList-item.is-focused.is-focus-within::before,
.js-focus-within .spectrum-AssetList-item[focus-within].is-focus-visible::before,
.spectrum-AssetList-item.is-focus-within.is-focus-visible::before{
        box-shadow:0 0 0 2px var(--highcontrast-assetlist-border-color-key-focus, var(--mod-assetlist-border-color-key-focus, var(--spectrum-assetlist-border-color-key-focus))) inset;
      }

.spectrum-AssetList-item:focus-within:focus-visible::before, .spectrum-AssetList-item.is-focused:focus-within::before,
.spectrum-AssetList-item:focus-within.is-focus-visible::before,
.spectrum-AssetList-item.is-focus-within:focus-visible::before,
.spectrum-AssetList-item.is-focus-within.is-focus-visible::before,
.spectrum-AssetList-item.is-focused.is-focus-within::before{
        box-shadow:0 0 0 2px var(--highcontrast-assetlist-border-color-key-focus, var(--mod-assetlist-border-color-key-focus, var(--spectrum-assetlist-border-color-key-focus))) inset;
      }

.spectrum-AssetList-item.is-navigated{
    background-color:var(--mod-assetlist-item-background-color-down, var(--spectrum-assetlist-item-background-color-down));
  }

.spectrum-AssetList-item.is-navigated:focus{
      background-color:var(--mod-assetlist-item-background-color-down, var(--spectrum-assetlist-item-background-color-down))
    }

.spectrum-AssetList-item.is-selected{
    background-color:var(--highcontrast-assetlist-item-background-color-selected, var(--mod-assetlist-item-background-color-selected, var(--spectrum-assetlist-item-background-color-selected)));
  }

.spectrum-AssetList-item.is-selected:focus{
      background-color:var(--highcontrast-assetlist-item-background-color-selected-hover, var(--mod-assetlist-item-background-color-selected-hover, var(--spectrum-assetlist-item-background-color-selected-hover)));
    }

@media (hover: hover){

.spectrum-AssetList-item:hover .spectrum-Checkbox,
.spectrum-AssetList-item.is-hover .spectrum-Checkbox{
      display:inline-flex;
    }

.spectrum-AssetList-item:hover,
.spectrum-AssetList-item.is-hover{
    background-color:var(--highcontrast-assetlist-item-background-color-hover, var(--mod-assetlist-item-background-color-hover, var(--spectrum-assetlist-item-background-color-hover)));
  }

.spectrum-AssetList-item.is-navigated:hover,
.spectrum-AssetList-item.is-navigated.is-hover{
      background-color:var(--mod-assetlist-item-background-color-down, var(--spectrum-assetlist-item-background-color-down))
    }

.spectrum-AssetList-item.is-selected:hover,
.spectrum-AssetList-item.is-selected.is-hover{
      background-color:var(--highcontrast-assetlist-item-background-color-selected-hover, var(--mod-assetlist-item-background-color-selected-hover, var(--spectrum-assetlist-item-background-color-selected-hover)));
    }
}

.spectrum-AssetList-itemSelector{
  display:none;
}

.spectrum-AssetList-itemChildIndicator{
  display:none;
  transition:transform ease var(--mod-assetlist-child-indicator-animation, var(--spectrum-assetlist-child-indicator-animation));
  transform:var(--spectrum-logical-rotation);
}

.spectrum-AssetList-itemLabel{
  flex:1;
  padding-inline-start:var(--mod-assetlist-item-label-padding-inline-start, var(--spectrum-assetlist-item-label-padding-inline-start));


  text-overflow:ellipsis;
  overflow:hidden;
  white-space:nowrap;
}

@media (forced-colors: active){
  .spectrum-AssetList-item{
   forced-color-adjust:none;
    --highcontrast-assetlist-border-color-key-focus:Highlight;
    --highcontrast-assetlist-item-background-color-hover:Highlight;
    --highcontrast-assetlist-item-background-color-selected-hover:Highlight;
    --highcontrast-assetlist-label-color:ButtonText;
    --highcontrast-assetlist-item-background-color-selected:SelectedItem;
  }

    .spectrum-AssetList-item.is-selected, .spectrum-AssetList-item.is-navigated{
      --highcontrast-assetlist-label-color:SelectedItemText;
    }

    @media (hover: hover){

    .spectrum-AssetList-item:hover,
.spectrum-AssetList-item.is-hover{
      --highcontrast-assetlist-label-color:SelectedItemText;
    }
  }
}
